/*小程序页 start*/
.section2 {
    background-color: #304c8d;
}
.section2-title {
    font-size: 4.04vh;;
    color: #fff;
    text-align: center;
    padding-top: 5vh;
    padding-bottom: .4vh;
    margin: 0 auto;
}
.section2-bottom {
    border-bottom: 0.4vh solid #fff;
    width: 21vh;
    margin: 0 auto;
}
.swiper-box {
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
    margin-top: 1%;
}
.back-btn, .next-btn {
    width: 50px;
    height: 50px;
    float: left;
    margin-top: 243px;
    cursor: pointer;
}
.back-btn img, .next-btn img{
    width: 100%;
    display: block;
}
.slide-box,.slide-box2 {
    width: 250px;
    height: 250px;
    margin: 10px;
    cursor: pointer;
}
.slide-img {
    width: 100%;
    position: relative;
    height: 34vh;
    background-color: #fff;
}
.slide-img img {
    width: 86%;
    position: absolute;
    bottom: 0;
    left: 7%;
    max-height: 100%;
}
.slide-text {
    width: 100%;
    background-color: #6382bf;
    height: 5.76vh;
    font-size: 2.3vh;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    line-height: 5.76vh;
}
.bold {
    font-weight: bold;
}
.tan-box, .act-box, .pro-detail {
    display: none;
    position: fixed;
    z-index: 55;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
}
.a-box {
    overflow: hidden;
    width: 136vh;
    margin: 0 auto;
    margin-top: 12vh;
}
.sub-swiper {
    float: left;
    width: 110vh;
    margin: 0 3vh;
    height: 66vh;
}
.child-slide {
    width: 30vh;
    margin: 0 auto;
}
.child-slide img {
    width: 100%;
}
.back-btn2, .next-btn2 {
    margin-top: 26vh;
}
.close-tan {
    width: 25vh;
    padding: .5vh 0;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5vh;
    margin: 0 auto;
    margin-top: 5vh;
    color: #fff;
    font-size: 2.2vh;
    cursor: pointer;
}
.swiper-box {
    overflow: hidden;
    width: 156vh;
    margin: 0 auto;
    height: 87vh;
}
.back-btn,.next-btn {
    width: 9.44vh;
    height:  9.44vh;
    float: left;
    margin-top: 38vh;
    cursor: pointer;
}
.back-btn2, .next-btn2 {
    margin-top: 26vh;
}
.act-swiper2 {
    float: left;
    width: 131.12vh;
    margin: 0 3vh;
    margin-top: 1.5vh;
}
.slide-box2 {
    margin: 1.61vh;
    width: 40.67vh;
    height: 39.58vh;
}
/*小程序页 end*/

/*导航  start*/
/*.menu1 { */
    /*z-index:1;*/
    /*width: 800px;*/
    /*height: auto;*/
    /*text-align: center;*/
    /*position: relative;*/
    /*margin: auto;*/
    /*top: 30%;*/
    /*list-style: none;*/
    /*color: #fff;*/
    /*clear: both;*/
    /*padding: 0;*/
/*}*/
/*#menu3 {*/
    /*color: #fff;*/
    /*font-size: 19px;*/
    /*cursor: pointer;*/
/*}*/
/*.menu1 li {*/
    /*float: left;*/
    /*height: 30px;*/
/*}*/
/*.vline {*/
    /*margin-top: 4px;*/
/*}*/
/*.menubt {*/
    /*padding: 0 25px;*/
    /*width: 127px;*/
/*}*/
/*.menubt a {*/
    /*display: block;*/
    /*color: #fff;*/
    /*text-decoration: none;*/
    /*font-size: 19px;*/
    /*width: 76px;*/
/*}*/
/*#menu {*/
    /*padding: 0 12px;*/
/*}*/
/*#menu a {*/
    /*color: #0182CF;*/
    /*padding: 5px 13px;*/
    /*border-radius: 5px;*/
    /*background-color: #fff;*/
    /*margin-top: -5px;*/
    /*width: 102px;*/
    /*height: 37px;*/
/*}*/
/*导航  end*/

/*关注潘多拉魔盒框 start*/
.code {
    right: 15vh;
}
.code_pic {
    float: left;
    margin-left: 4.56vh;
    margin-top: 5.11vh;
}
.con_box {
    color: #FFF;
    font-family: "Microsoft Yahei";
    font-size: 2.32vh;
    margin-top: 3.8vh;
    margin-left: 1.4vh;
    float: left;
}
/*关注潘多拉魔盒框 end*/
/*最后的联系方式*/
.num {
    overflow: hidden;
}
.num-right, .num-left {
    float: left;
}
.num-right span {
    width: 100px;
    display: inline-block;
}
/*活动页 start*/
.actSection {
    background-color: #1387cd;
}
.actSection .slide-img {
    height: 24.79vh;
    width: 100%;
    border-radius: .65vh .65vh 0 0;
}
.actSection .slide-text {
    background-color: #6eb6e1;
    box-shadow: 0 .65vh 0 0 #126393;
    border-radius: 0 0 .65vh .65vh;
}
.actSection .section2-title {
    width: 100%;
    text-align: center;
    margin-bottom: 6.65vh;
    padding-top: 9.55vh;
    font-size: 5.36vh;
}
.actSection .swiper-box {
    overflow: hidden;
    width: 156vh;
    margin: 0 auto;
}
.actSection .back-btn, .actSection .next-btn {
    width: 9.44vh;
    height:  9.44vh;
    float: left;
    margin-top: 29.7vh;
    cursor: pointer;
}
.actSection .slide-img img {
    width: 80%;
    max-height: 100%;
    position: absolute;
    bottom: 0;
    left: 10%;
    /*border-radius: .65vh .65vh 0 0;*/
}
.act-swiper {
    float: left;
    width: 131.12vh;
    margin: 0 3vh;
    height: 70vh;
}
.actSection .slide-box, .actSection .slide-box2 {
    margin: 1.61vh;
    width: 40.67vh;
    height: 30.58vh;
}
.act-box {/*
    width: 100%;
    height: 100%;*/
    background-color: #fff;
    color: #fff;
}
.close-act2 {
    width: 17.16vh;
    height: 4vh;
    /*background: url("../../Content/Images/img3/return1.png") no-repeat;*/
    background-size: 100% 100%;
    margin-top: 3vh;
    margin-bottom: 3vh;
    margin-left: 3vh;
    cursor: pointer;
    border:1px solid #6ba2c4;
    border-radius:6px;
    color:#6ba2c4;
    text-align:center;
    line-height:4vh;
}
.con-box {
    /*width: 1098px;*/
    width: 120vh;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.spot-box {
    width: 100%;
    overflow-y: hidden;
}
.spotOne {
        float: left;
    width: 9.66vh;
    text-align: center;
    margin: 0 3.68vh;
    font-size: 1.9vh;
}
.spot {
   width: 9.66vh;
    height: 9.66vh;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    background: radial-gradient(rgba(115,186,232,1) 25%,rgba(115,186,232,.1) 25%, rgba(115,186,232,0) 50%,rgba(115,186,232,0) 50%, rgba(115,186,232,0) 100%);
}
.spot-active {
    background: -webkit-radial-gradient(rgba(115,186,232,1) 25%,rgba(115,186,232,.3) 25%, rgba(115,186,232,.3) 50%,rgba(115,186,232,.1) 50%, rgba(115,186,232,.1) 100%);
    background: -o-radial-gradient(rgba(115,186,232,1) 25%,rgba(115,186,232,.3) 25%, rgba(115,186,232,.3) 50%,rgba(115,186,232,.1) 50%, rgba(115,186,232,.1) 100%);
    background: -moz-radial-gradient(rgba(115,186,232,1) 25%,rgba(115,186,232,.3) 25%, rgba(115,186,232,.3) 50%,rgba(115,186,232,.1) 50%, rgba(115,186,232,.1) 100%);
    background: radial-gradient(rgba(115,186,232,1) 25%,rgba(115,186,232,.3) 25%, rgba(115,186,232,.3) 50%,rgba(115,186,232,.1) 50%, rgba(115,186,232,.1) 100%);
}
.time-txt {
    position:relative;
 top:-1.6vh;
    margin-top:1vh;
    /*height: 7vh;*/
    /*vertical-align: middle;*/
    /*display: table-cell;*/
}
.act-line {
    width: 102vh;
    height: 6px;
    background-color: #efefef;
    position: absolute;
    left: 49%;
    transform: translateX(-50%);
    /*top: 21vh;*/
    top:17.8vh;
}
.act-detail {
    width: 100%;

    padding-top: 5vh;
    position: relative;
}
.img-box {

    left: -2vh;
    width: 38.84vh;
    height: 72.64vh;
    float: left;
    background: url("../../Content/Images/img3/iPhone.png") no-repeat;
    background-size: 100%;
    position: relative;
}
.actDetailSwiper {
    width: 27.02vh;
    height: 48.18vh;
    position: absolute;
    left: 5.8vh;
    top: 12.2vh
}
.txt-box {
    width: 76.2vh;
    float: right;
}
.actDetailSwiper .child-slide {
    width: 27.02vh;
    height: 48.18vh;
}
.actDetailSwiper .child-slide img{
    width: 100%;
    height: 100%;
}
.data-box {
    width: 100%;
    overflow: hidden;
    font-size: 2.15vh;
    margin-top: 12vh;
}
.data-box>div {
    padding: 2vh 2.5vh;
    float: left;
}
.pv-txt, .uv-txt {
    border-radius: .54vh 0 0 .54vh;
    background-color: #1989cf;
    color: #fff;
}
.pv-num, .uv-num {
    border-radius: 0 .54vh .54vh 0;
    background-color: #f7f7f7;
    color:#636363;
    margin-right: 2.9vh;
}
.act-name {
    font-size: 3.43vh;
    margin: 6.22vh 0;
}
.act-txt {
    font-size: 2.25vh;
    line-height:25px;
    color:#3f3f3f;
}
.act-time {
    font-size: 2.45vh;
    margin-top: 7.5vh;
    color:#3f3f3f;
}
.line-box {
    width: 103vh;
    height: 12.66vh;
    /* background: url(../../Images/img3/line1.png) no-repeat; */
    /* background-size: 100% 100%; */
    position: absolute;
    left: 8.5vh;
    top: 0;
}

/*活动页 end*/
/*产品中心 start*/
.productSec {
    background-color: #faa755;
    color: #000;
    padding-top: 9.23vh;
}
.product-title {
    color: #fff;
    font-size: 5.04vh;
    width: 100%;
    text-align: center;
}
.product-box {
    padding-top: 5.58vh;
    width: 132.65vh;
    overflow: hidden;
    margin: 0 auto;
}
.product-one {
    width: 30.58vh;
    float: left;
    overflow: hidden;
    height: 29.94vh;
    margin: 1.29vh 1.23vh;
    background-color: #fff;
    border-radius: .86vh;
}
.icon-box {
    width: 16.95vh;
    text-align: center;
    float: left;
    padding-top: 4.94vh;
}
.icon-img {
    width: 14vh;
    display: block;
    margin: 0 auto;
}
.icon-name {
    margin-top: 1vh;
    font-size: 2.5vh;
}
.type-box {
    width: 13.52vh;
    height: 100%;
    float: right;
    background-color: #ffe3c7;
    padding: 4vh 0;
}
.type-one {
    width: 11.84vh;
    height: 4.5vh;
    line-height: 4.5vh;
    font-size: 2.1vh;
    border-radius: .5vh;
    border: .1vh solid #ddd;
    margin: .7vh auto;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
}
.type-one:hover {
    background-color: #f19235;
    color: #fff;
}
/*产品中心 end*/
/*产品中心详情 start*/
.pro-detail {
    background-color: #faa755;
    color: #fff;
    text-align: center;
}
.pro-box {
    width: 132.9vh;
    margin: 0 auto;
}
.pro-img {
    width: 132vh;
    height: 72.64vh;
    overflow: hidden;
}
.pro-img img {
    max-height: 100%;
}
.proImg3 {
    width: 39.84vh;
    margin: 0 2vh;
}
.proImg2 {
    width: 83vh;
}
.proImg1 {
    width: 129vh;
    margin-bottom: 2vh;
}
.pro-name {
    font-size: 3vh;
}
.pro-txt {
    font-size: 2vh;
    /*color: #f3a3a7;*/
    width: 90%;
    margin: 0 auto;
    margin-top: .5vh;
}
.close-pro {
    width: 17.16vh;
    height: 4vh;
    background: url(../../Content/Images/img3/return1.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 3vh;
    margin-bottom: 3vh;
    margin-left: 7vh;
    cursor: pointer;
}
/*产品中心详情 end*/
.send {
    background-color: #eb5757;
}
.swiper-slide, .swiper-wrapper {
    height: auto;
}
.act-box div{box-sizing:border-box;}