html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: black;
    font-family: "Microsoft YaHei";
    min-width: 780px;
}

#box4 .col:nth-child(4) {
    border-right: 0px solid;
}

#header {
    position: relative;
   /* height: 100%;*/
    /* background-image: url(../img/banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;*/
	/*overflow:hidden;*/
}

#banner img {
    height: 16.6%;
    width: 100%;
}

.back {
    background-image: url("../img/background.jpg");
    background-position: center;
    font-family: 微软雅黑;
}

#ango {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    bottom: 16px;
   /* position: absolute;*/
    right: 5px;
}

#header-text {
    height: 70px;
    line-height: 36px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    bottom: 170px;
    position: absolute;
    opacity: 0.9;
}


/*导航*/

#header-text {
    font-size: 18px;
    color: white;
}

#nav {
    width: 100px;
    height: 500px;
    float: left;
    left: 10px;
    top: 180px;
    text-align: center;
    position: fixed;
    z-index: 1001;
}

.a_title {
    background-image: url(../img/navt-title.png);
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
}

#nav li:not(:first-child) {
    display: flex;
    height: 38px;
    background-color: #e8cf8f;
    justify-content: center;
    align-items: center;
    margin: 2px;
}

.li-active {
    /* background-color: #dfc378;*/
    opacity: 0.7;
    /*color: white;*/
}

#nav li a {
    color: black;
}


/*导航end*/

.bottom-box {
    width: 100%;
    background-color: #191919;
    height: 100px;
    position: fixed;
    z-index: 1002;
    bottom: 0;
    left: 0;
    opacity: 0.9;
}

.bottom-box-out {
    width: 1200px;
    margin: auto;
    /* height: 90px; */
    position: relative;
}

.bottom-box-ad {
    float: left;
    width: 400px;
    height: 334px;
    position: relative;
}

.bottom-box-ad-img {
    position: absolute;
    bottom: 233px;
}

.title {
    text-align: center;
}

.pingpaili {
    height: 820px;
}

.title {
    height: 161px;
    padding-top: 56px;
}

.pingpaili .pingpaili-center {
    position: relative;
    margin: 0 auto;
    width: 1086px;
    height: 600px;
    background-color: #141414;
    border-style: double;
    border-width: 15px;
}

.pingpaili .pingpai-img {
    position: absolute;
    top: 60px;
    left: 73px;
    height: 501px;
    width: 450px;
}

.pingpaili .pingpaili-text {
    position: absolute;
    top: 84px;
    right: 1px;
    height: 442px;
    width: 492px;

}

.text-title-img {
    padding-bottom: 5px;
    width: 481px;
/*    height: 71px;*/
    color: white;
    font-size: 26px;
}

.text-font {
    letter-spacing: 1px;
    width: 425px;
    height: 315px;
    font-size: 18px;
}

b {
    font-size: 40px;
}

.text-font ul {
    list-style-type: square;
}

.text-font li {
    text-align: left;
    color: #8a8a8a;
    margin-top: 15px;
}

.close_sem {
    position: absolute;
    top: 18px;
    right: 10px;
    cursor: pointer;
}

.sem_left {
    position: fixed;
    z-index: 100;
    bottom: 0px;
    left: 0px;
    display: none;
    cursor: pointer;
}

.from {
    float: left;
    top: 10px;
    left: 20px;
    width: 700px;
    height: 165px;
    position: relative;
}

.changpingli {
    margin: 0 auto;
    height: 2080px;
    position: relative;
}

.from ul {
    list-style: none;
}

#name1 {
    float: left;
    padding: 2px 5px;
    padding-left: 40px;
    background: #fff 1px no-repeat;
    background-image: url(../img/input_name.png);
    border: 2px solid #dfc378;
}

#name_label {
    height: 36px;
    width: 200px;
    border: 1px solid #dfc378;
    border-radius: 5px;
    float: left;
    margin-left: 30px;
}

.icon {
    float: left;
    position: relative;
    top: 5px;
    padding-left: 5px;
}

#name_label label {
    position: relative;
    top: 1px;
    float: left;
    left: 10px;
}

#name_label input {
    width: 150px;
    height: 30px;
    background-color: #171717;
    border-style: none;
    color: white;
    font-size: 16px;
}

#phone_label {
    height: 36px;
    width: 200px;
    border: 1px solid #dfc378;
    border-radius: 5px;
    float: left;
    margin-left: 10px;
}

#phone_label label {
    position: relative;
    top: 1px;
    float: left;
    left: 10px;
}

#phone_label input {
    width: 150px;
    height: 30px;
    background-color: #171717;
    border-style: none;
    color: white;
    font-size: 16px;
}

.city-select {
    width: 480px;
    float: left;
    margin-left: 30px;
}

.changpingli .changpingli-center {
    margin: 0 auto;
    width: 1086px;
    height: 2158px;
}

.changpingli-1 {
    position: relative;
    margin: 0 auto;
    width: 1080px;
    height: 609px;
}

.swiper-container {
    z-index: 1;
    width: 100%;
    height: 100%;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}
.model2 .swiper-wrapper{
    transform: none\9!important;
 /*  transform:translate(0px, 0px)\9!important;*/
}
.model3 .swiper-wrapper{
/*   transform:translate(0px, 0px)\9!important;*/
}

.changpingli-1 .swiper-slide img {
    width: 100%;
    height: 100%;
}

.c-img {
    height: 600px;
    width: 1080px;
    float: left;
}

.c-text {
    position: absolute;
    float: right;
    right: 0;
    width: 175px;
    height: 461px;
    background-color: #141414;
    background-image: url(../img/c-text-back.png);
    background-repeat: no-repeat;
    background-position: 35px 60px;
    color: white;
    z-index: 1;
    opacity: 0.9;
}

.c-text .c-title {
    position: relative;
    top: 38px;
    display: block;
    width: 45px;
    font-size: 30px;
    line-height: 44px;
    text-align: center;
    margin: 0 auto;
}

.c-text .c-left-text {
    position: relative;
    bottom: 120px;
    display: block;
    width: 45px;
    font-size: 24px;
    text-align: center;
    left: 108px;
    color: #9f2f52;
}

#box4 {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 10%;
    z-index: 1001;
    
}

#box4 div {
    color: white;
    float: left
}

.col-nei{
  position: relative\9;
  top: 15px\9\0;
  left: 25%\9;
}
#box4 .col {
    opacity: 0.5;
    background-color: black;
    width: 24.915%;
    height: 86%;
    border-right: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
}

.changpingli-back {
    height: 570px;
    width: 100%;
    position: absolute;
   /* background-image: url(../img/red-2-2.png);*/
    background-size: 100% 100%;
    top: 215px;
}

.changpingli-2 {
    height: 642px;
}

.changpingli-2 img {
    width: 100%;
}

.c-2-right-text {
    height: 350px;
    width: 305px;
    float: right;
}

.c-2-r-title {
    display: inline-block;
    color: white;
    font-size: 30px;
    top: 62px;
    left: 25px;
    position: relative;
    top: 39px;
}

.c-2-r-t-content {
    width: 210px;
    position: relative;
    color: white;
    opacity: 0.9;
    top: 100px;
    left: 35px;
    font-size: 16px;
    line-height: 46px;
    list-style: square !important;
}

.c-2-r-t-content li {
    width:210px;
    list-style: square inside url('./../img/sq.png');
}

.c-2-r-title-2 {
    position: relative;
    color: #9f2f52;
    font-size: 24px;
    top: 40px;
    left: 40px;
    display: inline-block;
}

.changpingli-2 .c-2-center {
    height: 396px;
    background-image: url(../img/c-2-center.png);
    background-size: cover;
}

.c-2-img {
    position: relative;
    left: 12px;
    top: 16px;
    height: 366px;
    width: 1075px;
}

.c-2-img img {
    height: 366px;
    width: 769px;
    float: left;
}

.c-2-img-2 {
    width: 1085px;
    height: 189px;
    position: relative;
    background-image: url(../img/c-2-center-2.png);
    top: 100px;
}

.c-2-img-2 .c-2-title-1 {
    position: absolute;
    color: white;
    font-size: 30px;
    top: 62px;
    left: 25px;
    display: inline-block;
}

.c-2-img-2 .c-2-title-2 {
    position: absolute;
    color: #9f2f52;
    font-size: 24px;
    top: 102px;
    left: 30px;
    display: inline-block;
}

.c-2-img-2 .c-2-title-3 {
    line-height: 26px;
    font-size: 18px;
    position: absolute;
    top: 75px;
    left: 188px;
    color: white;
    opacity: 0.5;
}

.five-icon {
    float: right;
    position: relative;
    top: 50px;
    width: 580px;
    height: 97px;
    right: 80px;
}

.five-icon .icon-col {
    left: 0;
    margin-left: 15px;
    float: left;
    height: 99px;
    width: 98px;
}

.changping-img-active {
    filter: blur(2px);
    opacity: 0.6;
}

.changpingli-3 {
    position: relative;
    height: 644px;
    background-image: url(../img/good-end.png);
    background-size: 100%;
}


/*圆点动态*/

@-webkit-keyframes opac {
    from {
        opacity: 1;
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
    }
    to {
        opacity: 0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
}

.w1,
.w2,
.w3 {
    visibility: hidden;
}

.animate .w1 {
    visibility: visible;
      visibility: hidden\9;
    -webkit-animation: opac 1.5s infinite;
}

.animate .w2 {
    visibility: visible;
       visibility: hidden\9;
    -webkit-animation: opac 1.5s infinite;
    -webkit-animation-delay: .3s;
}

.animate .w3 {
    visibility: visible;
    visibility: hidden\9;
    -webkit-animation: opac 1.5s infinite;
    -webkit-animation-delay: .6s;
}

.wave {
    width: 50px;
    height: 50px;
    position: absolute;
	left: 700px;
	top: 390px;
}

.wave * {
    border: 3px solid #9f2f52;
    position: absolute;
    border-radius: 50%;
}


/*.w4{border-radius:0;width:20%;height:20%;top:35%;left:40%;border-left:0;border-top:0;
}*/

.w4 {
    top: 40%;
    left: 40%;
    border-width: 8px !important;
}

.wave2 {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 346px;
    top: 208px;
}

.wave2 * {
    border: 3px solid #9f2f52;
    position: absolute;
    border-radius: 50%;
}

/*.wave3 {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 470px;
    top: 60px;
}

.wave3 * {
    border: 3px solid #9f2f52;
    position: absolute;
    border-radius: 50%;
}
*/

/*圆点动态end*/

.yingxiaoli {
    margin: 0 auto;
    width: 1082px;
    height: 1876px;
}

.yingxiaoli .title {
    padding-bottom: 25px;
}

.yingxiaoli-1 {
    position: relative;
    height: 463px;
}

.yingxiaoli-squre {
    left: 50px;
    position: absolute;
    top: 19px;
    width: 1031px;
    height: 442px;
    /*  background-image: url(../img/yingxiao-sq.png);*/
    border: 2px solid #9f2f52;
}

.yingxiaoli-img {
    left: 0;
    position: absolute;
    width: 564px;
    height: 428px;
    z-index: 1001;
}

.yingxiaoli-img .swiper-slide {
    width: 100% !important;
    height: 100%;
}

.yingxiaoli-text {
    position: relative;
    top: 5px;
    height: 432px;
    width: 550px;
    float: right;
}

.yingxiaoli-text .text-title {
    height: 204px;
    background-image: url(../img/y-t-title-back.png);
    background-repeat: no-repeat;
    background-position: 99px 25px;
}

.y-text {
    background-color: black;
    height: 223px;
}

.tag-text {
    font-family: "Microsoft YaHei";
    position: relative;
    width: 448px;
    line-height: 30px;
    font-size: 14px;
    left: 64px;
    color: white;
    opacity: 0.8;
}

#y-t-title {
    font-size: 30px;
    display: block;
    color: white;
    position: relative;
    top: 62px;
    left: 60px;
}

#y-t-title-2 {
    font-size: 25px;
    color: white;
    display: block;
    position: relative;
    top: 65px;
    left: 126px;
    color: #9f2f52;
}

.tag {
    height: 92px;
    padding-left: 60px;
    position: relative;
    bottom: 30px;
}

.tag span {
    border-radius: 6px;
    padding: 7px 20px 7px 20px;
    font-size: 16px;
    display: inline-block;
    color: #423a24;
    background-color: #dfc378;
    margin-right: 10px;
    cursor: pointer;
    margin-top: 10px;
    border: 1px solid #525252;
}

.swiper-button-prev1 {
    left: 79%;
    position: absolute;
    top: 85%;
    width: 70px;
    height: 70px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/prev.png);
    opacity: 0.8;
}

.swiper-button-next1 {
    left: 88.5%;
    position: absolute;
    top: 85%;
    width: 70px;
    height: 70px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/next.png);
    opacity: 0.8;
}

.yingxiaoli-2 {
    position: relative;
    height: 1589px;
    top: 40px;
}

.team-power {
    margin: 0 auto;
    height: 1440px;
    width: 1082px;
}

.team-power .title {
    padding-bottom: 25px;
}

.team-power-text {
    position: relative;
    top: 5px;
    height: 432px;
    width: 550px;
    float: right;
}

.team-power-1 {
    position: relative;
    height: 463px;
}

.team-2-back {
    position: relative;
    background-image: url(../img/y-2-center-1.png);
    height: 175px;
    top: 60px;
}

.team-power-squre {
    left: 50px;
    position: absolute;
    top: 19px;
    width: 1031px;
    height: 442px;
    border: 2px solid #9f2f52;
    /*  background-image: url(../img/team-1-gai.png);*/
}

.team-power-squre .text-title {
    height: 204px;
    background-image: url(../img/y-t-title-back.png);
    background-repeat: no-repeat;
    background-position: 99px 25px;
}

#t-t-title {
    font-size: 30px;
    display: block;
    color: white;
    position: relative;
    top: 65px;
    left: 60px;
}

#t-t-title-2 {
    font-size: 25px;
    color: white;
    display: block;
    position: relative;
    top: 78px;
    left: 126px;
    color: #9f2f52;
}

.tag-text-team {
    font-family: "Microsoft YaHei";
    position: relative;
    width: 460px;
    line-height: 30px;
    font-size: 16px;
    top: -42px;
    left: 64px;
    color: white;
    opacity: 0.8;
}

.team-power-img {
    left: 0;
    position: absolute;
    width: 564px;
    height: 428px;
    z-index: 1001;
}

.team-power-img .swiper-slide {
    width: 100% ;
    height: 100%;
}


.model5 .swiper-slide img{

width: 210px\9;
height: 150px\9;
}
.team-power-2 {
    height: 312px;
}

.team-power-3 {
    position: relative;
    height: 480px;
    background-image: url(../img/team-3.png);
}

.team-power-3-img {
    position: absolute;
    top: 18px;
    left: 10px;
    height: 445px;
    width: 803px;
}

.team-p-3-text {
    height: 350px;
    width: 265px;
    float: right;
    position: relative;
    top: 20px;
}

.team-p-3-t-title-1 {
    display: inline-block;
    color: white;
    font-size: 30px;
    left: 85px;
    position: relative;
    top: 55px;
}

.team-p-3-t-title-2 {
    position: relative;
    color: #9f2f52;
    font-size: 24px;
    top: 100px;
    left:-51px;
    display: inline-block
}

.t-2-r-t-content {
    width: 130px;
    position: relative;
    color: white;
    opacity: 0.9;
    top: 130px;
    left: 120px;
    font-size: 17px;
    line-height: 40px;
    list-style: square !important;
    ;
}

.t-2-r-t-content li {
    width: 130px;
    list-style: square !important;
}

.team-button-prev {
    left: 80%;
    position: absolute;
    top: 85%;
    width: 70px;
    height: 70px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/prev.png);
    opacity: 0.8;
}

.team-button-next {
    left: 89.5%;
    position: absolute;
    top: 85%;
    width: 70px;
    height: 70px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/next.png);
    opacity: 0.8;
}
.add_zhichili{margin: 20px auto 40px;}
.add_zhichili img{max-width: 100%;}
.zhichili {
    width: 1046px;
    margin: 0 auto;
    height: auto;
    margin-top: 150px;
}

.zhichili .title {
    /*height: 208px;*/
}

.zhichili-1 {
    height: 740px;
}

.zhichili-2 {
    height: 450px;
}

.zhichili-3 {
    margin: 0 auto;
    width: 1046px;
    height: 440px;
    background-image: url(../img/zhichi-bottom-no.png);
    background-repeat: no-repeat;
}

.zhichili-nav {
    height: 98px;
}

#zhichi-nav {
    width: 99%;
    height: 50px;
    margin: 0 auto;
    border: 3px solid;
    border-color: #9f2f52;
    border-radius: 5px;
}

#zhichi-nav .col {
    font-size: 20px;
    border-right: 1px solid;
    border-color: #9f2f52;
    width: 49.95%;
    height: 100%;
    background-color: #191919;
    color: white;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#zhichi-nav .col3 {
    border: 0px;
}

.zhichili-img {
    position: relative;
    height: 346px;
    
}

.active {
    background-color: #9f2f52 !important;
    opacity: 1 !important;
}

.text-active {
    color: #6a0e0b !important;
}

.active-oop {
    color: white !important;
}

.zhichi-cricle {
    position: relative;
    margin: 0 auto;
    width: 549px;
    height: 549px;
    background-image: url(../img/zhichi-yuan1.png);
    background-repeat: no-repeat;
}

.zhichi-cricle li {
    position: absolute;
    color: black;
    list-style: none;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
}

.zhichi-cricle li:nth-child(1) {
    top: 35px;
    left: 126px;
    transform: rotate(-20deg);
}

.zhichi-cricle li:nth-child(2) {
    top: 33px;
    right: 137px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    /*-moz-transform : rotate( 90deg ) ;
   -ms-transform : rotate( 90deg ) ;
   -o-transform : rotate( 90deg ) ;
   transform : rotate( 90deg ) ;*/
}

.zhichi-cricle li:nth-child(9) {
    top:137px;
    left: 3px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    /*  -moz-transform : rotate( 180deg ) ;
   -ms-transform : rotate( 180deg ) ;
   -o-transform : rotate( 180deg ) ;
   transform : rotate( 180deg ) ;*/
}

.zhichi-cricle li:nth-child(3) {
    top:141px;
    right:22px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    /*  -moz-transform : rotate( 180deg ) ;
   -ms-transform : rotate( 180deg ) ;
   -o-transform : rotate( 180deg ) ;
   transform : rotate( 180deg ) ;*/
}

.zhichi-cricle li:nth-child(8) {
    top: 295px;
    left: -31px;
    -webkit-transform: rotate(260deg);
    transform: rotate(260deg);
    /* -moz-transform : rotate ( 270deg ) ;
   -ms-transform : rotate ( 270deg ) ;
   -o-transform : rotate ( 270deg ) ;
   transform : rotate ( 270deg ) ;*/
}

.zhichi-cricle li:nth-child(4) {
    top: 295px;
    right: -27px;
    -webkit-transform: rotate(-260deg);
    transform: rotate(-260deg);
    /* -moz-transform : rotate ( 270deg ) ;
   -ms-transform : rotate ( 270deg ) ;
   -o-transform : rotate ( 270deg ) ;
   transform : rotate ( 270deg ) */
}

.zhichi-cricle li:nth-child(7) {
    top: 440px;
    left: 70px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    /* -moz-transform : rotate ( 270deg ) ;
   -ms-transform : rotate ( 270deg ) ;
   -o-transform : rotate ( 270deg ) ;
   transform : rotate ( 270deg ) ;*/
}

.zhichi-cricle li:nth-child(5) {
    top: 441px;
    right: 55px;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    /* -moz-transform : rotate ( 270deg ) ;
   -ms-transform : rotate ( 270deg ) ;
   -o-transform : rotate ( 270deg ) ;
   transform : rotate ( 270deg ) ;*/
}

.zhichi-cricle li:nth-child(6) {
    bottom: 21px;
    left: 228px;
    /*-webkit-transform:rotate(180deg);*/
    /* -moz-transform : rotate ( 270deg ) ;
   -ms-transform : rotate ( 270deg ) ;
   -o-transform : rotate ( 270deg ) ;
   transform : rotate ( 270deg ) ;*/
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
    position: absolute;
    right: 20px;
    top: -100px;
    height: 130px;
    width: 402px;
    max-width: 402px;
    background-image: url("../img/9-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: 0;
}

.tooltipster-sidetip.tooltipster-noir .tooltipster-content {
    width: 290px;
    opacity: 0.7;
    padding: 15px 28px !important;
    line-height: 25px !important;
}

.tooltipster-sidetip.tip2 .tooltipster-box {
    position: absolute;
    top: -100px;
    height: 130px;
    width: 402px;
    max-width: 402px;
    background-image: url("../img/9-2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: 0;
}
.tooltipster-sidetip.tip2 .tooltipster-content{
      width: 290px;
    opacity: 0.7;
        float: right;
            line-height: 25px;
            padding: 15px 30px;
            overflow: hidden;
}

.tooltipster-sidetip.tip9 .tooltipster-box {
    position: absolute;
    right: 0;
    top: -20px;
    height: 107px;
    width: 343px;
    max-width: 402px;
    background-image: url("../img/9-9.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: 0;
}

.tooltipster-sidetip.tip9 .tooltipster-content{
      width: 290px;
    opacity: 0.7;
        float: left;
            line-height: 25px;
            padding: 20px 14px;
            overflow: hidden;
}
.tooltipster-sidetip.tip3 .tooltipster-box {
    position: absolute;
    height: 107px;
    width: 343px;
    max-width: 402px;
    background-image: url("../img/9-3.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: 0;
}
.tooltipster-sidetip.tip3 .tooltipster-content{
      width: 290px;
    opacity: 0.7;
        float: right;
            line-height: 25px;
            padding: 20px 14px;
            overflow: hidden;
}

.tooltipster-sidetip.tip8 .tooltipster-box {
    position: absolute;
    right: 0px;
    top: 50px;
    height: 165px;
    width: 284px;
    max-width: 402px;
    background-image: url("../img/9-8.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: 0;
}
.tooltipster-sidetip.tip8 .tooltipster-content{
      width: 290px;
        opacity: 0.7;
        float: left;
        height: 106px;
            padding: 70px 14px;
    overflow: hidden;
            line-height: 25px;
}


.tooltipster-sidetip.tip4 .tooltipster-box {
    position: absolute;
    top: 50px;
    height: 166px;
    width: 289px;
    max-width: 402px;
    background-image: url("../img/9-4.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: 0;
}
.tooltipster-sidetip.tip4 .tooltipster-content{
      width: 290px;
        opacity: 0.7;
        float: right;
        height: 106px;
            padding: 80px 14px;
    overflow: hidden;
            line-height: 25px;
}

.tooltipster-sidetip.tip7 .tooltipster-box {
    position: absolute;
    right: -10px;
    top: 50px;
    height: 130px;
    width: 402px;
    max-width: 402px;
    background-image: url("../img/9-7.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: 0;
}

.tooltipster-sidetip.tip7 .tooltipster-content{
    width: 290px;
    opacity: 0.7;
    height: 106px;
    padding: 35px 15px;
    left: 25px;
    overflow: hidden;
    position: relative;
    line-height: 25px;
}
.tooltipster-sidetip.tip5 .tooltipster-box {
    position: absolute;
    top: 50px;
    height: 131px;
    width: 375px;
    max-width: 402px;
    background-image: url("../img/9-5.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: 0;
}
.tooltipster-sidetip.tip5 .tooltipster-content{
    width: 290px;
    opacity: 0.7;
    height: 106px;
    padding: 35px 15px;
    left: 10px;
    float: right;
    overflow: hidden;
    position: relative;
    line-height: 25px;
}

.tooltipster-sidetip.tip6 .tooltipster-box {
    position: absolute;
    left: -140px;
    height: 198px;
    bottom: -220px;
    width: 284px;
    max-width: 402px;
    background-image: url("../img/9-6.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: 0;
}
.tooltipster-sidetip.tip6 .tooltipster-content{
    width: 290px;
    opacity: 0.7;
    height: 106px;
    padding: 35px 15px;
   position: relative;
   top: 70px;
    overflow: hidden;
    line-height: 25px;
}

.tooltipster-sidetip.img-tip1 .tooltipster-box {
    left: 20px;
    position: absolute;
    top: -185px;
    height: 437px;
    width: 330px;
     
    background-image: url("../img/circle1.png");
    background-repeat: no-repeat;
    background-position: center center center;
    background-color: transparent;
    border: 0;
}

.tooltipster-sidetip.img-tip2 .tooltipster-box {
    left: -360px;
    position: absolute;
    top: -225px;
    height: 437px;
    width: 330px;
    background-image: url("../img/circle3.png");
    background-repeat: no-repeat;
    background-position: center center center;
    background-color: transparent;
    border: 0;
}

.tooltipster-sidetip.img-tip3 .tooltipster-box {
    left: 10px;
    position: absolute;
    top: -55px;
    height: 437px;
    width: 330px;
   
    background-image: url("../img/circle2.png");
    background-repeat: no-repeat;
    background-position: center center center;
    background-color: transparent;
    border: 0;
}

.city-select li {
    list-style-type: none;
}

.bm_sel {
    position: relative;
    margin-right: 10px;
    top: 10px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 1px solid #dfc378;
    border-radius: 5px;
    height: 36px;
    line-height: 30px;
    background-color: #171717;
    font-size: 16px;
    padding: 0 0 0 2px;
    width: 132px;
    color: #787878;
    float: left;
}

.button {
    font-family: "Microsoft YaHei";
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 16px;
    width: 140px;
    height: 50px;
    background-color: #dfc378;
    border: none;
    border-radius: 5px;
    left: 0px;
}

.little-lunbo {
    top: 70px;
    right: 0;
    height: 223px;
    width: 664px;
    width: 660px\9;
    position: absolute;
}

.y-2 {
    height: 984px;
}

.y-2-back {
    position: relative;
    height: 175px;
    background-image: url(../img/y-2-center-1.png);
}

.y-title-1 {
    position: absolute;
    color: white;
    font-size: 30px;
    top: 60px;
    left: 25px;
    display: inline-block;
}

.y-title-2 {
    position: absolute;
    color: #9f2f52;
    font-size: 24px;
    top: 102px;
    left: 30px;
    display: inline-block;
}

.y-2-content {
    width: 779px;
    height: 100px;
    float: right;
    position: relative;
    right: 50px;
    top: 40px;
    font-family: "Microsoft YaHei";
    line-height: 30px;
    font-size: 16px;
    color: white;
    opacity: 0.8;
}

.little-lunbo-back {
    height: 370px;
    /*background-image: url(../img/gai_01.png);
    background-size: cover;*/
}

.little-lunbo-back .swiper-slide {
    width: 50%;
}

.little-lunbo-text {
    position: absolute;
    top: 40px;
    width: 356px;
    height: 350px;
    background-image:url(../img/gai_01.png);
    background-repeat: no-repeat;
    background-position: 38px 0px;
}

.little-lunbo-title {
    position: absolute;
    color: white;
    font-size: 30px;
    top: 38px;
    left: 20px;
    display: inline-block;
}

.little-lunbo-title-2 {
    position: absolute;
    color: #9f2f52;
    font-size: 24px;
    top: 80px;
    left: 74px;
    display: inline-block;
}

.little-lunbo-bottom-text {
    position: absolute;
    color: white;
    font-size: 20px;
    bottom: 20px;
    display: inline-block;
}

.little-text {
    font-family: "Microsoft YaHei";
    position: relative;
    line-height: 30px;
    font-size: 16px;
    top: 148px;
    color: white;
    opacity: 0.8;
}

.swiper-button-prev-c {
    background-image: url(../img/c-prev.png);
    left: -30px;
    right: auto;
    position: absolute;
    top: 97%;
    width: 14px;
    height: 24px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 14px 24px;
    -webkit-background-size: 14px 24px;
    background-size: 14px 24px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-next-c {
    background-image: url(../img/c-next.png);
    right: -30px;
    left: auto;
    position: absolute;
    top: 97%;
    width: 14px;
    height: 24px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 14px 24px;
    -webkit-background-size: 14px 24px;
    background-size: 14px 24px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev {
    background-image: url(../img/jiantouzuo.png);
    left: -40px;
    right: auto;
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-next {
    background-image: url(../img/jiantouyou.png);
    right: -40px;
    left: auto;
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}


.icon-jiameng {
    width: 970px;
    height: 90px;
    margin: 0 auto;
    position: relative;
    top: 190px;
}

.ie-jiameng{
  position: relative\9;
  top: 10px\9;      
}

.ie-number{
    position: relative\9;
    top: 12px\9;
    left: 13px\9;

}

.icon-jiameng .swiper-slide img {
    width: 183px;
    height: 100%;
}

.jiameng-table {
    width: 1081px;
    position: absolute;
    top: 10px;
}

.jiameng-table table tr {
    color: white;
    border: 0;
    font-size: 27px;
}

.jiameng-table td {
    width: 182px;
    height: 50px;
    text-align: center;
}

.jiameng-table table {
    width: 1081px;
}

.jiameng-liucheng {
    height: 350px;
    width: 1086px;
}

.jiameng-liucheng .lc-title {
    display: inline-block;
    font-size: 24px;
    padding-bottom: 20px;
    color: white;
}

.lc-1 {
    height: 66px;
    width: 98%;
    margin-top: 10px;
    border-radius: 5px;
}

.lc-number {
    float: left;
    width: 68px;
    height: 65px;
    background-color: #9f2f52;
    font-size: 36px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px 0 0 5px;
}

.lc-text {
    font-size: 16px;
    line-height: 25px;
    color: white;
    opacity: 0.7;
    position: relative;
    top: 15px;
    left: 5px;
}


/*@李冰和 804657038@qq.com
*加盟指引css
**/

.jmzy tbody {
    float: left;
    border: 1px solid #9f2f52;
    border-radius: 4px;
    width: 196px;
    padding: 5px;
}

.jmzy tbody tr {
    border-bottom: 1px solid #4a0623;
}

.jmzy tbody tr:last-child {
    border: none;
}

.jmzy tbody:first-child tr td {
    background: none !important;
}

.jmzy tbody tr:first-child td {
    background-color: #9f2f52;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.jmzy tbody td {
    width: 196px;
    font-size: 18px !important;
}

#tip {
    color: green;
    background-color: white;
}


/*圈里的数字 by cyh 3.13*/

.cricle-number li {
    position: absolute;
    color: #454545;
    list-style: none;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
}

.cricle-number li:nth-child(1) {
    top: 95px;
    left: 195px;
    transform: rotate(-20deg);
}

.cricle-number li:nth-child(2) {
    top: 95px;
    right: 195px;
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    /*-moz-transform : rotate( 90deg ) ;
   -ms-transform : rotate( 90deg ) ;
   -o-transform : rotate( 90deg ) ;
   transform : rotate( 90deg ) ;*/
}

.cricle-number li:nth-child(9) {
    top: 165px;
    left: 110px;
    transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    /*  -moz-transform : rotate( 180deg ) ;
   -ms-transform : rotate( 180deg ) ;
   -o-transform : rotate( 180deg ) ;
   transform : rotate( 180deg ) ;*/
}

.cricle-number li:nth-child(3) {
    top: 165px;
    right: 110px;
    transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    /*  -moz-transform : rotate( 180deg ) ;
   -ms-transform : rotate( 180deg ) ;
   -o-transform : rotate( 180deg ) ;
   transform : rotate( 180deg ) ;*/
}

.cricle-number li:nth-child(8) {
    top: 275px;
    left: 90px;
    transform: rotate(260deg);
    -webkit-transform: rotate(260deg);
    /* -moz-transform : rotate ( 270deg ) ;
   -ms-transform : rotate ( 270deg ) ;
   -o-transform : rotate ( 270deg ) ;
   transform : rotate ( 270deg ) ;*/
}

.cricle-number li:nth-child(4) {
    top: 275px;
    right: 90px;
    transform: rotate(-260deg);
    -webkit-transform: rotate(-260deg);
    /* -moz-transform : rotate ( 270deg ) ;
   -ms-transform : rotate ( 270deg ) ;
   -o-transform : rotate ( 270deg ) ;
   transform : rotate ( 270deg ) */
}

.cricle-number li:nth-child(7) {
    top: 375px;
    left: 145px;
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    /* -moz-transform : rotate ( 270deg ) ;
   -ms-transform : rotate ( 270deg ) ;
   -o-transform : rotate ( 270deg ) ;
   transform : rotate ( 270deg ) ;*/
}

.cricle-number li:nth-child(5) {
    top: 375px;
    right: 145px;
    transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    /* -moz-transform : rotate ( 270deg ) ;
   -ms-transform : rotate ( 270deg ) ;
   -o-transform : rotate ( 270deg ) ;
   transform : rotate ( 270deg ) ;*/
}

.cricle-number li:nth-child(6) {
    bottom: 90px;
    left: 250px;
    /*-webkit-transform:rotate(180deg);*/
    /* -moz-transform : rotate ( 270deg ) ;
   -ms-transform : rotate ( 270deg ) ;
   -o-transform : rotate ( 270deg ) ;
   transform : rotate ( 270deg ) ;*/
}
.dels{
    background-color: #000 !important;
    color: #fff !important;
}
