.tb-left {
    float: left;
}

.btn-primary {
    background: #348fed;
    border-color: #348fed;
}

.btn-primary:hover {
    background: #DB9221;
    border-color: #DB9221;
}

.wsc-HeadNav a,
.wsc-HeadNav li {
    font-size: 12px;
    float: left;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    vertical-align: middle;
}

.tb-right {
    float: right;
}

.tb-tel {
    padding-left: 18px;
    background: url(../image/tb-tel.png) no-repeat left center;
}

.tb-wx {
    padding-left: 18px;
    position: relative;
    cursor: pointer;
    background: url(../image/tb-wx.png) no-repeat left center;
}

.tb-gs {
    position: relative;
    cursor: pointer;
}

.tb-gs i {
    width: 7px;
    display: inline-block;
    height: 4px;
    margin-left: 8px;
    vertical-align: middle;
    background: url(../image/tb-gs.png) no-repeat center center;
}

.tb-wx img {
    position: absolute;
    display: none;
    width: 110px;
    transition: 0.36s;
    z-index: 9999;
    left: -20px;
    top: 30px;
}

.tb-wx:hover img {
    display: block;
}

@media (min-width:992px) {
    .gs-list,
    .lan-list {
        position: absolute;
        top: 30px;
        left: -26px;
        padding: 10px 0;
        width: 100px;
        background-color: #ffffff;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
        z-index: 9999;
        display: none;
    }
    .gs-list {
        width: 120px;
    }
    .gs-list a,
    .lan-list a {
        display: block;
        padding-left: 26px;
        height: 40px;
        background-color: #fff;
        font-size: 14px;
        line-height: 40px;
        color: #868686;
        transition: 0.3s;
    }
    .gs-list a:hover,
    .lan-list a:hover {
        color: #333;
    }
}

.search-icon {
    width: 50px;
    height: 32px;
    border-radius: 16px 0 0 16px;
    vertical-align: middle;
    background:  url(../image/hn-searchico.png) no-repeat center center;
}

.lan-icon {
    width: 50px;
    height: 32px;
    cursor: pointer;
    border-radius: 0 16px 16px 0;
    vertical-align: middle;
    background: #F6F8FA url(../image/lan-icon.png) no-repeat center center;
}

.hn-lan {
    float: left;
    position: relative;
    margin-top: 30px;
}

.hn-lan::before {
    width: 1px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: 11px;
    background: #EAEEF2;
}

.search-icon {
    margin-top: 30px;
}

.btn-online,
.btn-whited,
.btn-ed,
.btn-grayed {
    width: 180px;
    line-height: 36px;
    height: 50px;
    border-radius: 3px;
}

.btn-ed {
    line-height: 34px;
    color: #348fed;
    border: 2px solid #348fed;
    border-radius: 3px;
}

.btn-ed:hover {
    color: #fff;
    background: #348fed;
}

.btn-online {
    background: #348fed;
    color: #fff;
}

.btn-online:hover {
    background: #DB9221;
    color: #fff;
}

.btn-online:focus {
    color: #fff;
}

.btn-grayed {
    color: #777777;
    line-height: 36px;
    border: 1px solid #E0E5ED;
}

.btn-grayed:hover {
    background: #262A3E;
    color: #fff;
    border-color: #262A3E;
}

.btn-whited {
    color: #fff;
    line-height: 34px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid #FFFFFF;
}

.btn-whited:hover {
    border-color: #348fed;
    background: #348fed;
    color: #fff;
}


/* index-banner */

.index-banner .carousel-inner>.item>img {
    max-width: 100%;
    margin: auto;
    display: block;
}

.index-banner .carousel-control {
    width: 47px;
    height: 80px;
    margin: auto;
    z-index: 10;
    opacity: 1;
}

.index-banner .carousel-control.right {
    right: 20px;
    background: url(../image/inban-next.png) no-repeat center center;
}

.index-banner .carousel-control.left {
    left: 20px;
    background: url(../image/inban-prev.png) no-repeat center center;
}

.index-banner .carousel-control.right:hover {
    background-image: url(../image/inban-nexth.png);
}

.index-banner .carousel-control.left:hover {
    background-image: url(../image/inban-prevh.png);
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 0;
    margin-left: 8px;
    margin-right: 8px;
    vertical-align: middle;
    border: 1px solid #262B3F;
}

.carousel-indicators li.active {
    background-color: #262B3F;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    margin-right: 8px;
}

.index-banner .carousel-indicators {
    bottom: 30px;
}

@media (max-width:767px) {
    .index-banner .carousel-indicators {
        bottom: 10px;
    }
    .carousel-indicators li {
        margin-left: 4px;
        margin-right: 4px;
        width: 8px;
        height: 8px;
    }
    .carousel-indicators li.active {
        background-color: #262B3F;
        margin-left: 4px;
        margin-right: 4px;
        width: 8px;
        height: 8px;
    }
    .index-banner .carousel-control {
        display: none;
    }
}

.color-w {
    color: #fff !important;
}

.cTitText {
    font-size: 34px;
    font-weight: bold;
    color: #0A0A0A;
    line-height: 36px;
}

.in-ctext {
    margin-top: 14px;
    font-size: 18px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 24px;
}

.in-cintro {
    margin-top: 24px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(10, 10, 10, 0.7);
    line-height: 26px;
}

.index-banner .item-box {
    display: block;
    width: 100%;
    height: 680px;
    position: relative;
}

.index-banner .item-box img {
    margin: 0 auto;
}

.inban-mian {
    position: absolute;
    color: #000824;
    width: 100%;
    height: 100%;
    top: 0;
}

.inban-mian .container {
    display: table;
    height: 100%;
    text-align: center;
}

.inban-box {
    display: table-cell;
    vertical-align: middle;
}

.inban-tit {
    font-size: 52px;
    font-weight: bold;
    color: #fff;
}

.inban-text {
    font-size: 28px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
}

.inban-text p {
    margin-top: 10px;
}

.inban-mian2 .container {
    text-align: left;
}

@media (min-width:992px) {
    .inban-mian2 .inban-tit {
        font-size: 50px;
    }
    .inban-mian2 .inban1-btn {
        margin-top: 60px;
    }
}

@media (max-width:767px) {
    .inban-mian2 .container {
        width: 100%;
    }
}

.inban-mian2 .inban-tit2 {
    color: #348fed;
}


/* index-album */

.index-album {
    padding: 60px 0;
    background: #f6f6f6;
}

.inalb-main {
    padding: 40px;
    background: #fff;
}

.inalb-class {
    margin-top: 0;
}

.inalb-class .item {
    height: 52px;
    display: block;
    margin-top: 20px;
    text-align: center;
    border: 1px solid #f0f0f0;
    padding: 0 10px;
    transition: 0.36s;
    line-height: 50px;
    background: url(../image/inalb-lf.png) no-repeat 0 0, url(../image/inalb-rt.png) no-repeat right 0;
    background-color: #fafafa;
}

.inalb-class .item span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    font-size: 16px;
    color: #555555;
    font-weight: normal;
}

.inalb-class .item:hover {
    background-color: rgba(18, 116, 209, 0.06);
    transform: unset;
}

.inalb-class .item:hover span {
    color: #348fed;
}

@media (min-width:767px) {
    .inalb-main .in-ctit .cTitText {
        text-align: left;
        font-size: 28px;
        line-height: 38px;
    }
    .inalb-main .in-ctext {
        text-align: left;
        margin-top: 10px;
        font-size: 14px;
        line-height: 24px;
        color: #333333;
    }
}

@media (max-width:767px) {
    .index-album {
        padding: 30px 0;
    }
    .inalb-main {
        padding: 20px;
    }
}

.index-new .btnews-main {
    height: auto;
}

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


/* about */

.pTit,
.rTitText {
    font-size: 28px;
    font-weight: bold;
    color: #0A0A0A;
    line-height: 32px;
}

.pText {
    font-size: 14px;
    margin-top: 28px;
    font-weight: 400;
    line-height: 24px;
    color: #555555;
}

.about-text {
    font-size: 14px;
    font-weight: 400;
    margin-top: 16px;
    line-height: 28px;
    color: #777777;
}

.about-img {
    margin-top: 18px;
}

.pText p {
    margin-top: 8px;
}

.about-img img {
    width: 100%;
}

@media (max-width:767px) {
    .pTit,
    .rTitText {
        font-size: 18px;
        line-height: 24px;
    }
    .about-text {
        margin-top: 10px;
    }
    .pText {
        margin-top: 12px;
    }
}


/* contact */

.cominfo-block {
    padding-top: 40px;
}

.map-main {
    border: 10px solid rgba(255, 255, 255, 0.5);
    margin-top: 24px;
}

.map-block #map-gaode,
.map-block #map-baidu {
    width: 100%;
    height: 410px;
}

.cominfo-main {
    margin-top: 40px;
    padding-left: 30px;
}

.cominfo-main .info {
    margin-top: 20px;
}

.cominfo-main .item-dt {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #777777;
}

.cominfo-main .item-dd {
    font-size: 16px;
    padding-left: 8px;
    margin-top: 8px;
    font-weight: 400;
    line-height: 24px;
    color: #333333;
}

.comment-block {
    padding-top: 24px;
    border-top: 1px solid #EBEBEB;
    margin-top: 30px;
}

@media (max-width:767px) {
    .cominfo-main {
        padding-left: 0;
        margin-top: 20px;
    }
    .cominfo-main .info {
        margin-top: 8px;
    }
    .cominfo-main .item-dd {
        margin-top: 6px;
    }
    .cominfo-block {
        padding-top: 20px;
    }
    .cominfo-main .col-sm-6 {
        margin-top: 15px;
    }
    .comment-block {
        margin-top: 20px;
        padding-top: 16px;
    }
    .map-block #map-gaode,
    .map-block #map-baidu {
        height: 240px;
    }
}

.inban1-list {
    margin: 20px auto 0;
    width: 915px;
}

.inban1-list ul {
    margin-left: -15px;
}

.inban1-list li {
    margin-top: 15px;
    float: left;
    margin-left: 15px;
    width: 450px;
}

.inban1-list li p {
    font-size: 22px;
    text-align: left;
    padding: 10px 20px 10px 34px;
    font-weight: 400;
    display: inline-block;
    color: #262A3E;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 23px;
    line-height: 30px;
    position: relative;
}

.inban1-list li p::before {
    position: absolute;
    top: 24px;
    left: 20px;
    content: "";
    width: 5px;
    height: 5px;
    background: #262A3E;
    border-radius: 50%;
}

.inban1-btn {
    margin-top: 40px;
}

.inban1-btn .btn {
    width: 240px;
}

.index-block {
    padding: 78px 0 80px;
}

.index-main {
    margin-top: 38px;
}

.insolution-mian {
    display: none;
}

.insolution-mian.active {
    display: block;
}

.inpro-main .row,
.insolution-mian .row {
    margin: 0;
}

.inpro-main .col-md-6,
.insolution-mian .col-md-6 {
    padding: 0;
}

.inpro {
    display: block;
    width: 100%;
}
.index_product_con {
    background-color: #fff;
}

.index_bar_ul {
    float: left;
    width: 19.64%;
    margin-bottom: 0;
}

.index_tab_ul {
    float: right;
    width: 80.36%;
    margin-bottom: 0;
    position: relative;
}

.bar_ul,
.tab_ul {
    margin-bottom: 0;
}

.tabBar {
    cursor: pointer;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
}

.bar_ul>li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70.5px;
    padding: 0 10px 0 20px;
    color: #25293E;
    font-size: 15px;
    margin-bottom: 2px;
    background: url(../image/gray-arr.png) no-repeat 95% center;
    background-color: #EDF0F6;
}

.bar_ul>li:last-child {
    margin-bottom: 0;
}

.bar_ul>li>.iconfont {
    font-size: 36px;
    margin-right: .15rem;
    color: #8a8a8a;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
}

.tabBar.active,
.tabBar.active .iconfont {
    background-color: #348fed;
    color: #fff !important;
}

.tab_list {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 100;
    width: 100%;
    padding: 0px 40px;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
}

.tab_list.active {
    opacity: 1;
    z-index: 999;
}

.index_pro_list .pic_box {
    float: left;
    width: 46.99%;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
}

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

.index_pro_list>.fr {
    float: left;
    width: 53.01%;
    padding-left: 40px;
    letter-spacing: 1px;
}

.index_pro_list>.fr h4 {
    line-height: 1;
    margin: 30px 0 35px;
}

.index_pro_list>.fr .line {
    width: 50px;
    height: 4px;
    background-color: #2761c4;
    margin-bottom: 35px;
}

.index_pro_list>.fr .fs17 {
    height: 14vw;
    margin-bottom: 35px;
}

.more {
    padding: 10px 50px;
    border-radius: 4px;
    border: 1px solid #2761c4;
    color: #2761c4;
}

.more_bg {
    border: none;
    background-color: #f39800;
    color: #fff;
}

.more_gray {
    border-color: #9a9a9a;
    color: #9a9a9a;
}

.more_bg:visited,
.more_bg:hover {
    color: #FFF;
}

/*.inpro-info {*/
/*    padding: 64px 60px;*/
/*}*/

/*.inpro-tit {*/
/*    font-size: 22px;*/
/*    font-weight: 400;*/
/*    color: #0A0A0A;*/
/*    line-height: 24px;*/
/*}*/

/*.inpro-text {*/
/*    margin-top: 10px;*/
/*    font-size: 14px;*/
/*    font-weight: 400;*/
/*    color: #999999;*/
/*    line-height: 26px;*/
/*}*/

/*.inpro-btn {*/
/*    margin-top: 28px;*/
/*    width: 90px;*/
/*    height: 32px;*/
/*    border: 1px solid rgba(38, 42, 62, 0.2);*/
/*    border-radius: 16px;*/
/*    transition: 0.36s;*/
/*    background: url(../image/inpro-arr.png) no-repeat center center;*/
/*}*/

/*.inpro:hover .inpro-btn {*/
/*    border: 1px solid #262A3E;*/
/*    background: #262A3E url(../image/inpro-arrh.png) no-repeat center center;*/
/*}*/

/*.inpro-main1 .inpro {*/
/*    position: relative;*/
/*}*/

/*.inpro-main1 .inpro-img {*/
/*    overflow: hidden;*/
/*}*/

/*.inpro-main1 .inpro-img img {*/
/*    width: 100%;*/
/*    transition: 0.36s;*/
/*}*/

/*.inpro-main1 .inpro-info {*/
/*    position: absolute;*/
/*    box-sizing: border-box;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*}*/

.index-solution {
    position: relative;
}

.insolution-nav {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100px;
    background: rgba(255, 255, 255, 0.5);
    left: 0;
}

.insolution-nav li {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 100px;
    transition: 0.36s;
    cursor: pointer;
}

.insolution-nav li.active,
.insolution-nav li:hover {
    color: #fff;
    background: #262A3E;
}

.insolution-mian {
    height: 780px;
    box-sizing: border-box;
    padding: 236px 0 256px;
    background: url(../image/insolution-bg1.jpg) no-repeat center center;
    background-size: cover;
}

.insolution2 {
    background-image: url(../image/insolution-bg2.jpg);
}

.insolution-mian .in-cintro {
    margin-top: 36px;
}

.insolution-btn {
    margin-top: 56px;
}

@media (min-width:992px) {
    .insolution-info {
        margin-right: 60px;
    }
}

.insolution-swiper .swiper-prev,
.insolution-swiper .swiper-next {
    width: 46px;
    height: 60px;
    cursor: pointer;
    top: 0;
    margin: auto;
    transition: 0.36s;
    bottom: 0;
    position: absolute;
    display: block;
}

.insolution-swiper .swiper-prev {
    border-radius: 0 30px 30px 0;
    left: 0;
    background: #FFFFFF url(../image/insolution-prev.png) no-repeat center center;
}

.insolution-swiper .swiper-next {
    right: 0;
    border-radius: 30px 0 0 30px;
    background: #FFFFFF url(../image/insolution-next.png) no-repeat center center;
}

.insolution-swiper .swiper-prev:hover {
    background: #348fed url(../image/insolution-prevh.png) no-repeat center center;
}

.insolution-swiper .swiper-next:hover {
    background: #348fed url(../image/insolution-nexth.png) no-repeat center center;
}

.insolution-btn .btn-online {
    margin-right: 8px;
}

.insolution-list {
    margin: 0 -10px;
    overflow: hidden;
}

.insolution-list .item {
    float: left;
    padding: 0 10px;
    width: 50%;
    box-sizing: border-box;
}

.insolution-swiper .list-img img {
    width: 100%;
}

.insolution-swiper .list-info {
    padding: 24px 20px;
    background: #fff;
}

.insolution-swiper .list-tit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    color: #262A3E;
    line-height: 24px;
}

.insolution-swiper .list-item {
    border: 8px solid rgba(255, 255, 255, 0.4);
}

.index-epc {
    margin-top: -120px;
    position: relative;
    height: 307px;
}

.inepc-main {
    background: #F5F7FB;
    padding: 40px 60px;
    border: 15px solid #FFFFFF;
}

.inepc-list {
    margin: 30px -12px 0;
}

.inepc-list li {
    float: left;
    width: 16.66%;
    padding: 0 12px;
    position: relative;
}

.inepc-list .li-item {
    padding: 20px;
    height: 65px;
    box-sizing: border-box;
    border: 1px solid rgba(38, 42, 62, 0.2);
    border-radius: 33px;
    font-size: 14px;
    font-weight: 400;
    color: #262A3E;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
}

.inepc-list li:first-child::before {
    display: none;
}

.inepc-list li::before {
    content: "";
    width: 5px;
    height: 5px;
    left: -2px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    position: absolute;
    background: #262A3E;
    opacity: 0.5;
    border-radius: 50%;
}

.inepc-list li i {
    width: 31px;
    height: 25px;
    margin-right: 6px;
    vertical-align: middle;
    display: inline-block;
    background: url(../image/inepc-icon1.png) no-repeat center center;
}

.inepc-list .icon2 {
    background-image: url(../image/inepc-icon2.png);
}

.inepc-list .icon3 {
    background-image: url(../image/inepc-icon3.png);
}

.inepc-list .icon4 {
    background-image: url(../image/inepc-icon4.png);
}

.inepc-list .icon5 {
    background-image: url(../image/inepc-icon5.png);
}

.inepc-list .icon6 {
    background-image: url(../image/inepc-icon6.png);
}

.inepc-btn {
    margin-top: 32px;
    text-align: center;
}

.inepc-tel {
    margin-right: 38px;
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
    color: #262A3E;
    vertical-align: middle;
}

.inepc-tel i {
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    color: rgba(10, 10, 10, 0.7);
}

.index-case {
    padding: 72px 0 80px;
}

.btn-link {
    font-size: 14px;
    font-weight: bold;
    color: #0A0A0A;
    line-height: 27px;
    padding-right: 16px;
    background: url(../image/btn-link.png) no-repeat right center;
}

.btn-link:hover,
.btn-wlink:hover {
    color: #348fed;
    text-decoration: none;
    background: url(../image/btn-linkh.png) no-repeat right center;
}

.btn-wlink {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 27px;
    padding-right: 16px;
    background: url(../image/btn-wlink.png) no-repeat right center;
}

.rMore {
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
}

.rMore span {
    display: inline-block;
    padding-right: 14px;
    background: url(../image/remore-arr.png) no-repeat right center;
}

.rMore:hover {
    color: #0A0A0A;
}

.rMore:hover span {
    background-image: url(../image/remore-arrhh.png);
}

.incasetext .in-ctext {
    float: left;
}

.incasetext .rMore {
    margin-top: 14px;
}

.list-style5 {
    margin-top: -20px;
}

.list-style5 .list-item {
    padding: 50px 30px;
    position: relative;
    transition: 0.36s;
    background: #fff;
    margin-top: 20px;
    border: 1px solid #EAEDF2;
}

.list-style5 .list-item::after {
    width: 0;
    content: '';
    transition: 0.36s;
    height: 4px;
    background: #3EB190;
    position: absolute;
    left: 0;
    bottom: 0;
}

.list-style5 .list-tit {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    z-index: 10;
    position: relative;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list-style5 .list-time {
    font-size: 12px;
    font-weight: 400;
    color: #777777;
    line-height: 26px;
    margin-top: 20px;
}

.list-style5 .list-text {
    font-size: 14px;
    font-weight: 400;
    color: #777777;
    line-height: 24px;
    height: 48px;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 16px;
}

.list-style5 .list-img {
    margin-top: 28px;
    overflow: hidden;
}

.list-style5 .list-img img {
    width: 100%;
    transition: 0.36s;
}

.list-style5 .list-item:hover .list-tit {
    color: #348fed;
}

.list-style5 .list-item:hover::after {
    width: 100%;
}

.list-style5 .list-item:hover .list-img img {
    transform: scale(1.08);
}

@media (max-width:767px) {
    .list-style5 .list-item {
        padding: 20px 15px;
    }
    .list-style5 .list-tit a {
        max-height: 52px;
        height: unset;
        -webkit-line-clamp: 2;
    }
}

.index-swiper {
    padding-bottom: 72px;
}

.index-swiper .carousel-indicators {
    bottom: -72px;
}

.list-style5-1 .list-tit {
    -webkit-line-clamp: 1;
    margin-top: 26px;
    height: 24px;
}

.list-style5-1 .list-att {
    margin-top: 14px;
    position: relative;
}

.list-style5-1 i {
    font-size: 98px;
    font-family: Arial;
    position: absolute;
    left: 20px;
    z-index: 1;
    top: 20px;
    font-weight: bold;
    color: #E9EDF3;
    line-height: 100px;
    opacity: 0.6;
}

.list-style5-1 .list-att li {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 26px;
    padding-left: 18px;
    background: url(../image/case-dot.png) no-repeat left center;
}

.inab-img img {
    width: 100%;
}

@media (min-width:992px) {
    .inab-info {
        padding: 100px 50px 0 0;
    }
}

.inab-btn {
    margin-top: 50px;
}

.index-about {
    position: relative;
    height: 580px;
    background: url(../image/inab-bg.png) no-repeat left center;
    background-size: cover;
}

@media (min-width:992px) {
    .index-aboutbox {
        background: url(../image/inab-img.jpg) no-repeat right center;
        width: 50%;
        position: absolute;
        right: 0;
        height: 580px;
        background-size: cover;
    }
}

.inab-main {
    width: 100%;
    margin-top: 50px;
}

.inab-main .item {
    width: 25%;
    box-sizing: border-box;
    float: left;
}

.inab-main .num {
    font-size: 44px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 48px;
}

.inab-main .tip {
    margin-left: -12px;
    font-size: 12px;
    font-weight: 400;
    vertical-align: top;
    color: #0A0A0A;
    line-height: 30px;
    opacity: 0.8;
}

.inab-main .text {
    font-size: 14px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 28px;
    opacity: 0.6;
}

.index-service {
    padding: 40px 0;
}

.inser-main {
    width: 100%;
}

.inser-main .item {
    width: 25%;
    box-sizing: border-box;
    float: left;
}

.inser-main i {
    width: 25px;
    vertical-align: middle;
    height: 26px;
    margin-right: 8px;
    display: inline-block;
    background: url(../image/inser-icon1.png) no-repeat center center;
}

.inser-main .icon2 {
    background-image: url(../image/inser-icon2.png);
}

.inser-main .icon3 {
    background-image: url(../image/inser-icon3.png);
}

.inser-main .icon4 {
    background-image: url(../image/inser-icon4.png);
}

.inser-main .tit {
    font-size: 22px;
    font-weight: 400;
    color: #25293E;
    line-height: 26px;
}

.inser-main .text {
    font-size: 14px;
    margin-top: 12px;
    font-weight: 400;
    color: #25293E;
    line-height: 24px;
    opacity: 0.6;
}

.index-new {
    border-top: 1px solid #EAEDF2;
}

.innew-text .cTitText {
    float: left;
}

.inre-more {
    float: right;
}

.innew-text {
    overflow: hidden;
}

.inre-more {
    margin: 0 -20px;
}

.inre-more li {
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
    position: relative;
    padding: 0 20px;
}

.inre-more li:first-child::before {
    display: none;
}

.inre-more li::before {
    width: 1px;
    height: 14px;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    background: #DFE1E5;
}

.inre-more li a:hover,
.inre-more li.active {
    color: #0A0A0A
}

.innew-mian {
    display: none;
    transition: 0.36s;
}

.innew-mian.active {
    display: block;
}

.list-style5-2 .row {
    margin-left: 0;
    margin-right: 0;
}

.list-style5-2 .col-md-4 .list-item {
    margin-left: 0px;
}

.list-style5-2 .list-item {
    border: none;
    border-left: 1px solid #EAEDF2;
    margin-left: -1px;
    border-right: 1px solid #EAEDF2;
}

.list-style5-2 .list-item .list-style5-2 .col-md-4 {
    padding: 0;
}

.index-fw {
    background: url(../image/infw-bg.jpg) no-repeat center center;
    background-size: cover;
}

.infw-btn {
    margin-top: 34px;
}

.infw-btn .btn-online {
    margin-right: 8px;
}

.infw-main {
    width: 100%;
    margin-top: 40px;
}

.infw-main .item {
    width: 25%;
    box-sizing: border-box;
    float: left;
    text-align: center;
}

.infw-main i {
    width: 40px;
    vertical-align: middle;
    height: 36px;
    display: inline-block;
    background: url(../image/infw-icon1.png) no-repeat center center;
    background-size: contain;
}

.infw-main .icon2 {
    background-image: url(../image/infw-icon2.png);
}

.infw-main .icon3 {
    background-image: url(../image/infw-icon3.png);
}

.infw-main .icon4 {
    background-image: url(../image/infw-icon4.png);
}

.infw-main .text {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 20px;
}

.ft-compinfo {
    margin-top: 40px;
}

.ft-compinfo li {
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    margin-top: 5px;
    display: block;
    color: rgba(239, 244, 255, 0.5);
    line-height: 24px;
    padding-left: 32px;
}

.ft-tel {
    background: url(../image/ft-tel.png) no-repeat left center;
}

.ft-em {
    background: url(../image/ft-em.png) no-repeat left center;
}

.ft-dz {
    background: url(../image/ft-dz.png) no-repeat left center;
}

@media (min-width:992px) {
    .ft-info {
        padding-right: 30px;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
    .wb-right {
        float: right;
    }
}

.foot-nav {
    color: rgba(255, 255, 255, 0.5);
    margin-top: 10px;
}

.foot-nav li:hover {
    color: rgba(255, 255, 255, 0.9);
}

.foot-nav li {
    margin-top: 8px;
    font-size: 14px;
}

.ft-btn {
    margin-top: 36px;
}

.ft-btn .btn {
    width: 200px;
}

.ft-search {
    width: 100%;
}

.ft-search form {
    display: block;
}

.ft-search input {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 22px;
    color: rgba(255, 255, 255, 0.5);
    width: 100%;
    float: left;
    padding: 12px 15px;
    transition: 0.36s;
}

.ft-search input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.ft-search .btn-search {
    margin-right: 0;
    width: 64px;
    height: 42px;
    right: 12px;
    top: 2px;
    position: absolute;
    border-radius: 22px;
    z-index: 100;
    float: left;
    transition: 0.36s;
    background: none;
    cursor: pointer;
}

.ft-main {
    padding-left: 50px;
}

.ft-search .btn-search span {
    width: 18px;
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    background: url(../image/ft-search.png) no-repeat center center;
}

.ftnav-tit {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
}

.ftnav-tit:hover {
    font-weight: bold;
}

.ftnav-li.foot-nav li:hover {
    color: rgba(255, 255, 255, 1);
}

.ftnav-li:nth-child(2) .foot-nav li:hover, 
.ftnav-li:last-child .foot-nav li:hover {
    font-weight: bold;
}

.wb-left {
    float: left;
}

.d-cover-text {
    text-align: center;
}

.ft-search input:focus {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.24);
}

.ftnav-li {
    float: left;
    width: 18%;
}
.ftnav-li:first-child{
    width: 28%;
}
.ftnav-li:nth-child(2) .foot-nav,
.ftnav-li:last-child .foot-nav {
    color: rgba(255, 255, 255, 1);
}
.ftnav-li:nth-child(2) .foot-nav li,
.ftnav-li:last-child .foot-nav li {
    font-size: 16px;
}

.footnav-box {
    margin-top: 50px;
    padding-right: 110px;
}

.ftnav-ul {
    float: left;
    width: 100%;
}

.ft-wx {
    padding: 5px;
    background: #FFFFFF;
    border-radius: 3px;
    box-sizing: border-box;
    width: 110px;
    height: 110px;
}

.ft-wx img {
    width: 100%;
}

.ftnav-wx p {
    font-size: 12px;
    margin-top: 12px;
    font-weight: 400;
    color: #EFF4FF;
    line-height: 20px;
    opacity: 0.5;
    text-align: center;
}

.ftnav-wx {
    float: right;
    margin-right: -110px;
    width: 110px;
}

@media (max-width:1239px) {
    .index-block {
        padding: 58px 0 60px;
    }
    .inpro-info {
        padding: 40px;
    }
    .inepc-list .li-item {
        padding: 14px;
        height: 53px;
    }
    .inab-main .num {
        font-size: 32px;
        line-height: 36px;
    }
    .index-epc {
        height: unset;
    }
    .inab-main .tip {
        margin-left: -8px;
    }
    .index-case {
        padding: 50px 0 60px;
    }
    .index-swiper {
        padding-bottom: 52px;
    }
    .index-swiper .carousel-indicators {
        bottom: -52px;
    }
    .ft-main {
        padding-left: 30px;
    }
}

@media (min-width:992px) {
    .innew-text .inre-more {
        margin-top: 6px;
    }
}

@media (max-width:991px) {
    .inban-tit {
        font-size: 32px;
    }
    .inban-text {
        font-size: 20px;
    }
    .inban1-list {
        width: 100%;
    }
    .inban1-list li {
        width: unset;
        margin-left: 0;
    }
    .inban1-list ul {
        margin-left: unset;
    }
    .inban1-list li:nth-child(4),
    .inban1-list li:nth-child(5),
    .inban1-list li:nth-child(6) {
        display: none;
    }
    .inban1-list li p {
        font-size: 18px;
        padding: 8px 20px 8px 34px;
    }
    .inban1-list li p::before {
        top: 20px;
    }
    .index-banner .item-box {
        height: 540px;
    }
    .cTitText {
        font-size: 24px;
    }
    .insolution-nav {
        height: 60px;
    }
    .insolution-nav li {
        line-height: 60px;
        font-size: 18px;
    }
    .insolution-swiper {
        margin-top: 40px;
    }
    .insolution-mian {
        padding: 120px 0 180px;
        height: auto;
    }
    .inpro-tit {
        font-size: 20px;
    }
    .inepc-main {
        padding: 40px 20px;
    }
    .inepc-list li {
        padding: 0 6px;
    }
    .index-swiper .list-style5 .col-md-4:nth-child(3) {
        display: none;
    }
    .list-style5-1 i {
        font-size: 80px;
    }
    .inab-btn {
        margin-bottom: 30px;
    }
    .index-about {
        height: auto;
        padding: 60px 0;
    }
}

.in-btns li {
    float: left;
}

@media (max-width:767px) {
    .btn-online,
    .btn-whited,
    .btn-ed,
    .btn-grayed {
        line-height: 28px;
        width: 160px !important;
        height: 42px;
    }
    .btn-whited,
    .btn-ed {
        line-height: 26px;
    }
    .btn-grayed {
        line-height: 28px;
    }
    .inban1-btn {
        margin-top: 30px;
    }
    .index-banner .item-box {
        height: 340px;
    }
    .index-block {
        padding: 28px 0 30px;
    }
    .index-about {
        padding: 30px 0;
    }
    .inban1-list {
        margin-top: 6px;
    }
    .inban-tit {
        font-size: 22px;
    }
    .inepc-list {
        margin: 20px -6px 0;
    }
    .inban-text {
        font-size: 15px;
    }
    .in-btns {
        margin-left: -4px;
        margin-right: -4px;
        overflow: hidden;
    }
    .in-btns li {
        width: 50%;
        box-sizing: border-box;
        padding: 0 4px;
    }
    .in-btns .btn {
        margin: 0;
        width: 100% !important;
    }
    .inban1-list li {
        margin-top: 8px;
    }
    .inban1-list li p {
        font-size: 14px;
        padding: 4px 10px 4px 20px;
        line-height: 24px;
    }
    .inban1-list li p::before {
        top: 14px;
        height: 4px;
        width: 4px;
        left: 10px;
    }
    .cTitText {
        font-size: 20px;
        line-height: 28px;
    }
    .in-ctext {
        margin-top: 6px;
        font-size: 16px;
    }
    .index-main {
        margin-top: 20px;
    }
    .inpro-info {
        padding: 20px;
    }
    .list-style5-1 .col-md-4 {
        width: 100%;
    }
    .list-style5-1 .col-md-4:nth-child(2) {
        display: none;
    }
    .inpro-1 .inpro-img {
        display: none;
    }
    .inpro-1 {
        height: 290px;
        background: #E6E9EF url(../image/inpro-bg1.png) no-repeat center bottom;
        background-size: 100% auto;
    }
    /*  
.inpro-2,.inpro-3{
  height: 200px;
  background:rgba(245, 247, 251, 1) url(../images/inpro-bg2.png) no-repeat right center;
  background-size: 100% auto;
} */
    /* .inpro-3{
  background:#EBEDF1 url(../images/inpro-bg3.png) no-repeat right center;
  background-size: 100% auto;
} */
    .inpro-tit {
        font-size: 18px;
    }
    .inpro-text {
        display: none;
    }
    .inpro-btn {
        margin-top: 20px;
    }
    .insolution-nav li {
        font-size: 15px;
    }
    .insolution-mian .in-cintro {
        margin-top: 16px;
    }
    .insolution-btn {
        margin-top: 26px;
    }
    .insolution-list .item {
        padding: 0 5px;
    }
    .insolution-list {
        margin: 0 -5px;
    }
    .insolution-mian {
        padding: 90px 0 150px;
    }
    .inepc-list li {
        width: 33.33%;
    }
    .insolution-swiper {
        margin-top: 30px;
    }
    .insolution-swiper .list-info {
        padding: 10px 15px;
    }
    .insolution-swiper .list-item {
        border-width: 5px;
    }
    .inepc-list li:nth-child(4)::before {
        display: none;
    }
    .inepc-list .li-item {
        padding: 6px 4px;
        height: 42px;
    }
    .inepc-list li {
        margin-top: 10px;
    }
    .inepc-tel {
        width: 100%;
        margin-right: unset;
    }
    .inepc-main {
        padding: 20px;
        border: 10px solid #FFFFFF;
    }
    .inepc-list ul {
        margin-top: -10px;
    }
    .inepc-btn {
        margin-top: 20px;
    }
    .inepc-tel {
        font-size: 16px;
    }
    .inepc-tel i {
        font-size: 14px;
    }
    .index-case {
        padding: 20px 0 26px;
    }
    .list-style5-1 i {
        font-size: 60px;
        line-height: 64px;
    }
    .index-swiper {
        padding-bottom: 32px;
    }
    .index-swiper .carousel-indicators {
        bottom: -32px;
    }
    .list-style5 .list-img {
        margin-top: 20px;
    }
    .in-cintro {
        margin-top: 12px;
    }
    .inab-main .num {
        font-size: 28px;
    }
    .inab-main {
        margin-top: 10px;
    }
    .inab-main .item {
        width: 50%;
        margin-top: 10px;
    }
    .inab-btn {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .inser-main {
        margin: 0 -5px;
    }
    .inser-main .item {
        width: 50%;
        padding: 0 5px;
        margin-top: 10px;
    }
    .index-service {
        padding: 20px 0 30px;
    }
    .inser-main i {
        margin-right: 4px;
    }
    .inser-main .tit {
        font-size: 18px;
    }
    .innew-text .inre-more {
        float: left;
        margin-top: 10px;
    }
    .list-style5 .list-time {
        margin-top: 10px;
    }
    .list-style5 .list-text {
        margin-top: 6px;
    }
    .infw-btn {
        margin-top: 20px;
    }
    .ft-compinfo,
    .ft-btn {
        margin-top: 24px;
    }
}

.bortop-10 {
    border-top: 10px solid #F6F8FB;
}

.banner-projh {
    height: 688px;
}

.breadcrumb>li:first-child a {
    display: inline-block;
    width: 13px;
}

.breadcrumb>li:first-child {
    font-size: 0;
    width: 13px;
    vertical-align: middle;
    display: inline-block;
    background: url(../image/home-icon.png) no-repeat left top;
    height: 12px;
}

.jhpro-nav .inpro {
    height: 210px;
    text-align: center;
    position: relative;
    background: #E6E9EF;
}

.jhpro-nav .inpro:hover {
    transform: translatey(-5px);
}

.jhpro-nav .row {
    margin: 0 -5px;
}

.jhpro-nav .col-md-3 {
    padding: 0 5px;
    margin-bottom: 10px;
}

.jhpro-nav .inpro-img {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
}

.jhpro-nav .inpro-img img {
    max-width: 100%;
}

.jhpro-nav .inpro-info {
    padding: 20px 40px 10px;
}
.jhpro-nav .inpro-tit{
    font-size: 15px;
    font-weight: bold;
} 
.jhpro-nav .inpro-3 .inpro-img {
    bottom: 20px;
}

.banner-projh .banTit {
    padding-top: 40px;
}

.projh-block1 {
    background: #F8FAFD;
}

.projh1-main {
    background: #F8FAFD;
}

.projh-search {
    position: relative;
    margin: 28px auto 0;
    max-width: 880px;
}

.projh-search input {
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    color: #666;
}

.projh-search input::placeholder {
    color: #999;
}

.projh-search input:focus {
    background: #fff;
    border: 1px solid #D1D0D0;
}

.projh-search .btn-search {
    right: 0;
}

.projh-search .btn-search span {
    background: url(../image/projh-search.png) no-repeat center center;
}

.page-box {
    padding: 58px 0 60px;
}

.page-box2 {
    padding: 60px 0;
}

.page-block2 {
    margin-top: 60px;
}

@media (max-width:767px) {
    .page-box {
        padding: 28px 0 30px;
    }
    .page-box2 {
        padding: 30px 0;
    }
    .page-block2 {
        margin-top: 30px;
    }
}

.projh1-main {
    margin-top: -50px;
}

.projh1-list {
    margin-top: 50px;
}

.projh1-list .item-box {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
}

.projh1-list .item {
    height: 200px;
    padding: 38px 40px;
    display: block;
    box-sizing: border-box;
    background: url(../image/projh-img1.jpg) no-repeat center center;
    background-size: cover;
}

.projh1-list .item2 {
    background-image: url(../image/projh-img2.jpg);
}

.projh1-list .item3 {
    background-image: url(../image/projh-img3.jpg);
}

.projh1-list .item4 {
    background-image: url(../image/projh-img4.jpg);
}

.projh1-list .tit {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 24px;
}

.projh1-list .item-btn {
    margin-top: 54px;
}

.projh1-list .btn-wlink {
    transition: 0.36s;
    display: inline-block;
}

.projh1-list .item:hover .btn-wlink {
    transform: translatex(10px);
    color: #fff;
    text-decoration: none;
    background: url(../image/btn-wlink.png) no-repeat right center;
}

.list-style6 {
    margin-top: -20px;
}

.list-style6 .list-img {
    overflow: hidden;
}

.list-style6 .list-img img {
    width: 100%;
    transition: 0.36s;
}

.list-style6 .list-tit:hover {
    color: #348fed;
}

.list-style6 .list-item {
    margin-top: 20px;
}

.list-style6 .list-info {
    overflow: hidden;
    padding: 22px 25px 30px;
    background: #fff;
    box-sizing: border-box;
    border: 1px #EBEFF5 solid;
    border-top: none;
}

.projh2-list .list-style6 .list-img,
.list-style6-2 .list-img,
.wsc-pro .list-style6 .list-img {
    border: 1px #EBEFF5 solid;
}

.projh2-list .list-style6 .list-info,
.list-style6-2 .list-info,
.wsc-pro .list-style6 .list-info {
    background: #EDF0F6;
    border: none;
}

.list-style6 .list-tit {
    line-height: 24px;
    color: #25293E;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    font-size: 16px;
    height: 24px;
    -webkit-box-orient: vertical;
}

.list-style6 .list-text {
    margin-top: 12px;
    height: 72px;
    overflow: hidden;
}

.list-style6 .list-text ul {
    margin: 0;
}

.list-style6 .list-text li {
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    list-style: none;
    padding-left: 20px;
    color: #999999;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../image/case-dot.png) no-repeat left center;
}

.list-style6 .list-btns {
    margin: 17px -5px 0;
    font-size: 0;
}

.list-style6 .list-btns li {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 0 5px;
}

.list-style6 .list-btns .btn {
    width: 100%;
    border-radius: 5px;
    line-height: 24px;
    transition: 0.36s;
}

.list-style6 .btn-f0f0 {
    color: #777777;
    background: #fff;
    border: 1px solid #E0E5ED;
}

.list-style6 .btn-f0f0:hover {
    background: #262A3E;
    color: #fff;
    border: 1px solid #262A3E;
}

.list-style6 .btn-ff3d {
    color: #348fed;
    line-height: 20px !important;
    background: rgba(238, 169, 63, 0.1);
    border: 2px solid#348fed;
    ;
}

.list-style6 .btn-ff3d:hover {
    background: #348fed;
    color: #FFF;
    border-color: #348fed;
}

@media (min-width: 992px) {
    .list-style6 .list-item:hover .list-img img {
        transform: scale(1.08);
    }
    .page-block .list-style6 .list-info {
        overflow: hidden;
        padding: 18px 20px 20px;
    }
    .page-block .rlist-style6 .col-md-3 {
        width: 33.33%;
    }
}

@media (max-width: 1239px) and (min-width: 992px) {}

@media (max-width: 991px) and (min-width: 768px) {}

@media (max-width: 767px) {
    .list-style6 {
        margin-top: -10px;
    }
    .list-style6 .list-tit {
        font-size: 14px;
    }
    .list-style6 .list-item {
        margin-top: 10px;
    }
    .list-style6 .list-info {
        padding: 13px 15px 15px;
    }
    .list-style6 .list-text {
        margin-top: 4px;
    }
    .list-style6 .list-btns .btn {
        line-height: 18px;
        padding: 6px;
        font-size: 12px;
    }
    .list-style6 .btn-ff3d {
        line-height: 16px !important;
    }
    .list-style6 .list-btns {
        margin: 14px -3px 0;
    }
    .list-style6 .list-btns li {
        padding: 0 3px;
    }
}

@media (min-width: 768px) {
    .inpro-main1 .inpro:hover .inpro-img img {
        transform: scale(1.08);
    }
}

.rTit .rTitText {
    float: left;
}

.rTit .inre-more {
    margin-right: 10px;
    margin-top: 3px;
}

.rTit .rMore {
    margin-top: 3px;
}

.projh2-list {
    margin-top: 58px;
}

.projh2-list .list-style6 {
    margin-top: 8px;
}

.projh-item {
    height: 342px;
    padding: 36px 30px;
    margin-top: 20px;
    width: 100%;
    display: inline-block;
    background: url(../image/true.jpg) no-repeat center center;
    background-size: cover;
}

.projh-item2 {
    background-image: url(../image/true1.jpg);
}

.projh-tit {
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 36px;
}

.projh-btn {
    margin-top: 186px;
}

.projh-btn .btn {
    width: 100%;
}

@media (max-width:1239px) {
    .projh-item {
        height: 297px;
    }
    .projh-btn {
        margin-top: 116px;
    }
}

.projh-block2 {
    padding-bottom: 60px;
}

.bgf6 {
    background: #F8FAFD;
}

.bgff {
    background: #fff !important;
}

.projh3-main {
    margin-top: 12px;
}

.projh3-main .li-main {
    margin: 0 -10px;
}

.projh3-main .item-box {
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
    margin-top: 20px;
}

.projh3-main .item {
    position: relative;
}

.projh3-main .item-img img {
    width: 100%;
}

.projh3-main .tit {
    font-size: 14px;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 30px;
    left: 0;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
}

.jhform-main {
    padding: 48px 60px 50px;
    height: 252px;
    box-sizing: border-box;
    background: url(../image/jhform-bg.png) no-repeat center center;
    background-size: cover;
}

.jhform-main .tit {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
}

.jhform-main .ftit {
    margin-top: 6px;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 32px;
}

.jh-form .form-control {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.jh-form label {
    color: #fff;
}

.jh-form .form-control:focus {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.2);
}

@media (min-width:767px) {
    .jh-form .form-group:first-child {
        margin-left: 0;
    }
    .jh-form {
        margin-top: 8px;
    }
    .jh-form .form-group {
        float: left;
        margin-top: 0;
        margin-left: 10px;
    }
    .wsc-form .fm-btn {
        margin-top: 30px;
    }
}

@media (min-width:1240px) {
    .jh-form .form-control {
        width: 430px;
    }
}

@media (min-width:992px) and (max-width:1239px) {
    .jh-form .form-control {
        width: 310px;
    }
}

.innews-box {
    margin-top: -1px;
    margin-left: -1px;
    box-sizing: border-box;
    padding: 38px 40px 40px;
    border: 1px solid #EAEDF2;
}

.innews-main .row {
    margin: 0;
}

.innews-main .col-md-6 {
    padding: 0;
}

.innews-ctit .cTitText {
    float: left;
    font-size: 20px;
    line-height: 24px;
}

.list-style3-2 .list-item {
    padding: 0 100px 0 0;
    border: none;
    border-top: 1px solid #EAEDF2;
    background: unset;
    margin-top: 16px;
    padding-top: 16px;
}

.list-style3-2 .list-item:first-child {
    border-top: none;
}

.list-style3-2 .list-tit {
    padding-left: 0;
    background: none;
    font-size: 16px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 24px;
}

.list-style2-2 .media {
    border-top: 1px solid #EAEDF2;
    margin-top: 20px;
    padding-top: 20px;
}

.list-style2-2 .media:first-child {
    margin-top: 0;
    border-top: none;
}

.list-style2-2 .media-left a {
    overflow: hidden;
}

.list-style2-2 .media-left img {
    transition: 0.36s;
}

.list-style2-2 .media:hover .media-left img {
    transform: scale(1.08);
}

.list-style3-2 {
    margin-top: 23px;
    margin-bottom: 10px;
}

@media (min-width:992px) {
    .list-style2-2 .media-left a {
        width: 200px;
    }
    .list-style2-2 {
        margin-top: 6px;
    }
}

@media (max-width:992px) {
    .jhpro-nav .inpro {
        margin-top: 10px;
        height: 300px;
    }
    .projh1-main {
        margin-top: 490px;
    }
    .projh-text .inre-more {
        display: none;
    }
    .projh-btn {
        margin-top: 230px;
    }
    .projh-item {
        height: 394px;
    }
    .projh3-main .tit {
        bottom: 12px;
    }
}

@media (max-width:767px) {
    .banner-projh .banTit {
        padding-top: 40px;
    }
    .index-main {
        margin-top: 10px;
    }
    .jhpro-nav .inpro-info {
        padding: 20px;
    }
    .jhpro-nav .inpro {
        height: 220px;
    }
    .jhpro-nav .inpro-img {
        width: 80%;
        right: 0;
        margin: auto;
    }
    .jhpro-nav .inpro-3 .inpro-img {
        bottom: 16px;
    }
    .banner-projh {
        height: 840px;
    }
    .projh1-main {
        margin-top: 0;
    }
    .projh-search {
        margin-top: 20px;
    }
    .projh1-list .item-box:first-child {
        margin-top: 0;
    }
    .projh1-list .item-box {
        width: 100%;
        margin-top: 10px;
    }
    .projh1-list {
        margin-top: 16px;
    }
    .ft-search input {
        padding: 8px 15px;
    }
    .projh1-list .item {
        padding: 20px;
        height: 132px;
    }
    .projh1-list .item-btn {
        margin-top: 20px;
    }
    .projh1-list .tit {
        font-size: 16px;
    }
    .projh2-list {
        margin-top: 28px;
    }
    .projh2-list .list-style6 {
        margin-top: 4px;
    }
    .projh-tit {
        font-size: 20px;
    }
    .projh-item {
        padding: 20px;
        margin-top: 10px;
    }
    .projh-item {
        height: 220px;
    }
    .projh-btn {
        margin-top: 90px;
    }
    .projh3-main .item-box {
        width: 50%;
        padding: 0 5px;
        margin-top: 10px;
    }
    .projh3-main .li-main {
        margin: 0 -5px;
    }
    .jhform-main {
        padding: 20px;
        height: 366px;
    }
    .jhform-main .ftit {
        font-size: 18px;
        line-height: 28px;
    }
    .projh3-main {
        margin-top: 8px;
    }
    .innews-box {
        padding: 18px 20px 20px;
    }
    .innews-ctit .cTitText {
        font-size: 16px;
    }
    .list-style2-2 .media {
        margin-top: 15px;
        padding-top: 15px;
    }
    .list-style3-2 {
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .list-style3-2 .list-item {
        margin-top: 12px;
        padding-top: 12px;
    }
}

.pro-ban {
    height: 320px;
}

.pro-top {
    height: 346px;
    margin-top: -260px;
    box-sizing: border-box;
    padding: 38px 40px;
    border: 1px solid #EBEFF5;
    background: rgba(255, 255, 255, 1);
}

.pro-tit {
    font-size: 30px;
    font-weight: bold;
    color: #0A0A0A;
    line-height: 32px;
}

.pro-text {
    font-size: 14px;
    margin-top: 22px;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
    width: 100%;
    height: 48px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pro-btns {
    font-size: 0;
    margin-top: 32px;
}

.pro-btns .btn-online {
    margin-right: 10px;
}

.pro-top .pro-more {
    margin-top: 30px;
}

.pro-tit2 {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.pro-top .inre-more {
    margin-top: 12px;
}

.pro-top .inre-more {
    float: left;
}

.side-bar {
    padding: 25px 30px 30px;
    border-top: 5px solid #a3cef8;
    box-sizing: border-box;
    background: #F8FAFD;
}

.side-tit {
    font-size: 18px;
    font-weight: bold;
    color: #25293E;
    line-height: 24px;
}

.side-nav .wsc-class {
    margin-top: 8px;
}

.side-msg {
    text-align: center;
    margin-top: 20px;
}

.side-msg .item-dt {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
}

.side-msg .item-dd {
    font-size: 18px;
    margin-top: 4px;
    font-family: Arial;
    font-weight: bold;
    color: #25293E;
    line-height: 24px;
}

.side-msg .info2 {
    border-top: 1px solid#EAEEF4;
    padding-top: 20px;
    margin-top: 20px;
}

.side-msg .btn {
    width: 100%;
    margin-top: 10px;
}

.rlist-style6 {
    margin-top: 10px;
}

@media (max-width:991px) {
    .side-nav {
        margin-bottom: 20px;
    }
}

@media (max-width:767px) {
    .pro-ban {
        height: 300px;
    }
    .pro-tit {
        font-size: 20px;
        line-height: 28px;
    }
    .pro-text {
        margin-top: 12px;
    }
    .pro-btns {
        margin-top: 20px;
    }
    .pro-btns .btn {
        width: 140px !important;
    }
    .pro-top {
        height: auto;
        padding: 20px;
    }
    .pro-top .pro-more {
        margin-top: 20px;
    }
    .side-bar {
        padding: 15px 20px 20px;
    }
    .side-tit {
        font-size: 16px;
    }
    .side-nav .wsc-class {
        margin-top: 4px;
    }
    .bortop-10 {
        border-width: 5px;
    }
}

@media (min-width: 992px) {
    .pd-img .carousel-indicators {
        position: unset;
        width: unset;
        margin-left: -5px;
        margin-right: -5px;
        margin-top: 10px;
        font-size: 0;
    }
    .pd-img .carousel-indicators li {
        width: 16.66%;
        height: auto;
        border-radius: 0;
        text-indent: 0;
        margin: 0;
        padding-left: 5px;
        padding-right: 5px;
        border: 0;
        vertical-align: middle;
    }
    .pd-img .carousel-indicators li .img-box {
        height: 65px;
        position: relative;
        border: 1px solid #eaeaea;
    }
    .pd-img .carousel-indicators li img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .pd-img .carousel-indicators li.active {
        background: none;
    }
    .pd-img .carousel-indicators .active {
        background-color: unset;
    }
    .pd-img .carousel-indicators .active .img-box {
        border: 1px solid #344063;
        background: #000;
    }
    .pd-img .carousel-control {
        top: -65px;
    }
}

@media (max-width: 991px) {
    .pd-img .carousel-indicators li img {
        display: none;
    }
}

.d-fbox {
    background: #FFFFFF;
    border: 1px solid #EBEFF5;
    margin-top: 38px;
}

.pd-top .d-tit {
    margin-top: 24px;
}

.d-ftit {
    font-size: 16px;
    font-weight: bold;
    padding: 6px 30px;
    margin-top: 0;
    color: #687994;
    line-height: 32px;
    background: #F8FAFD;
}

.d-attr {
    padding: 28px 25px;
    margin-top: 0;
}

.pd-btn2 {
    font-size: 14px;
    display: inline-block;
    font-weight: 400;
    color: rgba(104, 120, 148, 0.8);
    line-height: 24px;
}

.pd-btn2 span {
    font-size: 20px;
    font-family: Arial;
    font-weight: bold;
    color: rgba(10, 10, 10, 0.9);
}

.pd-info .d-btn .pd-btn1 {
    margin-right: 20px;
}

.pd-info .pd-btn2 {
    border: 1px solid #E0E5ED;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 10px;
    line-height: 36px;
    padding: 6px 20px;
}

@media (max-width:991px) {
    .pd-info .pd-btn2 {
        line-height: 30px;
        height: 44px;
        margin-top: 0;
    }
    .pd-info .d-btn .pd-btn1 {
        margin-right: 0;
    }
    .pd-info .btn {
        width: 100%;
    }
}

.pdTab li:first-child {
    background: none;
}

.pdTab li {
    background: url(../image/pd-tit.png) no-repeat left center;
}

.side-pro .item-img {
    margin-top: 20px;
    background-color: #edf0f6;
    width: 220px;
    height: 165px;
    position: relative;
}

.pd-box {
    margin-top: 40px;
}

.pd-content {
    float: left;
    margin-top: 0;
    width: 880px;
    box-shadow: none;
}

.side-pro .item-img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.side-pro .item-info {
    font-size: 16px;
    line-height: 24px;
    color: #25293e;
    margin-top: 15px;
}

.side-pro .btn {
    width: 100%;
    height: 40px;
}

.side-pro .btn-online {
    line-height: 28px;
    margin-top: 16px;
}

.side-pro .btn-ed {
    margin-top: 10px;
    line-height: 24px;
}

.layout-side {
    float: right;
    width: 280px;
}

.side-prolist {
    margin-top: 20px;
}

.side-prolist ul {
    margin-top: 8px;
}

.side-prolist li {
    font-size: 14px;
    font-weight: 400;
    color: #25293E;
    overflow: hidden;
    line-height: 24px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    height: 24px;
    padding-left: 12px;
    margin-top: 6px;
    background: url(../image/side-pro.png) no-repeat left center;
    -webkit-box-orient: vertical;
}

.side-prolist li:hover {
    color: #348fed;
}

.side-list {
    margin-top: 12px;
}

.str-tit {
    font-size: 18px;
    font-weight: bold;
    color: #348fed;
    line-height: 24px;
}

.str-list {
    margin: 25px -5px 0;
}

.str-list .li-item {
    width: 33.33%;
    padding: 12px;
    box-sizing: border-box;
    float: left;
}

.str-box2 {
    margin-top: 35px;
}

.str-box1 {
    margin-top: 16px;
}

.str-list .item {
    display: block;
    background: #F0F5FB;
    box-sizing: border-box;
}

.str-list .item-img {
    text-align: center;
}

.str-list .item-img img {
    max-width: 100%;
}

.str-list .item-tit {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #666666;
    line-height: 24px;
    margin-top: 12px;
}

.str-list .li-item2 {
    width: 25%;
}

.str-list2 .item {
    padding: 15px;
}

.str-intro {
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
    color: #777777;
    line-height: 24px;
}

.str-list3 .li-item {
    width: 20%;
}

.str-list3 .item {
    padding: 5px 5px 10px;
}

.str-box3 {
    padding: 50px;
    height: 590px;
    box-sizing: border-box;
    background: url(../image/str-bg.jpg) no-repeat center bottom;
    background-size: cover;
}

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

.str-main .num {
    font-weight: 400;
}

@media (min-width:992px) {
    .str-main .num {
        font-size: 40px;
    }
    .str-main {
        margin-top: 24px;
    }
    .in-cintro {
        margin-top: 20px;
    }
}

.det-seo {
    background: #F8FAFD;
    border: solid 1px #F0F5FD;
    padding: 20px;
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    margin-top: 20px;
}

.det-seo em,
.det-seo a {
    font-weight: bold;
    color: #333;
}

.wsc-service .projh1-list {
    margin-top: 0;
}

.cmfm-content {
    margin-top: 24px;
}

.cmfm-main2 {
    float: left;
    height: 452px;
    box-sizing: border-box;
    padding: 20px 28px;
    background: #FFFFFF;
    border: 1px solid #EAEDF2;
}

.cmfm-info {
    float: right;
    box-sizing: border-box;
    width: 300px;
    height: 452px;
    padding: 40px 30px;
    background: url(../image/cmfm-bg.jpg) no-repeat center bottom;
}

.cmfm-main2 .fm-btn .btn {
    color: #fff;
    background: #262A3E;
}

.cmfm-main2 .fm-btn .btn:hover,
.sd-form .fm-btn .btn:hover {
    background: #353848;
}

@media (min-width:1240px) {
    .cmfm-main2 .form-control {
        width: 390px;
    }
    .cmfm-main2 textarea.form-control {
        width: 800px;
    }
    .cmfm-main2 {
        width: 640px;
    }
    .cmfm-main2 {
        width: 880px;
    }
}

@media (min-width:992px) and (max-width:1239px) {
    .cmfm-main2 .form-control {
        width: 270px;
    }
    .cmfm-main2 {
        width: 640px;
    }
    .cmfm-main2 textarea.form-control {
        width: 560px;
    }
}

@media (min-width:992px) {
    .cmfm-main2 .fm-btn .btn {
        width: 200px;
        height: 50px;
    }
    .cmfm-main2 .form-group {
        float: left;
    }
    .cmfm-main2 .form-group:first-child {
        margin-top: 10px;
    }
    .cmfm-main2 .form-group {
        margin-left: 10px;
        margin-right: 10px;
    }
    .cmfm-main2 .fm-btn {
        margin-top: 20px;
    }
}

.cmfm-tit {
    font-size: 22px;
    font-weight: bold;
    color: #262A3E;
    line-height: 24px;
}

.cmfm-text {
    font-size: 14px;
    margin-top: 12px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 26px;
    opacity: 0.7;
}

.cmfm-item {
    margin-top: 20px;
}

.wsc-com .pText {
    color: #0A0A0A;
}

.cmfm-item .item-dt,
.cmfm-item .item-dd {
    float: left;
}

.cmfm-item .info {
    margin-top: 10px;
}

.cmfm-item .item-dt {
    font-size: 14px;
    font-weight: 400;
    color: #262A3E;
    line-height: 30px;
    opacity: 0.7;
    margin-right: 8px;
}

.cmfm-item .item-dd {
    font-size: 20px;
    font-family: Arial;
    font-weight: 400;
    color: #262A3E;
    line-height: 30px;
}

.cmfm-box {
    margin-top: 36px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.9);
    padding: 26px 20px 30px;
    border-radius: 10px;
}

.cmfm-box .tit {
    font-size: 16px;
    font-weight: 400;
    color: #262A3E;
    line-height: 20px;
}

.cmfm-box .btn {
    margin-top: 16px;
    width: 100%;
}

@media (max-width:1239px) {
    .pd-content {
        float: left;
        margin-top: 0;
        width: 640px;
        box-shadow: none;
    }
    .str-list3 .item-tit {
        font-size: 12px;
        margin-top: 8px;
    }
}

@media (max-width:991px) {
    .pd-content {
        width: 100%;
    }
    .side-pro {
        display: none;
    }
    .layout-side {
        width: 100%;
    }
    .cmfm-main2 {
        width: 100%;
        height: unset;
    }
}

@media (max-width:767px) {
    .d-fbox {
        margin-top: 16px;
    }
    .d-ftit {
        padding: 6px 15px;
        font-size: 15px;
    }
    .d-attr {
        padding: 12px 10px;
    }
    .pd-btn2 {
        display: inline-block;
        width: 100%;
        margin-top: 8px;
    }
    .pd-box {
        margin-top: 20px;
    }
    .wsc-editTit {
        font-size: 18px;
    }
    .str-tit {
        font-size: 16px;
    }
    .str-list,
    .str-box1 {
        margin-top: 12px;
    }
    .str-box2 {
        margin-top: 15px;
    }
    .str-list1 .li-item {
        width: 100%;
    }
    .str-list1 .li-item2 {
        width: 50%;
    }
    .str-list2 .li-item {
        width: 50%;
    }
    .str-list3 .li-item {
        width: 50%;
    }
    .str-box3 {
        padding: 20px;
    }
    .cmfm-main2 {
        padding: 10px 20px 28px;
    }
    .cmfm-content {
        margin-top: 16px;
    }
}

.solution-ban {
    height: 550px;
}

.solution-ban .banTit {
    padding-top: 76px;
}

.snav-main {
    margin-top: 36px;
}

.snav-main li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 1px;
}

.snav-main li a {
    display: inline-block;
    width: 100%;
    position: relative;
    height: 100px;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 100px;
    background: rgba(0, 0, 0, 0.4);
}

.snav-main li span {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    height: 4px;
    background-color: #348fed;
    width: 0;
    transition: 0.36s;
}

.snav-main li a:hover span,
.snav-main li.active span {
    width: 100%;
}

.snav-main li a:hover,
.snav-main li.active a {
    color: #348fed;
}

.snav-text {
    font-size: 16px;
    margin-top: 24px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    opacity: 0.8;
}

.snav-btn {
    margin-top: 32px;
    text-align: center;
}

.list-style2-3 .media {
    background: #FFFFFF;
    border: 1px solid #EBEFF5;
}

.list-style2-3 .media-left a {
    width: 280px;
}

.list-style2-3 .media-btn {
    margin-top: 20px;
}

.list-style2-3 .media-heading {
    -webkit-line-clamp: 1;
    transition: 0.36s;
}

.list-style2-3 .media-left {
    padding-right: 0;
}

.list-style2-3 .media-text {
    margin-top: 12px;
}

.list-style2-3 .btn-grayed {
    height: 38px;
    width: 160px;
    line-height: 24px;
}

.list-style2-3 .media-body {
    padding: 30px;
}

.list-style2-3 .media-left a {
    overflow: hidden;
}

.list-style2-3 .media-left img {
    transition: 0.36s;
}

.list-style2-3 .media:hover .media-left img {
    transform: scale(1.08);
}

.side-msg2 {
    margin-top: 0;
}

.side-msg2 .icon {
    width: 29px;
    margin: 0 auto;
    height: 28px;
}

.side-msg2 .icon1 {
    background: url(../image/pjside-ico1.png) no-repeat center center;
}

.side-msg2 .icon2 {
    background: url(../image/pjside-ico2.png) no-repeat center center;
}

.side-msg2 .icon3 {
    background: url(../image/pjside-ico3.png) no-repeat center center;
}

.side-msg2 .info {
    margin-top: 8px;
    padding: 28px 5px 20px;
    background: #FFFFFF;
}

.side-msg2 .info1 {
    margin-top: 20px;
}

.side-msg2 .item-tel {
    font-size: 22px;
    margin-top: 24px;
    font-family: Arial;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
}

.side-msg2 .item-dd {
    font-size: 14px;
    font-weight: bold;
    color: #262A3E;
    margin-top: 8px;
    line-height: 24px;
}

.page-btn {
    margin-top: 40px;
    text-align: center;
}

.ywhz-swiper .str-list {
    margin-top: 35px;
}

.ywhz-swiper .swiper-prev,
.ywhz-swiper .swiper-next {
    width: 30px;
    height: 40px;
    cursor: pointer;
    top: 0;
    margin: auto;
    bottom: 0;
    position: absolute;
    display: block;
    transition: 0.36s;
}

.ywhz-swiper .swiper-prev {
    left: 10px;
    background: url(../image/ywhz-prev.png) no-repeat center center;
}

.ywhz-swiper .swiper-next {
    right: 10px;
    background: url(../image/ywhz-next.png) no-repeat center center;
}

.ywhz-swiper .swiper-next:hover,
.ywhz-swiper .swiper-prev:hover {
    opacity: 0.6;
}

.ywhz-swiper .str-list3 .item {
    margin: 0 10px;
    padding: 10px 10px 10px;
    text-align: center;
    background: #E9ECEE;
}

@media (max-width:991px) {
    .snav-main li a {
        height: 80px;
        line-height: 80px;
    }
}

@media (max-width:767px) {
    .solution-ban {
        height: 410px;
    }
    .solution-ban .banTit {
        padding-top: 40px;
    }
    .snav-main li a {
        font-size: 16px;
        height: 48px;
        line-height: 48px;
    }
    .snav-main li span {
        height: 2px;
    }
    .snav-main {
        margin-top: 20px;
    }
    .snav-text {
        margin-top: 16px;
    }
    .snav-btn {
        margin-top: 20px;
    }
    .list-style2-3 .media-left a {
        width: 132px;
    }
    .list-style2-3 .media-body {
        padding: 15px;
    }
    .list-style2-3 .media-btn {
        margin-top: 10px;
    }
    .list-style2-3 .btn-grayed {
        height: 34px;
        font-size: 12px;
        width: 100px !important;
        line-height: 20px;
    }
}

.detail-ban {
    height: 465px;
}

.fa-top {
    padding: 40px 40px 40px 460px;
    margin-top: 60px;
    background: #fff;
}

.fatop-img {
    width: 380px;
    margin-left: -420px;
}

.fatop-img img {
    width: 100%;
}

.fatop-img,
.fatop-info {
    float: left;
}

.fatop-info {
    width: 100%;
}

.fa-btns {
    margin-top: 36px;
}

.fa-btns a {
    float: left;
    display: block;
}

.fa-btns .btn-online {
    margin-right: 10px;
}

.fa-tit {
    font-size: 28px;
    font-weight: bold;
    color: #0A0A0A;
    margin-top: 28px;
    line-height: 36px;
}

.fa-Text {
    font-size: 14px;
    margin-top: 24px;
    font-weight: 400;
    color: #999999;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

@media (max-width:991px) {
    .fatop-img {
        width: 280px;
        margin-left: -310px;
    }
    .fa-tit {
        margin-top: 8px;
        font-size: 24px;
    }
    .fa-top {
        padding: 30px 30px 30px 340px;
        margin-top: 60px;
        background: #fff;
    }
    .fa-Text {
        -webkit-line-clamp: 3;
    }
    .fa-Text {
        margin-top: 12px;
    }
    .fa-btns {
        margin-top: 16px;
    }
    .fa-btns .btn {
        width: 160px;
    }
    .detail-ban {
        height: 390px;
    }
}

@media (max-width:767px) {
    .fa-top {
        padding: 20px;
        margin-top: 40px;
    }
    .fatop-img {
        width: 100%;
        margin-left: unset;
    }
    .detail-ban {
        height: 540px;
    }
    .fa-tit {
        font-size: 20px;
        margin-top: 16px;
        line-height: 28px;
    }
    .fa-Text {
        margin-top: 8px;
    }
    .fa-btns .btn {
        width: 140px !important;
    }
}

.pd-main2 {
    margin-top: 0;
    background: #fff;
}

.pd-main2 .pd-content {
    padding: 0;
}

.sdfm {
    background: #F8FAFD;
}

.sd-msg {
    font-size: 12px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 24px;
    opacity: 0.7;
    margin-top: 10px;
    text-align: center;
}

.sd-tel {
    font-size: 18px;
    font-weight: bold;
    color: #262A3E;
    line-height: 24px;
    text-align: center;
}

.sdfm-tit {
    font-size: 18px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 24px;
}

.sdfm-text {
    font-size: 14px;
    font-weight: 400;
    color: #565656;
    line-height: 24px;
}

.sd-form .form-control {
    background: #fff;
}

.wsc-form textarea.form-control {
    resize: none;
}

.sd-form textarea.form-control {
    height: 40px;
}

.sd-form .fm-btn .btn {
    height: 50px;
    color: #fff;
    width: 100%;
    background: #262A3E;
}

.sd-form .fm-btn {
    margin-top: 25px;
}

.rTit2 .wsc-editTit {
    float: left;
}

.rlist-style2 {
    margin-top: 28px;
}

.nav-main {
    margin: 22px -1px 40px;
}

.nav-main .li-item {
    width: 25%;
    padding: 1px;
    box-sizing: border-box;
    float: left;
}

.nav-main .item {
    display: block;
    box-sizing: border-box;
    padding: 20px 20px 20px 132px;
    height: 100px;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #EAEDF2;
}

.nav-main i {
    height: 100px;
    display: block;
    top: 0;
    left: 50px;
    width: 55px;
    position: absolute;
}

.nav-main .item-tit {
    font-size: 16px;
    font-weight: 400;
    color: #697B93;
    line-height: 24px;
    margin-top: 16px;
}

.nav-main .item::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 2px;
    background-color: #348fed;
    width: 0;
    transition: 0.36s;
}

.nav-main .item:hover::after,
.nav-main .item.active::after {
    width: 100%;
}

.nav-main .icon1 {
    background: url(../image/nav-icon1.png) no-repeat center center;
}

.nav-main .icon2 {
    background: url(../image/nav-icon2.png) no-repeat center center;
}

.nav-main .icon3 {
    background: url(../image/nav-icon4.png) no-repeat center center;
}

.nav-main .icon4 {
    background: url(../image/nav-icon4.png) no-repeat center center;
}

.pjnav-tit {
    font-size: 18px;
    font-weight: bold;
    color: #0A0A0A;
    line-height: 24px;
}

.pjnav-list {
    margin-top: 20px;
}

.pjnav-list li {
    height: 16px;
    float: left;
    margin-right: 38px;
    font-size: 16px;
    font-weight: 500;
    color: #76869B;
    line-height: 18px;
}

.pjnav-list li.active a {
    background-image: url(../image/pj-checkh.png);
}

.pjnav-list li a {
    display: block;
    padding-left: 24px;
    transition: 0.36s;
    background: url(../image/pj-check.png) no-repeat left center;
}

.list-style2-3 .media-text {
    -webkit-line-clamp: 3;
}

.wsc-service .projh1-list2 {
    margin-top: 28px;
}

@media (max-width:1239px) {
    .nav-main .item {
        padding-left: 110px;
    }
    .nav-main i {
        left: 40px;
    }
}

@media (max-width:991px) {
    .nav-main .li-item {
        width: 50%;
    }
    .wsc-case .list-style2-3 .col-md-6:nth-child(2) .media {
        margin-top: 10px;
    }
    .wsc-solution .list-style2-3 .col-md-6:first-child .media {
        margin-top: 0;
    }
    .wsc-solution .list-style2-3 .media {
        margin-top: 15px;
    }
}

@media (max-width:767px) {
    .pjnav-tit {
        font-size: 16px;
    }
    .nav-main {
        margin-top: 12px;
        margin-bottom: 16px;
    }
    .pjnav-list {
        margin-top: 12px;
    }
    .nav-main .item {
        height: 50px;
        text-align: center;
        padding: 12px;
    }
    .nav-main i {
        display: none;
    }
    .nav-main .item-tit {
        margin-top: 0;
    }
    .rlist-style2 {
        margin-top: 20px;
    }
    .wsc-service .projh1-list2 {
        margin-top: 20px;
    }
}

.sdfm {
    margin-top: 20px;
}

.lc-img {
    margin-top: 30px;
}

.lc-img img {
    width: 100%;
}

@media (min-width:768px) {
    .case-det .d-tit {
        font-size: 28px;
    }
}

.case-intro {
    margin-top: 0;
    padding: 15px 40px 40px;
    background: #F8FAFD;
    margin-bottom: 40px;
}

.case-intro .list-text {
    margin: -10px -20px 0;
}

.case-intro .list-text li {
    float: left;
    font-size: 14px;
    font-weight: 400;
    list-style: none;
    margin: 10px 20px 0;
    padding-left: 20px;
    color: #999999;
    line-height: 24px;
    background: url(../image/case-dot.png) no-repeat left 7px;
}

.case-intro .list-text span {
    color: #0A0A0A;
}

.case-intro .btn {
    margin-top: 24px;
}

.case-det .pd-img .carousel-indicators li {
    width: 8px;
    height: 8px;
    margin-right: 5px;
    margin-left: 5px;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #262B3F;
    border-radius: 50%;
}

.case-det .pd-img .carousel-indicators li.active {
    background: #262B3F;
}

.case-det .pd-img .carousel-indicators {
    bottom: 30px;
    position: absolute;
}

.case-det .d-cover {
    margin-top: 28px;
}

.dcase-main .pdTab-box {
    height: 0;
}

.dcase-main .pd-content {
    padding: 0;
}

.dcase-main .pd-box {
    margin-top: 0;
}

.side-pro {
    background: #F8FAFD;
}

.page-block .list-style6 .list-btns .btn {
    font-size: 12px;
}

@media (max-width:767px) {
    .case-det .d-cover {
        margin-top: 18px;
    }
    .case-det .pd-img .carousel-indicators {
        bottom: 15px;
    }
    .case-intro {
        padding: 18px 20px 20px;
        margin-bottom: 20px;
    }
    .case-intro .btn {
        margin-top: 12px;
    }
    .lc-img {
        margin-top: 20px;
    }
}

.wsc-class3 {
    background: #FFFFFF;
}

.wsc-class3 .li-item {
    float: left;
    width: 25%;
    border: 1px solid #EAEDF2;
    margin-top: -1px;
    margin-left: -1px;
    box-sizing: border-box;
}

.wsc-class3 .li-item .item {
    display: inline-block;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    font-weight: 400;
    text-align: center;
    color: #697B93;
    padding: 29px 0;
    line-height: 28px;
}

.wsc-class3 .li-item .item:hover,
.wsc-class3 .li-item .item.active {
    background: #348fed;
    color: #fff;
}

.newtop-box {
    position: relative;
}

.newtop-box a {
    display: block;
}

.newtop-img img {
    width: 100%;
}

.newtop-info {
    position: absolute;
    color: #fff;
    bottom: 0;
    padding-top: 35px;
    left: 0;
    height: 213px;
    box-sizing: border-box;
    width: 100%;
    background: url(../image/new-bg.png) repeat-x center top;
}

.newtop-info .media {
    border: none;
    background: none;
}

.newtop-info .media-heading,
.newtop-info .media-info,
.newtop-info .media-text {
    color: #fff;
}

.newtop-info .media-text {
    -webkit-line-clamp: 2;
}

.new-main,
.new-top {
    margin-top: 30px;
}

.newtop-box2 .media-heading {
    -webkit-line-clamp: 2;
}

.newtop-box2 .media-text {
    -webkit-line-clamp: 2;
}

@media (min-width:1240px) {
    .newtop-box2 .media-left a {
        width: 275px;
    }
}

@media (min-width:992px)and (max-width:1239px) {
    .newtop-box2 .media-left a {
        width: 214px;
    }
    .newtop-box2 .media-heading {
        -webkit-line-clamp: 1;
    }
    .newtop-box2 .media-body {
        padding: 20px;
    }
}

.rTit3 .rTitText {
    font-size: 18px;
    line-height: 24px;
}

.rTit3 .rMore {
    margin-top: 0;
    font-size: 0;
}

.side-new {
    margin-top: 20px;
}

.list-style2-4 {
    margin-top: 4px;
}

.list-style2-4 .media:first-child {
    border-top: none;
}

.list-style2-4 .media {
    border-top: 1px solid #E6E8ED;
    padding-top: 12px;
    margin-top: 12px;
}

.list-style2-4 .media-info {
    margin-top: 8px;
}

.qr-window {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 42px;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%);
    display: block!important;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2)
}

.new-tw,
.return-last {
    float: right;
    width: 120px;
    margin-top: -8px;
    transition: 0.36s;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    height: 32px;
    font-size: 12px;
    padding: 0 15px 0 30px;
    font-weight: 400;
    line-height: 30px;
    color: #999999;
    border: 1px solid #E6E8ED;
    border-radius: 3px;
    background: url(../image/new-tw.png) no-repeat 15px center;
}

.return-last {
    margin-right: 5px;
    width: 95px;
    padding: 0 30px 0 15px;
    background: url(../image/return-list.png) no-repeat 70px center;
}

.new-tw:hover {
    color: #fff;
    border-color: #8994a4;
    background: #8994a4 url(../image/new-twh.png) no-repeat 15px center;
    ;
}

.return-last:hover {
    color: #fff;
    border-color: #8994a4;
    background: #8994a4 url(../image/return-listh.png) no-repeat 70px center;
}

.dp-arr,
.dn-arr {
    position: unset;
}

.dp-text,
.dn-text {
    padding-left: 0;
    margin-top: 4px;
}

.wsc-detlink .dl-next {
    padding-top: 16px;
    margin-top: 20px;
    border-top: 1px solid #E5EAF1;
}

@media (max-width:767px) {
    .newtop-info {
        padding: 0;
        height: 92px;
    }
    .rTit3 .rTitText {
        font-size: 16px;
    }
    .wsc-class3 .li-item .item {
        padding: 6px 0;
    }
    .wsc-class3 .li-item .item {
        font-size: 14px;
    }
    .new-main,
    .new-top {
        margin-top: 20px;
    }
}

.wsc-class3-2 .li-item {
    width: 50%;
}

.epc-block1 {
    margin-top: 45px;
}

.epc1-main {
    margin-top: 26px;
}

.epc1-main .item {
    position: relative;
}

.epc1-main .item-img {
    overflow: hidden;
}

.epc1-main .item-img img {
    width: 100%;
}

.epc1-main .tit {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 28px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    line-height: 28px;
}

.epc-block2 {
    margin-top: 60px;
    border-top: 1px solid #EAEDF2;
}

.epc2-main {
    margin-top: 20px;
}

.epc2-main .item-img img {
    width: 100%;
}

.epc2-main .item {
    border: 1px solid #E4E8EC;
    margin-top: 20px;
}

.epc2-main .item-info {
    padding: 32px 30px 40px;
}

.epc2-main .tit {
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 24px;
}

.epc2-main .text {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 26px;
    opacity: 0.7;
}

@media (min-width:768px) {
    .wsc-com .pText {
        margin-top: 20px;
    }
    .wsc-class3-2 .li-item .item {
        padding: 22px 0;
    }
    .epc-block2 .inepc-list {
        margin-top: 40px;
    }
    .service2-main2 .d-btn .btn {
        width: 200px;
        margin-bottom: 0;
    }
    .service2-main2 .d-btn {
        margin-top: 30px;
        text-align: center;
        font-size: unset;
    }
    .service2-main2 .pd-btn2 span {
        vertical-align: middle;
    }
}

@media (max-width:991px) {
    .epc1-main .item {
        margin-top: 20px;
    }
    .epc1-main {
        margin-top: 6px;
    }
}

@media (max-width:767px) {
    .epc-block1 {
        margin-top: 20px;
    }
    .epc1-main .item {
        margin-top: 10px;
    }
    .epc-block2 {
        margin-top: 30px;
    }
    .epc2-main,
    .epc2-main .item {
        margin-top: 10px;
    }
    .epc2-main .item-info {
        padding: 20px;
    }
    .epc2-main .text {
        margin-top: 12px;
    }
}

.service1-main {
    margin-top: 8px;
}

.service1-main .item-icon {
    width: 110px;
    height: 110px;
    background: #F1F2F6 url(../image/service1-icon1.png) no-repeat center center;
    border-radius: 50%;
    margin: 50px auto 0;
}

.service1-main .icon2 {
    background-image: url(../image/service1-icon2.png);
}

.service1-main .icon3 {
    background-image: url(../image/service1-icon3.png);
}

@media (min-width:768px) {
    .service1-main .item-info {
        padding-top: 28px;
    }
}

.service2-main1 {
    margin-top: 36px;
}

.service2-main1 .item {
    box-sizing: border-box;
    width: 50%;
    float: left;
    background: #fff;
    margin-left: -1px;
    padding: 58px 50px 60px;
    border: 1px solid #E8EAF3;
}

.service2-tit {
    font-size: 20px;
    font-weight: bold;
    color: #348fed;
    line-height: 24px;
}

.service2-main1 .text {
    font-size: 14px;
    margin-top: 24px;
    font-weight: 400;
    color: #777777;
    line-height: 26px;
}

.service2-main1 .item-btn {
    margin-top: 36px;
}

.service-block2 {
    background: url(../image/service2-bg.jpg) no-repeat center center;
    background-size: cover;
}

.service2-main2 {
    background: #fff;
    margin-top: 20px;
    padding: 58px 50px 60px;
}

.service2-list .item-icon {
    width: 90px;
    height: 90px;
    background: #fff url(../image/service2-icon1.png) no-repeat center center;
    border-radius: 50%;
    margin: 35px auto 0;
}

.service2-list {
    margin-top: 8px;
}

.service2-list .icon2 {
    background-image: url(../image/service2-icon2.png);
}

.service2-list .icon3 {
    background-image: url(../image/service2-icon3.png);
}

.service2-list .item {
    border-color: #F5F7FA;
    background: #F5F7FA;
}

.service2-list .item-info {
    padding-top: 0;
    padding-bottom: 32px;
}

@media (max-width:991px) {
    .service2-main1 .item {
        width: 100%;
    }
    .service2-main1 .item2 {
        margin-top: 10px;
    }
    .service1-main .text {
        display: none;
    }
    .service1-main .row {
        margin: 0 -2px;
    }
    .service1-main .col-xs-4 {
        padding: 0 2px;
    }
}

@media (max-width:767px) {
    .service1-main .item-icon {
        height: 64px;
        width: 64px;
        margin-top: 15px;
    }
    .service1-main .item-info {
        padding: 10px;
    }
    .service2-list .item-icon {
        height: 80px;
        width: 80px;
        margin-top: 20px;
    }
    .epc2-main .tit {
        font-size: 18px;
    }
    .service2-main1 .item,
    .service2-main2 {
        padding: 28px 20px 30px;
    }
    .service2-main1 .item-btn {
        margin-top: 20px;
    }
    .service2-list .item-info {
        padding-bottom: 20px;
    }
    .service1-main .tit {
        font-size: 16px;
        height: 48px;
    }
}

.quality1-main .item-img img {
    width: 100%;
}

.quality1-main {
    background: #F8FAFD;
}

.quality1-main .item-info {
    font-size: 14px;
    font-weight: 400;
    color: rgba(10, 10, 10, 0.7);
    line-height: 26px;
    padding: 44px 40px;
}

@media (min-width:992px) {
    .quality1-main {
        padding-left: 380px;
    }
    .quality1-main .item-img {
        width: 380px;
        margin-left: -380px;
    }
    .quality1-main .item-img,
    .quality1-main .item-info {
        float: left;
    }
}

.quality-block2 {
    background: #F6F8FB;
}

.quality2-item {
    padding: 20px 30px 26px;
    background: #fff;
    margin-top: 20px;
}

.quality2-item .projh3-main .li-main {
    margin: 0 -5px;
}

.quality2-item .projh3-main .item-box {
    padding: 0 5px;
    margin-top: 10px;
}

.quality2-tit {
    font-size: 18px;
    font-weight: 400;
    margin-top: 24px;
    color: #0A0A0A;
    line-height: 24px;
}

.quality2-text {
    font-size: 14px;
    margin-top: 8px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 26px;
    opacity: 0.7;
}

.quality3-main {
    background: #F8FAFD;
    margin-top: 36px;
}

.quality3-main .quality2-item {
    background: #F8FAFD;
    margin-top: 0;
}

.quality3-info {
    padding: 72px 60px 30px 30px;
}

.quality3-info .tit,
.quality3-info .ftit {
    font-size: 20px;
    color: #333333;
    line-height: 32px;
}

.quality3-img .projh3-main {
    margin-top: 0;
    margin-bottom: 4px;
}

.quality3-info .tit {
    font-weight: bold;
}

.quality3-info .text {
    font-size: 14px;
    margin-top: 20px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 26px;
    opacity: 0.7;
}

@media (min-width:992px) {
    .quality3-main {
        padding-left: 610px;
    }
    .quality3-img {
        width: 610px;
        margin-left: -610px;
    }
    .quality3-img,
    .quality3-info {
        float: left;
    }
    .quality3-img .item-box {
        width: 50%;
    }
}

.quality3-team .item-img {
    width: 160px;
    margin: 40px auto 0;
}

.quality3-tit {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    margin-top: 36px;
}

.quality3-team {
    margin-top: 4px;
}

.quality4-main .str-list3 .item {
    padding: 15px 15px 25px;
    background: #fff;
}

.quality4-main .str-list3 .tit {
    margin-top: 20px;
}

.quality4-main .str-list3 .tit p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.quality4-main .str-list {
    margin-top: 28px;
}

.quality-block5 {
    background: url(../image/quality5-bg.jpg) no-repeat center bottom;
    background-size: cover;
}

.quality-block5 .str-list3 .item {
    text-align: center;
}

.lx-main {
    padding: 54px 60px;
    background: url(../image/quality6-bg.jpg) no-repeat center center;
    background-size: cover;
}

.lx-info {
    max-width: 540px;
    overflow: hidden;
}

.lx-btns {
    margin-top: 12px;
}

.lx-tit {
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 34px;
}

.lx-tit span {
    color: #348fed;
}

.lx-btns .pd-btn2 {
    color: #fff;
}

.lx-btns .pd-btn2 span {
    color: #fff;
}

.lx-btns .d-btn {
    margin-top: 4px;
}

.lx-btns .pd-btn1 {
    margin-left: 20px;
    margin-right: 0;
}

@media (min-width:992px) {
    .quality-block4 .str-list3 .item {
        text-align: left;
    }
    .lx-info {
        float: left;
    }
    .lx-btns {
        float: right;
    }
    .lx-btns .d-btn .btn {
        width: 160px;
        font-size: 14px;
        height: 40px;
        line-height: 26px;
    }
}

@media (max-width:1239px) {
    .quality1-main .item-info {
        padding: 30px 40px;
    }
    .quality3-info {
        padding: 72px 30px 30px 0px;
    }
    .lx-btns {
        float: left;
    }
}

@media (max-width:991px) {
    .quality3-info {
        padding: 0 30px 30px;
    }
    .quality-block5 .str-list3 .item {
        margin-top: 20px;
    }
    .quality-block5 .quality4-main .str-list {
        margin-top: 8px;
    }
}

@media (max-width:767px) {
    .quality1-main .item-info {
        padding: 20px;
    }
    .quality2-item {
        margin-top: 10px;
        padding: 4px 20px 16px;
    }
    .quality2-tit {
        margin-top: 16px;
    }
    .quality3-main {
        margin-top: 20px;
    }
    .quality3-info {
        padding: 0 20px 20px;
    }
    .quality3-info .tit {
        font-size: 18px;
    }
    .quality3-info .ftit {
        font-size: 16px;
        line-height: 24px;
    }
    .quality3-info .text {
        margin-top: 8px;
    }
    .quality3-tit {
        line-height: 28px;
        margin-top: 20px;
    }
    .quality3-team .item-img {
        margin-top: 20px;
        width: 140px;
    }
    .quality4-main .str-list3 .item {
        padding: 10px 10px 12px;
    }
    .quality4-main .str-list3 .tit {
        margin-top: 12px;
    }
    .quality4-main .str-list {
        margin-top: 18px;
    }
    .quality-block5 .str-list3 .item {
        margin-top: 10px;
    }
    .lx-main {
        padding: 20px 20px 24px;
    }
    .lx-tit {
        font-size: 16px;
        line-height: 28px;
    }
    .lx-btns {
        margin-top: 0;
    }
    .lx-btns .pd-btn1 {
        margin-left: 0;
        margin-top: 12px;
        margin-bottom: 0;
    }
}

.about-block1 .item-title {
    font-size: 32px;
    line-height: 45px;
    color: #272727;
    font-weight: bold;
    text-align: center;
}

.about-block1 .item-img img {
    width: 100%;
}

.about-block1 .item-img {
    margin-top: 24px;
    position: relative;
}

.about-block1 .item-box {
    position: relative;
    text-align: center;
}

.about-block1 .item-box:first-child {
    padding-left: 0;
}

.about-block1 strong {
    font-size: 46px;
    font-weight: bold;
    line-height: 54px;
    font-style: italic;
    color: #348fed;
}

.about-block1 sup {
    font-size: 16px;
    font-weight: 400;
    color: #348fed;
    line-height: 24px;
    opacity: 0.9;
    position: relative;
    left: 8px;
    top: -20px;
}

.about-block1 .item-into {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #0A0A0A;
    margin-top: -4px;
    line-height: 28px;
    opacity: 0.8;
}

.about-block1 .col-md-3:first-child .item-box:after {
    display: none;
}

.about-block1 .item-box:after {
    width: 1px;
    content: "";
    height: 66px;
    background: #DBE1EA;
    position: absolute;
    top: 10px;
    left: -10px;
}

.about-block1 .col-md-3:first-child em {
    display: none;
}

.about-block1 .item-main {
    background: #EDF1F7;
    padding: 52px 0;
}

.about-block1 .item-img img {
    width: 100%;
}

@media (max-width:1239px) {
    .about-block1 .item-text p {
        margin-top: 10px;
    }
}

@media (max-width:991px) {
    .about-block1 .item-img {
        margin-top: 20px;
    }
    .about-block1 .item-box {
        padding: 10px 0;
    }
    .about-block1 .item-main {
        padding: 5px 0;
    }
}

@media (max-width:767px) {
    .about-block1 .item-title {
        font-size: 26px;
    }
    .about-block1 .item-intro {
        font-size: 18px;
        margin-top: 0;
    }
    .about-block1 .item-text {
        padding-top: 5px;
    }
    .about-block1 .item-img {
        margin-top: 10px;
    }
}

.about-video {
    width: 80px;
    position: absolute;
    height: 80px;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    transition: 0.36s;
    margin: auto;
    background: url(../image/about-video.png) no-repeat center center;
    background-size: contain;
}

.about2-img {
    text-align: center;
}

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

.about2-main .str-list3 .li-item {
    padding: 0;
    width: 25%;
}

.about2-main .str-list {
    margin: -100px 0 0;
    position: relative;
}

.about2-main .str-list .item {
    background: rgba(255, 255, 255, 0.7);
    padding: 0;
    position: relative;
    margin-top: -1px;
    margin-left: -1px;
}

.about2-main .str-list .item-tit {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
}

.dz1-main {
    margin-top: 28px;
     display: flex;
     justify-content: center;
}
.dz1-main .item:not(:last-child){
    display: flex;
    align-items: center;
   justify-content: center;
}
.dz1-main .item {
    height: 159px;
    flex: 1;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #777777;
    line-height: 22px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(231, 234, 244, 1);
    border-right: none;
}

.dz1-main .item7 {
    padding: 30px 10px;
    text-align: center;
    color: #fff;
    background: #348fed;
    transition: 0.36s;
}

.dz1-main .item7 .btn {
    width: 100%;
    margin-top: 16px;
    line-height: 24px;
    height: 40px;
}

.dz1-main .item7 .btn:hover {
    border-color: #fff;
    background: #fff;
    color: #348fed;
}

.dz1-main .item7 .item-tit {
    font-size: 16px;
}

/*.dz1-main .item1 .item-tit {*/
/*    margin-top: 30px;*/
/*}*/

/*.dz1-main .item2 .item-tit,*/
/*.dz1-main .item3 .item-tit,*/
/*.dz1-main .item6 .item-tit {*/
/*    margin-top: 20px;*/
/*}*/

/*.dz1-main .item4 .item-tit {*/
/*    margin-top: 10px;*/
/*}*/

.about2-tit {
    font-size: 18px;
    font-weight: 400;
    margin-top: 40px;
    color: #0A0A0A;
    line-height: 24px;
}

.about-block3 {
    background: url(../image/true2.jpg) no-repeat center center;
}

.history-main .swiper-prev,
.history-main .swiper-next {
    width: 42px;
    height: 42px;
    cursor: pointer;
    position: absolute;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    transition: 0.3s;
}

.history-main .swiper-prev {
    background: rgba(10, 10, 10, 0.3) url(../image/insolution-prevh.png) no-repeat center center;
    left: 0;
}

.history-main .swiper-next {
    background: rgba(10, 10, 10, 0.3) url(../image/insolution-nexth.png) no-repeat center center;
    right: 0;
}

.history-main .swiper-prev:hover,
.history-main .swiper-next:hover {
    background-color: #348fed;
}

.history-main .item-year {
    font-size: 32px;
    color: #348fed;
    line-height: 36px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: -56px;
}

.history-main {
    width: 100%;
    margin-top: 48px;
    box-sizing: border-box;
    position: relative;
    background: url(../image/history-line.png) no-repeat center center;
}

.history-main .swiper-container {
    margin: 0 -10px;
}

.history-main .item-dot {
    height: 20px;
    width: 100%;
    margin-top: 205px;
    margin-bottom: 25px;
    background: url(../image/history-icon.png) no-repeat center center;
}

.history-main .item {
    position: relative;
    /* padding: 0 10px; */
    margin: 0 10px;
}

.history-main .item-box {
    width: 100%;
    max-width: 280px;
    font-size: 14px;
    color: rgba(123, 123, 123, 1);
    line-height: 24px;
    min-height: 179px;
    margin: 0 auto;
    padding: 40px 30px 28px;
    box-sizing: border-box;
    background: url(../image/history-item2.png) repeat-y top;
    background-size: cover;
}

.history-main .swiper-slide:nth-child(even) .item-box {
    position: absolute;
    bottom: 36px;
    left: 0;
    margin: 0 auto;
    right: 0;
    padding: 28px 30px 40px;
    background: url(../image/history-item1.png) repeat-y bottom;
    background-size: cover;
}

.history-main .swiper-slide:nth-child(even) .item-year {
    top: 40px;
}

.about-block4 {
    background-image: url('../image/about4-bg.jpg'), url('../image/about5-bg.png');
    background-position: center top, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
}

.about4-list .li-item {
    width: 25%;
}

.about4-list .item {
    background: unset;
}

.about4-list .item-tit {
    color: #fff;
    font-size: 16px;
    margin-bottom: 16px;
}

.about5-main {
    margin-top: 28px;
}

.about5-main .item {
    background: #fff;
    padding: 30px 20px;
    margin-top: 20px;
    box-sizing: border-box;
    border: 20px solid #F6F8FB;
}

.about5-main .item-tit {
    width: 120px;
    height: 102px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #B09060;
    line-height: 22px;
    padding: 24px 20px;
    box-sizing: border-box;
    background: url(https://static.westarcloud.com/6033076d1f7dab006b583d51/images/about5-icon.png) no-repeat center center;
}

.about5-main .item-text {
    margin-top: 28px;
}

.about5-main .item-text li {
    font-size: 14px;
    font-weight: 400;
    color: #AE8C5A;
    line-height: 24px;
    padding: 5px 0;
    border-bottom: 1px dashed #C9B391;
}

.abTab-box {
    background: #fff;
    height: 80px;
}

.abTab-box .pdTab {
    background: #fff;
}

.abTab-box .pdTab li:first-child {
    border-left: 1px solid #EAEDF2;
}

.abTab-box .pdTab li {
    width: 25%;
    border: 1px solid #EAEDF2;
    border-left: none;
    box-sizing: border-box;
    background: none;
}

.abTab-box .pdTab li a {
    color: #697B93;
}

.about-main {
    margin-top: 60px;
    padding-top: 80px;
}

.abTab-box .pdTab li.active a,
.abTab-box .pdTab li:hover a {
    background: #262A3E;
    color: #fff;
}

@media (max-width:1239px) {
    .history-main .item-box {
        padding: 30px 20px 18px;
    }
    .history-main .swiper-slide:nth-child(even) .item-box {
        padding: 18px 20px 30px;
    }
    .history-main {
        background: url(../image/history-line.png) no-repeat center 214px;
    }
    .history-main .swiper-prev,
    .history-main .swiper-next {
        margin: unset;
        top: 192px;
    }
}

@media (max-width:991px) {
    .about-block1 .col-sm-6:nth-child(3) .item-box::before,
    .about-block1 .col-sm-6:nth-child(4) .item-box::before {
        width: 280px;
        content: "";
        height: 1px;
        background: #DBE1EA;
        position: absolute;
        top: 0;
        right: 0;
        margin: auto;
        left: 0;
    }
    .about-block1 .col-md-3:nth-child(3) .item-box:after {
        display: none;
    }
    .about2-main .str-list .item-tit {
        bottom: 10px;
    }
    .dz1-main .item {
        width: 33.33%;
        margin-top: -1px;
    }
    .dz1-main .item7 {
        width: 100%;
    }
    .history-main .swiper-slide:nth-child(odd) .item-box {
        position: absolute;
        bottom: 36px;
        left: 0;
        margin: 0 auto;
        right: 0;
        padding: 18px 20px 30px;
        background: url(../image/history-item1.png) repeat-y bottom;
        background-size: cover;
    }
    .history-main .swiper-slide:nth-child(odd) .item-year {
        top: 40px;
    }
}

@media (max-width:767px) {
    .about-block1 .col-sm-6:nth-child(3) .item-box::before,
    .about-block1 .col-sm-6:nth-child(4) .item-box::before {
        width: 80px;
    }
    .about-main {
        margin-top: 30px;
        padding-top: 48px;
    }
    .about-video {
        width: 60px;
        height: 60px;
    }
    .about-block1 strong {
        font-size: 28px;
        line-height: 38px;
    }
    .about-block1 sup {
        top: -8px;
    }
    .about2-main .str-list3 .li-item {
        width: 50%;
    }
    .about2-main .str-list {
        margin-top: -40px;
    }
    .about2-tit {
        margin-top: 20px;
    }
    .dz1-main .item {
        width: 50%;
    }
    .dz1-main .item {
        padding: 15px 10px;
        height: 120px;
    }
    .dz1-main .item7 {
        width: 100%;
    }
    .dz1-main {
        margin-top: 18px;
    }
    .history-main {
        margin-top: 20px;
    }
    .about4-list .li-item {
        width: 50%;
    }
    .str-list .item-tit {
        margin-top: 8px;
    }
    .about5-main .item {
        margin-top: 10px;
        border-width: 10px;
    }
    .about5-main {
        margin-top: 12px;
    }
}

.cominfo-main1 .item {
    padding: 46px 40px;
    box-sizing: border-box;
    height: 278px;
    background: url(../image/contact1-bg1.png) no-repeat center center;
    background-size: cover;
}

.cominfo-main1 .item2 {
    background-image: url(../image/contact1-bg2.png);
}

.cominfo-main1 .item-tit {
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
}

.cominfo-main1 .btn-whited {
    margin-top: 28px;
}

.cominfo-main1 .item-ftit {
    font-size: 14px;
    margin-top: 28px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    opacity: 0.7;
}

.cominfo-main1 .item-links {
    margin-top: 8px;
}

.cominfo-main1 .btn-wlink:first-child {
    margin-right: 56px;
}

.contact-block3 {
    background: url(../image/contact3-bg.jpg) no-repeat center bottom;
    background-size: cover;
}

.marker-route {
    background: url(../image/map-marker.png) no-repeat center center;
    background-size: cover;
    width: 41px;
    height: 52px;
    box-sizing: border-box;
}

.contact3-info {
    margin-top: 24px;
}

.contact3-info li {
    float: left;
    font-size: 14px;
    font-weight: 400;
    float: left;
    width: 50%;
    padding-left: 20px;
    color: #0A0A0A;
    line-height: 28px;
    background: url(../image/contact3-icon.png) no-repeat left 8px;
}

.cominfo-main2 {
    margin-top: 28px;
}

.cominfo-main2 .info {
    text-align: center;
    padding: 52px 20px;
    float: left;
    width: 25%;
    box-sizing: border-box;
    background: #fff;
    margin-left: -1px;
    border: 1px solid #EAEDF2;
    height: 210px;
}

.cominfo-main2 i {
    display: block;
    width: 100%;
    height: 23px;
}

.cominfo-main2 .icon1 {
    background: url(../image/cominfo-tel.png) no-repeat center center;
}

.cominfo-main2 .icon2 {
    background: url(../image/cominfo-email.png) no-repeat center center;
}

.cominfo-main2 .icon3 {
    background: url(../image/cominfo-fax.png) no-repeat center center;
}

.cominfo-main2 .info1 {
    padding: 40px;
    text-align: left;
    background: url(../image/contact2-bg.png) no-repeat center center;
}

.cominfo-main2 .info1 .item-tit {
    font-size: 14px;
    font-weight: 400;
    color: #262A3E;
    line-height: 20px;
}

.cominfo-main2 .info1 .item-tel {
    margin-top: 10px;
    font-size: 26px;
    font-family: Arial;
    font-weight: bold;
    color: #262A3E;
    line-height: 24px;
}

.cominfo-main2 .info1 .btn {
    margin-top: 26px;
    width: 100%;
}

.cominfo-main2 .item-dt {
    margin-top: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #0A0A0A;
    line-height: 24px;
}

.cominfo-main2 .item-dd {
    margin-top: 10px;
    font-size: 18px;
    font-family: Arial;
    font-weight: 400;
    color: #777777;
}

@media (max-width:991px) {
    .cominfo-main1 .item2 {
        margin-top: 10px;
    }
    .cominfo-main2 .info {
        width: 50%;
        margin-top: -1px;
    }
    .contact3-info li {
        width: 100%;
    }
}

@media (max-width:767px) {
    .cominfo-main1 .item {
        padding: 26px 20px;
        height: auto;
    }
    .cominfo-main1 .item-tit {
        font-size: 20px;
    }
    .cominfo-main1 .btn-whited {
        margin-top: 16px;
    }
    .cominfo-main1 .item-ftit {
        margin-top: 16px;
    }
    .cominfo-main1 .item-links {
        margin-top: 4px;
    }
    .cominfo-main2 .info {
        padding: 24px 20px;
        height: auto;
    }
    .cominfo-main2 .info1 .item-tel {
        font-size: 20px;
    }
    .cominfo-main2 .info {
        width: 100%;
    }
    .cominfo-main2 .info1 .btn {
        margin-top: 16px;
    }
    .cominfo-main2 .item-dt {
        margin-top: 16px;
    }
    .cominfo-main2 .item-dd {
        margin-top: 6px;
    }
    .contact3-info,
    .map-main {
        margin-top: 16px;
    }
}

.insolution-swiper .list-tit:hover {
    color: #348fed;
}

.inser-main .item:hover .tit {
    color: #348fed;
}

.flist-style .media-text {
    -webkit-line-clamp: 2;
}

.prompt-icon {
    height: 65px;
    background: url(../image/susok.png) no-repeat center center;
}

.fixnav003 {
    position: fixed;
    right: 20px;
    bottom: 20%;
    z-index: 1000;
}

.fixnav003 .fix-item {
    border: 1px solid #EAEAEA;
    position: relative;
    margin-top: -1px;
}

.fixnav003 .fix-item:first-child {
    margin-top: 0;
}

.fixnav003 .fix-item a {
    display: block;
    width: 60px;
    height: 58px;
    padding-top: 33px;
    text-align: center;
    font-size: 12px;
    color: #348fed;
    position: relative;
    z-index: 10;
}

.fixnav003 .fix-online a {
    background: #348fed url(../image/fn001-onlineh.png) no-repeat center 10px;
    color: #fff;
}

.fixnav003 .fix-tel a {
    background: #fff url(../image/fn001-tel.png) no-repeat center 10px;
}

.fixnav003 .fix-em a {
    background: #fff url(../image/fn001-em.png) no-repeat center 10px;
}

.fixnav003 .fix-top a {
    background: #fff url(../image/fn001-top.png) no-repeat center center;
}

.fixnav003 .fixCon {
    position: absolute;
    right: 58px;
    top: -1px;
    height: 59px;
    background-color: #348fed;
    z-index: 0;
    width: 0;
    color: #fff;
    overflow: hidden;
    transition: 0.5s;
}

.fixnav003 .fixCon-box {
    padding: 15px 20px;
    line-height: 28px;
    font-size: 18px;
    color: #fff;
    white-space: nowrap;
    font-weight: bold;
}

.fixnav003 .fix-item:hover .fixCon {
    width: 180px;
}

.fixnav003 .fix-em:hover a {
    background: #348fed url(../image/fn001-emh.png) no-repeat center 10px;
}

.fixnav003 .fix-tel:hover a {
    background: #348fed url(../image/fn001-telh.png) no-repeat center 10px;
}

.fixnav003 .fix-top:hover a {
    background: #348fed url(../image/fn001-toph.png) no-repeat center center;
}

.fixnav003 .fix-online {
    border-color: #348fed;
}

.fixnav003 .fix-online:hover {
    border-color: #DB9221;
}

.fixnav003 .fix-online:hover a {
    background: #DB9221 url(../image/fn001-onlineh.png) no-repeat center 10px;
}

.fixnav003 .fix-item {
    transition: 0.36s;
}

.fixnav003 .fix-item:hover a {
    color: #fff;
}

.fixnav003 .fix-item:hover {
    border-color: #348fed;
}

.nlist {
    text-align: center;
    padding: 80px 0 40px;
    color: #868686;
}

.nlist .nimg {
    height: 132px;
}

.nlist .ntext {
    margin-top: 40px;
}

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

.side-pro2 .item-img {
    margin-top: 0;
}

.main-style1 .item-info {
    height: 272px;
}

.service1-main .item-info {
    height: 190px;
}

.service2-main1 .item-info {
    height: 126px;
}

.service2-list .item-info {
    height: 136px;
}

.about5-main .item {
    height: 370px;
}

.quality3-team .item-info {
    height: 194px;
}

@media (max-width:1239px) {
    .main-style1 .item-info {
        height: 324px;
    }
    .service1-main .item-info {
        height: 216px;
    }
    .service2-main1 .item-info {
        height: 152px;
    }
    .service2-list .item-info {
        height: 162px;
    }
    .about5-main .item {
        height: 512px;
    }
    .quality3-team .item-info {
        height: 220px;
    }
}

@media (max-width:991px) {
    .epc2-main .item-info,
    .service2-main1 .item-info,
    .about5-main .item,
    .quality3-team .item-info {
        height: auto;
    }
    /* .rcase-style .list-item{
          padding-left: 280px;
          border:1px #EBEFF5 solid;
      }
      .rcase-style .list-img{
          float: left;
          width: 280px;
          margin-left: -280px;
      }
      .rcase-style .list-info{
          float: left;
          width: 100%;
          padding: 30px;
          border: none;
      } */
}

@media (max-width:767px) {
    .rcase-style .col-md-3:nth-child(2),
    .rcase-style .col-md-3:nth-child(3),
    .rcase-style .col-md-3:nth-child(4) {
        display: none;
    }
    .rcase-style .col-md-3 {
        width: 100%;
    }
    /* .rcase-style .list-item{
            padding-left: 160px;
        }
        .rcase-style .list-img{
            float: left;
            width: 160px;
            margin-left: -160px;
        }
        .rcase-style .list-info{
            padding:10px 15px;
        } */
}

.qyzz-main {
    margin-top: 10px;
}

@media (min-width:992px) {
    .about5-main .item-tit {
        margin-top: 16px;
    }
}
.map-item{
    line-height: 2;
}
.map-item>a{
    font-size: 16px;
    font-weight: bold;
}
.map-item li{
    text-indent: 1em;
}

.pagination {
    height: 35px;
    text-align: center;
}

.pagination li {
    display: inline-block;
    height: 35px;
    margin-right: 5px;
    line-height: 35px;
    /*font-size: .16rem;*/
    /*padding: 0 12px;*/
    /* border: 1px solid #dddddd; */
    color: #555555;
    vertical-align: top;
    background-color: #cdcdcd;
}

.pagination li a {
    float: left;
    display: block;
    padding: 0;
    line-height: 35px;
    color: #555555;
    border: none;
    display: block;
    /*width: 35px;*/
    height: 35px;
    min-width: 35px;
    padding: 0 10px;
    text-decoration: none;
    background-color: #cdcdcd;
    ;
}
.pagination li:hover {
    background: #348fed;
    color: #fff;
}

.pagination li:hover a,
.pagination li a:hover {
    background: #348fed;
    color: #fff;
}

.pagination li.thisclass {
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    /*font-size: .16rem;*/
    border: 1px solid #348fed;
    background: #348fed;
    color: #fff;
    vertical-align: top;
}

.pagination li.thisclass a,
.pagination li.thisclass a:hover {
    background: transparent;
    border-color: #348fed;
    color: #fff;
    cursor: default;
}

.pagination>li>a,
.pagination>li>span {
    background-color: #cdcdcd;
    border: none;
}
.pagination .active{
    height: 35px;
    min-width: 35px;
    padding: 0 10px;
    background: #348fed;
    color: #fff !important;
}