.pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.pagination .page-item.active, .pagination .page-item:hover {
    border: 0
}

.pagination .page-item.active a, .pagination .page-item:hover a {
    border: 1px solid #0b377f;
    background-color: #0b377f;
    color: #FFFFFF
}

.pagination .page-item.pre-btn {
    position: static;
    padding: 0;
    border: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #e8d4ce url("../images/sub_23.png")/*tpa=http://www.soontrue-pack.com/images/sub_23.png*/ no-repeat center/.08rem;
    cursor: pointer;
    margin-right: .2rem
}

.pagination .page-item.pre-btn span {
    width: .4rem;
    height: .4rem;
    display: block
}

.pagination .page-item.pre-btn:hover {
    background-color: #0b377f
}

.pagination .page-item.next-btn {
    position: static;
    border: 0;
    padding: 0;
    border-radius: 0;
    background: #e8d4ce url("../images/sub_24.png")/*tpa=http://www.soontrue-pack.com/images/sub_24.png*/ no-repeat center/.08rem;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer;
    margin-left: .2rem
}

.pagination .page-item.next-btn span {
    width: .4rem;
    height: .4rem;
    display: block
}

.pagination .page-item.next-btn:hover {
    background-color: #0b377f
}

.pagination .page-item a {
    display: block;
    width: .4rem;
    height: .4rem;
    text-align: center;
    line-height: calc(0.4rem - 2px);
    padding: 0;
    color: #707070;
    margin: 0 .05rem;
    border: 1px solid #dddddd;
    border-radius: 0 !important;
    background-color: #FFFFFF
}

.swiper-option {
    width: 1.42rem;
    height: .4rem;
    border: 2px solid #0b377f
}

.swiper-option > div {
    width: 50%;
    height: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer
}

.swiper-option .swiper-prev {
    background: url("../images/sub_19_hover.png")/*tpa=http://www.soontrue-pack.com/images/sub_19_hover.png*/ no-repeat center/.3rem
}

.swiper-option .swiper-prev:hover {
    background: #0b377f url("../images/sub_19.png")/*tpa=http://www.soontrue-pack.com/images/sub_19.png*/ no-repeat center/.3rem
}

.swiper-option .swiper-next {
    background: url("../images/sub_20_hover.png")/*tpa=http://www.soontrue-pack.com/images/sub_20_hover.png*/ no-repeat center/.3rem
}

.swiper-option .swiper-next:hover {
    background: #0b377f url("../images/sub_20.png")/*tpa=http://www.soontrue-pack.com/images/sub_20.png*/ no-repeat center/.3rem
}

.header .search {
    margin: .35rem .2rem 0;
    position: relative
}

.header .search input {
    width: 2rem;
    height: .3rem;
    border: 2px solid #0b377f;
    padding: .05rem .5rem .05rem .1rem;
    font-size: .16rem;
    line-height: .2rem
}

.header .search .submit {
    position: absolute;
    width: .38rem;
    height: .3rem;
    z-index: 2;
    right: 0;
    top: 0;
    background: #0b377f url("../images/icon_search.png")/*tpa=http://www.soontrue-pack.com/images/icon_search.png*/ no-repeat center/.19rem
}

.sub_home {
    padding-top: 1.54rem;
    background-color: #f8f8f8
}

.sub_home .container {
    max-width: 1282px !important
}

.sub_home .banner {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.sub_home .banner{
    height: 5rem;
}
.sub_home .banner .swiper-slide{
    background-size: cover;
    display: block;
    height:5rem;
    background: transparent center no-repeat;
    background-size: cover;
}
.home-page .video-swiper .swiper-btn{
    margin-top: 0;
}

.sub_home .banner .video-js {
    width: 100%;
    height: 7rem
}

.sub_home .sub_products {
    padding: .65rem 0 .55rem;
    overflow: hidden
}

.sub_home .sub_products .title {
    font-size: .55rem;
    font-weight: bold;
    color: #3e3e3e;
    line-height: 1;
    padding-bottom: .3rem;
    position: relative;
    text-align: center;
    margin-bottom: .6rem
}

.sub_home .sub_products .title:before {
    content: '';
    width: .45rem;
    left: 50%;
    margin-left: -.45rem;
    bottom: 0;
    position: absolute;
    border-bottom: .04rem solid #0b377f
}

.sub_home .sub_products .title:after {
    content: '';
    width: .45rem;
    right: 50%;
    margin-right: -.45rem;
    bottom: 0;
    position: absolute;
    border-bottom: .04rem solid #3e3e3e
}

.sub_home .sub_products .pro_list {
    margin: 0 -.12rem
}

.sub_home .sub_products .pro_list .list-item {
    padding: 0 .12rem;
    margin-bottom: .25rem
}

.sub_home .sub_products .pro_list .list-item:nth-last-child(1) {
    margin-bottom: 0
}

.sub_home .sub_products .pro_list .list-item:nth-last-child(2) {
    margin-bottom: 0
}

.sub_home .sub_products .pro_list .list-item:nth-last-child(3) {
    margin-bottom: 0
}

.sub_home .sub_products .pro_list .list-item a {
    display: block;
    width: 100%;
    display: block;
    background-color: #FFFFFF;
    padding: .25rem;
    border: .05rem solid #fff;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.sub_home .sub_products .pro_list .list-item a:hover {
    -webkit-transform: translateY(-.2rem);
    transform: translateY(-.2rem);
    border-color: #81bef1;
    -webkit-box-shadow: .1rem .08rem .6rem rgba(0, 0, 0, 0.07);
    box-shadow: .1rem .08rem .6rem rgba(0, 0, 0, 0.07)
}

.sub_home .sub_products .pro_list .list-item a:hover .pro_name {
    background-color: #0b377f;
}

.sub_home .sub_products .pro_list .list-item a:hover .pro_name .icon {
    display: block
}

.sub_home .sub_products .pro_list .list-item .img {
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center
}

.sub_home .sub_products .pro_list .list-item .img img {
    max-width: 100%;
    max-height: 100%
}

.sub_home .sub_products .pro_list .list-item .pro_name {
    max-width: 3.5rem;
    height: .85rem;
    margin: 0 auto;
    /* background: url("../images/sub_02.png") no-repeat center/contain; */
    background-color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 0 .3rem
}

.sub_home .sub_products .pro_list .list-item .pro_name span {
    color: #FFFFFF;
    line-height: .28rem
}

.sub_home .sub_products .pro_list .list-item .pro_name .icon {
    margin-left: 2px;
    background: url("../images/sub_03.png") no-repeat center/contain;
    display: none
}

.sub_home .sub-news {
    padding: .8rem 0;
    background: url("../images/sub_05.jpg")/*tpa=http://www.soontrue-pack.com/images/sub_05.jpg*/ no-repeat center/cover
}

.sub_home .sub-news .title {
    font-size: .55rem;
    font-weight: bold;
    color: #3e3e3e;
    line-height: 1;
    padding-bottom: .3rem;
    position: relative;
    text-align: center;
    margin-bottom: .6rem
}

.sub_home .sub-news .title:before {
    content: '';
    width: .25rem;
    left: 50%;
    margin-left: -.25rem;
    bottom: 0;
    position: absolute;
    border-bottom: .04rem solid #0b377f
}

.sub_home .sub-news .title:after {
    content: '';
    width: .25rem;
    right: 50%;
    margin-right: -.25rem;
    bottom: 0;
    position: absolute;
    border-bottom: .04rem solid #3e3e3e
}

.sub_home .sub-news .img {
    height: 4.2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 7.2rem;
    flex: 1 1 7.2rem;
    max-width: 720px;
    margin-top: .3rem;
    position: relative;
    overflow: hidden
}

.sub_home .sub-news .img .mask {
    position: absolute;
    width: 100%;
    height: 2.55rem;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: url("../images/sub_07.png")/*tpa=http://www.soontrue-pack.com/images/sub_07.png*/ no-repeat top center/cover
}

.sub_home .sub-news .img .intro {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: .3rem;
    padding: 0 2.4rem 0 .4rem;
    z-index: 2;
    color: #FFFFFF
}

.sub_home .sub-news .img .intro .date {
    font-size: .14rem;
    font-family: Arial;
    margin-bottom: .2rem
}

.sub_home .sub-news .img .intro .name {
    font-size: .26rem;
    line-height: .4rem
}

.sub_home .sub-news .img .intro .more {
    position: absolute;
    width: .5rem;
    height: .25rem;
    background: url("../images/sub_08.png")/*tpa=http://www.soontrue-pack.com/images/sub_08.png*/ no-repeat center/contain;
    right: .4rem;
    bottom: .1rem
}

.sub_home .sub-news .news-list {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 5.6rem;
    flex: 1 1 5.6rem;
    max-width: 560px
}

.sub_home .sub-news .news-list li {
    width: 100%;
    height: .96rem;
    position: relative;
    background-color: #FFFFFF
}

.sub_home .sub-news .news-list li:hover a, .sub_home .sub-news .news-list li.active a {
    width: calc(100% + 0.3rem);
    background-color: #0b377f;
    padding: .1rem .55rem
}

.sub_home .sub-news .news-list li:hover a:after, .sub_home .sub-news .news-list li.active a:after {
    display: none
}

.sub_home .sub-news .news-list li:hover .news-name, .sub_home .sub-news .news-list li:hover .news-date, .sub_home .sub-news .news-list li.active .news-name, .sub_home .sub-news .news-list li.active .news-date {
    color: #FFFFFF
}

.sub_home .sub-news .news-list a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: .1rem .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.sub_home .sub-news .news-list a:after {
    content: '';
    position: absolute;
    left: .4rem;
    right: .4rem;
    border-bottom: 1px solid #f1f2f7;
    bottom: 0
}

.sub_home .sub-news .news-list a:last-child:after {
    content: none
}

.sub_home .sub-news .news-list .news-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .2rem;
    color: #666666;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.sub_home .sub-news .news-list .news-date {
    font-size: .14rem;
    color: #999999;
    font-family: Arial;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.sub_home .sub-honor {
    padding: .8rem 0;
    position: relative
}

.sub_home .sub-honor .title {
    font-size: .55rem;
    font-weight: bold;
    color: #3e3e3e;
    line-height: 1;
    padding-bottom: .3rem;
    position: relative;
    margin-bottom: .6rem
}

.sub_home .sub-honor .title:before {
    content: '';
    width: .25rem;
    left: 0;
    bottom: 0;
    position: absolute;
    border-bottom: .04rem solid #0b377f
}

.sub_home .sub-honor .title:after {
    content: '';
    width: .25rem;
    left: .25rem;
    bottom: 0;
    position: absolute;
    border-bottom: .04rem solid #3e3e3e
}

.sub_home .sub-honor .swiper-option {
    position: absolute;
    right: 0;
    top: .8rem
}

.sub_home .sub-honor .swiper-slide {
    height: 2.47rem;
    line-height: 2.47rem;
    text-align: center
}

.sub_home .sub-honor .swiper-slide:nth-child(2n+1) {
    background: url("../images/sub_17.png")/*tpa=http://www.soontrue-pack.com/images/sub_17.png*/ no-repeat center/cover
}

.sub_home .sub-honor .swiper-slide:nth-child(2n) {
    background: url("../images/sub_18.png")/*tpa=http://www.soontrue-pack.com/images/sub_18.png*/ no-repeat center/cover
}

.sub_home .sub-honor .swiper-slide img {
    height: 1.53rem
}

.sub_home .sub-partner {
    padding: .8rem 0;
    position: relative;
    background-color: #FFFFFF
}

.sub_home .sub-partner .container {
    position: relative
}

.sub_home .sub-partner .title {
    font-size: .55rem;
    font-weight: bold;
    color: #3e3e3e;
    line-height: 1;
    padding-bottom: .3rem;
    position: relative;
    margin-bottom: .6rem
}

.sub_home .sub-partner .title:before {
    content: '';
    width: .25rem;
    left: 0;
    bottom: 0;
    position: absolute;
    border-bottom: .04rem solid #0b377f
}

.sub_home .sub-partner .title:after {
    content: '';
    width: .25rem;
    left: .25rem;
    bottom: 0;
    position: absolute;
    border-bottom: .04rem solid #3e3e3e
}

.sub_home .sub-partner .swiper-option {
    position: absolute;
    right: 0;
    top: 0
}

.sub_home .sub-partner .swiper-slide {
    height: 1rem;
    line-height: 1rem;
    text-align: center
}

.sub_home .sub-partner .swiper-slide img {
    max-width: 90%;
    max-height: 90%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.sub_home .sub-partner .swiper-slide:hover img {
    -webkit-filter: grayscale(0)
}

.sub-product {
    padding-top: 1.54rem;
    padding-bottom: .8rem;
    background-color: #f8f8f8
}

.sub-product .container {
    max-width: 1282px !important;
    overflow: hidden
}

.sub-product .banner .swiper-slide {
    width: 100%;
    height: 3rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.sub-product .banner .swiper-slide a {
    height: 100%
}

.sub-product .pro-nav {
    margin-top: .1rem;
    border-bottom: 2px solid #83878b;
    margin-bottom: .6rem;
    height: 1.04rem
}

.sub-product .pro-nav a {
    font-size: .24rem;
    line-height: 1;
    padding: .38rem 0;
    display: block;
    color: #3e3e3e;
    margin-right: 1rem;
    position: relative;
    border-bottom: 3px solid transparent;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.sub-product .pro-nav a:after {
    content: '/';
    position: absolute;
    color: #bbbbbb;
    top: .4rem;
    right: -.5rem;
    z-index: 0
}

.sub-product .pro-nav a:last-child {
    margin-right: 0
}

.sub-product .pro-nav a:last-child:after {
    content: none
}

.sub-product .pro-nav a:hover {
    color: #0b377f;
    border-bottom-color: #0b377f
}

.sub-product .list {
    margin: 0 -.12rem;
    padding-bottom: .55rem
}

.sub-product .list .list-item {
    padding: 0 .12rem;
    margin-bottom: .25rem
}

.sub-product .list .list-item a {
    display: block;
    width: 100%;
    height: 5.2rem;
    display: block;
    background-color: #FFFFFF;
    padding: .4rem;
    -webkit-transform: none;
    transform: none;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.sub-product .list .list-item a:hover {
    -webkit-transform: translateY(-.2rem);
    transform: translateY(-.2rem);
    -webkit-box-shadow: .1rem .08rem .6rem rgba(0, 0, 0, 0.07);
    box-shadow: .1rem .08rem .6rem rgba(0, 0, 0, 0.07)
}

.sub-product .list .list-item a:hover .pro-name {
    color: #0b377f
}

.sub-product .list .list-item a:hover .pro-arrow {
    margin-right: -.36rem;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.sub-product .list .list-item .pro-img {
    width: 100%;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center
}

.sub-product .list .list-item .pro-img img {
    max-width: 100%;
    max-height: 100%
}

.sub-product .list .list-item .pro-name {
    font-size: .18rem;
    line-height: .4rem;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 0 .4rem;
    color: #3e3e3e
}

.sub-product .list .list-item .pro-arrow {
    width: .72rem;
    height: .4rem;
    background: #0b377f url("../images/sub_20.png")/*tpa=http://www.soontrue-pack.com/images/sub_20.png*/ no-repeat center/.3rem;
    position: absolute;
    right: 50%;
    bottom: -.2rem;
    z-index: 2;
    opacity: 0
}

.pro-detail {
    background-color: #f8f8f8
}

.pro-detail .main {
    padding-top: 2.05rem;
    padding-bottom: .55rem;
    background-color: #FFFFFF
}

.pro-detail .main .img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pro-detail .main .img img {
    max-width: 90%
}

.pro-detail .main .right {
    padding-left: 1rem;
    border-left: 1px solid #eeeeee
}

.pro-detail .main .right .name {
    font-size: .4rem;
    color: #3e3e3e;
    font-weight: bold;
    line-height: .4rem;
    padding-bottom: .4rem;
    border-bottom: 1px dashed #bbbbbb
}

.pro-detail .main .right .s-title {
    font-size: .22rem;
    font-weight: bold;
    color: #0b377f;
    margin-top: .3rem;
    margin-bottom: .2rem;
    line-height: 1
}

.pro-detail .main .right .parameter li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pro-detail .main .right .parameter li .par-title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.4rem;
    flex: 0 0 1.4rem;
    font-size: .16rem;
    color: #3e3e3e;
    padding: .08rem .18rem;
    border-right: 1px solid #FFFFFF
}

.pro-detail .main .right .parameter li p {
    font-size: .16rem;
    color: #3e3e3e;
    padding: .08rem .18rem
}

.pro-detail .main .right .parameter li:nth-child(2n) {
    background-color: #f5f5f5
}

.pro-detail .main .right .parameter li:nth-child(2n) .par-title {
    border-left: .05rem solid #ebebeb
}

.pro-detail .main .right .parameter li:nth-child(2n+1) {
    background-color: #fcfcfc
}

.pro-detail .main .right .parameter li:nth-child(2n+1) .par-title {
    border-left: .05rem solid #f5f5f5
}

.pro-detail .main .right .summary {
    background-color: #f5f5f5;
    border-left: .05rem solid #ebebeb;
    font-size: .16rem;
    line-height: .26rem;
    color: #3e3e3e;
    padding: .2rem .15rem .1rem .15rem
}
.pro-detail .main .right .summary table {
    width: 100%;
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 99%;
    background-color: white;
    table-layout:fixed;
  }
  .pro-detail .main .right .summary table td{
    line-height: 32px;
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
    text-overflow: ellipsis;
    word-wrap:break-word;
  　overflow: hidden;
  　white-space: nowrap;
  }
  .pro-detail .main .right .summary table tr:nth-child(2n) {
    background-color: #eee;
  }
.pro-detail .main .right .summary p {
    margin-bottom: .12rem
}

.related-pro {
    padding: 0 0 .8rem;
    position: relative
}

.related-pro .title {
    font-size: .55rem;
    font-weight: bold;
    color: #3e3e3e;
    line-height: 1;
    padding-bottom: .3rem;
    position: relative;
    margin-bottom: .6rem
}

.related-pro .title:before {
    content: '';
    width: .25rem;
    left: 0;
    bottom: 0;
    position: absolute;
    border-bottom: .04rem solid #0b377f
}

.related-pro .title:after {
    content: '';
    width: .25rem;
    left: .25rem;
    bottom: 0;
    position: absolute;
    border-bottom: .04rem solid #3e3e3e
}

.related-pro .swiper-option {
    position: absolute;
    right: 0;
    top: .8rem
}

.related-pro .swiper-slide a {
    display: block;
    width: 100%;
    height: 5.2rem;
    display: block;
    background-color: #FFFFFF;
    padding: .4rem;
    -webkit-transform: none;
    transform: none;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.related-pro .swiper-slide a:hover {
    -webkit-transform: translateY(-.2rem);
    transform: translateY(-.2rem)
}

.related-pro .swiper-slide a:hover .pro-name {
    color: #0b377f
}

.related-pro .swiper-slide a:hover .pro-arrow {
    margin-right: -.36rem;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.related-pro .swiper-slide .pro-img {
    width: 100%;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center
}

.related-pro .swiper-slide .pro-img img {
    max-width: 100%;
    max-height: 100%
}

.related-pro .swiper-slide .pro-name {
    font-size: .26rem;
    line-height: .4rem;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 0 .4rem;
    color: #3e3e3e
}

.related-pro .swiper-slide .pro-arrow {
    width: .72rem;
    height: .4rem;
    background: #0b377f url("../images/sub_20.png")/*tpa=http://www.soontrue-pack.com/images/sub_20.png*/ no-repeat center/.3rem;
    position: absolute;
    right: 50%;
    bottom: -.2rem;
    z-index: 2;
    opacity: 0
}

.video-swiper {
    padding-bottom: .8rem
}

.video-swiper .swiper-container {
    height: 6rem
}

.video-swiper .swiper-container .swiper-pagination-bullet {
    width: .12rem;
    height: .12rem;
    opacity: 1;
    background-color: transparent;
    border: 2px solid #FFFFFF;
    border-radius: .06rem
}

.video-swiper .swiper-container .swiper-pagination-bullet-active {
    width: .36rem;
    background-color: #FFFFFF
}

.video-swiper .video-js {
    width: 100% !important;
    height: 6rem !important
}

.video-swiper .video-js .vjs-big-play-button {
    width: 0.8rem;
    height: 0.8rem;
    margin-top: -0.4rem;
    margin-left: -0.4rem;
    border: 0;
    background: url("../images/sub_28.png")/*tpa=http://www.soontrue-pack.com/images/sub_28.png*/ no-repeat center/contain
}

.video-swiper .video-js .vjs-big-play-button .vjs-icon-placeholder {
    display: none
}

.sub-solution {
    padding-top: 1.54rem;
    padding-bottom: .8rem
}

.sub-solution .banner {
    width: 100%;
    height: 3rem;
    overflow: hidden;
    position: relative;
    margin-bottom: .2rem;
}

.sub-solution .banner > .video {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 1
}

.sub-solution .banner .title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    font-size: .5rem;
    font-weight: bold;
    color: #ffffff;
    padding-bottom: .4rem
}

.sub-solution .banner .title:after {
    content: '';
    width: .5rem;
    border-bottom: .05rem solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -.25rem;
    bottom: 0
}

.sub-solution .pro-nav {
    margin-top: .1rem;
    border-bottom: 2px solid #83878b;
    margin-bottom: .6rem;
    height: 1.04rem
}

.sub-solution .pro-nav a {
    font-size: .24rem;
    line-height: 1;
    padding: .38rem 0;
    display: block;
    color: #3e3e3e;
    margin-right: 1rem;
    position: relative;
    border-bottom: 3px solid transparent;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.sub-solution .pro-nav a:after {
    content: '/';
    position: absolute;
    color: #bbbbbb;
    top: .4rem;
    right: -.5rem;
    z-index: 0
}

.sub-solution .pro-nav a:last-child {
    margin-right: 0
}

.sub-solution .pro-nav a:last-child:after {
    content: none
}

.sub-solution .pro-nav a:hover {
    color: #0b377f;
    border-bottom-color: #0b377f
}

.sub-solution .list {
    padding: 0 0 .5rem;
    margin: 0 -.12rem
}

.sub-solution .list .list-item {
    padding: 0 .12rem;
    margin-bottom: .25rem
}

.sub-solution .list .list-item a {
    display: block;
    width: 100%;
    height: 3rem;
    display: block;
    background-color: #FFFFFF;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.sub-solution .list .list-item a .pro-name {
    width: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: .26rem;
    color: #FFFFFF;
    padding: 0 .25rem;
    line-height: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sub-solution .list .list-item a:hover .pro-name {
    background-color: rgba(168, 70, 38, 1);
}

.sub_home .home-page {
    height: auto
}

.sub_home .home-page .swiper-container .swiper-slide {
    height: auto
}

.sub_home .video-swiper {
    padding-bottom: 0
}

.sub-product .banner .video {
    height: 100%
}

.sub-product .banner .video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.sub-product .banner .video-dimensions {
    width: 100%;
    height: 100%
}

.sub-product .pro-nav a.active, .sub-solution .pro-nav a.active {
    color: #0b377f;
    border-bottom-color: #0b377f
}

.pro-detail>.container {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.pro-detail .video-swiper {
    padding-bottom: 0;
}

.pro-detail .video-swiper .img {
    height: 100%;
    background: #fff center no-repeat;
    background-size: contain
}

.header .search .submit {
    border: none;
    cursor: pointer;
}

.header .search {
    width: 2rem;
    height: .24rem;
    margin-top: .33rem;
}

.header .search input {
    position: absolute;
    left: 0;
    top: 0;
}

.pagination .next-btn a, .pagination .next-btn span, .pagination .pre-btn a, .pagination .pre-btn span {
    background-color: transparent;
    margin: 0;
}

.pagination .pre-btn a:hover, .pagination .next-btn a:hover {
    background-color: transparent;
    border-color: transparent;
}
.phone {
    display: none;
}