.index-m-1 {
    width: 100%;
    display: block;
}

.index-m-1 img {
    width: 100%;
    display: block;
}

.index-m-6 {
    width: 100%;
    background: url(../images/M-2_01.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 2.62rem;
}

.index-m-6 form {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    top: .84rem;
    height: 1.12rem;
}

.index-m-6-left {
    width: 4.7rem;
    position: relative;
    left: .5rem;
    height: 100%;
}

.index-m-6-left-b {
    width: 100%;
    position: relative;
}

.index-m-6-left-c {
    width: 100%;
}

.index-m-6-left-c ul li input {
    width: 97%;
    height: .49rem;
    display: block;
    position: relative;
    top: 0.63rem;
    padding-left: 3%;
    background:#f2f2f2;
    font-size: .25rem;
}

.index-m-6-left-b ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.index-m-6-left-b ul li {
    flex: 1;
    height: .49px;
}

.index-m-6-left-b ul li input {
    width: 94%;
    padding-left:6%;
    height: .49rem;
    background: #f2f2f2;
    display: block;
    font-size: .25rem;
}

.index-m-6-right {
    width: 1.69rem;
    height: 1.33rem;
}

.index-m-6-right ul li {
    width: 100%;
    display: block;
    height: 1.33rem;
}

.index-m-6-right ul li input {
    animation: scale 2s ease infinite;
    width: 1.3rem;
    display: block;
    height: 1.1rem;
    background: url(../images/22.png) center no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-right: .6rem;
   
}

.index-m-2 {
    width: 100%;
    background: url(../images/m-1_07.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 6.71rem;
}

.index-m-2-in {
    width: 6.93rem;
    margin: 0 auto;
    position: relative;
    top: .6rem;
}

.index-m-3 {
    width: 100%;
    background: url(../images/m-1_05.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 6.1rem;
}

.index-m-3 form {
    display: block;
    position: relative;
    top: 1.4rem;
    width: 6.07rem;
    margin: 0 auto;
}

.form-top {
    width: 100%;
    margin-bottom: .15rem;
}

.form-top ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}

.form-top ul li {
    display: block;
    height: .65rem;
}

.form-top ul li input {
    font-size: .25rem;
    color: #704d37;
    display: block;
    height: 100%;
    width: 95%;
    padding-left: 5%;
    border-radius: .08rem;
    background-color: #ececec;
}

.form-top ul li input::-webkit-input-placeholder {
    color: #704d37;
}

.form-top ul li:first-child {
    flex: 4;
    margin-right: 1%;
}

.form-top ul li:last-child {
    flex: 8.15;
}

.form-in {
    width: 100%;
    margin-bottom: .15rem;
}

.form-in ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}

.form-in ul li {
    display: block;
    flex: 1.5;
    height: .65rem;
}

.form-in ul li:nth-child(3) {
    margin: 0 1% 0 1%;
}

.form-in ul li select {
    color: #704d37;
    font-size: .25rem;
    display: block !important;
    width: 100%;
    height: 100%;
    border-radius: .08rem;
    padding-left: 2%;
    background-color: #ececec;
}

.form-bottom {
    width: 100%;
    margin-bottom: .15rem;
}

.form-bottom ul {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.form-bottom ul li {
    width: 100%;
    display: block;
    height: .65rem;
}

.form-bottom ul li input {
    background-color: #ececec;
    color: #704d37;
    border-radius: .08rem;
    width: 98%;
    display: block;
    height: 100%;
    padding-left: 2%;
    font-size: .25rem;
}

.form-bottom ul li input::-webkit-input-placeholder {
    color: #704d37;
}

.form-xuqiu {
    width: 90%;
    height: .65rem;
    /* margin: 0 auto; */
    position: relative;
    float: left;
 
    line-height: .45rem;
}

.form-xuqiu ul li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.form-xuqiu ul li label {
    flex: 2;
    font-size: .3rem;
    color: #704d37;
}

.form-xuqiu ul li label input {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    position: relative;
    top: .045rem;
    margin-right: .05rem;
}

.form-an {
    width: 100%;
    height: .72rem;
    position: relative;
    top: .5rem;
}

.form-an ul li {
    animation: scale 2s ease infinite;
    width: 4.62rem;
    height: .72rem;
    display: block;
    margin: 0 auto;
    background: url(../images/11.png) center no-repeat;
    background-size: 100% 100%;
}

.form-an ul li input {
    width: 100%;
    display: block;
    height: 100%;
    background: transparent;
    position: relative;
    top: -.8rem;
}

.index-m-4 {
    width: 100%;
    background: url(../images/m-1_09.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 3.01rem;
}

.index-m-4 form {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    top: 1.1rem;
    height: 1.12rem;
}

.index-m-4-left {
    width: 4.7rem;
    position: relative;
    left: .5rem;
    height: 100%;
}

.index-m-4-left-b {
    width: 100%;
    position: relative;
}

.index-m-4-left-c {
    width: 100%;
}

.index-m-4-left-c ul li input {
    width: 97%;
    height: .49rem;
    display: block;
    position: relative;
    top: 0.63rem;
    padding-left: 3%;
    background:#f2f2f2;
    font-size: .25rem;
}

.index-m-4-left-b ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.index-m-4-left-b ul li {
    flex: 1;
    height: .49px;
}

.index-m-4-left-b ul li input {
    width: 94%;
    padding-left: 6%;
    height: .49rem;
    background: #f2f2f2;
    display: block;
    font-size: .25rem; 
}
.index-m-4-left-b ul li:nth-child(2) input{margin-left: 0.05rem;}

.index-m-4-right {
    width: 1.69rem;
    height: 1.33rem;
}

.index-m-4-right ul li {
    width: 100%;
    display: block;
    height: 1.33rem;
}

.index-m-4-right ul li input {
    animation: scale 2s ease infinite;
    width: 1.3rem;
    display: block;
    height: 1.11rem;
    background: url(../images/22.png) center no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-right: .6rem;
    margin-top: -.075rem;
}

.index-m-5 {
    width: 100%;
    background: url(../images/m-1_04.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 7.14rem;
}

.index-m-7 {
    width: 100%;
    background: url(../images/m-1_08.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 4.58rem;
}

.index-m-7 a {
    width: 100%;
    height: 4.58rem;
    display: block;
}

.index-m-8 {
    width: 100%;
    background: url(../images/M-2_10.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 4.21rem;
}

.index-m-8 ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.index-m-8 ul li {
    flex: 1;
}

.index-m-8 ul li a {
    animation: scale 2s ease infinite;
    width: 1.93rem;
    display: block;
    height: .46rem;
    margin: 0 auto;
    position: relative;
    top: 3.015rem;
}

.index-m-9 {
    width: 100%;
    background: url(../images/M-2_05.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 2.46rem;
}

.index-m-9 form {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    top: .44rem;
    height: 1.12rem;
}

.index-m-9-left {
    width: 4.7rem;
    position: relative;
    left: .5rem;
    height: 100%;
}

.index-m-9-left-b {
    width: 100%;
    position: relative;
}

.index-m-9-left-c {
    width: 100%;
}

.index-m-9-left-c ul li input {
    width: 97%;
    height: .49rem;
    display: block;
    position: relative;
    top: 0.63rem;
    padding-left: 3%;
    background: #ececec;
    font-size: .25rem;
}

.index-m-9-left-b ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.index-m-9-left-b ul li {
    flex: 1;
    height: .49px;
}

.index-m-9-left-b ul li input {
    width: 94%;
    padding-left: 6%;
    height: .49rem;
    background: #ececec;;
    display: block;
    font-size: .25rem;
}

.index-m-9-right {
    width: 1.69rem;
    height: 1.33rem;
}

.index-m-9-right ul li {
    width: 100%;
    display: block;
    height: 1.33rem;
}

.index-m-9-right ul li input {
    animation: scale 2s ease infinite;
    width: 1.3rem;
    display: block;
    height: 1.11rem;
    background: url(../images/22.png) center no-repeat;
    background-size: 100% 100%;
    float: right;
    margin-right: .6rem;
  
}

.index-m-10 {
    width: 100%;
    background: url(../images/M-2_02.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 6.74rem;
}

.index-m-10 a {
    animation: scale 2s ease infinite;
    width: 2.69rem;
    height: .72rem;
    display: block;
    float: right;
    position: relative;
    top: 5.5rem;
    margin-right: .5rem;
}

.index-m-11 {
    width: 100%;
    background: url(../images/M-2_03.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 7rem;
}

.index-m-11 a {
    animation: scale 2s ease infinite;
    width: 2.69rem;
    height: .72rem;
    display: block;
    float: right;
    position: relative;
    top: 5.53rem;
    margin-right: .5rem;
}

.index-m-12 {
    width: 100%;
    background: url(../images/M-2_05.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 6.74rem;
}

.index-m-12 a {
    animation: scale 2s ease infinite;
    width: 2.69rem;
    height: .72rem;
    display: block;
    float: right;
    position: relative;
    top: 5.5rem;
    margin-right: .5rem;
}

.index-m-13 {
    width: 100%;
    background: url(../images/M-2_06.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 6.99rem;
}

.index-m-13 a {
    animation: scale 2s ease infinite;
    width: 2.69rem;
    height: .72rem;
    display: block;
    float: right;
    position: relative;
    top: 5.55rem;
    margin-right: .5rem;
}

.index-m-14 {
    width: 100%;
    background: url(../images/M-2_08.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 6.69rem;
}

.index-m-14 a {
    animation: scale 2s ease infinite;
    width: 2.69rem;
    height: .72rem;
    display: block;
    float: right;
    position: relative;
    top: 5.2rem;
    margin-right: .5rem;
}

.index-m-15 {
    width: 100%;
    background: url(../images/M-2_07.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 7.24rem;
}

.index-m-15-in {
    width: 7.3rem;
    margin: 0 auto;
    position: relative;
    top: 1.55rem;
    left: .0rem;
}

.index-m-16 {
    width: 100%;
    background: url(../images/m-1_11.jpg) center no-repeat;
    background-size: 100% 100%;
    height: 5.28rem;
}

#swiper-1 img {
    display: block;
    width: 100%;
}


/**选项卡-1**/

.tab {
    width: 6.58rem;
    margin: 0 auto;
    position: relative;
    top: 1.7rem;
}

.tab-hd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 0.18rem;
}

.tab-hd li {
    float: left;
    width: 1.46rem;
    height: .43rem;
    cursor: pointer;
}

.tab-hd li:nth-child(1) {
    background: url(../images/button1n1.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd li:nth-child(2) {
    background: url(../images/button1n2.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd li:nth-child(3) {
    background: url(../images/button1n3.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd li:nth-child(4) {
    background: url(../images/button1n4.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd li:nth-child(5) {
    background: url(../images/button1n5.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd li:nth-child(6) {
    background: url(../images/button1n6.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd li:nth-child(1).active {
    background: url(../images/button1o1.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd li:nth-child(2).active {
    background: url(../images/button1o2.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd li:nth-child(3).active {
    background: url(../images/button1o3.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd li:nth-child(4).active {
    background: url(../images/button1o4.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd li:nth-child(5).active {
    background: url(../images/button1o5.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd li:nth-child(6).active {
    background: url(../images/button1o6.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-bd li {
    display: none;
    border-top: 0 none;
}

.tab-bd li.thisclass {
    display: list-item;
}


/*****/

.tab1 {
    width: 6.9rem;
    margin: 0 auto;
    position: relative;
    top: .1rem;
}
.tab-bd1{ margin: 0 auto;
    position: relative; top: .2rem;}
.tab-hd1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
    zoom: 1;
    width: 100%;
    margin: 0 auto;
    position: relative;
 

}

.tab-hd1 li {
    float: left;
    width: 1.13rem;
    height: .39rem;
    cursor: pointer;
}

.tab-hd1 li:nth-child(1) {
    background: url(../images/3btn_no1.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd1 li:nth-child(2) {
    background: url(../images/3btn_no2.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd1 li:nth-child(3) {
    background: url(../images/3btn_no3.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd1 li:nth-child(4) {
    background: url(../images/3btn_no4.png) center no-repeat;
    background-size: 100% 100%;
}
.tab-hd1 li:nth-child(5) {
    background: url(../images/3btn_no5.png) center no-repeat;
    background-size: 100% 100%;
}
.tab-hd1 li:nth-child(6) {
    background: url(../images/3btn_no6.png) center no-repeat;
    background-size: 100% 100%;
}


.tab-hd1 li:nth-child(1).active {
    background: url(../images/3btn_on1.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd1 li:nth-child(2).active {
    background: url(../images/3btn_on2.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd1 li:nth-child(3).active {
    background: url(../images/3btn_on3.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-hd1 li:nth-child(4).active {
    background: url(../images/3btn_on4.png) center no-repeat;
    background-size: 100% 100%;
}
.tab-hd1 li:nth-child(5).active {
    background: url(../images/3btn_on5.png) center no-repeat;
    background-size: 100% 100%;
}
.tab-hd1 li:nth-child(6).active {
    background: url(../images/3btn_on6.png) center no-repeat;
    background-size: 100% 100%;
}

.tab-bd1 li {
    display: none;
    border-top: 0 none;
}

.tab-bd1 li.thisclass {
    display: list-item;
}