@charset "UTF-8";
.m-pro > dt {
    font-size: .78261rem;
    margin-top: .76087rem;
    margin-bottom: 1.41304rem;
    border-left: .13043rem solid #1b96f8;
    padding-left: .54348rem;
    font-weight: 700
}

.pro-list > li {
    display: inline;
    width: 20%;
    float: left;
    margin-right: 6%;
    margin-bottom: 1.19565rem
}

.pro-list > li:nth-child(4n) {
    margin-right: 0
}

.pro-list a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: .52174rem;
    text-align: center
}

.pro-list a > p {
    opacity: .5;
    font-size: .54348rem;
    height: .58348rem;
    line-height: .58348rem;
    margin-top: .47826rem;
    text-overflow: ellipsis;
    overflow: hidden
}

.pro-list a > img {
    width: 100%
}

.pro-more {
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding-top: .76087rem;
    margin-bottom: .69565rem;
    font-size: .78261rem;
    display: none;
    text-align: center;
    text-decoration: none;
    color: #fff;
    opacity: .6
}

.pros-dt {
    position: relative;
    min-height: 3.04348rem;
    padding-bottom: .82609rem;
    margin: .91304rem auto;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.pros-tt {
    margin-left: 3.91304rem
}

.pros-in {
    position: absolute;
    width: 3.04348rem;
	border-radius:12px;
}

.pros-list {
    margin: 1.30435rem auto
}

.pros-list img {
    width: 100%
}

.pros-list > li:first-child:nth-last-child(1) {
    width: 100%
}

.pros-list > li:first-child:nth-last-child(2), .pros-list > li:first-child:nth-last-child(2) ~ li {
    float: left;
    width: 49%
}

.pros-list li:first-child:nth-last-child(2) {
    margin-right: 2%
}

.f-circle {
    display: inline-block;
    width: 1.08696rem;
    height: 1.08696rem;
    -webkit-border-radius: 1.08696rem;
    -moz-border-radius: 1.08696rem;
    -ms-border-radius: 1.08696rem;
    -o-border-radius: 1.08696rem;
    border-radius: 1.08696rem;
    border: 1px dotted #5edf8f;
    vertical-align: middle;
    margin-right: .6087rem
}

.pro-oth-cell .f-circle, .pro-oth-circle, .pro-oth-tt {
    display: table-cell
}

.pro-oth-circle {
    width: 1.19565rem
}

.pro-oth-tt {
    vertical-align: top;
    padding-left: .6087rem
}

.pro-oth-ttson {
    font-size: .6087rem;
    opacity: .5;
    line-height: .86957rem
}

.f-circle-bd {
    display: block;
    margin: .32609rem auto;
    -webkit-border-radius: .21739rem;
    -moz-border-radius: .21739rem;
    -ms-border-radius: .21739rem;
    -o-border-radius: .21739rem;
    border-radius: .21739rem;
    background-color: #5edf8f;
    width: .43478rem;
    height: .43478rem
}

.f-circle.blue {
    border: 1px dotted #29b1fe
}

.f-circle.blue .f-circle-bd {
    background-color: #29b1fe
}

.pro-oth-dl > dt {
    font-size: .78261rem;
    width: 80%;
    line-height: 1.19565rem
}

.pro-oth-dl > dd {
    margin-top: 1.52174rem;
    margin-bottom: 2.6087rem
}

.bd-sdp-v {
    background-image: -webkit-gradient(linear, top, bottom, from(#040e0c), to(#163734));
    background-image: -webkit-linear-gradient(top, #040e0c, #163734);
    background-image: -moz-linear-gradient(top, #040e0c, #163734);
    background-image: -ms-linear-gradient(top, #040e0c, #163734);
    background-image: -o-linear-gradient(top, #040e0c, #163734);
    background-image: linear-gradient(top, #040e0c, #163734);
    background-repeat: no-repeat;
    background-color: #163734
}

.prosdp1 {
    width: 100%
}

.prosdp-txt {
    font-size: .91304rem;
    min-height: 6.95652rem
}

._order {
    display: inline-block;
    width: 1.52174rem;
    height: 1.52174rem;
    line-height: 1.63043rem;
    text-align: center;
    font-size: 1.13043rem;
    background-color: #3f4041;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    margin-right: .52174rem
}

.prosdp-txt._fl {
    margin-left: 6.84783rem
}

.prosdp-txt._fr {
    margin-right: 6.84783rem
}

.prosdp-lst-dd {
    position: relative
}

.prosdp-lst-dd > img {
    position: absolute
}

.prosdp3-1 {
    width: 10.13043rem;
    left: -1.63043rem;
    top: -2.17391rem
}

.prosdp3-2 {
    width: 7.63043rem;
    right: 0
}

.prosdp3-3 {
    width: 9.56522rem;
    left: -1.26087rem;
    top: -1.95652rem
}

.prosdp3-4 {
    width: 9.95652rem;
    right: -1.26087rem;
    top: -1.84783rem
}

.prosdp3-5 {
    width: 9.95652rem;
    left: -1.52174rem;
    top: -2.28261rem
}

.bd-thr-v {
    background-image: -webkit-gradient(linear, top, bottom, from(#071629), to(#08365d));
    background-image: -webkit-linear-gradient(top, #071629, #08365d);
    background-image: -moz-linear-gradient(top, #071629, #08365d);
    background-image: -ms-linear-gradient(top, #071629, #08365d);
    background-image: -o-linear-gradient(top, #071629, #08365d);
    background-image: linear-gradient(top, #071629, #08365d);
    background-repeat: no-repeat;
    background-color: #08365d
}

.prothr1 {
    width: 85%
}

.prothr2 {
    height: 8.69565rem
}

.prothr2, .prothr3 {
    width: 100%;
    position: relative
}

.prothr3 {
    height: 5.21739rem
}

.prothr2 > img {
    position: absolute;
    width: 14.82609rem;
    left: 50%;
    margin-left: -7.93478rem
}

.prothr3 > img {
    position: absolute;
    width: 14.65217rem;
    left: 50%;
    margin-left: -7.71739rem;
    top: -3.91304rem
}

.prothr4 {
    width: 95%
}

.prothr5 {
    width: 60%
}

.m-img-box {
    width: 94%;
    height: 100%;
    padding: 2% 3% 0 2%;
    position: relative;
    overflow: hidden
}

.m-img-box img {
    width: 100%
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    position: relative;
    margin-right: 2%
}

.swiper-pagination-bullet {
    width: .34783rem;
    height: .34783rem;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #007aff;
    opacity: .8;
    margin: 0 .21739rem
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination {
    bottom: 2%;
    left: 0;
    width: 100%;
    position: fixed;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 101
}

.f-close {
    border-radius: 50%;
    width: 1.41304rem;
    height: 1.41304rem;
    margin: 2px;
    border: 2px solid #aaa;
    color: #fff;
    background-color: rgba(222, 222, 222, .9);
    transition: all .2s;
    box-shadow: 2px 0 2px #666;
    position: absolute;
    right: 5%;
    top: 2%;
    z-index: 102;
    display: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.a-close-R {
    -webkit-animation: 1s ease-out backwards;
    -moz-animation: 1s ease-out backwards;
    -ms-animation: 1s ease-out backwards;
    animation: 1s ease-out backwards;
    -webkit-animation-name: close-R;
    -moz-animation-name: close-R;
    -ms-animation-name: close-R;
    animation-name: close-R
}

@-webkit-keyframes close-R {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0) rotate(45deg)
    }
}

@-moz-keyframes close-R {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px)
    }
    80% {
        -moz-transform: translateX(10px)
    }
    100% {
        -moz-transform: translateX(0) rotate(45deg)
    }
}

@-ms-keyframes close-R {
    0% {
        opacity: 0;
        -ms-transform: translateX(100px)
    }
    60% {
        opacity: 1;
        -ms-transform: translateX(-30px)
    }
    80% {
        -ms-transform: translateX(10px)
    }
    100% {
        -ms-transform: translateX(0) rotate(45deg)
    }
}

@keyframes close-R {
    0% {
        opacity: 0;
        transform: translateX(100px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0) rotate(45deg)
    }
}

.f-close:after, .f-close:before {
    content: '';
    position: absolute;
    left: 52%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: inset 0 0 0 .69565rem;
    height: 2px;
    width: .6087rem
}

.f-close:after {
    width: 2px;
    height: .6087rem
}

.m-head-img>img{height: 200px;}
.s-bg-d{background-image:-webkit-linear-gradient(left,#fff,#fff);color: #000!important; }
.m-pro>dt{color: #000000;}
.pro-list a>p{color: #000000;}
.g-mb28{color: #000000;}
.s-fs24{color: #000000;}

.style{padding-bottom:.17391rem; }