*{
    padding: 0;
    margin: 0;
}
body{background-color: #fff}
a{text-decoration: none;}
.show{display: block!important}
.row{
    display: flex;
    flex-direction: row;
}
.column{
    display: flex;
    flex-direction: column;
}
.top-img1{
    width: 0.42rem;
    height: 0.42rem;
}
.top-img2{
    height: 0.68rem;
    margin-left: 1.85rem;
}
.top-img3{
    height: 0.5rem;
    margin-left: 0.1rem;
}
/*.top{
    align-items: center;
    padding-left: 0.2rem;
    height: 0.86rem;
}*/

.top{
    align-items: center;
    height: 0.86rem;
}


.top-img3 {
    height: 0.5rem;
    margin: 0 auto;
}


.bannor{
    width: 100%;
    height: 6rem;
}
.bannor img{
    width: 100%;
    height: 6rem;
}
.login{
    width: 100%;
    height: 5.66rem;
    background-color: #ffffff;
    box-shadow: 0px 3px 0.16rem 0px
    rgba(184, 105, 9, 0.2);
    border-radius: 0.1rem;
    margin: 0.52rem 0;
}
.login-top{
    width: 100%;
    height: 0.82rem;
    background-color: #f8ac01;
    border-radius: 0.1rem 0.1rem 0 0;
    position: relative;
    font-size: 0.34rem;
    color: #ffffff;
    align-items: center;
    justify-content: center;
}
.login-top-img1{
    position: absolute;
    left: 0;
    top: -0.1rem;
    width: 0.96rem;
    height: 0.80rem;
}
.login-top-img2{
    width: 0.4rem;
    height: 0.42rem;
}
.login-top p{
    margin-left: 0.22rem;
    font-weight: bold;
}
.login-con{
    width: 100%;
    padding-left: 0.24rem;
    padding-right: 0.24rem;
    box-sizing: border-box;
}
.login-con-title{
    font-size: 0.28rem;
    color: #333333;
    font-weight: bold;
    line-height: 0.7rem;
}
.login-con-list{
    width: 100%;
    height: 0.66rem;
    background-color: #ffffff;
    border-radius: 0.05rem;
    border: solid 1px #eeeeee;
    align-items: center;
    margin-top: 0.2rem;
}
.login-con-list img{
    width: 0.22rem;
    margin-left: 0.2rem;
    height: 0.25rem;
}
.login-con-list input{
    font-size: 0.26rem;
    border: none;
    outline: none;
    width: 4rem;
    margin-left: 0.2rem;
}
/*.login-button{
    width: 3.23rem;
    height: 0.70rem;
    background-image: linear-gradient(-53deg,
    #fc7875 0%,
    #ff8b72 100%),
    linear-gradient(
            #ef8c11,
            #ef8c11);
    background-blend-mode: normal,
    normal;
    border-radius: 0.30rem;
    border: none;
    outline: none;
    margin: 0.4rem auto;
    color: #ffffff;
    font-size: 0.28rem;
}*/
.login-button{
    width: 3.23rem;
    height: 0.70rem;
      background-image: linear-gradient(-53deg, #fc7875 0%, #ff8b72 100%), linear-gradient( #ef8c11, #ef8c11);
    background-blend-mode: normal, normal;
    border-radius: 0.30rem;
    border: none;
    outline: none;
    margin: 0.4rem auto;
    color: #ffffff;
    font-size: 0.28rem;
}
.login-con-list-r{
    width: 2rem;
    height: 0.28rem;
    border-left: 1px solid #d6d6d6;
    text-align: center;
    line-height: 0.28rem;
    color: #f8ac01;
    font-size: 0.24rem;
       padding: .2rem;
}
.login-con-chackbox-r{
    font-size: 0.24rem;
    color: #999999;
    width: 4.6rem;
}
.login-con-chackbox-r span{
    color: #aacd23;
}
.login-con-chackbox{
    justify-content: space-between;
    margin-top: 0.4rem;
}
.login-con-chackbox-l{
    width: 0.36rem;
    height: 0.36rem;
    position: relative;
    background-color: #ffffff;
    box-shadow: inset 0px 2px 5px 0px
    rgba(0, 0, 0, 0.16);
    border-radius: 3px;
    border: solid 1px #eeeeee;
}
.login-con-chackbox-l img{
    width: 0.32rem;
    height: 0.32rem;
    position: absolute;
    left: 0.06rem;
    bottom: 0.06rem;
    display: none;
}

.indpart0 img{width: 100%;}
.indpart0 .btn1 {
display: block;
    margin: auto;
    width: 2.5rem;
    height: .7rem;
    position: relative;
    top: -2rem;
}
.kanfang-con-con img{width: 100%}

.shequ-con .text-1{    font-size: .23rem;
    text-align: center;
    color: #999999;
    margin-bottom: .2rem;
 margin-top: .8rem;}

 .shequ-con-top{    height: 0.8rem;
    box-sizing: border-box;
    font-size: 0.32rem;
    font-weight: bold;
    color: #f9be00;
    align-items: center;
    justify-content: center;
    padding-left: 0.15rem;
    box-sizing: border-box;
    margin: 0 auto;}

.shequ-con a{width: 100%;position: relative;}
.shequ-con .more{
    height: 0.55rem;
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;

}



.shequ-con .title-1 {
    font-size: 0.28rem;
    color: #f0bf41;
    font-weight: bold;
    position: relative;
    margin-bottom: .25rem;
}

.shequ-con .title-1 img {
    position: relative;
    top: .1rem;
    margin-right: .1rem;
    height: .42rem
}

.shequ-con .title-1 .str {
       width: 69%;
    position: absolute;
    right: 0;
    height: .02rem;
    background: #f9be00;
    bottom: 36%;
    z-index: -1;
}

.shequ-con-list-b-t span {
    color: #f0bf41;
    font-size: .28rem;
    font-weight: bold;
    border: 2px solid #f0bf41;
    border-radius: 5px;
    padding: 3px 4px;
    margin-right: .2rem;
}
.shequ-con-cc{height: 1rem!important}

.swiperCon2{height: 4rem}
.swiperCon2 .swiper-slide img{height:2.91rem }
.swiperCon2 .swiper-pagination{top: 2.9rem}
.shequ-con-con-center img{width: 100%}
.shequ-con-con-center-btn{font-size:.28rem;color:#333333;text-align: center;margin-bottom: .3rem}

.swiperCon2 .vcon{position: relative;height: 2.91rem}
.swiperCon2 .play-btn{width: .58rem;height:.58rem!important;position: absolute;top: 0;left: 0;bottom:0;right:0;margin:auto;}


.zhijia-con{
    width: 100%;
    margin-top: -.3rem;

}
.lflower{
    height: 0.8rem;
    width: 0.78rem;
    background-image: url("../images/lflower.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    margin-right: -.1rem;
}
.rflower{
    height: 0.8rem;
    width: 0.57rem;
     background-image: url("../images/rflower.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-left: -.1rem
}

.guoji {position: relative;}
.guoji .lflower{
      height: 0.8rem;
    width: 0.78rem;
    background-image: url("../images/lflower.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute;left: -0.26rem;
}


.zhijia-con-top{
 
    height: 0.8rem;
    box-sizing: border-box;

    font-size: 0.32rem;
    font-weight: bold;
    color: #f9be00;
    align-items: center;
    justify-content: center;
    padding-left: 0.15rem;
    box-sizing: border-box;
    margin: 0 auto;
}
.content{
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    padding-bottom:1.1rem;
}
.zhijia-con-con{
    flex-wrap: wrap;
    justify-content: space-between;
}
.zhijia-con-con-list{
    width: 1.74rem;
    height: 1.74rem;
    border: solid 3px #f9be00;
    border-radius: 50%;
    position: relative;
    margin-top: 0.2rem;
}
.zhijia-con-con-list img{
    width: 0.88rem;
    height: 0.48rem;
    position: absolute;
    bottom: -0.16rem;
    left: 50%;
    margin-left: -0.44rem;
}
.zhijia-con-con-list-text1{
    font-size: 0.2rem;
    font-weight: bold;
    color: #333333;
}
.zhijia-con-con-list-text2{
    font-size: 0.18rem;
    color: #333333;
    margin-top: 0.06rem;
}
.zhijia-con-con-list-text2 span{
    font-size: 0.28rem;
    color: #f9be00;
    font-weight: bold;
}
.zhijia-con-con-list{
    align-items: center;
    justify-content: center;
}
.card-con-list{
width: 100%;
    height: 3.07rem;
    background-color: #ffffff;
    box-shadow: 0px 0.08rem 0.46rem 0px
    rgba(249, 231, 202, 0.52);
    border-radius: 0.10rem;
    align-items: center;
    padding-left: 0.2rem;
    box-sizing: border-box;
}
.card-con{
    margin-top: 0.56rem;
}
.card-con-list img{
    width: 2rem;
    height: 2.4rem;
    background-color: #bdbdbd;
    border-radius: 0.1rem;
}
.card-con-list-r{
    width: 2.9rem;
    height: 2.4rem;
    margin-left: 0.3rem;
}
.card-con-list-r-t{
    border-bottom: 1px solid #eee;
    font-size: 0.3rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.3rem;
    height: 0.5rem;
    padding-left: 0.04rem;
}
.card-con-list-r-b{
    padding-top: 0.18rem;
    font-size: 0.24rem;
    color: #666666;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    box-sizing: border-box;
}
.ccrc-con-top{
    width: 100%;
    height: 0.8rem;
    margin-top: 0.52rem;
    font-size: 0.32rem;
    padding-left: 0.15rem;
    box-sizing: border-box;
    color: #f9be00;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.ccrc-con-cen{
    width: 100%;
    text-align: center;
    font-size: 0.24rem;
    color: #666666;
    margin-top: 0.2rem;
}
.button-con{
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.button-con-list{
    width: 2.7rem;
    height: 0.8rem;
    background-color: #ffffff;
    box-shadow: 0px 0.08rem 0.46rem 0px
    rgba(249, 231, 202, 0.77);
    border-radius: 0.1rem;
    margin-top: 0.3rem;
    align-items: center;
    justify-content: center;
}
.button-con-list p{
    font-size: 0.28rem;
    font-weight: bold;
    color: #f9be00;
    margin-left: 0.1rem;
}
.button-con-list img{
    width: 0.27rem;
    height: 0.27rem;
}


.button-con-list.hover{
    background-color: #f9be00;
    color: white; 
}

.button-con-list.hover p{
    color: white;
}
.button-con-list.hover .button-con-list-img1{
    display: none;
}
.button-con-list.hover .button-con-list-img2{
    display: block;
}


/*.button-con-list:hover{
    background-color: #f9be00;
    color: white;
}*/
.button-con-list-img2{
    display: none;
}
/*.button-con-list:hover p{
    color: white;
}
.button-con-list:hover .button-con-list-img1{
    display: none;
}
.button-con-list:hover .button-con-list-img2{
    display: block;
}*/
.stxw-con{
 width: 100%;
    height: 4.03rem;
    background-color: #ffffff;
    box-shadow: 0px 0.08rem 0.46rem 0px
    rgba(249, 231, 202, 0.52);
    border-radius: 0.10rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    padding-top: 0.2rem;
    box-sizing: border-box;
    display: none;
    margin-top: 0.2rem;
}
.stxw-con-avetion{
    display: block;
}
.stxw-con img{
    width: 100%;
    height: 2.93rem;
    border-radius: 0.10rem;
}
.stxw-con-bto{
    width: 100%;
    height: 0.9rem;
    line-height: 0.3rem;
    font-size: 0.24rem;
    color: #666666;

    justify-content: center;
  
}
.yiyang-con-top{
    height: 0.8rem;
    font-size: 0.32rem;
    font-weight: bold;
    padding-left: 0.15rem;
    box-sizing: border-box;
    color: #f9be00;
    align-items: center;
    justify-content: center;
    margin: 0.2rem auto;
    margin-top: 0.32rem;
}
.yiyang-con-contern{
    justify-content: space-between;
    flex-wrap: wrap;

}
.yiyang-con-contern img{
    width: 2.85rem;
    height: 1.54rem;
    border-radius: 10px;
    margin-top: 0.1rem;
}
.jiankang-con{
    width: 100%;
    margin-top: 0.2rem;
}
.jiankang-con-list{
    width: 100%;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 0.1rem;
    box-sizing: border-box;
    min-height: 1.34rem;
    background-color: #ffffff;
    box-shadow: 0px 0.08rem 0.46rem 0px
    rgba(249, 231, 202, 0.52);
    border-radius: 0.1rem;
    align-items: center;
}
.jiankang-con-list-l{
    width: 0.95rem;
    height: 0.95rem;
    background-image: linear-gradient(72deg,
    #ef8200 0%,
    #efc66d 100%),
    linear-gradient(
            #ffffff,
            #ffffff);
    background-blend-mode: normal,
    normal;
    border-radius: 50%;
    font-size: 0.24rem;
    color: #ffffff;
    align-items: center;
    justify-content: center;
}
.jiankang-con-list-r{
    font-size: 0.24rem;
    color: #666666;
    margin-left: 0.12rem;
    width: 4.45rem;
}
.wenyu-con-list-l{
    height: 1.88rem;
    width: 2.75rem;
    margin-left: 0.2rem;
}
.wenyu-con-list-l-t{
    font-weight: bold;
    font-size: 0.30rem;
    color: #333333;
}
.wenyu-con-list-l-r{
    width: 2.6rem;
    font-size: 0.24rem;
    color: #666666;
}
.wenyu-con-list img{
    width: 2.57rem;
    height: 1.88rem;
    background-color: #bdbdbd;
    border-radius: 0.10rem;
}
.wenyu-con-list{
    width: 100%;
    height: 2.28rem;
    background-color: #ffffff;
    box-shadow: 0 0.08rem 0.46rem 0px
    rgba(249, 231, 202, 0.52);
    border-radius: 0.1rem;
    align-items: center;
    padding-left: 0.2rem;
}
.swiper-pagination-bullet-active{
    background-color: #ffb032 !important;
}
.swiper-slide{
    width: 100%;
    height: 4rem;
}
.swiper-slide img{
    width: 100%;
    height: 2.28rem;
    /*background-color: #c0966c;*/
    border-radius: 0.1rem;
}
.swiperCon-top{
    font-size: 0.3rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.6rem;
    margin-top:.06rem;
}
.swiperCon-bro{
    font-size: 0.24rem;
    color: #666666;
}
.swiperCon-cc{
    height: 2rem;
}

.swiperCon1 .swiper-slide img{height:2.8rem }
.swiperCon1 .swiper-pagination{top: 3.8rem}
.tab-btn-list{
    width: 0.7rem;
    height: 0.48rem;
    background-color: #fff8e4;
    border-radius: 0.1rem;
    border: solid 2px #f9be00;
    font-size: 0.28rem;
    color: #f9be00;
    line-height: 0.48rem;
    text-align: center;
}
.tabAction{
    background-color: #f9be00;
    color: #ffffff;
}
.tab-btn-con{
    align-items: center;
    justify-content: space-between;
}
.tab-title{
    width: 100%;
    height: 0.7rem;
    background-color: #f9be00;
    border-radius: 0.1rem;
    font-size: 0.30rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 0.7rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
    margin-top: 0.22rem;
}
.tab-con-l{
    width: 1.04rem;
    height: 4.09rem;
    background-color: #fff8e4;
    border-radius: 0.10rem;
    border: solid 1px #f9be00;
}
.tab-con{
    justify-content: space-between;
    margin-top: 0.2rem;
}
.tab-con-l-l{
    width: 100%;
    height: 2.04rem;
    border-bottom: 1px solid #f9be00;
    font-size: 0.30rem;
    color: #f9be00;
    line-height: 2.04rem;
    text-align: center;
}
.tab-con-r{
    width: 4.5rem;
    height: 4.09rem;
    background-color: #fff8e4;
    border-radius: 0.1rem;
    border: solid 1px #f9be00;
}
.tab-con-r-l{
    width: 100%;
    height: 2.04rem;
    border-bottom: 1px solid #f9be00;
    font-size: 0.30rem;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.tab-con-r-lsss{
    width: 50%;
    height: 2.04rem;
    border-right: 1px solid #f9be00;
    align-items: center;
    justify-content: center;
}
.tab-con-r-l-t{
    font-size: 0.28rem;
    color: #333333;
    font-weight: 500;
    text-align: center;
}
.tab-con-r-l-b{
    font-size: 0.24rem;
    color: #8a8a8a;
    margin-top: 0.1rem;
}
.wraps{
    display: none;
}
.active{
    display: block;
}
.tishi{
    font-size: 0.22rem;
    color: #999999;
    margin-left: 2.6rem;
    margin-top: 0.1rem;
}
.tishi::before {
    content: '* ';
    color: #f08c24;
}
.foot-btn1{
    width: 1.95rem;
    height: 0.7rem;
    background-color: #f6be29;
    font-size: 0.24rem;
    color: #ffffff;
    border-radius: 0.24rem;
    border: none;
    outline: none;
    box-shadow: 0px 0.08rem 0.46rem 0px
    rgba(249, 231, 202, 0.52);
}

.foot-btn1 a{color: #fff}
.foot-btn2{
    width: 1.95rem;
    margin-left: .1rem;
    height: 0.70rem;
    background-color: #ffffff;
    font-size: 0.24rem;
    color: #ef9118;
    border-radius: 0.24rem;
    border: 1px solid rgba(249, 231, 202, 0.52);
    outline: none;
    box-shadow: 0px 0.08rem 0.46rem 0px
    rgba(249, 231, 202, 0.52);
}
.foot-btn2 a{
   color: #ef9118; 
}


.foot-btn3{
    width: 1.95rem;
    margin-left: .1rem;
    height: 0.7rem;
    background-color: #aacd34;
    font-size: 0.24rem;
    color: #ffffff;
    border-radius: 0.24rem;
    border: none;
    outline: none;
    box-shadow: 0px 0.08rem 0.46rem 0px
    rgba(249, 231, 202, 0.52);
}
.foot-btn3 a{color: #fff}
.foot{
  
    height: 1rem;
    align-items: center;
    width: 100%;
    text-align: center;
    justify-content: center;
}
.bootom-t{
 
    height: 0.6rem;

    font-size: 0.32rem;
    color: #f9be00;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.bootom-2{
    font-size: 0.32rem;
    color: #f9be00;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-bottom: .15rem;
}

.bootom{
    align-items: center;
    margin-top: 0.52rem;
}
.videoCon{
    width: 100%;
    height: 2.88rem;
    border-radius: 0.10rem;
    position: relative;
}
.videoCon .swiper-container{
     width: 100%;
    height: 2.88rem; 
}
  


.videoCon video{
    width: 100%;
    height: 2.88rem;
    background-color: #c0966c;
    border-radius: 0.10rem;
    outline: none;
    display: none;
}
.videoCon img{
    top: 0;
    position: absolute;
    width: 100%;
    height: 2.88rem;
}

.head2 {
    display: block;
    z-index: 99999999;
    background: #fff;
    width: 100%;
}
.head2.dq {
    height: 100%;
    transition: all 500ms;
    overflow-y: scroll;
    position: fixed;
    top: 0px;
    left: 0px;
}
.head2.dq .hserchbox {
    display: block;
}
.hserchbox{height: 1rem}


.hh {
    width: 100%;
    padding: 0px 10px;
    overflow: hidden;
}

.hhead {
    width: 100%;
    overflow: hidden;
    line-height: .3rem;
    padding: .25rem .15rem;
    font-size: .3rem;
}

.hhead a {
    color: #666;
}


.headnav {
    width: 100%;
    overflow: hidden;
    margin-top: 35px;
    display: none;
}

.headnavul {
    width: 100%;
    overflow: hidden;
}

.hphone {
    width: 100%;
    text-align: center;
    font-size: .3rem;
    margin-top: .1rem;
}

.hshare {
    width: 100%;
    text-align: center;
    line-height: .4rem;
}
.headnavul li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    position: relative;
    line-height: 0
}

.Sloth-wx {
    background-image: url(../images/indexbgwx.png);
    background-position: 0px 0px;
    background-size: 100% auto;
    width: 30px;
    height: 30px;
}
.Sloth-sina {
    background-image: url(../images/indexbgwb.png);
    background-position: 0px 0px;
    background-size: 100% auto;
    width: 30px;
    height: 30px;
}
.Sloth-sina:hover {
    background-position: 0px 30px;
}

.Sloth-wx:hover {
    background-position: 0px 30px;
}

.hshare span.Sloth-wx, .hshare span.Sloth-sina {
    display: inline-block;
    float: none;
}
.hsec {
    width: 100%;
    background: #eee;
    padding: 0px 20px;
    display: none;
}
.hsec a {
    display: block;
    width: 100%;
    line-height: 20px;
    padding: 10px;
    font-size: 16px;
    color: #666;
}

.navbar-toggle {
    color: #fff;
    padding-top: 0px;
    z-index: 1111;
    position: fixed;
    top: 10px;
    left: 5px;
   
    background: #fff;
    padding: 5px;
}


.navbar-toggle i {
    font-size: 22px;
    line-height: 1;
    color: #fff;
}

.navbar-toggle i:nth-child(3){margin-bottom: 0}
.navbar-toggle:active, .navbar-custom .navbar-toggle:focus {
    outline: 0
}
.navbar-toggle i {
   width: 22px;
    height: 2px;
    display: block;
    background: #000;
    margin-bottom: 5px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
}
/*.navbar-toggle1 i:nth-child(3){ margin-bottom:0;}*/
 .navbar-toggle1 i:nth-child(1) {
    transform: translate3d(0, 11px, 0) rotate(-135deg);
    -webkit-transform: translate3d(0, 11px, 0) rotate(-135deg);
    -moz-transform: translate3d(0, 11px, 0) rotate(-135deg);
    -ms-transform: translate3d(0, 11px, 0) rotate(-135deg);
}
.navbar-toggle1 i:nth-child(2) {
    opacity: 0;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
}
.navbar-toggle1 i:nth-child(3) {
    transform: translate3d(0, -11px, 0) rotate(135deg);
    -webkit-transform: translate3d(0, -11px, 0) rotate(135deg);
    -moz-transform: translate3d(0, -11px, 0) rotate(135deg);
    -ms-transform: translate3d(0, -11px, 0) rotate(135deg);
}
.jiajian {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.jiajian:after {
    content: "";
    position: absolute;
    right: 14px;
    top: 5px;
    height: 20px;
    width: 2px;
    background: #aaa;
}

.jiajian:before {
    content: "";
    position: absolute;
    right: 5px;
    top: 14px;
    height: 2px;
    width: 20px;
    background: #aaa;
}
.ftwrap{    position: fixed;
    bottom: 0;
    background: #fff;
width: 100%;
z-index: 8888;
}



.phone-button{
    width: 3.23rem;
    height: 0.70rem;
   background-color: #f9be00;
    border-radius: 0.30rem;
    border: none;
    outline: none;
    margin: 0.4rem auto;
    color: #ffffff;
    font-size: 0.28rem;
}

.phone-button a,.phone-button2 a{color: #fff}
.phone-button2{margin:0 auto;margin-bottom: .2rem; width: 3.23rem;
    height: 0.70rem;
   background-color: #f9be00;
    border-radius: 0.30rem;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: 0.28rem;}








.ibanner img{display: block; width: 100%;}
.ibanner .slideBox{position: relative;  width: 100%;}
/*.ibanner .slideBox .hd{position: absolute; height: 3rem; bottom: 0; z-index: 1; right: 1rem; text-align: center; line-height: 3rem;}*/
.ibanner .slideBox .hd{display:none;position: absolute; /*height: 3rem;*/ width: 100%; bottom: 0.25rem; left:0; z-index: 1; right: 1rem; text-align: center; /*line-height: 3rem;*/}
.ibanner .slideBox .hd li{display: inline-block; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #f8b300; text-indent: -9999px; overflow: hidden; margin: 0 5px; opacity: 0.8}
.ibanner .slideBox .hd li.on{background: #f8b300;}
.ibanner .slideBox .bd{position: relative; z-index: 0;}
.ibanner .slideBox .bd li{position: relative; text-align: center;}
.ibanner .slideBox .bd li img{vertical-align: top; width: 100%;}
.ibanner .slideBox .bd li i{display: block; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); color: #fff; font-size: 1.2rem; padding: .5rem 1.2rem; line-height: 2.6rem; text-align: left;}
.ibanner .slideBox .bd li a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.ibanner .slideBox .bd li h1{display: block; width: 100%; text-align: center; font-size: 1.8rem; color: #fff; position: absolute; top: 50%; margin-top: -3.4rem;}
.ibanner .slideBox .bd li ins{display: block; width: 9rem; text-align: left; height: 3rem; line-height: 3rem; color: #fff; font-size: 1.2rem; padding-left: 2.6rem; border-radius: 0.4rem; border: 1px solid #f8b300; background: rgba(248, 179, 0, 0.8) url(../images/sjico.png) no-repeat 1rem center; position: absolute; top: 50%; left: 50%; margin-left: -4.5rem;}







.graybg{ display:none; width:100%; height:100%; position:fixed; z-index:999999; background:#000; opacity:0.5; left:0; top:0}
.tkvedioct{display:none ; height: 480px; width: 760px; z-index: 99999999; top: 50%; left: 50%; margin-left: -380px; margin-top: -240px; position: fixed;-webkit-animation:bounceInDown 1s .2s ease both; -moz-animation:bounceInDown 1s .2s ease both;}
.tkvedioct .cont{ overflow: hidden;border-radius: 6px; width: 760px;}
.tkvedioct .cont video{width: 100%;}
.tkvedioct .closed{ height: 30px; width: 30px; background: #fff; border-radius: 50%; position: absolute; top: -30px; right: -30px; cursor: pointer; overflow:hidden; color: #333; font-size: 28px; line-height:26px; text-align: center;}

@media only screen and (max-width: 820px){
.tkvedioct{display:none ; height: 480px; width: 80%; z-index: 99999999; top: 50%; left: 50%; margin-left: -40%; margin-top: -240px; position: fixed;-webkit-animation:bounceInDown 1s .2s ease both; -moz-animation:bounceInDown 1s .2s ease both;}
.tkvedioct .cont{ overflow: hidden;border-radius: 6px; width: 100%}
.tkvedioct .cont video{width: 100%;}
.tkvedioct .closed{ height: 30px; width: 30px; background: #fff; border-radius: 50%; position: absolute; top: -30px; right: -30px; cursor: pointer; overflow:hidden; color: #333; font-size: 28px; line-height:26px; text-align: center;}