/* 手机导航 */

#phone_nav span,

.seaarch_phone span {

    display: inline-block;

    margin-left: 15px;

    padding: 0 0 0 10px;

    font-size: 20px;

    line-height: 40px
}

.pc_show {
    display: block;
}

.phone_show {
    display: none;
}

.field-title1 p#cf.ta {

    color: #fff !important;

}

.nav_ul>li:last-child>a::after {

    display: none;

}



.pt6080 {

    padding: 3.75rem 0 5rem;

}



.mt40 {

    margin-top: 2.5rem;

}



#siteFunctions {

    position: fixed;

    top: 0;

    right: -100%;

    bottom: 0;

    z-index: 10;

    z-index: 9999;

    width: 100%;

    height: 100%;

    background-color: #fff
}



#siteFunctions .inner {

    position: relative;

    overflow-y: auto;

    padding: 0 0 50px;

    height: 100vh;

    background-color: #fff
}



#siteFunctions .hd {

    position: relative;

    overflow: hidden;

    padding: 0 15px;

    height: 60px;

    border-bottom: #dcdcdc 1px solid;

    line-height: 60px
}



#siteFunctions .hd .lang a {

    display: inline-block;

    padding: 0;

    height: 44px;

    color: #999;

    text-transform: uppercase;

    font-size: 18px;

    line-height: 44px
}



#siteFunctions .hd .lang a.active {

    color: #57b665
}



#siteFunctions .hd .lang a+a {

    margin-left: 20px
}



/* #siteFunctions .bt-close {

    position: absolute; 

    top: 20px;

    right: 5vw;

    display: block;

    width: 18px;

    height: 18px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}

.caidann {

    width: 40px;

}

#siteFunctions .bt-close span {

    position: absolute;

    top: -9999px;

    left: -9999px

}



#siteFunctions .bt-close::before {

    position: absolute;

    top: 50%;

    left: 0;

    display: block;

    margin-top: -1px;

    width: 100%;

    height: 2px;

    background-color: #222;

    content: ""

}



#siteFunctions .bt-close::after {

    position: absolute;

    top: 0;

    left: 50%;

    display: block;

    margin-left: -1px;

    width: 2px;

    height: 100%;

    background-color: #222;

    content: ""

} */



.mobMenu {

    padding: 0 5vw
}



.mobMenu a,

.mobMenu span {

    display: block;

    color: #222
}



.mobMenu>li {

    border-bottom: #dcdcdc 1px solid
}



.mobMenu>li>a {

    position: relative;

    display: block;

    padding: 16px 12px;

    color: #000;

    font-weight: 500;

    font-size: 16px
}



.mobMenu>li>a::before {

    position: absolute;

    top: 50%;

    right: 12px;

    display: block;

    width: 13px;

    height: 1px;

    background-color: #000;

    content: ''

}



.mobMenu>li>a::after {

    position: absolute;

    top: 50%;

    right: 18px;

    display: block;

    margin-top: -6px;

    width: 1px;

    height: 13px;

    background-color: #000;

    content: ''

}



#phone_nav span,

.phone .ds span {

    display: block;

    font-size: 24px;

    color: #000000;

    line-height: 40px;

}



.phone .ds span {

    font-size: 20px;

}

.nav_ul>li:hover>a::after,
.nav_ul>li.active>a::after,
.recruit_ul_div:hover {

    width: 100%;

}



.mobMenu>li.active>a::before {

    background-color: #57b665
}



.phone_beian,

.mobMenu>li.active>a::after {

    display: none;

}



.mobMenu>li>.subDepth {

    padding: 10px 12px 15px;

    border-top: #dcdcdc 1px solid;

}



.mobMenu>li>.subDepth>li>a {

    display: block;

    color: #666;

    font-size: 1rem;

    line-height: 28px
}



.mobMenu>li>.subDepth>li+li {

    margin-top: 10px;

    line-height: 28px
}



.mobMenu>li.active>a::before {

    background-image: url(http://www.nowcos.com/202101/chn/asset/images/aw_bot2.png)
}



.soousuo_pc {

    display: none;

    padding: .75rem 0;

    background-color: #eeeded;

}

.soousuo_pc input {

    line-height: 2.75rem;

    padding: 0 1.25rem 0 3.5625rem;

    background: #fff;

    width: 100%;

    border: none;

    border-radius: 5px;

    font-size: 1rem;

    color: #333;

}

.soousuo_pc button {

    position: absolute;

    top: 50%;

    left: 0.85rem;

    transform: translateY(-50%);

    width: auto;

    background: transparent;

    border: none;



}

.index {

    padding-top: 0;

}

.soousuo_pc button .iconfont {

    font-size: 1.25rem;

}

.nav {

    position: relative;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 999;

}

.nav>.container {

    line-height: 5.625rem;

}

.nav-logo {

    display: block;

}

.nav.active .nav-logo img:nth-child(2),

.nav1 .nav-logo img:nth-child(2) {

    display: inline-block;

}

.nav.active .nav-logo img:nth-child(1),

.nav1 .nav-logo img:nth-child(1) {

    display: none;

}

.nav-logo img {

    width: 13rem;

}

.nav-logo img:nth-child(2) {

    display: none;

}

.nav_ul>li {

    display: inline-block;

    padding: 0 1.125rem;

    position: relative;



}



.nav_ul>li>a {

    font-size: 1.25rem;

    color: #ffffff;

    position: relative;

    display: block;

    font-weight: 600;

}

.nav_ul>li:last-child {

    margin-left: 10rem;

}

.nav_ul>li:nth-last-of-type(1)>a {

    padding-right: 0;

}



.nav_ul>li:nth-last-of-type(1)>a .iconfont {

    background: #17489C;

    width: 3.375rem;

    height: 3.375rem;

    line-height: 3.375rem;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    font-size: 1.25rem;

    transform: rotateY(180deg);

}

.sjxs {
    display: none;
}



.nav_ul>li>a::after {

    position: absolute;

    left: 0;

    bottom: 30%;

    width: 0;

    height: 1px;

    content: "";

    background: #17489C;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}

.nav.active .nav_ul>li.active>a,
.nav1 .nav_ul>li.active>a,

.nav.active .nav_ul>li:hover>a,
.nav1 .nav_ul>li:hover>a {

    color: #17489C;

}

.nav_ul>li.active>a::after {

    width: 100%;

}



.nav.active,

.nav1 {

    background: #ffffff;

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

}

.nav.active .nav_ul>li>a,

.nav1 .nav_ul>li>a {

    color: #000;

}

.nav.active .nav_ul>li:nth-last-of-type(1)>a .iconfont,

.nav1 .nav_ul>li:nth-last-of-type(1)>a .iconfont {

    color: #fff;

    background: #17489C;

}









.pager li>a,

.pager li>span {

    padding: 10px 22px;

}



.banner_div {

    position: absolute;

    z-index: 55;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    color: #000000;

}



.banner_size .p1 {

    font-size: 1.5rem;

}



.banner_size .p2 {

    font-weight: bold;

    font-size: 3.75rem;

}



.banner_size .p3 {

    font-size: 2rem;

    margin: .625rem 0 1.25rem;

}



.more {

    font-size: 1.125rem;

    border-radius: 12px;

    color: #FFFFFF;

    padding: 0 3.125rem;

    line-height: 3.75rem;

    border: 1px solid #000000;

    display: inline-block;

}



.banner_box>div {

    width: 40%;

}



.banner_box .banner_size {

    top: 45%;

    transform: translateY(-50%);

    position: absolute;

    left: 0;

}



.banner_image {

    /* width: 15%; */

    position: absolute;

    left: 9.4rem;

    bottom: 0;

    display: none;

}



/* .honor_div_image img, */

.banner_image img {

    -webkit-animation: scale 5s infinite linear;

    -moz-animation: scale 5s infinite linear;

    -o-animation: scale 5s infinite linear;

    animation: scale 5s infinite linear;

}



.banner_box .fr img {

    background: #e4e5eb;

    border-radius: 50%;

}



.banner_box .fr {

    text-align: right;

}



@-webkit-keyframes warn {

    0% {

        -webkit-transform: scale(.5);

        transform: scale(.5);

        opacity: 1
    }



    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0
    }

}



@-moz-keyframes warn {

    0% {

        -moz-transform: scale(.5);

        transform: scale(.5);

        opacity: 1
    }



    100% {

        -moz-transform: scale(1);

        transform: scale(1);

        opacity: 0
    }

}



@-o-keyframes warn {

    0% {

        -o-transform: scale(0);

        transform: scale(0);

        opacity: 1
    }



    100% {

        -o-transform: scale(1);

        transform: scale(1);

        opacity: 0
    }

}



@keyframes warn {

    0% {

        -webkit-transform: scale(.5);

        -moz-transform: scale(.5);

        -o-transform: scale(.5);

        transform: scale(.5);

        opacity: 1
    }



    100% {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

        opacity: 0
    }

}





.area-box .dot {

    color: #ffffff;

    text-align: center;

    border-radius: 50%;

    background: #CC3538;

}



.area-box .dot1 {

    width: 5.1875rem;

    height: 5.1875rem;

    line-height: 4.8875rem;

    font-size: 3.5rem;

}



.area-box {

    position: absolute;

}



.area-box .pulse {

    position: absolute;

    -webkit-animation: warn 2s ease-out both;

    -moz-animation: warn 2s ease-out both;

    -o-animation: warn 2s ease-out both;

    animation: warn 2s ease-out both;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 .25rem #CC3538, 0 0 .625rem #CC3538 inset;

    -moz-box-shadow: 0 0 .25rem #CC3538, 0 0 .625rem #CC3538 inset;

    box-shadow: 0 0 .25rem #CC3538, 0 0 .625rem #CC3538 inset;

    border: .125rem solid #CC3538;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -o-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}



.area-box1 .pulse {

    top: -1.6875rem;

    left: -1.6875rem;

    height: 8.625rem;

    width: 8.625rem;

}



.area-box .dot {

    display: inline-block;

}



.area-box .dot1-01 {

    -webkit-animation-delay: 2s;

    -moz-animation-delay: 2s;

    -o-animation-delay: 2s;

    animation-delay: 2s;

}



.area-box .dot1-02 {

    -webkit-animation-delay: 1.6s;

    -moz-animation-delay: 1.6s;

    -o-animation-delay: 1.6s;

    animation-delay: 1.6s;

}



.area-box .dot1-03 {

    -webkit-animation-delay: 1.4s;

    -moz-animation-delay: 1.4s;

    -o-animation-delay: 1.4s;

    animation-delay: 1.4s;

}



.area-box .dot1-04 {

    -webkit-animation-delay: 1.6s;

    -moz-animation-delay: 1.6s;

    -o-animation-delay: 1.6s;

    animation-delay: 1.6s;

}



.area-box .dot1-05 {

    -webkit-animation-delay: 1.4s;

    -moz-animation-delay: 1.4s;

    -o-animation-delay: 1.4s;

    animation-delay: 1.4s;

}



.area-box .dot1-06 {

    -webkit-animation-delay: 1.6s;

    -moz-animation-delay: 1.6s;

    -o-animation-delay: 1.6s;

    animation-delay: 1.6s;

}



.area-box .dot1-07 {

    -webkit-animation-delay: 1.2s;

    -moz-animation-delay: 1.2s;

    -o-animation-delay: 1.2s;

    animation-delay: 1.2s;

}



.area-box .dot1-08 {

    -webkit-animation-delay: .8s;

    -moz-animation-delay: .8s;

    -o-animation-delay: .8s;

    animation-delay: .8s;

}



.area-box .dot1-09 {

    -webkit-animation-delay: .8s;

    -moz-animation-delay: .8s;

    -o-animation-delay: .8s;

    animation-delay: .8s;

}



.area-box .dot1-10 {

    -webkit-animation-delay: 1s;

    -moz-animation-delay: 1s;

    -o-animation-delay: 1s;

    animation-delay: 1s;

}



.area-box .dot1-11 {

    -webkit-animation-delay: .8s;

    -moz-animation-delay: .8s;

    -o-animation-delay: .8s;

    animation-delay: .8s;

}



.area-box .dot1-12 {

    -webkit-animation-delay: .6s;

    -moz-animation-delay: .6s;

    -o-animation-delay: .6s;

    animation-delay: .6s;

}



.dot6,

.dot2 {

    width: 3.125rem;

    height: 3.125rem;

    font-size: 1.5625rem;

    line-height: 3.125rem;

    text-align: center;

}



.dot12,

.dot8,

.dot5,

.dot3 {

    width: 1.875rem;

    height: 1.875rem;

    line-height: 1.875rem;

    font-size: 1.25rem;

    text-align: center;

}



.area-box6 .pulse,

.area-box2 .pulse {

    width: 5.0625rem;

    height: 5.0625rem;

    left: -1rem;

    top: -1rem;

}



.area-box13 .pulse,

.area-box12 .pulse,

.area-box8 .pulse,

.area-box7 .pulse,

.area-box5 .pulse,

.area-box4 .pulse,

.area-box3 .pulse {

    width: 4.0625rem;

    height: 4.0625rem;

    left: -1.125rem;

    top: -1.125rem;

}



.dot13,

.dot7,

.dot4 {

    width: 2.5rem;

    height: 2.5rem;

    line-height: 2.5rem;

    font-size: 1.125rem;

}



.area-box13 .pulse,

.area-box7 .pulse,

.area-box4 .pulse {

    left: -0.75rem;

    top: -0.75rem;

}



.dot11,

.dot10,

.dot9 {

    width: 1.25rem;

    height: 1.25rem;

    font-size: 1rem;

    line-height: 1.25rem;

    text-align: center;

}



.area-box14 .pulse,

.area-box11 .pulse,

.area-box10 .pulse,

.area-box9 .pulse {

    width: 2.1875rem;

    height: 2.1875rem;

    top: -0.375rem;

    left: -0.4375rem;

}















.banner .more,

.cf,

.application .more {

    color: #000000 !important;

}











.area-box1 {

    right: 4%;

    top: 15%;

}



.area-box2 {

    bottom: -1%;

    left: 35%;

}



.area-box3 {

    bottom: 19%;

    left: 7%;

}



.area-box4 {

    right: 39%;

    top: 22%;

}



.area-box5 {

    right: 34%;

    top: 36%;

}



.area-box6 {

    left: 27%;

    top: 3%;

}



.area-box.active .dot {

    background: #3C96C5;

}



.area-box7 {

    bottom: 35%;

    left: -2%;

}



.area-box8 {

    right: 33%;

    top: 27%;

}



.area-box9 {

    right: 29%;

    top: 35%;

}



.area-box10 {

    right: 39%;

    top: 31%;

}



.area-box11 {

    right: 50%;

    top: 29%;

}



.area-box.active .pulse {

    -webkit-box-shadow: 0 0 .25rem #3C96C5, 0 0 .625rem #3C96C5 inset;

    -moz-box-shadow: 0 0 .25rem #3C96C5, 0 0 .625rem #3C96C5 inset;

    box-shadow: 0 0 .25rem #3C96C5, 0 0 .625rem #3C96C5 inset;

    border: .125rem solid #3C96C5;

}



.title {

    font-weight: bold;

    font-size: 3.5rem;

    color: #000000;

}



.index_one {

    padding: 4.875rem 0 3.625rem;

}



.index_one .index_one_vid .icon {

    display: none;

}



.index_one .index_one_vid .img_add img:nth-child(2) {

    display: none;

}



.index_one_div {

    font-size: 0;

    white-space: nowrap;

    overflow: hidden;

    pointer-events: none;

}



.index_one_div p {

    display: inline-block;

    color: transparent;

    font-size: 14.375rem;

    /* letter-spacing: -0.01em; */

    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);

    text-stroke: 1px rgba(255, 255, 255, 0.1);

    opacity: 1;

    transition-property: opacity;

    transition-duration: 1s;

    transition-timing-function: cubic-bezier(0.3, 0.1, 0.1, 1);

    line-height: 11.25rem;

}

















.animate {

    position: relative;

    z-index: 5;

    font-family: 'Myriad Pro';

    /* font-size: 14.375rem; */

    font-weight: bold;

    display: inline-block;

    white-space: nowrap;

    animation: 10s wordsLoop linear infinite normal;



}



.animate span {

    display: inline-block;

    color: transparent;

    font-size: 14.375rem;

    letter-spacing: 0.03em;

    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.39);

    text-stroke: 1px rgba(255, 255, 255, 0.39);

    opacity: 1;

    transition-property: opacity;

    transition-duration: 1s;

    transition-timing-function: cubic-bezier(0.3, 0.1, 0.1, 1);

    line-height: 1;

}



.animate .c-ticker {

    width: 100%;

    display: flex;

    overflow: hidden;

    box-sizing: content-box;

    margin: 0 auto;

}



.animate .c-ticker__wrap {

    display: inline-block;

    white-space: nowrap;

    box-sizing: content-box;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

}



.animate ._ticker01 {

    -webkit-animation: loop 20s -30s linear infinite;

    animation: loop 20s -30s linear infinite;

}



.animate ._ticker02 {

    -webkit-animation: loop2 20s linear infinite;

    animation: loop2 20s linear infinite;

}



.animate .c-ticker__text {

    display: inline-flex;

}



@-webkit-keyframes loop {

    0% {

        transform: translateX(100%);

    }



    to {

        transform: translateX(-100%);

    }

}



@keyframes loop {

    0% {

        transform: translateX(100%);

    }



    to {

        transform: translateX(-100%);

    }

}



@-webkit-keyframes loop2 {

    0% {

        transform: translateX(0);

    }



    to {

        transform: translateX(-200%);

    }

}



@keyframes loop2 {

    0% {

        transform: translateX(0);

    }



    to {

        transform: translateX(-200%);

    }

}















































/* @keyframes text-loop {

    0% {

        transform: translate3d(0, 0, 0)

    }

    100% {

        transform: translate3d(-50%, 0, 0)

    }

} */

.index_one .title {

    width: 100%;



}



.index_one_vid {

    padding-top: 6.25rem;

}





.index_tow {

    background: #e4e5eb;

    padding: 3.4375rem 0 0 0;

    overflow: hidden;





}



.index_tow_lb {

    width: 62%;

    float: right;

    padding-right: 0;

    position: relative;

    z-index: 10;

}



.index_tow_box {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    z-index: 5;

}



.index_tow_ul {

    width: 20%;

    position: relative;

}



.index_tow_ul::after {

    position: absolute;

    left: .625rem;

    top: 2%;

    width: 2px;

    height: 95%;

    background: #ffffff;

    content: "";

}



.index_tow_ul li {

    position: relative;

    margin-top: 4.375rem;

    padding-left: 2.1875rem;

    font-size: 1.125rem;

    color: #000000;

    cursor: pointer;

}



.index_tow_ul li::after {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1.4375rem;

    height: 1.4375rem;

    border-radius: 50%;

    background: #ffffff;

    content: "";

    z-index: 5;

}



.index_tow_ul li:nth-of-type(1) {

    margin-top: 0;

}



.index_tow_yuan {

    position: absolute;

    bottom: 0%;

    display: none;

    left: 15%;

    /* width: 86.25rem;

    height: 86.25rem;

    background : -moz-linear-gradient(50% -9.48% -90deg,rgba(23, 72, 156, 1) 0%,rgba(26, 26, 26, 1) 100%);

    background : -webkit-linear-gradient(-90deg, rgba(23, 72, 156, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background : -webkit-gradient(linear,50% -9.48% ,50% 48.65% ,color-stop(0,rgba(23, 72, 156, 1) ),color-stop(1,rgba(26, 26, 26, 1) ));

    background : -o-linear-gradient(-90deg, rgba(23, 72, 156, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background : -ms-linear-gradient(-90deg, rgba(23, 72, 156, 1) 0%, rgba(26, 26, 26, 1) 100%);

    border-radius: 50%;

    z-index: 1; */

}



.index_tow_ul li.active::after {

    background: #17489C;

}



.index_tow_div {

    text-align: center;

    z-index: 2;

}

.index_tow_div .title {

    padding-bottom: 10px;

    position: relative;

}

.index_tow_div .title::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 40px;

    height: 4px;

    background: #17489C;

}

/* .index_one_div{

    font-family: 'Myriad Pro';

} */

.index_tow_div .index_one_div p {

    font-size: 10.875rem;

    letter-spacing: -.07rem;

    -webkit-text-stroke: 1px rgba(255, 255, 255, 1);

}



.application {

    padding: 5.3125rem 0 13.125rem;

    overflow: hidden;

    position: relative;

    background-attachment: fixed;

}







.application_ul li {

    width: 32.0625rem;

    height: 32.0625rem;

    /* border-radius: 50%;

    background : -moz-linear-gradient(0% 50% 0deg,rgba(1, 153, 68, .88) 0%,rgba(26, 26, 26, .88) 100%);

    background : -webkit-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(1, 153, 68, .88) ),color-stop(1,rgba(26, 26, 26, .88) ));

    background : -o-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background : -ms-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%); */

    padding: 2.5rem;

    position: relative;

}



.application_ul li::after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    border-radius: 50%;

    z-index: -1;

    animation: turn 16s linear infinite;

    background: -moz-linear-gradient(0% 50% 0deg, #17489C 0%, rgba(26, 26, 26, .88) 100%);

    background: -webkit-linear-gradient(0deg, #17489C 0%, rgba(26, 26, 26, .88) 100%);

    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #17489C), color-stop(1, rgba(26, 26, 26, .88)));

    background: -o-linear-gradient(0deg, #17489C 0%, rgba(26, 26, 26, .88) 100%);

    background: -ms-linear-gradient(0deg, #17489C 0%, rgba(26, 26, 26, .88) 100%);

}



.application_ul li .application_size {

    left: 0;

    width: 100%;

    text-align: center;

    bottom: 21%;

    font-weight: bold;

    font-size: 2rem;

    color: #FFFFFF;

}

.application_ul li:nth-of-type(2)::after {

    background: -webkit-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, rgba(1, 153, 68, .88)), color-stop(1, rgba(26, 26, 26, .88)));

    background: -o-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background: -ms-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

}

.application_size a {

    color: #ffffff;

}

.footer_logo img {

    height: 15px;

}

.application_ul li {

    float: left;



    position: relative;

}



.application_ul li a div {

    animation: turn 16s linear infinite;

}



@keyframes turn {

    0% {

        -webkit-transform: rotate(0deg);

    }



    25% {

        -webkit-transform: rotate(90deg);

    }



    50% {

        -webkit-transform: rotate(180deg);

    }



    75% {

        -webkit-transform: rotate(270deg);

    }



    100% {

        -webkit-transform: rotate(360deg);

    }

}



.application_ul li:nth-of-type(2) {

    float: right;

    /* background : -moz-linear-gradient(0% 50% 0deg,rgba(23, 72, 156, 1) 0%,rgba(26, 26, 26, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(23, 72, 156, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(23, 72, 156, 1) ),color-stop(1,rgba(26, 26, 26, 1) ));

    background : -o-linear-gradient(0deg, rgba(23, 72, 156, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(23, 72, 156, 1) 0%, rgba(26, 26, 26, 1) 100%); */



}



.application_ul {
    width: 73%;

    margin: 0 auto;

    margin-top: 5%;
}



.application .index_one_div {

    position: absolute;

    left: 0;

    top: 15%;

    width: 100%;

    text-align: center;

    z-index: 10;

}



.application .index_one_div p {

    font-size: 10.5rem;

    -webkit-text-stroke: 1px rgba(255, 255, 255, 1);

    text-stroke: 1px rgba(255, 255, 255, 1);

}







.application_tit p:nth-of-type(2) {

    font-size: 1.25rem;

    line-height: 2.125rem;

    color: #000000;

    text-align: justify;

    font-weight: normal;

}



.application_tit p:nth-of-type(1) {

    text-align: center;

    margin-bottom: 1rem;

}



.application .area-box3 {

    bottom: auto;

    top: 27%;

    left: 35%;

}



.application .area-box10 {

    top: 34%;

    left: 37%;

    right: auto;

}



.application .area-box9 {

    top: 45%;

    left: 32%;

    right: auto;

}



.application .area-box13 {

    left: auto;

    right: 44%;

    bottom: 45%;

    top: auto;

}



.application .area-box12 {

    right: 42%;

    bottom: 32%;

}



.application .area-box5 {

    right: 41%;

    top: 53%;

}



.application .area-box11 {

    right: 46%;

    top: 65%;

}



.application .area-box14 {

    right: 45%;

    top: 60%;

}



.application .area-box {

    z-index: 15;

}



.application_ul li {

    float: left;

    position: relative;

    z-index: 5;

}



@keyframes turn1 {

    0% {

        -webkit-transform: rotate(-0deg);

    }



    25% {

        -webkit-transform: rotate(-90deg);

    }



    50% {

        -webkit-transform: rotate(-180deg);

    }



    75% {

        -webkit-transform: rotate(-270deg);

    }



    100% {

        -webkit-transform: rotate(-360deg);

    }

}



.application_ul li:nth-of-type(2) a div {

    animation: turn1 16s linear infinite;

}



/* .application_ul li::after{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    border-radius: 50%;

    background : -moz-linear-gradient(0% 50% 0deg,rgba(1, 153, 68, .88) 0%,rgba(26, 26, 26, .88) 100%);

    background : -webkit-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(1, 153, 68, .88) ),color-stop(1,rgba(26, 26, 26, .88) ));

    background : -o-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background : -ms-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    animation: turn 16s linear infinite;

    z-index: -1;

} */

/* .application_ul li::after{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    border-radius: 50%;

    background : -moz-linear-gradient(0% 50% 0deg,rgba(1, 153, 68, .88) 0%,rgba(26, 26, 26, .88) 100%);

    background : -webkit-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(1, 153, 68, .88) ),color-stop(1,rgba(26, 26, 26, .88) ));

    background : -o-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background : -ms-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    animation: turn 16s linear infinite;

    z-index: -1;

}

.application_ul li:nth-of-type(2)::after{

    background : -moz-linear-gradient(0% 50% 0deg,rgba(23, 72, 156, 1) 0%,rgba(26, 26, 26, 1) 100%);

    background : -webkit-linear-gradient(0deg, rgba(23, 72, 156, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(23, 72, 156, 1) ),color-stop(1,rgba(26, 26, 26, 1) ));

    background : -o-linear-gradient(0deg, rgba(23, 72, 156, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background : -ms-linear-gradient(0deg, rgba(23, 72, 156, 1) 0%, rgba(26, 26, 26, 1) 100%);

}

.application_ul li:nth-of-type(2){

    float: right;

    bottom: -10.3125rem;

    margin-top: 19.6875rem;

} */



.information {

    background: #e4e5eb;

    padding: 10rem 0;

    overflow: hidden;

}

.information p:nth-of-type(1) {
    text-align: center;

    margin-bottom: 3rem;
}



.information_ul li {

    color: #6d6d6d;

    width: 31%;

    margin: 0 10px;

    float: left;

    border: 2px solid #b5b6bc;
    ;

    padding: 2rem;

    position: relative;

    z-index: 15;

}



.information_ul li .tit {

    font-size: 1.4rem;

    line-height: 2.25rem;

    color: #6d6d6d;

    height: 4.5rem;

}



.information_ul li .p1 {

    font-size: 1.125rem;

    text-align: left;

    margin: .9375rem 0;

    color: #6d6d6d;

}

.information_ul li .tags {

    float: right;

    padding: 0 5px;

    line-height: 25px;

    margin: 0.975rem 0;

    background: #009944;

    color: #fff;

}

.information_ul li .tags a {

    color: #fff;

}

.information_ul li .text {

    height: 5.4rem;

    font-size: 1.1225rem;

    line-height: 1.8rem;

    margin-bottom: 1.5rem;

}



.information_ul li .more1 {

    font-size: 1.125rem;

    color: #6d6d6d;

    border: none;

    padding-left: 0;

}



.information_ul li .more1 .iconfont {

    font-size: 1.875rem;

    position: relative;

    top: .2rem;

}







.information .index_one_div {

    bottom: 5% !important;

}



.information .index_one_div p {

    color: #000;

    font-size: 9rem;

    line-height: 13.25rem;

}



.vision .hover {

    position: absolute;

    top: 50%;

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

    left: 50%;

    font-size: 2.5rem;

    line-height: 4.375rem;

    color: #FFFFFF;

}



.vision .hover p:nth-child(2) {

    padding-left: 13.75rem;

}



.information .index_one_div {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: -5%;

    top: auto;

    letter-spacing: -.06rem;

}



.footer {

    background: #4a4b4d;

}







.footer.footer1 {

    padding-top: 0 !important;

}



.footer_div {

    padding-top: 5.3125rem;

    padding-bottom: 3.125rem;

}



.footer_div {

    display: flex;

    justify-content: space-between;

}



.footer_div li:nth-of-type(1) {

    font-size: 1.125rem;

    color: #FFFFFF;

    margin-bottom: .5rem;

}



.footer_div li {

    font-size: .875rem;

    line-height: 1.875rem;

    color: #ffffff;

}



.footer_div li a {

    color: #ffffff;

}



.social-share .social-share-icon:hover {

    background: none;

}



.social-share .social-share-icon {

    border: none;

    color: #ffffff;

}



.footer_logo img {}

.rightfix {

    position: fixed;

    top: 50%;

    transform: translateY(-50%);

    right: 1.25rem;

    z-index: 9999;

    opacity: 1;

    transition: all .6;

}

.rightfix.active {

    transition: all .6;

    opacity: 1;

}

.rightfix ul li {

    position: relative;

}

.rightfix ul li .icon {

    width: 3.5rem;

    height: 3.5rem;

    line-height: 3.5rem;

    text-align: center;

    border-radius: 50%;

    margin-bottom: 10px;

    background: #17489C;

    position: relative;

}

.rightfix ul li .iconfont {

    color: #fff;

    font-size: 1.375rem;

}

.rightfix ul li .img img {

    width: 150px;

}

.rightfix ul li .text {

    position: absolute;

    top: 0;

    right: 1.4375rem;

    transition: all .5s;

    width: 0;

    line-height: 3.5rem;

    border-radius: 30px 0 0 30px;

    background: #17489C;

    color: #fff;

    height: 100%;

    overflow: hidden;

}

.rightfix ul li {

    cursor: pointer;

}

.show_pro .mianbaoxie em:last-child {

    display: none;

}

.rightfix ul li .img {

    position: absolute;

    top: 0;

    right: 0;

    width: 120px;

    height: 120px;

    right: 4rem;

    display: none;

}

.rightfix ul li:hover .img {

    display: block;

}

.rightfix ul li .text div {

    margin-left: 1rem;

}

.rightfix ul li:hover .text {

    width: 10rem;

    transition: all .5s;

}

.picture_size em:last-child {

    display: none;

}

.footer_div li .icon .iconfont {

    font-size: 1.5rem;

}

.footer_logo {

    padding-bottom: 2.1875rem;

}

.footer .img_wechat {

    width: 9.375rem;

    position: absolute;

    top: 1.875rem;

    display: none;

}

.footer li:hover .img_wechat {



    display: block;

}

.footer_box {

    padding: 1.875rem 0;

    font-size: 0.875rem;

    color: #FFFFFF;

    border-top: 1px solid rgba(255, 255, 255, .22);

}



.footer_box a {

    color: #fff !important;

}



.picture_size {

    font-size: .875rem;

    color: #000;

}



.picture_size a {

    color: #000;

    display: inline-block;

}



.picture_size a em {

    font-style: initial;

}



.picture_size a:nth-last-child(1) em {

    display: none;

}



.picture_div {

    position: absolute;

    left: 0;

    bottom: 4.375rem;

    width: 100%;

}



.leven_ul li {

    display: inline-block;

    position: relative;

}

.video_list video {

    width: 100%;

}

.video_list .hover {

    position: absolute;

    top: 6.2rem;

    left: 0;

    width: 100%;



}

.video_list .field-title1 div {

    font: 500 1.5rem/1.4em "Helvetica Neue" !important;

    margin-top: 0.5em;

}

.leven_ul li a {

    padding: 0 .9375rem;

    display: block;

    font-weight: bold;

    font-size: 1.3125rem;

    color: #000000;

}



.leven_ul li::after {

    position: absolute;

    left: 0;

    bottom: -2px;

    width: 0;

    height: 2px;

    content: "";

    background: #17489C;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.leven_ul li.active a {

    color: #17489C;

}



.leven_ul li.active::after {

    width: 100%;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.leven {

    border-bottom: 2px solid #E8E8E8;

    line-height: 5rem;

}



.newstui_size a {

    color: #FFFFFF;

}



.newstui_size a:nth-of-type(1) {

    font-weight: bold;

    font-size: 1.5rem;



}



.newstui_size a:nth-of-type(2) {

    font-size: 1.125rem;

    display: block;

}



.newstui_size a:nth-of-type(2) .iconfont {

    font-size: 1.5625rem;

    margin-left: .3125rem;

    position: relative;

    top: 2px;

}



.line1 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    overflow: hidden;

}



.line2 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.line3 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.line4 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 4;

    overflow: hidden;

}



.newstui_size {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    background: -moz-linear-gradient(0% 50% 0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background: -webkit-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, rgba(1, 153, 68, .88)), color-stop(1, rgba(26, 26, 26, .88)));

    background: -o-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background: -ms-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    border-radius: 0px 0px 17px 17px;

    padding: 1.5625rem 3.4375rem;

}



.newstui_box>div {

    width: 48.5%;

}



.newstui_fl .over img {

    height: 35.625rem;

    object-fit: cover;

}



.newstui_fl .over img,

.newstui_fl .over {

    border-radius: 17px;

}



.news {

    padding: 5.3125rem 0;

}



.newstui {

    padding-top: 5.3125rem;

}



.text_size p:nth-of-type(1) {

    font-size: 1.125rem;

    color: #999699;

}



.text_size .tit1 {

    font-size: 1.25rem;

    line-height: 1.625rem;

    color: #000000;

    margin: .1875rem 0 .5rem 0;

}



.text_size .text {

    font-size: 1rem;

    line-height: 1.625rem;

    color: #7C7C7C;

    height: 4.875rem;

}



.newstui_fr ul li {

    padding: 1.5625rem 0 2rem 0;

    border-top: 1px solid #E8E8E8;

}



.newstui_fr ul li:nth-of-type(1) {

    padding-top: 0;

    border-top: none;

}



.news_div .over img,

.news_div .over {

    border-radius: 9px;

}



.news_div .text_size {

    margin-top: 1.25rem;

}



.news_box>div {

    margin-bottom: 30px;

}



/* 新闻详情 */

.bread {

    padding-top: 1.5625rem;

}



.bread .picture_size a,

.bread .picture_size {

    color: #6B6A6A;

}



.newsxq {

    padding-top: 3.75rem;

}



.title-news p:nth-of-type(1) {

    font-weight: bold;

    font-size: 2.5rem;

    color: #000000;

}



.title-news p:nth-of-type(2) {

    font-size: 1.125rem;

    color: #999699;

    margin-top: 1rem;

    display: none;

}



.left {

    width: 8%;

}



.right {

    width: 88%;

}



.newsxq_fr {

    padding-left: 4.0625rem;

}



.newsxq_fl .data-t {

    font-size: 1.875rem;

    line-height: 1.814375rem;

    color: #000000;

    text-align: center;

    margin-bottom: 3.4375rem;

    display: block;

}



.newsxq_fl .data-t span {

    font-size: 1.125rem;

    display: block;

    position: relative;



}



.newsxq_fl .data-t em {

    font-style: initial;

    display: inline-block;

    position: relative;

    background: #ffffff;

    z-index: 55;

}



.newsxq_ico p::after,

.newsxq_fl .data-t>span:nth-of-type(1)::after {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    content: "";

    background: #EBEBEB;

    height: 1px;

    width: 100%;

}



.newsxq_ico .social-share .social-share-icon {

    background: #F2F2F2;

    color: #ADA8A8;

    font-size: .9375rem;

    display: block;

    margin: .3875rem auto;

}



.newsxq_ico p {

    text-align: center;

    font-size: .875rem;

    color: #6B6A6A;

    position: relative;

    margin-bottom: .9375rem;

}



.newsxq_ico p span {

    background: #fff;

    display: inline-block;

    position: relative;

    z-index: 5;

    padding: 0 .3125rem;

}



.text1 {

    font-size: 1.25rem;

    line-height: 2.405rem;

    color: #848484;

}



.newsxq_fr {

    border-left: 1px solid #E8E8E8;

    padding-bottom: 3.75rem;

}



.newsxq_fr_box {

    padding-top: 4.0625rem;

    margin-top: 4.6875rem;

    border-top: 1px solid #E8E8E8;

    font-size: 1.25rem;

    line-height: 2.405rem;

    color: #848484;

}



.newsxq_fr_box a {

    color: #848484;

}



/* 关于 */

.title-two p:nth-of-type(1) {

    font-weight: bold;

    font-size: 2.8125rem;

    color: #17489C;

}



.title-two p:nth-of-type(2) {

    font-weight: bold;

    font-size: 2.5rem;

    color: #302F2F;

}



.company {

    padding: 7.5rem 0 9.375rem 0;

}



.company_ul {

    display: flex;

    justify-content: space-between;

    text-align: center;

    width: 80%;

    margin: 0 auto;

    margin-top: 5.625rem;

}



.company_ul p:nth-of-type(1) {

    font-weight: bold;

    font-size: 4.25rem;

    line-height: 3.105625rem;

    color: #17489C;

    margin-bottom: .625rem;

}



.index_one_div1 p {

    font-size: 11.0625rem;

    -webkit-text-stroke: 1px rgba(23, 72, 156, 0.2);

    text-stroke: 1px rgba(23, 72, 156, 0.2);

    line-height: 8.15rem;

}



.company .index_one_div1 {

    position: absolute;

    left: 0;

    bottom: 0;

}



.footer1 {

    margin-top: 0;

}



/* 发展历程 */

.he_b3p3 {

    width: 100%;

    position: relative;

    overflow: hidden;

    background: #17489C;

    padding: 6.875rem 0 8.75rem 0;

}



.he_b3p3bx {

    width: 100%;

    position: relative;

}



.he_b3p2jh p {

    font-size: 30px;

    line-height: 1.65;

    color: #333333;

}



.he_b3p3ny {

    width: 100%;

    min-height: 400px;

    margin-top: 85px;

}



.he_b3p3bx {

    width: 100%;

    position: relative;

    overflow: hidden;

    z-index: 55;

}



.he_b3tiotph {

    display: none;

}



.he_b3p3ti {

    overflow: hidden;

}



.he_zhsp3 {

        width: 55rem;

    position: absolute;

    top: 120px;

    right: 0;

    display: none;

}



.he_zhsp3.inited {

    display: block;

}



.he_zhspuw {

    width: 100%;

    position: relative;

}



.he_zhspuw .he_zhspuy {

    position: absolute;

    bottom: 0;

    left: 0;

}



.he_b3p3le {

    width: 150px;

    position: relative;

    max-width: 150px;

}



.he_b3p3ri {

    width: calc(100% - 150px);

    padding-left: 70px;

    padding-right: 58%;

    margin-top: 0px;

}



.he_b3p3lzi p {

    font-size: 6.25rem;

    line-height: 1;

    color: #ffffff;

    font-family: 'PoppinsSemiBold' !important;

    white-space: nowrap;

}



/* .he_b3p3lzi {

    position: absolute;

    top: 250px;

    left: -207px;

    transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

} */



.he_b3p3lzi {

    position: absolute;

    right: 0;

    transform-origin: right top;

    transform: rotate(-90deg) translateY(-126px);

}



.he_b3p3jd {

    width: 1px;

    height: 30.625rem;

    position: relative;

}



.he_b3p3jd::after {

    content: '';

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 11px;

    height: 11px;

    background: #ffffff;

    border-radius: 50%;

}



.he_b3p3hsa {

    width: 100%;

    height: 100%;

    background: #e8edf3;

    position: relative;

    /* overflow: hidden; */

}



.he_b3p3dny {

    width: 3px;

    height: 100%;

    background: #ffffff;

    position: absolute;

    top: 0;

    left: -1px;

    z-index: 10;

    overflow: hidden;

}



.he_b3p3dul {

    width: 100%;

    position: relative;

}





/* 

.he_zhspuy::after {

    content: '';

    position: absolute;

    top: 457px;

    right: 0;

    width: 80vw;

    height: 380px;

    background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0.1) 100%);

    z-index: 10;

}







.he_zhspuy::before {

    content: '';

    position: absolute;

    top: 457px;

    right: 0;

    width: 100%;

    height: 380px;

    z-index: 8;

    background: linear-gradient(to top, rgba(255, 255, 255, 1), transparent);

} */





.he_b3p3dli {

    width: 100%;

    position: relative;

    margin-bottom: 4.375rem;

    opacity: 0.25;

    transition: all 0.36s;

}



.phone_honor,

.phone_history {

    display: none;

}



.he_b3p3dli.act {

    opacity: 1;

}



.he_b3p3dty p {

    font-size: 2.25rem;

    line-height: 1.65;

    color: #ffffff;

}



.he_b3p3dtfs p {

    font-size: 1.5rem;

    line-height: 1.5;

    color: #ffffff;

}



.he_b3p3dtfs {

    margin-top: .625rem;

}



.he_b3p3dtya p {

    font-size: 1rem;

    line-height: 1.875;

    color: #ffffff;

}



/* .he_b3p3dtya {

    margin-top: 46px;

} */



.he_b3p3eru {

    width: 100%;

    position: relative;

    padding-right: 10px;

}



.he_b3p3eru {

    padding-top: 20px;

}



.he_b3p3phjc {

    display: none;

}



.he_b3p3lzi p {

    display: none;

}



.he_b3p3lzi p:first-child {

    display: block;

}



.he_b3p3 .title-two p {

    color: #fff !important;

}







.vision {

    padding: 6.875rem 0 0 0;

}



.vision_lb_szie {

    position: absolute;

    right: 0;

    bottom: 0;

    padding: 3.125rem 13.75rem 3.125rem .9375rem;

    background: -moz-linear-gradient(0% 50% 0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background: -webkit-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, rgba(1, 153, 68, .88)), color-stop(1, rgba(26, 26, 26, .88)));

    background: -o-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background: -ms-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    font-size: 1.125rem;

    color: #FFFFFF;

    width: 90%;

    text-align: right;

}



.tedian_191 {

    padding-bottom: 3.125rem;

}



.tedian_191 table,

.lingyu_191 table {

    margin: 3.125rem auto 0;

    width: 80%;

    border-color: #ddd;

}



.tedian_191 table tr td {

    padding: 1.5625rem;

    font-size: 1.125rem;

    line-height: 1.5rem;

    width: 50%;

}



.lingyu_191 table tr td {

    padding: 1.5625rem;

    text-align: center;

    font-size: 1.125rem;

    line-height: 1.5rem;

}



.vision_lb .swiper-button-next,

.vision_lb .swiper-button-prev {

    background: none;

    top: auto;

    bottom: 4%;

}



.vision_lb .swiper-button-next .iconfont,

.vision_lb .swiper-button-prev .iconfont {

    color: #fff;

    font-size: 1.55rem;

    font-weight: bold;

}



.vision_lb .swiper-button-prev {

    left: auto;

    right: 5%;

}



.vision_lb .swiper-button-next {

    right: 2%;

}



.honor_div {

    margin-top: 5.625rem;

}



.honor_div_lb>div {

    width: 42%;

}



.honor_size {

    cursor: pointer;

}



.honor_size .tit1 {

    font-size: 1.5rem;

    color: #fff;

}



.honor_size .text {

    color: #fff;

}



.honor_div {

    padding: 7.1875rem 0;

    position: relative;

}



.honor_div::after {

    position: absolute;

    right: 0;

    top: 6.875rem;

    height: 100%;

    width: 50%;

    content: "";

    background: -moz-linear-gradient(50% -55.83% -90deg, rgba(1, 153, 68, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background: -webkit-linear-gradient(-90deg, rgba(1, 153, 68, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background: -webkit-gradient(linear, 50% -55.83%, 50% 75.99%, color-stop(0, rgba(1, 153, 68, 1)), color-stop(1, rgba(26, 26, 26, 1)));

    background: -o-linear-gradient(-90deg, rgba(1, 153, 68, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background: -ms-linear-gradient(-90deg, rgba(1, 153, 68, 1) 0%, rgba(26, 26, 26, 1) 100%);



}



.honor_div::before {

    background: #F4F2F2;

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 50%;

    content: "";

}



.honor {

    padding-top: 10.9375rem;

    padding-bottom: 11.5625rem;

}



.honor_div_lb .gallery-thumbs {

    max-height: 26.875rem;

    /* margin-top: 6.875rem; */

    top: 6.875rem;

    overflow: hidden;

}



.honor_div_lb .gallery-thumbs .swiper-slide {

    height: 100% !important;

}



.honor_div_lb .swiper-scrollbar {

    right: 0;

    left: auto;

    background: #fff;

    opacity: 1 !important;

    width: 1px;

}



.swiper-scrollbar-drag {}



/* .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{

    background: #fff;

    width: ;

} */

.honor_div_image {

    position: absolute;

    left: 50%;

    top: -14.5rem;

    z-index: 55;

}



.honor_div_image img {

    width: 8.875rem;

}





/*领域 */

.backs {

    overflow: hidden;

    position: relative;

    background: url(../img/17.jpg) center/cover no-repeat;

    background-attachment: fixed;

}



.field {

    padding: 10.9375rem 0 9.375rem;

}



.field-title {

    position: relative;

    font-weight: bold;

    color: #000000;

}



.field-title p:nth-of-type(1) {

    font-size: 2.6rem;

}



.field-title p:nth-of-type(2) {

    font-size: 2.5rem;

}



.field-title .area-box3 {

    bottom: 47%;

    left: 36%;

}



.field-title .area-box11 {

    right: 60%;

    top: 43%;

}



.field-size {

    color: rgba(53, 53, 53, 0.85);

    width: 80%;

    margin: 0 auto;

    text-align: center;

    padding: 2.1875rem 0 8.4375rem;

}



.field_lb {

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

    border-radius: 1.5625rem;

    padding: 2.5rem 4.375rem;

}



.field_lb .swiper-button-white {

    height: 35px;

    width: 16px;

    background-size: 100% 100%;

}



.field_lb .swiper-button-next {

    right: 1.5%;

}



.field_lb .swiper-button-prev {

    left: 1.5%;

}



.field_box .fieid_box_size {

    text-align: center;

    color: #fff;

    margin-top: .5rem;

}



.field_box .over-img {

    display: block;

    background: -moz-linear-gradient(0% 50% 0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background: -webkit-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, rgba(1, 153, 68, .88)), color-stop(1, rgba(26, 26, 26, .88)));

    background: -o-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background: -ms-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

}



.field_box:hover .over-img {

    padding: .5rem;

}

.pro-list-size .tit {

    display: block;

}

.industry.backs {

    background: url(../img/19.jpg) center/cover no-repeat;

    padding: 12.5rem 0 10.625rem;

    background-attachment: fixed;

}



.field-title .area-box3 {

    bottom: auto;

    left: 61%;

    top: -5%;

}



.field-title .area-box11 {

    right: 35%;

    top: 22%;

}



.field-title .area-box10 {

    right: 37%;

    top: 35%;

}



.field-title .area-box9 {

    right: 34%;

    top: 47%;

}



.field-title .dot9,

.field-title .dot10 {

    width: 1rem;

    height: 1rem;

    line-height: .8rem;

}



.field-title .area-box9 .pulse,

.field-title .area-box10 .pulse {

    width: 2.1875rem;

    height: 2.1875rem;

    top: -5px;

    left: -9px;

}



.field-title .dot5 {

    width: 1.3625rem;

    height: 1.3625rem;

    line-height: 1.3625rem;

}



.field-title .area-box5 .pulse {

    width: 2.5rem;

    height: 2.5rem;

    left: -10px;

    top: -10px;

}



.field-title .area-box5 {

    right: 35.5%;

    top: 65%;

}





/* 领域详情 */

.fieldxq {

    padding: 7.1875rem 0 4.6875rem 0;

}



.fieldxq_div .title-news {

    margin-bottom: 2.1875rem;

}



.fieldxq_div .col-6 {

    width: 73%;

    padding-right: 4.375rem;

    border-right: 1px solid #E8E8E8;

}



.fieldxq_div .col-4 {

    width: 27%;

    padding-left: 4.375rem;

}



.fieldxq-tit span {

    display: inline-block;

    background: #fff;

    padding: 0 1rem;

    font-weight: bold;

    font-size: 1.875rem;

    line-height: 1.625rem;

    color: #17489C;

    position: relative;

    z-index: 5;

}



.fieldxq-tit {

    position: relative;

    text-align: center;

}



.fieldxq-tit::after {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    background: #17489C;

    content: "";

    height: 1px;

    width: 100%;

}



.fieldxq_box .over {

    border: 1px solid #DBDBDB;

    border-bottom: none;

}



.fieldxq_box_size {

    background: #17489C;

    padding: 0 .9375rem;

    text-align: center;

}



.fieldxq_box_size a {

    line-height: 3.4375rem;

    color: #fff;

}



.fieldxq_wj a {

    font-size: 1.125rem;

    color: #FFFFFF;

    background: #17489C;

    border-radius: .75rem;

    line-height: 3.75rem;

    padding: 0 1.875rem;

    display: inline-block;

}



.fieldxq_wj a .iconfont {

    font-size: 1.25rem;

    margin-right: .3125rem;

}



.fieldxq .newsxq_size {

    margin: 3.125rem 0 2.1875rem;

}



.fieldxq_box1 .fieldxq_box_size {

    background: -moz-linear-gradient(0% 50% 0deg, rgba(132, 129, 129, 0.81) 0%, rgba(26, 26, 26, 0.81) 100%);

    background: -webkit-linear-gradient(0deg, rgba(132, 129, 129, 0.81) 0%, rgba(26, 26, 26, 0.81) 100%);

    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, rgba(132, 129, 129, 0.81)), color-stop(1, rgba(26, 26, 26, 0.81)));

    background: -o-linear-gradient(0deg, rgba(132, 129, 129, 0.81) 0%, rgba(26, 26, 26, 0.81) 100%);

    background: -ms-linear-gradient(0deg, rgba(132, 129, 129, 0.81) 0%, rgba(26, 26, 26, 0.81) 100%);

    opacity: 0.81;



}



/* 联系 */

.contact {

    padding: 5rem 0 7.5rem;

}

#mapDiv h3{
    font-size: 22px;
}

.contact_wid>div {

    width: 48%;

}



.contact {

    position: relative;

}



.contact::after {

    position: absolute;

    left: 0;

    top: 0;

    width: 50%;

    height: 100%;

    content: "";

    /* background: #e4e5eb; */

    z-index: -1;

}



.contact_size {

    font-size: 1.125rem;

    line-height: 2.125rem;

    color: #252525;

}



.contact_size .contact_top {

    margin: 4.0625rem 0 4.375rem;
    padding-left: 20px;
    border-left: 1px solid #bdbec3;

}



.contact_size .row>div:nth-of-type(1) {

    border-right: 1px solid rgba(255, 255, 255, .24);
    border-left: 1px solid #bdbec3;
    border-right: 1px solid #bdbec3;
    padding-left: 20px;

}



.field-title1 p:nth-of-type(1) {

    color: #000000;

    font-family: "阿里巴巴普惠体";

}



.field-title1 p:nth-of-type(2) {

    color: #000000;

}



.newsxq .social-share .icon-wechat .wechat-qrcode {

    z-index: 999;

    font-size: .875rem;

}



.newsxq .social-share .icon-wechat .wechat-qrcode .help p {

    font-size: .75rem;

}



.newsxq .social-share p::before,

.newsxq .social-share p::after {

    display: none;

}



.contact_wid .fr {

    width: 42%;

}



.newsxq_ico .social-share .social-share-icon:hover {

    background: #17489C;

    color: #fff;

}



.contact_inp input {

    border: none;

    border-bottom: 1px solid rgba(154, 154, 155, .42);

    background: none;

    height: 3.875rem;

    width: 100%;

}



.contact_inp {

    margin-bottom: .9375rem;

}



.contact_box {

    margin-top: 1.25rem;

}



.contact_box textarea {

    border: none;

    border-bottom: 1px solid rgba(154, 154, 155, .42);

    background: none;

    height: 15rem;

    padding-top: .9375rem;

    width: 100%;

}



.contact_box input::-webkit-input-placeholderm .contact_box textarea::-webkit-input-placeholder {

    color: #9A9A9B;

}



.contact .fieldxq_wj .more,

.show_pro_nine .fieldxq_wj .more {

    background: #17489C;

    border: 1px solid #17489C;

}



.show_pro_nine .fieldxq_wj .more:hover {

    background: #fff;

    color: #17489C;

    border: 1px solid #17489C !important;

}



.show_pro_nine .fieldxq_wj .more {

    margin-top: 3.75rem;

}



.contact .fieldxq_wj {

    text-align: right;

    margin-top: 1.875rem;

}





/* 技术 */

.technology {

    padding: 5.625rem 0;

}



.technology_top_lb {}



.technology_box {

    position: relative;

    cursor: pointer;

}



.technology_box video {

    display: none;

}



.technology_top_fig {

    width: 23.7%;

    float: left;

    margin-right: 1.3%;

}



.technology_box-img {

    position: relative;

}



.technology_box-img::after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    background: rgba(53, 53, 53, 0.62);

}



.technology_box-img::before {

    position: absolute;

    left: 50%;

    top: 50%;

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

    width: 0;

    height: 0;

    content: "";

    background: url(../img/22.png) no-repeat;

    background-size: 100% 100%;

    z-index: 5;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.technology_box_tit {

    color: #fff;

    position: absolute;

    left: 0;

    bottom: 5%;

    width: 100%;

    padding: 0 .625rem;

    text-align: center;





}



.technology_box:hover .technology_box-img::before {

    width: 3.125rem;

    height: 3.125rem;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.technology_box:hover .technology_box-img::after {

    background: rgba(23, 72, 156, 0.44);

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.technology_top_fig>div:nth-last-child(1) {

    margin-top: 1.5625rem;

}



.technology_top_fr {

    width: 50%;

}



.technology_top_lb {

    padding-bottom: 3rem;

}



.technology_top_lb .swiper-pagination {

    bottom: .3rem;

    text-align: right;

    width: auto;

    left: auto;

    right: 2%;



}



.technology_top_lb .swiper-button-prev,

.technology_top_lb .swiper-button-next {

    bottom: 0;

    top: auto;

    background: no-repeat;

    width: auto;

    height: auto;



}



.technology_top_lb .swiper-button-prev .iconfont,

.technology_top_lb .swiper-button-next .iconfont {

    color: #000000;

    font-size: 1.5625rem;

}



.technology_top_lb .swiper-button-next {

    right: 0;

}



.technology_top_lb .swiper-button-prev {

    left: auto;

    right: 5%;

}



.article {

    padding-bottom: 5rem;

}



.article_ul li {

    padding: 2.8125rem 0;

    border-bottom: 1px solid #E4EBF2;

    display: flex;

    align-items: center;

    justify-content: center;

}



.article_ul li .fl {

    width: 25%;

    border: 1px solid #E4EBF2;

}



.article_ul li .fl .over {

    position: relative;

}



.article_ul li .fl .over::after {

    position: absolute;

    left: 0;

    top: 0;

    width: 0%;

    height: 100%;

    content: "";

    background: rgba(23, 72, 156, .85);

    transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

}



.article_ul li:hover .fl .over::after {

    width: 100%;

    transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

}



.article_ul li .fr {

    width: 75%;

    padding-left: 5%;

}



.article_ul li .article_size p {

    color: #7C7C7C;

    font-size: 1rem;

}



.article_ul li .article_size .text {

    color: #000000;

    margin: .5rem 0;

    font-size: 1.25rem;

}



.article_ul li:hover .article_size .text {

    color: #17489C;

}



/* 产品封面页 */

.index-pro-div .clearfix>div {

    width: 48%;

}



.index-pro-div .clearfix>div .more {

    color: #000000;

}



.index-pro-div .clearfix>div .more:hover {

    color: #17489C;

}



.index-pro-div .clearfix {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    width: 100%;

}



.index-pro>div {

    height: 100vh;

}



.index-pro>div:nth-of-type(odd) {

    background: #e4e5eb;

}



.index-pro>div:nth-of-type(even) {

    background: #ffffff;

}



.index-pro-div .index-pro-text {

    padding-left: 9.4rem;

    padding-top: 8%;

}



.index-pro-div .index-pro-text .text1 {

    color: #000000;

    margin: .9375rem 0;

}



/* .index-pro-text .field-title p:nth-of-type(1){

    font-size: 2.8125rem;

} */

.index-pro-div {

    overflow: hidden;

}









/* 产品列表 */

.pro-list {

    padding: 5.3125rem 0;

}



.pro-list-size {

    position: absolute;

    left: 0;

    bottom: 10%;

    width: 100%;

    padding: 0 2.8125rem;

}



.pro-list-size .tit {

    font-size: 1.5rem;

    font-weight: bold;

    color: #000;

}



.he_b3p3dli .text {

    font-size: 1.25rem;

    color: rgba(255, 255, 255, 0.459);

}



.pro-list-div:hover .pro-list-size .tit {

    color: #fff;

}



.he_b3p3dul .he_b3p3dli.act .text {

    color: #fff;

    font-size: 1.875rem;

}

.show_pro .pro-list-dow a {

    color: #060606;

    border-bottom-color: #060606;

}

.pro-list-dow a {

    display: inline-block;

    padding-bottom: .3125rem;

    border-bottom: 2px solid #fff;

    color: #fff;

    font-size: 1rem;

    margin-right: .625rem;

}

#cf {

    color: #fff !important;

}

.pro-list-dow a i {

    margin-right: 3px;

}



.pro-list-dow {

    opacity: 0;

    margin-top: 1.25rem;

    overflow: hidden;

    transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

}

.pro-list-div:hover .pro-list-dow {

    opacity: 1;

    transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

}

.pro-list-dow a:nth-last-child(1) {

    margin-right: 0;

}



.pro-list-div {

    position: relative;

}



.pro-list-div .over::after {

    background: -webkit-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, rgba(1, 153, 68, .88)), color-stop(1, rgba(26, 26, 26, .88)));

    background: -o-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    background: -ms-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

    opacity: 0.88;

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 0;

    content: "";

    transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

}



.pro-list-div:hover .over::after {

    width: 100%;

    transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

}



.pro-list-div:hover .pro-list-dow {



    transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

}



.pro-list-fox>div {

    margin-bottom: 1.875rem;

}



.phone {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    z-index: 999;

    display: none;

    padding: 10px 0;

    width: 100%;

    background: #fff;

    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}



.phone .wid {

    float: left
}



.phone .wid>a {

    display: inline-block
}



.color_dao .iconfont {

    margin: 0 5px;

    color: #fe7506;

    font-size: 1.875rem
}



.color_dao {

    line-height: 35px
}



.color_dao .daohang_sp {

    position: relative;

    top: -7px;

    font-size: 1.5625rem
}



.color_a {

    position: relative;

    top: -7px;

    font-size: 1.5625rem
}





.phone_weibu {

    display: none;

    background: #0a0a0a
}



.phone_weibu .mobMenu>li>a {

    padding: 10px 0;

    color: #fff;

    font-size: 14px
}



.mobMenu {

    padding: 0 !important;

}



.phone_weibu .mobMenu>li a {

    padding: 10px 15px
}



.subDepth li a {

    padding: 0 !important;

}



.phone_weibu .mobMenu>li {

    border-bottom: 1px solid rgba(255, 255, 255, .1);

}



.phone_weibu .mobMenu>li>.subDepth>li>a {

    color: #fff;

    font-size: 14px;

    line-height: 26px
}



.phone_weibu .mobMenu>li>a::before {

    background-color: #fff
}



.phone_weibu .mobMenu>li>a::after {

    background-color: #fff
}



.phone_weibu .mobMenu>li>.subDepth {

    display: none;

    border-top: 1px solid;

    padding-top: 15px;

}



#spsy_tc video {

    display: block;

}



#spsy_tc,

#jishu {

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

    z-index: 9999;

}



#spsy_tc .modal-header,

#jishu .modal-header {

    padding: 0;

    border: none;

    position: absolute;

    right: 15px;

    z-index: 999;

}



.modal-content {

    background: #000;

}



#spsy_tc .modal-body,

#jishu .modal-body {

    padding: 0;

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

}



#jishu .modal-body {

    border: none;

}



.index_one_vid {

    cursor: pointer;

}



#spsy_tc .modal-content,

#jishu .modal-content {

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}



#spsy_tc .modal-dialog,

#jishu .modal-dialog {

    width: 49%;

    top: 50% !important;

    transform: translateY(-50%) !important;

}

#spsy_tc .modal-dialog,

#jishu .modal-dialog {

    width: 100%;

    margin: 0;

}

#spsy_tc video,
#jishu video {

    width: 83vw !important;

    margin: 0 auto;

    object-fit: cover;

}

.modal-content .text {

    text-align: center;

}

#spsy_tc .modal-header {

    z-index: 99 !important;

}



#spsy_tc button.close,

#jishu button.close {

    margin-top: 0;

    top: 15px;

    right: 15px;

    color: #fff;

    opacity: 1;

    margin: 20px 0 0 0;

    font-size: 50px;

    font-weight: lighter;

}



.contact_inp input,

.contact_inp textarea {

    font-size: 0.85rem;

}



@media(max-width:1550px) {}



@media(max-width:1440px) {

    .information_ul li {

        padding: 2.5rem;

    }



    .application_tit p:nth-of-type(2),

    .information_ul li .text {

        font-size: 1.125rem;

    }



    .information_ul li .tit {

        font-size: 1.65rem;

        line-height: 2.55rem;

    }



    .banner_size .p2,

    .title {

        font-size: 2.7rem;

    }



    .application_tit {

        width: 50%;

    }



    .banner_size .p3 {

        font-size: 1.65rem;

    }



    .banner_size .p1 {

        font-size: 1.25rem;

    }



    .newstui_fr ul li {

        padding: .625rem 0;

    }



    .information .index_one_div p {



        font-size: 11.8rem;

    }

}



@media(max-width:1400px) {

    .container {

        padding: 0 5rem;

    }

    .rightfix ul li:hover .text {
        width: 13rem;
    }


    .information .index_one_div p {



        font-size: 10.8rem;

    }



    .application_ul li {

        width: 30.0625rem;

        height: 30.0625rem;

    }



    /*.application_ul li:nth-of-type(2) {*/

    /*    bottom: -7.3125rem;*/

    /*    margin-top: 14.6875rem;*/

    /*}*/



    .application_tit p:nth-of-type(2),

    .information_ul li .text {

        font-size: 1rem;

    }



    .information_ul li .tit {

        font-size: 1.35rem;

        line-height: 2.25rem;

    }



    .banner_size .p2,

    .title {

        font-size: 2.25rem;

    }



    .application_ul li .application_size {

        font-size: 1.7rem;

    }



    .application .index_one_div p {

        font-size: 10.5rem;

    }



    .index_one {

        padding: 4.875rem 0 4.625rem;



    }



    .index_tow_lb {

        width: 68%;

    }



    .index_tow_yuan {

        width: 70%;

    }



    .information .index_one_div {

        bottom: -11%;

    }



    .index_one_vid {

        padding-top: 1.25rem;

    }



    .banner_box>div:nth-of-type(1) {

        width: 42%;

    }



    .application_tit p:nth-of-type(2) {

        margin-bottom: 1rem;

    }



    .information_ul li .p1 {

        font-size: 1.125rem;

        margin: .75rem 0;

    }



    .text1 {

        font-size: 1rem;

    }



    .title-news p:nth-of-type(1) {

        font-size: 2.125rem;

    }



    .application_wid {

        padding-left: 1.8125rem;

    }



    .application_tit {

        bottom: 7%;

        left: 4%;

        width: 55%;

    }



    .animate span {

        font-size: 9.375rem;

    }

}



@media(max-width:1366px) {

    .container {

        padding: 0 5rem;

    }



    .information .index_one_div p {

        font-size: 10.8rem;

    }



    .field-size {

        width: 90%;

    }



}



@media(max-width:1280px) {



    .newsxq_fr_box,

    .text1 {

        font-size: 1.125rem;

    }



    .title-news p:nth-of-type(1) {

        font-size: 1.8rem;

    }

}



@media(max-width:1024px) {

    .area-box .dot1 {

        width: 3.1875rem;

        height: 3.1875rem;

        line-height: 2.8875rem;

        font-size: 2.5rem;

    }



    .area-box1 .pulse {

        height: 6.625rem;

        width: 6.625rem;

    }



    .dot6,

    .dot2 {

        width: 2.125rem;

        height: 2.125rem;

        line-height: 2.125rem;

    }



    .area-box6 .pulse,

    .area-box2 .pulse {

        width: 4.0625rem;

        height: 4.0625rem;

    }



    .dot13,

    .dot7,

    .dot4 {

        width: 2rem;

        height: 2rem;

        line-height: 2rem;

    }



    .area-box13 .pulse,

    .area-box12 .pulse,

    .area-box8 .pulse,

    .area-box7 .pulse,

    .area-box5 .pulse,

    .area-box4 .pulse,

    .area-box3 .pulse {

        width: 3.5rem;

        height: 3.5rem;

        left: -.88rem;

        top: -.88rem;

    }



    .index_tow_div {

        left: 10%;

        bottom: 0%;

    }



    .index_tow_div .index_one_div p {

        font-size: 5.875rem;

        letter-spacing: 0rem;

    }



    .index_one_div p {

        line-height: 6.25rem;

    }



    .index_one_div p,

    .application .index_one_div p {

        font-size: 6.5rem;

    }



    .application_ul li {

        width: 29.0625rem;

        height: 29.0625rem;

        padding: 1.5rem;

    }



    .text_size .text {

        -webkit-line-clamp: 1;

        height: auto;



    }



    .contact_size .contact_top {

        margin: 1.25rem 0;

    }

}



@media(max-width:990px) {

    .container {

        padding: 0 3rem;

    }
    .phone_honor, .phone_history{
        display: block;
        padding-top: 30px;
    }
    .he_b3p3dli{
        font-size: 1rem;
    color: #fff;
    }

    .pc {
        display: none;
    }

    .sjxs {
        display: block;
    }

    .rightfix,
    .picture_div {

        display: none;

    }

    .banner_img,

    .nav {

        display: none;

    }

    .newstui_fl .over img {

        height: auto;

    }



    .more {

        font-size: 1rem;

        padding: 0 2.125rem;

        line-height: 2.75rem;

    }



    .banner_size .p2,

    .title {

        font-size: 2rem;

    }



    .banner_size .p3 {

        font-size: 1.35rem;

    }



    .index_one {

        padding: 4.0625rem 0;

    }



    .application_ul li {

        width: 22.0625rem;

        height: 22.0625rem;

        padding: 1.5rem;

    }



    /*.application_ul li:nth-of-type(2) {*/

    /*    margin-top: 6.6875rem;*/

    /*    bottom: -5.3125rem;*/

    /*}*/



    .index_tow_div,

    .application .index_one_div,

    .application_tit {

        position: static;

        width: 100%;

        left: auto;

    }



    .index_tow_div {

        padding-left: 2rem;

    }



    .application_tit p:nth-of-type(1) {

        text-align: center;

    }



    .application_wid {

        background: none;

        border-radius: 0;

        padding-left: 0;

    }







    .information .index_one_div p
    /* ,

    .application .area-box */

        {

        display: none;

    }



    .application_ul li .application_size a {

        font-size: 1.55rem;

    }

    .phone_weibu {

        display: none !important;

    }

    .information_ul li {

        padding: 20px;

        /*width: 48%;*/

    }



    .information_ul li:nth-of-type(2) {

        margin-left: 0;

    }



    .phone {

        display: block;

        background: #ffffff;

    }



    .phone_logo img {

        height: 18px;

        margin-top: 9px;

    }



    .phone_weibu {

        display: block;

    }



    body {

        padding-bottom: 0;

    }



    .footer_box {

        padding: 10px 0;

        font-size: 12px;

        line-height: 26px;

        border-top: none;

    }



    .index {

        padding-top: 60px;

    }



    .newsxq_fr_box,

    .text1 {

        font-size: 14px;

        line-height: 28px;

    }



    .company_ul p:nth-of-type(1) {

        font-size: 28px;

    }



    .title-two p:nth-of-type(1),

    .title-two p:nth-of-type(2) {

        font-size: 28px;

    }



    .he_b3p3ri {

        padding-right: 0;

    }



    .he_b3p3lzi p {

        font-size: 3.25rem;

    }



    .he_b3p3le {

        width: 100px;

        max-width: 100px;

    }



    .he_b3p3lzi {

        transform: rotate(-90deg) translateY(-83px);

    }



    .he_b3p3ri {

        padding-left: 0;

    }



    .he_b3p3dty p {

        font-size: 26px;

        line-height: 1.3;

    }



    .he_b3p3ny {

        display: none;

    }



    .he_b3p3dli {

        opacity: 1;

        margin-bottom: 20px;

    }



    .phone_history .name {

        font-size: 1.625rem;

        line-height: 1.3;

        color: #fff;

    }



    .he_b3p3dty p {

        font-size: 1.25rem;

        color: #fff !important;

        opacity: 1;

    }



    .vision_lb_szie {

        width: 100%;

        padding: 25px;

        position: relative;

    }



    .vision_lb .swiper-button-prev,

    .vision_lb .swiper-button-next,

    .honor_div {

        display: none;

    }



    .vision_lb .swiper-container {

        padding-bottom: 45px;

    }



    .vision {

        padding-top: 25px;

    }



    .honor {

        padding: 25px 0;

    }



    .swiper-pagination-bullet-active {

        background: #17489C;

    }



    .phone_honor {

        display: block;

    }



    .vision .hover {

        font-size: 1.75rem;

        line-height: 2.5rem;

    }



    .vision .hover p:nth-child(2) {

        padding-left: 6rem;

    }



    .mobMenu>li:nth-child(1)>a::after,

    .mobMenu>li:nth-child(1)>a::before {

        display: none;

    }



    .displaynone {

        top: 60px !important;

    }

}



@media(max-width:767px) {

    .index_one .title {

        padding: 2px 2px 15px 2px;

        bottom: -78%;

    }

    .pc_show {
        display: none !important;
    }

    .phone_show {
        display: block !important;
    }

    .phone_weibu {

        display: block !important;

        background: #4a4b4d;

    }

    .contact_size .row>div:nth-of-type(2) {
        border-left: 1px solid #bdbec3;
        border-right: 1px solid #bdbec3;
        padding-left: 20px;
    }



    .banner_box>div {

        width: 100%;

    }



    .animate ._ticker01 {

        -webkit-animation: none;

        animation: none;

    }



    .animate ._ticker02 {

        display: none;

    }



    .show_pro .container {

        padding-right: 0;

        padding-top: 0;

    }



    #spsy_tc .modal-dialog,

    #jishu .modal-dialog {

        width: 94%;

    }



    #spsy_tc button.close,

    #jishu button.close {

        font-size: 30px;

    }



    .container {

        padding: 0 15px;

    }



    /* .area-box6,

    .area-box8,

    .area-box7,

    .area-box1,

    .area-box2 {

        display: none;

    } */

    .area-box1 {

        right: -3%;

    }



    .area-box2 {

        bottom: -2%;

        left: 30%;

    }



    .dot2 {

        width: 18px;

        height: 18px;

        line-height: 18px;

        font-size: 14px;

    }



    .area-box2 .pulse {

        width: 2.625rem;

        height: 2.625rem;

        left: -9px;

        top: -6px;

    }



    .area-box6 .pulse {

        width: 3.125rem;

        height: 3.125rem;

        left: -0.5rem;

        top: -0.5rem;

    }



    .area-box3 {

        bottom: 14%;

        left: 0%;

    }



    .area-box7 {

        bottom: 35%;

        left: -12%;

    }



    .dot12,

    .dot8,

    .dot5,

    .dot3 {

        width: 1rem;

        height: 1rem;

        line-height: 1rem;

        font-size: .875rem;

    }



    .area-box .dot1 {

        width: 2.625rem;

        height: 2.625rem;

        line-height: 2.625rem;

        font-size: 2.25rem;

    }



    #spsy_tc button.close,

    #sp1_tc button.close {

        margin: 10px 0 0 !important;

        font-size: 25px !important;

    }



    .area-box1 .pulse {

        height: 6rem;

        width: 6rem;

        top: -24px;

        left: -24px;

    }



    .area-box4 {

        top: 16%;

        left: 55%;

    }



    .area-box6 {

        left: 23%;

        top: -4%;

    }



    .area-box8 {

        right: 38%;

        top: 27%;

    }



    .area-box11 {

        right: 54%;

        top: 24%;

    }



    .area-box14 .pulse,

    .area-box11 .pulse,

    .area-box10 .pulse,

    .area-box9 .pulse {

        width: 2rem;

        height: 2rem;

        top: -1px;

        left: -0.4375rem;

    }



    .area-box13 .pulse,

    .area-box12 .pulse,

    .area-box8 .pulse,

    .area-box7 .pulse,

    .area-box5 .pulse,

    .area-box4 .pulse,

    .area-box3 .pulse {

        width: 2rem;

        height: 2rem;

        left: -7px;

        top: -1px;

    }



    .area-box4 .pulse {

        left: -4px;

        top: -2px;

    }



    .area-box13 .pulse {

        width: 2.25rem;

        height: 2.25rem;

        left: -6px;

        top: -4px;

    }



    .area-box7 .pulse {

        width: 2rem;

        height: 2rem;

        left: -4px;

        top: -2px;

    }



    .banner_size .p2 {

        font-size: 2rem;

        line-height: 40px;

    }



    .banner_size .p3 {

        margin: 0 0 1.25rem;

    }



    .banner_size .p1,

    .banner_size .p3 {

        font-size: 16px;

    }



    .more {

        font-size: 14px;

        padding: 0 3rem;

        line-height: 2.875rem;

        border-radius: 4px;

        border: 1px solid #ffffff;

    }

    .banner .more {

        border: 1px solid #000;

    }



    .dot11,

    .dot10,

    .dot9 {

        width: 16px;

        height: 16px;

        font-size: .875rem;

        line-height: 16px;

    }



    .dot13,

    .dot7,

    .dot4 {

        width: 20px;

        height: 20px;

        line-height: 20px;

    }



    .area-box4 {

        top: 18%%;

    }



    .area-box9 {

        right: 25%;

        top: 32%;

    }



    .area-box10 {

        right: 31%;

        top: 23%;

    }



    .index_one_vid {

        text-align: center;

        padding-top: 2.25rem;

    }



    .index_one .index_one_vid .icon {

        margin-top: 30px;

        margin-bottom: 10px;

        content: "";

        width: 3.875rem;

        height: 3.875rem;

        line-height: 3.875rem;

        display: inline-block;

        text-align: center;

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

        border-radius: 50%;

        display: none;

    }



    .index_one_vid .img_add {

        margin-top: 20px;

    }



    /* 

    .index_one .index_one_vid .img_add img:nth-child(1) {

        display: none;

    }



    .index_one .index_one_vid .img_add img:nth-child(2) {

        display: block;

    } */



    .index_one_div p,

    .application .index_one_div p {

        font-size: 2.5rem;

        text-align: center;

    }



    .field,

    .fieldxq,

    .information,

    .application {

        padding: 25px 0;

    }



    .index_one {

        z-index: -2;

        padding: 25px 0;

    }

    .index_tow .index_tow_div {

        padding-left: 0;

    }

    .index_tow {

        padding: 25px 0 0 0;

    }

    .index_tow .index_tow_div .title {

        padding-top: 0;

    }

    .application .index_one_div {

        display: none;

    }

    .index_tow_ul {

        width: 100%;

        display: flex;

        justify-content: space-between;

    }



    .index_tow_box {

        transform: translateY(0%);

        position: static;

        margin-top: 20px;

    }



    .application {

        position: relative;

    }



    .application .index_one_div p {

        text-align: center;

        display: block;

    }



    .application::before {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

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

    }



    .index_tow_lb {

        width: 100%;

        padding-right: 0;

    }



    .index_tow_yuan {

        left: 0;

    }



    .index_tow_box .container {

        padding: 0;

    }



    .index_tow_ul li {

        padding: 0 2px 55px !important;

        margin-bottom: 0 !important;

        padding-left: 9px !important;

        font-size: 12px !important;

    }



    .index_tow_ul li::after {

        width: .9375rem;

        height: .9375rem;

    }



    .index_tow_ul li {

        margin-top: 0;

        padding-left: 1.5rem;

        font-size: 1rem;

    }



    .index_tow_div {

        padding-left: 0;

    }



    .index_one_div p {

        line-height: 2.75rem;

    }



    .index_tow_div .index_one_div p {

        font-size: 2.5rem;

    }



    .index_tow_ul li::after {

        left: 50%;

        bottom: 0;

    }



    .application_ul {

        height: 370px;

        margin-top: -6.0625rem;

        padding-left: 0;

        border-radius: 10px;

    }



    .app_ul {

        padding-top: 15px;

    }



    .application_ul li:nth-of-type(2) {



        margin-top: 7rem;

        bottom: 0;

    }



    .application_ul li {

        width: 15.0625rem;

        height: 15.0625rem;

        padding: 1rem;

        left: 50%;

        top: 2rem;

        transform: translateX(-50%);

    }



    .app_ul {

        display: flex;

        justify-content: center;

        position: relative;

        z-index: 9;

    }



    .app_ul li {

        color: #000000;

        float: left;

        padding: 0 20px 15px;

        font-size: 1.125rem;

        position: relative;

    }



    .app_ul::before {

        position: absolute;

        content: "";

        width: 70%;

        height: .0625rem;

        bottom: 0;

        left: 50%;

        transform: translateX(-50%);

        background-color: #666;

    }

    .app_ul li.active::before {

        background-color: #17489C;

    }



    .app_ul li::before {

        position: absolute;

        content: "";

        width: 12px;

        height: 12px;

        bottom: -5px;

        left: 50%;

        border-radius: 50%;

        transform: translateX(-50%);

        background-color: #000000;

    }



    .information_ul li {

        width: 100%;

        padding: .9375rem;

    }

    .information_ul li p,

    .information_ul li div {

        color: #fff;

    }

    .information_ul li:nth-of-type(1),

    .information_ul li:nth-of-type(2) {

        margin-top: 0;

        margin-bottom: 30px;

    }



    .information_ul li:nth-of-type(3) {

        position: static;

        transform: translateY(0%);

    }



    .footer {

        margin-top: 0;

    }



    .footer>.container {

        display: none;

    }



    .information_ul li .tit {

        font-size: 1.1875rem;

        line-height: 2rem;

    }



    .application_tit .title a,

    .application_tit p:nth-of-type(2) {

        display: none;

    }



    .application_tit p:nth-of-type(2),

    .information_ul li .text {

        font-size: 1rem;

    }



    .information_ul li .text {

        margin-bottom: 1.5rem;

        line-height: 1.625rem;

        color: #4a4b4d;

    }



    .information_ul li .p1 {

        font-size: 1rem;

        margin: .5rem 0;

    }



    .information_ul li .more1 {

        font-size: 1rem;

    }



    .newsxq .left {

        display: none;

    }



    .right {

        width: 100%;

        float: none;

        padding-left: 0;

    }



    .newsxq_fr {

        border-left: none;

    }



    .newsxq_fr_box {

        padding-top: .9375rem;

        margin-top: .9375rem;

        /* line-height: 1.405rem; */



    }



    .newsxq_fr_box,

    .text1 {

        font-size: 1rem;

    }



    .text1 {

        line-break: 1.5rem;

    }



    .newsxq_fr {

        padding-bottom: .9375rem;

    }



    .mt40 {

        margin-top: 1.5rem;

    }



    .title-news p:nth-of-type(1) {

        font-size: 1.45rem;

    }



    .title-news p:nth-of-type(2) {

        display: block;

    }



    .newsxq {

        padding-top: 2.5rem;

    }



    .bread {

        display: none;

    }



    .news_div .text_size {

        margin-top: 1rem;

    }



    .text_size .tit1 {

        font-size: 1.125rem;

    }



    .newstui_size {

        padding: .9375rem;



    }



    .newstui_box>div {

        width: 100%;

        float: none;

    }



    .newstui_size a:nth-of-type(1) {

        font-size: 1.125rem;

    }



    .newstui_fr {

        margin-top: .9375rem;

    }



    .news_box>div {

        margin-bottom: 15px;

    }



    .fieldxq_div .col-4,

    .fieldxq_div .col-6 {

        width: 100%;

        float: none;

    }



    .fieldxq_div .col-6 {

        padding-right: 0;

        border-right: none;

    }



    .fieldxq_div .col-4 {

        display: none;

    }



    .fieldxq_wj a {

        font-size: 1rem;

        line-height: 2.7rem;

        padding: 0 1.25rem;

    }



    .fieldxq .newsxq_size {

        margin: .9375rem 0;

    }



    .text1 {

        line-height: 2rem;

    }



    .field-size {

        width: 100%;

        padding: 1.25rem 0;

    }



    .field-title p:nth-of-type(1) {

        font-size: 1.55rem;

    }



    .field-title p:nth-of-type(2) {

        font-size: 1.7rem;

    }



    .field_lb {

        padding: .9375rem 2.25rem;

    }



    .contact,

    .industry.backs {

        padding: 2.5rem 0;

    }



    .field-title .area-box11 {

        right: 24%;

    }



    .field-title .area-box10 {

        right: 29%;

    }



    .field-title .area-box5 {

        right: 23.5%;

    }



    .contact_wid .fr,

    .contact_wid>div {

        width: 100%;

        float: none;

    }



    .contact::after {

        width: 0;



    }



    .contact_size {

        font-size: 1rem;

        color: #4C4C4C;

    }



    .contact .field-title p:nth-of-type(1) {

        color: #17489C;

    }



    .contact .field-title p:nth-of-type(2) {

        color: #4C4C4C;

    }



    .contact_box textarea {

        height: 10rem;

    }



    .contact_wid .fr {

        margin-top: 1.5625rem;

    }



    .company_ul {

        justify-content: space-between;

    }



    .company_ul p:nth-of-type(1) {

        font-size: 30px;

    }



    .pro-list {

        padding: 25px 0;

    }



    .pro-list-dow {

        height: auto;

    }



    .pro-list-size .tit {

        margin-bottom: 5px;

        color: #767676;

        font-size: 18px;



    }



    .pro-list-dow {

        margin-top: 10px;

    }



    .pro-list-size {

        bottom: 15px;

    }



    .pro-list-dow a {

        color: #767676;

    }



    .show_pro .pro-list-dow a {

        color: #fff;

    }

    .pro-list-div:hover .pro-list-dow a {

        color: #fff;

        border-bottom-color: #fff;

    }

    .pro-list-dow a {

        border-bottom-color: #767676;

    }

    .show_pro .pro-list-dow a {

        color: #000;

    }

    .field-title .area-box3 {

        left: 73%;

    }



    .field-title .area-box11 {

        right: 14%;

    }

    .a1_list1 {

        margin-top: 15px;

    }

    .field-title .area-box9 {

        right: 6%;

        top: 50%;

    }



    .technology_top_fig {

        width: 50%;

        margin-right: 0%;

    }



    .technology_top_fig:nth-child(1) div {

        padding-right: 7.5px;

    }



    .technology_top_fig:nth-child(2) div {

        padding-left: 7.5px;

    }



    .technology_top_fr {

        width: 100%;

        margin-top: 15px;

    }



    .technology_box_tit {

        font-size: 14px;

        line-height: 26px;

    }



    .technology_top_lb .swiper-button-prev,

    .technology_top_lb .swiper-button-next {

        display: none;

    }



    .technology_top_lb .swiper-pagination {

        right: auto;

        left: 50%;

        transform: translateX(-50%);

        font-size: 14px;

    }



    .article_ul li .fl {

        width: 100%;

        float: none;

    }



    .article_ul li .fr {

        width: 100%;

        padding-left: 0;

        float: none;

        margin-top: 15px;

    }



    .article_ul li {

        display: block;

        padding: 20px 0;

    }



    .article {

        padding-bottom: 25px;

    }



    .news,

    .company,

    .he_b3p3 {

        padding: 25px 0;

    }



    .title-two p:nth-of-type(1) {

        font-size: 24px;

    }



    .title-two p:nth-of-type(2) {

        font-size: 22px;

        margin-bottom: 15px;

    }



    .company_ul {

        width: 100%;

        margin-top: 0;

    }



    .he_b3p3ny {

        margin-top: 0;

    }

    .company .index_one_div1 {

        display: none;

    }

    .phone_honor,

    .phone_history {

        display: block;

        padding-top: 30px;

    }



    .phone_honor {

        padding-bottom: 45px;

    }



    .contact_size {

        font-size: 14px;

    }



    .vision .hover {

        font-size: 18px;

        width: 100%;

        top: 35%;

    }



    .animate span {

        font-size: 2.5rem;

    }



    .index_one_div {

        text-align: center;

    }



    .index-pro-div .clearfix>div {

        width: 100%;

        padding-left: 15px;



    }



    body {

        padding-top: 60px;

    }



    .index-pro>div {

        height: 90vh;

    }



    .index-pro-div::before {

        width: 100%;

        height: 80%;

    }



    .newstui {

        padding-top: 25px;

    }



    .leven {

        line-height: 50px;

    }



    .leven_ul li a {

        font-size: 1.125rem;

    }

}





.pagination>.active>a,

.pagination>.active>a:focus,

.pagination>.active>a:hover,

.pagination>.active>span,

.pagination>.active>span:focus,

.pagination>.active>span:hover {

    z-index: 3;

    color: #fff;

    cursor: default;

    background-color: #17489C;

    border-color: #17489C;

}



.more:hover {

    color: #000 !important;

    box-shadow: inset 0 0 0 2.5rem #fff;

    border: 1px solid #fff !important;

    color: #17489C;

    transition: 400ms ease-in-out;

    -moz-transition: 400ms ease-in-out;

    -webkit-transition: 400ms ease-in-out;

    -o-transition: 400ms ease-in-out;

}



.more.more1:hover {

    border: none !important;

    box-shadow: none;

    color: #fff;

}



.more.more1 .iconfont {

    transition: 400ms ease-in-out;

    -moz-transition: 400ms ease-in-out;

    -webkit-transition: 400ms ease-in-out;

    -o-transition: 400ms ease-in-out;

}



.more.more1:hover .iconfont {

    padding-left: 1.5625rem;

    transition: 400ms ease-in-out;

    -moz-transition: 400ms ease-in-out;

    -webkit-transition: 400ms ease-in-out;

    -o-transition: 400ms ease-in-out;

}



.news_div:hover .text_size .tit1,

.text_size:hover .tit1,

.newsxq_fr_box a:hover {

    color: #17489C;

}



.contact .fieldxq_wj .more1:hover {

    box-shadow: inset 0 0 0 2.5rem #fff;

    border: 1px solid #17489C !important;

    color: #17489C;

    transition: 400ms ease-in-out;

    -moz-transition: 400ms ease-in-out;

    -webkit-transition: 400ms ease-in-out;

    -o-transition: 400ms ease-in-out;

}





















/* 产品详情 */

.show_pro {

    background-color: #e4e5eb;

    padding-bottom: 8.5rem;

    height: 100vh;

}



.show_pro .left {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    width: 40%;

}



.show_pro .container {

    padding-right: 0;

}



.show_pro .xielie {

    font-size: 1.25rem;

    line-height: 2.25rem;

    color: #060606;

    text-align: justify;

}

.show_pro .mianbaoxie {



    line-height: 2.25rem;

    color: #060606;

    text-align: justify;

}



.show_pro .subtitle {

    font-size: 2rem;

    line-height: 2.5rem;

    margin: .625rem 0;

    color: #060606;

}



.show_pro .pro-list-dow {

    height: auto;

    opacity: 1;

}



.show_pro .right {

    width: 60%;

    float: right;

    margin-top: 10%;

}



.show_pro .right .area-box13 {

    left: auto;

    right: 28%;

    top: 16%;

}



.show_pro .right .area-box12 {

    right: 28%;

    bottom: 65%;

}



.show_pro .area-box11 {

    right: 24%;

    top: 24%;

}



.show_pro .area-box5 {

    right: 28%;

    top: 25%;

}



.show_pro .area-box14 {

    right: 23%;

    top: 30%;

}



.show_pro .area-box2 {

    bottom: 23%;

    right: 53%;

    left: auto;

}



.show_pro .area-box3 {

    bottom: 29%;

    left: 33%;

}



.show_pro .area-box7 {

    bottom: 32%;

    left: 15%;

}



.show_pro .picture_size {

    opacity: 0.4;

}



.show_pro_two {

    padding: 3.75rem 0 5.625rem;

}



.show_pro_two .hover {

    position: absolute;

    top: 0;

    transition: all .6s;

    width: 100%;

    height: 100%;

    left: -100%;

    background: -moz-linear-gradient(50% -6.54% -90deg, rgba(1, 153, 68, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background: -webkit-linear-gradient(-90deg, rgba(1, 153, 68, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background: -webkit-gradient(linear, 50% -6.54%, 50% 109.88%, color-stop(0, rgba(1, 153, 68, 1)), color-stop(1, rgba(26, 26, 26, 1)));

    background: -o-linear-gradient(-90deg, rgba(1, 153, 68, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background: -ms-linear-gradient(-90deg, rgba(1, 153, 68, 1) 0%, rgba(26, 26, 26, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#019944', endColorstr='#1A1A1A' ,GradientType=0)";

    background: linear-gradient(180deg, rgba(1, 153, 68, 1) 0%, rgba(26, 26, 26, 1) 100%);

    opacity: 0.88;

    filter: alpha(opacity=88) progid:DXImageTransform.Microsoft.Alpha(opacity=88) progid:DXImageTransform.Microsoft.gradient(startColorstr='#019944', endColorstr='#1A1A1A', GradientType=0);

}



.show_pro_two .hover div {

    position: absolute;

    top: 50%;

    left: 50%;

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

    font-size: 4rem;

    color: #fff;

    font-weight: lighter;

}



.show_pro_two .swiper-slide:hover .hover {

    left: 0;

    transition: all .6s;

}



.show_pro_two .swiper-slide {

    overflow: hidden;

}



.show_pro_two .swiper-pagination,

.show_pro_six .swiper-pagination {

    bottom: 0;

}



.show_pro_two .swiper-container,

.show_pro_six .swiper-container {

    padding-bottom: 3.75rem;

    margin-top: 3.125rem;

}



.show_pro_two .swiper-pagination-bullet,

.show_pro_six .swiper-pagination-bullet {

    width: 1.25rem;

    height: 1.25rem;

    background: #DADADA;

    opacity: 1;

}



.show_pro_two .swiper-pagination-bullet-active,

.show_pro_six .swiper-pagination-bullet-active {

    background: #17489C;

}



.show_pro_three {

    background: #EFEFEF;

    padding: 4.6875rem 0;

}



.show_pro_three .w80 {

    margin: 0 auto;

    width: 80%;

}



.list_pro_200 ul li .left,

.list_pro_200 ul li .right {

    width: 50%;

}



.list_pro_200 ul li .right .cotnent {

    position: absolute;

    top: 50%;

    left: 50%;

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

    font-size: 3rem;

    line-height: 4rem;

    color: #ffffff;

}



.list_pro_200 ul li .right .cotnent div {

    padding-right: 1.875rem;

    padding-bottom: 1.5rem;

    position: relative;

}



.list_pro_200 ul li .right .cotnent div::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 2px;

    background-color: #ffffff;

}



.list_pro_200 ul li .right .cotnent div::after {

    content: "";

    position: absolute;

    bottom: -0.1875rem;

    left: 0;

    width: 45%;

    height: .625rem;

    background-color: #ffffff;

}



.list_pro_200 ul li {

    position: relative;

}



.list_pro_200 ul li .right {

    background-image: linear-gradient(74deg,

            #0174ba 0%,

            #1981d4 0%,

            #308eed 0%,

            #1de4d6 100%),

        linear-gradient(#2882da,

            #2882da);

    background-blend-mode: normal,

        normal;

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

}



.list_pro_200 ul li:nth-child(even) .right {

    float: left;

    left: 0;

    right: auto;

}



.list_pro_200 ul li:nth-child(even) .left {

    float: right;

}



.mt100 {

    margin-top: 6.25rem;

}



.show_pro_four_203 .top {

    margin-bottom: 2.8125rem;

}



.show_pro_four_203 .top .fl {

    width: 10.4375rem;

    height: 6.875rem;

    font-size: 2rem;

    line-height: 2.4rem;

    letter-spacing: 5px;

    color: #ffffff;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    background-image: linear-gradient(25deg,

            #4154b7 0%,

            #212ba3 100%);



    border: 2px solid #4c62d1;

    border-image-slice: 1;

    border-radius: 1rem;

}



.show_pro_four_203 .top .fr {

    width: calc(100% - 10.4375rem);

    padding-left: 1.5625rem;

    height: 6.875rem;

}



.show_pro_four_203 .top .fr .name {

    font-size: 1.875rem;

    line-height: 2.125rem;

    color: #fffefe;

    margin-bottom: .625rem;

}



.show_pro_four_203 .top .fr .text {

    font-size: 1.375rem;

    line-height: 2rem;

    color: #ffffff;

}



.show_pro_four_203 .col-md-6:nth-child(1) .fl {

    font-size: 3.875rem;

    line-height: 6.875rem;

    letter-spacing: -2px;

    color: #ffffff;

}



.show_pro_four_203 .col-md-6 {

    margin-bottom: 3.75rem;

}



.a3_tjhar1 .li .font32.d_wen {

    font-size: 1.875rem;

    line-height: 2.6rem;

    width: 70%;



}



.show_pro_four_203 .col-md-6:nth-child(odd) {

    padding-right: 3.75rem;

}



.show_pro_199_one {

    background-image: linear-gradient(30deg,

            rgba(23, 48, 93, 1) 0%,

            #183d86 98%,

            #183d86 100%);

}



.show_pro_199_one ul li {

    background-image: linear-gradient(122deg,

            #4b7fe7 0%,

            #45b8ff 100%);

    border-radius: 20px;

    border: solid 1px #ffffff;

    margin-bottom: 6.875rem;

    position: relative;

}



.show_pro_199_one ul li .left,

.show_pro_199_one ul li .left img {

    border-radius: 20px 0 0 20px;

    overflow: hidden;

}



.show_pro_199_one .font30 {

    font-size: 1.5rem;

    line-height: 1.875rem;

    margin-bottom: 2.5rem;

    text-align: center;

}



.show_pro_199_one ul li .right .num {

    font-size: 5rem;

    line-height: 6rem;

    color: #ffffff;

}



.show_pro_199_one ul li .right .name {

    font-size: 2.6rem;

    line-height: 3.4rem;

    color: #ffffff;

    margin-top: 3.125rem;

}



.show_pro_199_one ul li .left {

    width: 55%;

    float: left;



}



.show_pro_199_one ul li:last-child {

    margin-bottom: 0;

}



.show_pro_199_one ul li .right {

    width: 45%;

    float: right;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    position: absolute;

    padding: 0 9.375rem;

    text-align: center;

}



.show_pro_199_one ul li .right .pa {



    position: relative;

}



.show_pro_199_one ul li:nth-child(even) .right {

    left: 0;

    right: auto;

}



.show_pro_199_one ul li:nth-child(even) .left {

    float: right;

}



.show_pro_four_203 .col-md-6:nth-child(even) {

    padding-left: 3.75rem;

}



.show_pro_199_one ul li:nth-child(even) .left,

.show_pro_199_one ul li:nth-child(even) .left img {

    border-radius: 0 20px 20px 0px;

    overflow: hidden;

}



.show_pro_199_one ul li:nth-child(even) {

    background-image: linear-gradient(122deg,

            #4b7fe7 0%,

            #45b8ff 100%);

}



.show_pro_four_203 .col-md-6 img {

    width: 100%;

}



.show_pro_four {

    padding: 2.5rem 0 5rem;

}



.show_pro_four .name {

    font-size: 1.2rem;

    line-height: 1.875rem;

    height: 4rem;

    color: #000000;

    padding-top: .625rem;

    box-sizing: content-box;

    margin-bottom: 1rem;

}



.show_pro_four .name p {

    font-size: 1.5rem;

}



.show_pro_four .col-md-3 {

    padding-bottom: 1.875rem;

}



.znzph_203 .li {

    background: #fff;

    border-radius: 1.25rem;

    margin-bottom: 6.25rem;

    padding: 3.75rem 8.125rem;

    justify-content: center;

}



.znzph_203 .li .d_wen {

    text-align: center;

    margin: 2.5rem auto 0;

}



.show_pro_five .swiper-slide .name {

    font-weight: bold;

    font-size: 2.5rem;

    line-height: 3.125rem;

    color: #FFFFFF;

    margin-bottom: .625rem;

}



.yyly_203 .col-md-4 {

    margin-bottom: 6.25rem;

}



.yyly_203 .name {

    font-size: 2.125rem;

    line-height: 3rem;

    color: #5b8fff;

    margin-top: 3.75rem;

}



.yyly_203 img {

    padding: 0;

}



.show_container .container {

    padding: 0 15rem;

}



.yyly_203 .text {

    font-size: 1.375rem;

    line-height: 2.1875rem;

    color: #000000;

    opacity: 0.7;

    margin-top: 0 !important;

}



.show_pro_five .swiper-slide .text {

    font-size: 1.25rem;

    line-height: 2.375rem;

    color: #FFFFFF;

}





.show_pro_five .swiper-slide .left {

    width: 40%;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

}



.show_pro_five .bot {

    padding: 7.5rem 0 15rem;

    background: -moz-linear-gradient(49.18% 135.12% 88.9deg, rgba(23, 72, 156, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background: -webkit-linear-gradient(88.9deg, rgba(23, 72, 156, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background: -webkit-gradient(linear, 49.18% 135.12%, 50.16% 33.38%, color-stop(0, rgba(23, 72, 156, 1)), color-stop(1, rgba(26, 26, 26, 1)));

    background: -o-linear-gradient(88.9deg, rgba(23, 72, 156, 1) 0%, rgba(26, 26, 26, 1) 100%);

    background: -ms-linear-gradient(88.9deg, rgba(23, 72, 156, 1) 0%, rgba(26, 26, 26, 1) 100%);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#17489C', endColorstr='#1A1A1A' ,GradientType=0)";

    background: linear-gradient(1.09999999999999deg, rgba(23, 72, 156, 1) 0%, rgba(26, 26, 26, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17489C', endColorstr='#1A1A1A', GradientType=1);

    margin-top: 3.125rem;

}



.show_pro_five .swiper-slide .right {

    width: 60%;

}



.show_pro_five .bot .bot_ul {

    position: absolute;

    bottom: 4rem;

    left: 0;

    width: 100%;

}



.show_pro_five .bot ul {

    text-align: center;

    display: inline-block;



    font-size: 1.25rem;

    line-height: 2.375rem;

    color: rgba(255, 255, 255, 0.56);

    z-index: 1;

}



.show_pro_five .bot ul li {

    padding: 0 1.75rem;

    position: relative;

    padding-bottom: .625rem;

    float: left;

}



.show_pro_five .bot ul li::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0;

    height: 3px;

    background: #fff;

}



.show_pro_five .bot ul li:hover::before,

.show_pro_five .bot ul li.active::before {

    width: 100%;

    transition: all .6s;

}



.show_pro_five .bot ul li:hover,

.show_pro_five .bot ul li.active {

    color: #fff;

}



.show_pro_five .bot ul li {

    cursor: pointer;

}



.show_pro_six {



    background: #EFEFEF;

}



.show_pro_seven,

.show_pro_six,

.show_pro_nine {

    padding: 3.75rem 0;

}

.show_pro_seven.ccgg .table tr td{
  line-height: .8rem;
    font-size: 1rem;
}
.show_pro_seven.ccgg .table tr td:nth-child(1){
    background: #e0e0df;
}
.show_pro_seven.ccgg .table tr td:nth-child(5){
    background: #e0e0df;
}
.show_pro_seven.ccgg .table tr td:nth-child(9){
    background: #e0e0df;
}
.show_pro_seven.ccgg .table tr td:nth-child(13){
    background: #e0e0df;
}
.show_pro_seven.ccgg tr:nth-child(1) td:nth-child(1){
    background: none;
}
.show_pro_seven.ccgg tr:nth-child(1) td:nth-child(1){
   font-size: 1.125rem;
    line-height: 1.5rem;
}


.show_pro_six .text {

    font-size: 1.25rem;

    margin-top: 1.25rem;

    line-height: 1.875rem;

    color: #000000;

}



.show_pro_six .field-title,

.show_pro_seven .field-title,

.show_pro_nine .field-title {

    margin-bottom: 3.125rem;

}





.show_pro_seven .table>tbody>tr>td,

.show_pro_seven .table>tbody>tr>th,

.show_pro_seven .table>tfoot>tr>td,

.show_pro_seven .table>tfoot>tr>th,

.show_pro_seven .table>thead>tr>td,

.show_pro_seven .table>thead>tr>th {

    padding: 9px 0;

    vertical-align: middle;

    text-align: center;

    border-color: #DADADA;

    font-size: 1.125rem;

    line-height: 1.5rem;

    color: #545252;

}



.show_pro_seven tr:nth-child(1) {

    background: #1B5EB5;

    color: #fff;

}



.show_pro_seven tr:nth-child(1) td {

    color: #fff !important;

}



.show_pro_eight {

    background: #EFEFEF;

    padding: 6.25rem 0;

}





.tptc {

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

    z-index: 9999;

}



#as2 {

    position: absolute;

    top: -6rem;

}



#as0,

#as1 {

    position: absolute;

    top: -10rem;

}



.tptc .modal-header {

    padding: 0;

    border: none;

    position: absolute;

    right: -3.125rem;

    top: -0.5rem;

}



.tptc .modal-content {

    background: #000;

}



.tptc .modal-body {

    padding: 0;

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

}





.tptc .modal-content {

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    position: static;

}



.tptc button.close {

    margin-top: 0;

    top: 15px;

    right: 15px;

    color: #fff;

    opacity: 1;

    margin: 20px 0 0 0;

    font-size: 50px;

    font-weight: lighter;

}



.tptc .modal-dialog {

    width: 40%;

    top: 50% !important;

    transform: translateY(-50%) !important;

}



#spsy_tc video {

    display: block;

}



#spsy_tc,

#sp1_tc {

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

    z-index: 9999;

}



#spsy_tc .modal-header,

#sp1_tc .modal-header {

    padding: 0;

    border: none;

    position: absolute;

    right: 15px;

}



.modal-content {

    background: #000;

}



#spsy_tc .modal-body,

#sp1_tc .modal-body {

    padding: 0;

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

}



#sp1_tc .modal-body {

    border: none;

}



#spsy_tc .modal-content,

#sp1_tc .modal-content {

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}



#spsy_tc button.close,

#sp1_tc button.close {

    margin-top: 0;

    top: 15px;

    right: 15px;

    color: #fff;

    opacity: 1;

    margin: 20px 0 0 0;

    font-size: 50px;

    font-weight: lighter;

}



.phone_app {

    display: none;

}



.phone_in {

    display: none;

}



.table {

    border: 1px solid #ddd;

}



@media (max-width:1440px) {

    .show_pro_five .swiper-slide .right {

        width: 40%;

    }



    .show_container .title {

        font-size: 3.2rem;

    }

}



@media (max-width:1280px) {

    .show_pro .right .area-box12 {

        right: 32%;

        bottom: 63%;

    }



    .er-ul {

        width: 12rem;

        left: -4.5rem;

    }

}



@media (max-width:990px) {

    .show_pro {

        height: auto;

    }



    .show_container .container {

        padding: 0 6rem;

    }



    .show_pro .xielie {

        font-size: 1.125rem;

        line-height: 2rem;

    }



    .phone_logo {

        line-height: 40px;

    }

    .phone_logo img {

        height: 14px;

    }

    #siteFunctions .lang img {

        height: 14px;

    }



    #siteFunctions .bottom {

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%;

        padding: 32px 15px 32px;

        background: #e4e5eb;

    }



    #siteFunctions .bottom ul {

        margin-bottom: 0;

    }



    #siteFunctions .bottom .lanugage a,

    #siteFunctions .bottom .lanugage {

        color: #fff;

        font-size: 14px;

    }



    #dituContent {

        height: 400px !important;

    }



    #siteFunctions .bottom ul li:first-child {

        background: #1e499e;

    }

    #siteFunctions .bottom ul li a {

        color: #fff;

    }

    #siteFunctions .bottom ul li {

        cursor: default;

        background-color: #009944;

        border-radius: 4px;

        position: relative;

        align-items: center;

        width: 100%;

        max-width: 100%;

        padding: 11px 20px 12px 20px;

        color: #fff;

        margin-bottom: 15px;

    }

    #siteFunctions .bottom ul li img {

        width: 20px;

    }

    #siteFunctions .bottom ul li:last-child {

        margin-bottom: 0;

    }



    .phone_logo img {

        margin-top: 0;

    }



    .tedian_191 table,

    .lingyu_191 table {

        width: 100%;

    }



    .show_pro .left {

        width: 40%;

    }



    .show_pro .subtitle {

        font-size: 1.5rem;

    }



    .field-title p:nth-of-type(1) {

        font-size: 26px;

    }



    .field-title p:nth-of-type(2) {

        font-size: 30px;

    }



    .show_pro_five .bot ul li {

        padding: 0 10px;

        font-size: 16px;

    }



    .show_pro_five .swiper-slide .text {

        font-size: 16px;

    }



    .show_container .title {

        font-size: 2.4rem;

    }



    .show_pro_four_203 .col-md-6:nth-child(1) .fl {

        font-size: 3rem;

    }



    .mt100 {

        margin-top: 45px;

    }



    .show_pro_four_203 .col-md-6:nth-child(odd) {

        padding-right: 15px;

    }



    .show_pro_four_203 .col-md-6:nth-child(even) {

        padding-left: 15px;

    }



    .show_pro_four_203 .col-md-6 {

        margin-bottom: 25px;

    }



    .show_pro_four_203 .top {

        margin-bottom: 25px;

    }



    .a3_tjhar1 .li .font32.d_wen {

        font-size: 1.125rem;

        line-height: 1.5rem;

    }



    .a3_tjhar1 .li .d_tu {

        width: 100%;

    }



    .znzph_203 .li {

        margin-bottom: 25px;

    }



    .znzph_203 .li:last-child {

        margin-bottom: 0;

    }



    .yyly_203 .name {

        font-size: 20px;

        line-height: 30px;

    }



    .show_pro_six .text {

        font-size: 14px;

        line-height: 24px;

    }



    .list_pro_200 ul li .right .cotnent div {

        font-size: 22px;

        line-height: 30px;

        padding: 0 0 10px 0;

    }



    .list_pro_200 ul li .right .cotnent div::after {

        height: 4px;

        bottom: -1px;

    }



    .show_pro_199_one ul li .right {

        padding: 0 20px;

    }



    .show_pro_199_one ul li .right .name {

        font-size: 22px;

        line-height: 30px;

        margin-top: 15px;

    }



    .show_pro_199_one ul li .right .num {

        font-size: 40px;

        line-height: 50px;

    }



    .show_pro_199_one ul li {

        margin-bottom: 40px;

    }



    .show_pro_199_one .font30 {

        font-size: 22px;

        line-height: 30px;

    }

}



@media (max-width:1114px) {

    .show_pro_four .name {

        height: 6rem;

    }

}

.phone_video {

    display: none;

}

@media (max-width:990px) {

    .pro-list-div {

        padding-bottom: 50px;

        background: #efefef;

    }

    .pro-list-dow {

        opacity: 1;

    }

    .pro-list-dow a {

        color: #000;

        border-color: #000;

    }

    .pro-list-div .over::after {

        display: none;

    }

    .pro-list-div:hover .pro-list-size .tit {

        color: #000;

    }

    .pro-list-div .pro-list-size .tit {

        font-size: 18px;

        line-height: 1;

    }

    .phone_video {

        display: block;

    }

    .video_list>video {

        display: none;

    }

    .phone_video {

        position: relative;

    }

    .phone_video .icon {

        position: absolute;

        top: 50%;

        left: 50%;

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

    }

    .phone_video .icon .iconfont {

        font-size: 30px;

        color: #fff;

    }

    @media (max-width:767px) {

        .video_list {

            padding-top: 25px;

        }

        .phone_beian li {

            margin: 10px 0;

        }

        .video_list .field-title1 div {

            font-size: 16px !important;

            margin-bottom: 15px;

        }

        .video_list .hover {

            position: relative;

            top: 0;

        }

        .list_pro_200 ul li .right .cotnent div {

            font-size: 18px;

            line-height: 30px;

            padding: 0 0 10px 0;

        }



        .phone_w100_img {

            width: 100% !important;

            max-width: 100% !important;

        }



        .pt6080 {

            padding: 25px 0;

        }



        .show_container .title {

            font-size: 24px;

            line-height: 40px;

            padding-top: 0;

        }



        .show_container .container {

            padding: 0 15px;

        }



        .show_pro_three {

            padding: 25px 0;

        }



        .show_pro_four_203 .top .fl {

            width: 7.4375rem;

            font-size: 24px;

            line-height: 30px;



        }



        .show_pro_four_203 .col-md-6:nth-child(1) .fl {

            font-size: 2.6rem;

        }



        .show_pro_four_203 .top .fr .text {

            font-size: 14px;

            line-height: 22px;

        }



        .znzph_203 .li {

            padding: 20px;

            margin-bottom: 15px;

        }



        .a3_tjhar1 .li .font32.d_wen {

            width: 100%;

            font-size: 16px;

            line-height: 24px;

        }



        .yyly_203 .name {

            margin-top: 15px;

        }



        .yyly_203 .col-md-4 {

            margin-bottom: 25px;

        }



        .show_pro_four_203 .top .fr .name {

            font-size: 1.375rem;

            margin-bottom: 0;

        }



        .show_pro_four_203 .top .fr {

            width: calc(100% - 7.4375rem);

        }



        .phone_beian span {

            padding: 0 4px 0 6px;

            font-size: 10px;

        }



        .footer_box {

            background: #4a4b4d;

            text-align: center;

        }



        .phone_beian,

        .index_one .index_one_div i {

            display: block;

        }



        .phone_in .information .title {

            text-align: center;

            padding-bottom: 15px;

            padding-top: 0;

        }

        .information_ul li .tit {

            height: auto;

        }

        .information_ul li {

            margin: 0 0 15px 0 !important;

        }

        .information_ul li .text {

            height: auto;

            margin: 0;

        }

        .index_tow_div .title {

            padding-bottom: 15px;

        }

        .information_ul.mt25 {

            margin-top: 20px;

        }

        .phone_in .information .index_one_div p {

            line-height: 2.25rem;

            writing-mode: horizontal-tb;

        }



        .phone_in .information .index_one_div p {

            display: block;

        }



        .phone_in .information .index_one_div {

            position: relative;

            display: none;

        }



        .index_one_p p {

            font-size: 3.5rem;

        }



        .phone_in {

            display: block;

        }



        .pc_in {

            display: none;

        }



        .banner_img {

            width: 30px;

            right: 45%;

        }



        .banner_img {

            display: block;

        }



        .application .area-box13 {

            right: 18%;

            bottom: 35%;

        }



        .application .area-box11 {

            right: 12%;

            top: 64%;

        }



        .application_ul li:nth-of-type(2) {

            float: left;

        }



        .application .area-box14 {

            right: 20%;

            top: 82%;

        }



        .pc_app {

            display: none;

        }



        .phone_app {

            display: block;

        }



        /* .phone_app ul:nth-child(1) li {

        float: left;

    } */



        .application_ul li:nth-of-type(1) {

            top: 9rem;

        }



        .application_ul li {

            height: auto;

            padding: 0;

            position: static;

            transform: translateX(0);

        }



        .application_ul li>div {

            width: 15.0625rem;

            height: 15.0625rem;

            padding: 1rem;

            left: 50%;

            top: 9rem;

            position: absolute;

            transform: translateX(-50%);

        }



        .application_ul li:nth-of-type(2) {

            margin-top: 0;

        }



        .application_ul li::after {

            display: none;

        }



        .application_ul li>div::after {

            position: absolute;

            left: 0;

            top: 0;

            width: 100%;

            height: 100%;

            content: "";

            border-radius: 50%;

            z-index: -1;

            animation: turn 16s linear infinite;

            background: -moz-linear-gradient(0% 50% 0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

            background: -webkit-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

            background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, rgba(1, 153, 68, .88)), color-stop(1, rgba(26, 26, 26, .88)));

            background: -o-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

            background: -ms-linear-gradient(0deg, rgba(1, 153, 68, .88) 0%, rgba(26, 26, 26, .88) 100%);

        }



        .banner_image {

            width: 70%;

            position: absolute;

            left: 5.4rem;

        }



        .banner_box>div:nth-of-type(1) {

            bottom: -59px;

            transform: translateX(-50%);

            left: 32%;

            width: 80%;

        }



        .banner_box .banner_size {

            top: -22%;

            transform: translateY(-50%);

            position: absolute;

            text-align: center;

        }



        .banner .swiper-container .swiper-slide>div:nth-child(1) img {

            width: 100%;

            height: 50vh;

            object-fit: cover;

        }

        .banner .swiper-slide {

            padding-top: 125px;

            background: #e3e2e9;

        }

        .banner_size .p2,
        .title {

            font-size: 22px;

            line-height: 32px;

        }

        .banner_size .p2 {

            margin: 4px 0;

        }

        .banner_div {

            top: 30px;

            left: 0;

            width: 100%;

            transform: translateY(0);

        }

        .banner_box>div:nth-of-type(1) {

            position: static;

            width: 100%;

            transform: translateX(-00%);

        }

        .banner_img {

            display: none;

        }

        .index_tow_ul::after {

            left: -25px;

            top: 40px;

            width: 120%;

            height: 1px;

        }



        .index_tow .index_tow_div p {

            position: absolute;

            top: 30px;

            width: 100%;

            left: 0;

        }



        .show_pro .right {

            width: 100%;

            float: none;

            margin-top: 25px;

        }



        .title {

            text-align: center;

            padding-top: 10px;

        }



        .index_one .over {

            overflow: visible;

        }



        .index_tow .title {

            padding-top: 35px;

        }



        .information_ul li {

            padding: 15px;

        }



        .information_ul li {

            border-radius: 10px;

        }



        .show_pro .left {

            width: 100%;

            position: relative;

            transform: translateY(0);

        }



        .show_pro {

            padding-top: 35px;

        }



        .show_pro_two {

            padding: 35px 0;

        }



        .show_pro_two .swiper-container,

        .show_pro_six .swiper-container {

            margin-top: 1.875rem;

            padding-bottom: 45px;

        }



        .show_pro_two .swiper-pagination-bullet,

        .show_pro_six .swiper-pagination-bullet {

            width: 10px;

            height: 10px;

        }



        .show_pro_three .w80 {

            width: 100%;

        }



        .show_pro_four .row>div {

            margin-bottom: 15px;

        }



        .show_pro_four .col-md-3 {

            padding-bottom: 0;

        }



        .field-title p:nth-of-type(2),

        .show_pro_five .swiper-slide .name {

            font-size: 24px;

        }



        .field-title p:nth-of-type(1) {

            font-size: 22px;

        }



        .field-title p:nth-of-type(2) {

            font-size: 16px !important;

        }



        .show_pro_five .swiper-slide .left {

            width: 100%;

            position: static;

            transform: translateY(0);

            float: none;

        }

        .cont8.cont1t.show_pro_seven {

            padding-bottom: 25px !important;

        }

        .show_pro_five .swiper-slide .right {

            width: 80%;

            margin: 30px auto 0;

            float: none;

        }



        .show_pro_five .bot ul li {

            margin-bottom: 15px;

        }



        .show_pro_five .bot {

            padding: 35px 0 130px;

        }



        .show_pro_five .bot .bot_ul {

            bottom: 15px;

        }



        .show_pro_six .field-title,

        .show_pro_seven .field-title,

        .show_pro_nine .field-title {

            margin-bottom: 15px;

        }



        .show_pro_seven,

        .show_pro_six,

        .show_pro_nine,

        .show_pro_eight {

            padding: 25px 0;

        }



        .mt55 {

            margin-top: 15px;

        }



        .show_pro_seven .table>tbody>tr>td,

        .show_pro_seven .table>tbody>tr>th,

        .show_pro_seven .table>tfoot>tr>td,

        .show_pro_seven .table>tfoot>tr>th,

        .show_pro_seven .table>thead>tr>td,

        .show_pro_seven .table>thead>tr>th {

            font-size: 14px;

        }



        .show_container .table-responsive {

            margin-bottom: 0;

        }



        .show_pro_seven .table>tbody>tr>td,

        .show_pro_seven .table>tbody>tr>th,

        .show_pro_seven .table>tfoot>tr>td,

        .show_pro_seven .table>tfoot>tr>th,

        .show_pro_seven .table>thead>tr>td,

        .show_pro_seven .table>thead>tr>th {

            padding: 15px 20px;

        }



        .phone_p_top_0 {

            padding-top: 0 !important;

        }



        .show_pro_nine .fieldxq_wj .more {

            margin-top: 25px;

        }



        .footer {

            padding-top: 0 !important;

        }



        .tptc .modal-dialog {

            width: 94% !important;

        }



        .show_pro .xielie {

            font-size: 16px;

        }



        .show_pro .left {

            position: static;

            transform: translateY(0) !important;

        }



        .tptc .modal-header {

            right: 0;

            top: -5.5rem;

        }



        .contact_inp input,

        .contact_inp textarea {

            font-size: 14px !important;

        }



        .contact_box textarea {

            font-size: 14px;

        }



        .show_pro .container {

            padding-right: 15px;

        }



        .show_pro .xielie {

            font-size: 14px;

            line-height: 26px;

            text-align: justify;

            margin-top: 15px;

        }



        .agge_aa1 li p {

            line-height: 20px;

            height: 40px;

            position: relative;

        }



        #as0,

        #as1 {

            top: -8rem;

        }



        .show_pro .subtitle {

            font-size: 20px;

            margin-top: 15px;

        }



        .show_pro_199_one .font30 {

            font-size: 14px;

            line-height: 24px;

            margin-bottom: 15px;

        }



        .show_pro_199_one ul li .right .name {

            font-size: 14px;

            line-height: 24px;

            margin-top: 5px;

        }

        .pro-list-size {

            padding: 0 25px;

        }

        .show_pro_199_one ul li .right .num {

            font-size: 34px;

            line-height: 40px;

        }



        .show_pro_199_one ul li {

            margin-bottom: 15px;

            border-radius: 8px;

        }

        .pager li>a,
        .pager li>span {

            padding: 5px 20px;

        }



        .show_pro_199_one ul li .left,

        .show_pro_199_one ul li .left img {

            border-radius: 8px 0 0 8px;

        }

        .news_container h4 {

            font-size: 16px !important;

        }

        .show_pro_199_one ul li:nth-child(even) .left,

        .show_pro_199_one ul li:nth-child(even) .left img {

            border-radius: 0 8px 8px 0px;

        }



        #dituContent {

            height: 300px !important;

        }

        .pro-list-div {

            padding-bottom: 50px;

            background: #efefef;

        }

        .pro-list-size .tit {

            color: #000;

        }

        .pro-list-div:hover .pro-list-dow a {

            color: #000;

            border-bottom-color: #000;

        }

        .cont4 .a1_list1.mt30 {

            margin-top: 15px;

        }
        .show_pro_seven.ccgg .table tr td{
   padding: 8px 5px;
}
.show_pro_seven.ccgg tr:nth-child(1) td{
    text-align: left;
}

    }