.fontBold {
    font-weight: bold;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

* {
    font-family: 'HuaweiSans-Bold', Helvetica, Arial, sans-serif !important;
}


/* 2021.06.10 */

.section1 .text .buttoncontent .button h4 {
    padding-top: 1.2vw;
    line-height: 1.2vw;
    font-size: 1.1vw;
    padding-bottom: 2vw;
}

.downshow {
    height: auto;
    overflow: hidden;
    margin: 1vw 0;
    display: flex;
    justify-content: space-between;
}

.downshow span {
    display: block;
    width: 13.416vw;
    height: auto;
    overflow: hidden;
    border-radius: 2vw;
    background: #ebf0f6;
    overflow: hidden;
    color: #242728;
    margin: 1.2vw 0 0;
    padding-top: .4vw;
    font-size: 0.72vw;
    line-height: 1.5vw;
    text-align: center;
    box-sizing: border-box;
    padding: .6vw .5vw;
}

.sectionbox1 {
    min-height: 32vw;
    overflow: hidden;
    background-size: 100%;
}

.sectionbox1 .content {
    width: 77.8%;
    height: auto;
    padding-bottom: 2vw;
}

.sectionbox1 .content .txt {
    width: 30vw;
    height: auto;
    overflow: hidden;
    padding-bottom: 2vw;
    padding-top: 10vw;
    float: left;
}

.sectionbox1 .content .txt h3 {
    font-size: 2vw;
    color: #000;
    font-weight: bold;
    margin-bottom: 2.5vw;
    line-height: 1.5;
}

.sectionbox1 .content .txt p {
    font-size: 1vw;
    color: #242728;
    line-height: 2vw;
}

.sectionbox1 .content .picbox {
    min-height: 32vw;
    float: right;
    position: relative;
}

.sectionbox1 .content .picbox img {
    width: 38vw;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.section5 {
    height: auto;
    overflow: hidden;
}

.section5 .content .txt {
    width: 30vw;
    height: auto;
    padding-bottom: 2vw;
    padding-top: 1vw;
    float: left;
}

.section5 .content .txt h3 {
    font-size: 2vw;
    color: #000;
    font-weight: bold;
    margin-bottom: 2.5vw;
}

.section5 .content .txt h5 {
    font-size: .75vw;
    color: #000;
    font-weight: bold;
    margin-bottom: 3vw;
}

.section5 .content .txt p {
    font-size: 1vw;
    color: #242728;
    line-height: 2;
}

.content {
    width: 77.8%;
    margin: 0 auto;
}

.moble {
    display: none !important;
}

.red {
    color: red;
    border-bottom: 2px solid red !important;
}

.moblecontent {
    width: 90%;
    margin: 0 auto;
}

.show {
    display: block !important;
}


/* section1 */

.section1 {
    background: url("../imgs/banner-1.png") no-repeat top center;
    background-size: 100%;
    /* overflow: hidden; */
    padding-bottom: 2vw;
}

.section1 .content {
    position: relative;
    height: 33vw;
}

.section1 .pic {
    /*  margin-left: 3.64vw; */
    margin-top: 4.16vw;
    width: 28.38vw;
    height: 24.73vw;
    margin-bottom: 3.125vw;
}

.section1 .pic img {
    width: 100%;
    height: 100%;
}

.section1 .text {
    width: 28vw;
    min-height: 14.32vw;
    position: absolute;
    top: 0.833vw;
    right: 3.9vw;
    line-height: 1;
    color: #242728;
    padding-top: 3vw;
}

.section1 .text .showornot {
    display: none;
    /* width: 290px;
height: 209px; */
    /* background: green; */
    position: absolute;
    background: url(../imgs/demondbg.png) no-repeat center;
    background-size: 100% 100%;
    color: black;
    z-index: 10;
}

.section1 .text .showornot1 {
    background: url(../imgs/shabg.png) no-repeat center;
    transform: translate(-53%, -10%) !important;
    -webkit-transform: translate(-53%, -10%) !important;
    -moz-transform: translate(-53%, -10%) !important;
    -ms-transform: translate(-53%, -10%) !important;
    -o-transform: translate(-53%, -10%) !important;
    background-size: 100% 80%;
    padding: 1em 1em;
}

.section1 .text .showornot div {
    padding: 2em 0.5em;
}

.section1 .text .showornot div p {
    margin-top: 0.5vw;
}

.section1 .text .showornot1 div p {
    line-height: 1.3;
}

.section1 .text .showornot2 div {
    padding: 1em .8em;
}

.section1 .text h3 {
    font-size: 2.5vw;
    display: inline-block;
    font-weight: bold;
}

.section1 .text h2 {
    display: inline-block;
    margin-top: 1.3vw;
    font-size: 1.562vw;
    line-height: 1.5;
}

.section1 .text .buttoncontent {
    margin-top: 2.5vw;
    display: flex;
    /* justify-content: space-between; */
    justify-content: center;
    font-weight: bold
}

.section1 .text .buttoncontent .button {
    width: 13.416vw;
    height: 5.604vw;
    display: block;
    border-radius: 0.426vw;
    -webkit-border-radius: 0.426vw;
    -moz-border-radius: 0.426vw;
    -ms-border-radius: 0.426vw;
    -o-border-radius: 0.426vw;
    color: white;
    font-size: 0.937vw;
    text-align: center;
    line-height: 2.604vw;
    box-sizing: border-box;
    cursor: pointer;
}

.section1 .text .buttoncontent .button {
    background: url(../img/btnbg.png) no-repeat center;
    background-size: 100%;
    color: #fff;
    font-weight: normal;
}

.section1 .text .buttoncontent .button:hover {
    /* color: rgb(200, 16, 46);
	border: 1px solid; */
}

.section1 .text p {
    margin-top: 0.677vw;
    font-size: 0.72vw;
    line-height: 1;
}

.section1 .text p span:first-child {
    float: left;
}

.section1 .text p span:last-child {
    float: right;
}

.section1 .text .span {
    display: inline-block;
    margin-top: 0.5vw;
    font-size: 0.72vw;
    text-decoration: underline;
    cursor: pointer;
    padding-bottom: .2vw;
    line-height: 1.5;
}

.section1 .text .span:last-child {
    margin-left: 1.093vw;
    float: left;
}

.section1 .text .spancon {
    /*  margin-left: 2vw; */
    display: flex;
    justify-content: center;
}

.section1 .text .spancon .spancon1,
.spancon2 {
    width: 13.416vw;
    display: inline-block;
    vertical-align: top;
    line-height: 1.2;
    text-align: center;
}

.section1 .text .spancon .spancon2 {
    margin-left: 1.5vw;
}

.section1 .text .spancon .showornot {
    transform: translateX(13%);
    -webkit-transform: translateX(13%);
    -moz-transform: translateX(13%);
    -ms-transform: translateX(13%);
    -o-transform: translateX(13%);
}


/* section1 mob */

.section1 .mobtext {
    line-height: 1;
    text-align: center;
}

.section1 .mobtext h3 {
    font-size: 6.66vw;
    padding-top: 8.5vw;
    /*  background: #206af3; */
    font-weight: bold;
    color: #242728;
}

.section1 .mobtext h2 {
    width: 90%;
    margin: 0 auto;
    font-size: 4.166vw;
    padding-top: 3.888vw;
    /* background: #206af3; */
    color: #242728;
    line-height: 1.5;
}


/* .section1 .mobtext div {
	width: 55.55vw;
	height: 13.611vw;
	border-radius: 1.25vw;
	-webkit-border-radius: 1.25vw;
	-moz-border-radius: 1.25vw;
	-ms-border-radius: 1.25vw;
	-o-border-radius: 1.25vw;
	box-sizing: border-box;
	border: 1px solid white;
	font-size: 4.166vw;
	line-height: 13.194vw;
	background: url(../img/btnbg.png) no-repeat;
	background-size: 100%;
	color: #007dff;
	margin: 0 auto;
	margin-top: 10.833vw;
} */

.section1 .mobtext div a {
    color: #242728;
    font-weight: bold;
    display: inline-block;
    /* width: 100%; */
    /* height: 100%; */
    cursor: pointer;
    line-height: 1.2;
}

.section1 .mobtext .windows-button {
    color: blue;
    font-weight: bold;
    display: inline-block;
    /* width: 100%; */
    height: 100%;
    cursor: pointer;
    /* width: 55.55vw; */
    height: 13.611vw;
    font-size: 4.166vw;
}

.section1 .mobtext p {
    font-size: 3.333vw;
    margin-top: 4.722vw;
    color: white;
}

.section1 .mobtext .mac {
    color: white;
}

.section1 .mobpic {
    margin-top: 8.055vw;
    height: 71.11vw;
}

.section1 .mobpic img {
    /*  width: 100%; */
    height: 100%;
    display: block;
    margin: 0 auto;
}


/* section2 */

.section2 .iconcontent {
    display: flex;
    justify-content: space-around;
}

.section2 .iconcontent .icon {
    width: 5.2vw;
    /* 
background: green; */
}

.section2 .iconcontent .icon img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.section2 .iconcontent .icon p {
    margin-top: 1.197vw;
    width: 160%;
    position: relative;
    left: -30%;
    text-align: center;
    font-size: 1.3vw;
    line-height: 1.3;
}


/* section2 mob */

.section2 .moble .icon {
    margin: 0 auto;
    width: 12.777vw;
    margin-top: 11.805vw;
}

.section2 .moble .icon img {
    width: 100%;
}

.section2 .moble .icon:first-child {
    margin-top: -10.14vw;
}

.section2 .moble p {
    margin-top: 4.166vw;
    text-align: center;
    font-size: 4.166vw;
    line-height: 1;
}

.section2 .moble p:last-child {
    margin-bottom: 9.583vw;
}


/* section3 */

.section3 {
    /* position: relative; */
    overflow: hidden;
    background: #f5faff;
    padding-top: 6vw;
    padding-bottom: 3vw;
}

.section3 .content {
    position: relative;
}

.section3 .text {
    margin-top: 1.6vw;
    width: 21.21vw;
    /* height: 16.458vw; */
    float: right;
    margin-right: 6vw;
}

.section3 .text h3 {
    font-size: 2vw;
    color: #000;
    font-weight: bold;
    margin-bottom: 2.5vw;
}

.section3 .text h4 {
    font-size: 1vw;
    color: #242728;
    line-height: 2vw;
}

.section3 .text h2 {
    font-size: 1.875vw;
    line-height: 1.3;
    margin-top: 1.406vw;
}

.section3 .text ul {
    font-size: 1.25vw;
    padding-bottom: 5vw;
    position: relative;
    left: 1.5vw;
}

.section3 .text ul li {
    list-style-type: disc;
    font-size: 1vw;
    color: #242728;
    line-height: 2.2vw;
}

.section3 .text ul li:first-child {
    margin-top: 0px;
}


/* .section3 .text ul li:last-child{
padding-bottom: 5.937vw;
} */

.section3 .img {
    /* margin-top: 4.479vw; */
    /* position: absolute;
	top: -1.666vw;
	right: 5.729vw; */
    width: 27.708vw;
    height: 20.625vw;
    float: left;
    /* background: green; */
}

.section3 .img img {
    width: 100%;
    /* height: 100%; */
}


/* section4 */

.section4 {
    margin-top: 2.083vw;
}

.section4 .btncontent {
    display: flex;
    justify-content: center;
}

.section4 .btncontent div {
    /* width: 11.66vw; */
    height: 3.281vw;
    border-bottom: 2px solid black;
    text-align: center;
    font-size: 1.562vw;
}

.section4 .btncontent div:last-child {
    margin-left: 12.187vw;
}

.section4 .textandpic {
    margin-top: 4.791vw;
}

.section4 .textandpic .text {
    line-height: 1;
    text-align: center;
}

.section4 .textandpic .text h3 {
    font-size: 2.5vw;
    font-weight: bold;
}

.section4 .textandpic .text h2 {
    margin-top: 1.197vw;
    font-size: 1.875vw;
}

.section4 .textandpic .text p {
    margin-top: 1.197vw;
    font-size: 1.25vw;
    color: #666666;
}

.section4 .textandpic .pic {
    display: flex;
    justify-content: center;
    /* background: green; */
}

.section4 .textandpic .pic .pic1 {
    margin-top: 7.916vw;
    width: 6.77vw;
    height: 9.687vw;
}

.section4 .textandpic .pic .pic5 {
    margin-top: 7.916vw;
    width: 7.77vw;
    height: auto;
}

.section4 .textandpic .pic .pic2 {
    margin-top: 8.072vw;
    height: 9.531vw;
    width: 5.156vw;
    margin-left: 4.062vw;
}

.section4 .textandpic .pic .pic3 {
    width: 24.166vw;
    height: 13.02vw;
    margin-left: 4.062vw;
    margin-top: 4.583vw;
}

.section4 .textandpic .pic img {
    width: 100%;
    height: 100%;
}

.section4 .textandpic2 {
    background: #f4f4f4;
    overflow: hidden;
    display: none;
}

.section4 .textandpic2 .text {
    margin-top: 4.687vw;
    text-align: center;
}

.section4 .textandpic2 .text h3 {
    font-size: 2.5vw;
    line-height: 1;
}

.section4 .textandpic2 .text p {
    font-size: 1.25vw;
    margin-top: 1.25vw;
    color: #666666;
}

.section4 .textandpic2 .text h2 {
    font-size: 1.875vw;
    line-height: 1.5;
    margin-top: 2.343vw;
}

.section4 .textandpic2 .pic {
    position: relative;
}

.section4 .textandpic2 .pic img {
    width: 100%;
    /*  height: 100%; */
}

.section4 .textandpic2 .pic .pic1 {
    margin: 0 auto;
    margin-top: 3.125vw;
    width: 36.718vw;
    height: 22.239vw;
}

.section4 .textandpic2 .pic .pic5 {
    margin: 0 auto;
    margin-top: 3.125vw;
    width: 42.718vw;
    height: auto;
}

.section4 .textandpic2 .pic .pic2 {
    width: 12.812vw;
    height: 27.343vw;
    margin-top: 5.677vw;
    margin-left: 23.281vw;
    margin-bottom: 2.606vw;
}

.section4 .textandpic2 .pic .pic3 {
    width: 33.072vw;
    height: 20.052vw;
    position: absolute;
    bottom: 3.697vw;
    left: 43.697vw;
}

.section4 .textandpic2 .pic .pic4 {
    width: 5.208vw;
    height: 1.041vw;
    position: absolute;
    left: 38.38vw;
    bottom: 13.468vw;
    /*  background: green; */
}


/* section5 */

.section5 {
    background: #fff;
    padding-top: 4vw;
    padding-bottom: 3vw;
}

.section5 .text {
    text-align: center;
    overflow: hidden;
    line-height: 1;
}

.section5 h2 {
    /* 
line-height: 1; */
    font-size: 1.875vw;
}

.section5 h2 {
    margin-top: 2.968vw;
}

.section5 h2:first-child {
    margin-top: 3.489vw;
}

.section5 p {
    /* margin-top: 1.458vw;
	font-size: 1.25vw; */
}

.section5 span {
    margin-top: 2.343vw;
    font-size: 1vw;
    display: inline-block;
    margin-bottom: 2.812vw;
}

.section5 .lunbo {
    padding-bottom: 1px;
    float: right;
}


/* section6 */

.section6 h3 {
    line-height: 1;
    margin-top: 4.427vw;
    font-size: 2.5vw;
    font-weight: bold;
    margin-bottom: 2.864vw;
    text-align: center;
}

.section6 .kuai {
    display: flex;
    justify-content: center;
}

.section6 .kuai .kuai11,
.kuai22,
.kuai33 {
    box-shadow: 0 0 10px #ececec;
}

.section6 .kuai .kuai22,
.kuai33 {
    margin-left: 0.5263vw;
}

.section6 .kuai .kuai1,
.kuai2,
.kuai3 {
    width: 18.802vw;
    height: 17.031vw;
    /* margin-left: 0.5263vw; */
    /* box-shadow: -0.5263vw 0 0 #f8f8f8; */
    box-sizing: border-box;
    border-left: 0.26vw solid white;
    border-right: 0.26vw solid white;
    background: #f4f4f4;
    border-top: 0.26vw solid white;
}

.section6 .kuai .kuai1 {
    margin-left: 0px;
    /* box-shadow: 0 0 0 white; */
}

.section6 .kuai .text {
    text-align: center;
}

.section6 .kuai div .img {
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    height: 6.406vw;
    border: 0px;
    box-shadow: 0 0 0 white;
    box-sizing: content-box;
    width: 11vw;
}

.section6 .kuai div .img:last-child {
    height: 5.833vw;
}

.section6 .kuai div img {
    /* display: block;
position: relative;
left: 50%;
top: 25%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%); */
    height: 100%;
    display: block;
    margin: 0 auto;
}

.section6 .text {
    /* display: flex;
justify-content: center; */
    text-align: center;
}

.section6 .text div {
    width: 18.802vw;
    /* 
height: 17.031vw; */
    margin-left: 0.5263vw;
    /* box-shadow: -0.5263vw 0 0 #f8f8f8; */
}

.section6 .text div:first-child {
    margin-left: 0px;
    box-shadow: 0 0 0 white;
}

.section6 .text .p1 {
    font-size: 0.937vw;
    margin-top: 2.343vw;
}

.section6 .text .p2 {
    font-size: 0.729vw;
    margin-top: 1.718vw;
    padding-bottom: 2.604vw;
    line-height: 1.5;
    color: #808080;
}


/* .section7 */

.section7 {
    margin-top: 4.947vw;
    background: #f4f4f4;
    overflow: hidden;
}

.section7 h3 {
    margin-top: 5.677vw;
    line-height: 1;
    font-size: 1.875vw;
    text-align: center;
    letter-spacing: 2.5px;
}

.section7 .iconandtext {
    margin-top: 5.937vw;
    display: flex;
    justify-content: center;
}

.section7 .iconandtext .left {
    width: 50%;
}

.section7 .iconandtext .right {
    width: 50%;
}


/* 11 */

.section7 .iconandtext .iconandtextcontent {
    display: flex;
    justify-content: center;
    margin-top: 4vw;
    height: 6rem;
}

.section7 .iconandtext .iconandtextcontent:first-child {
    margin-top: 0px;
}

.section7 .iconandtext .iconandtextcontent .icon {
    width: 1.822vw;
    height: 1.822vw;
    margin-left: 4.427vw;
    /* 
background: green; */
}

.section7 .iconandtext .iconandtextcontent .icon img {
    width: 100%;
    /* 
height: 100%; */
}

.section7 .iconandtext .iconandtextcontent .text {
    margin-left: 1.25vw;
    margin-top: 0.52vw;
}

.section7 .iconandtext .iconandtextcontent .text h2 {
    font-size: 18px;
    line-height: 1;
}

.section7 .iconandtext .iconandtextcontent .text ul {
    margin-top: 0.88vw;
}

.section7 .iconandtext .iconandtextcontent .text ul li {
    list-style-type: none;
    width: 19.6vw;
}

.section7 .dibu {
    margin-top: 5.104vw;
    text-align: center;
    padding-bottom: 4.947vw;
    color: #666666;
}

.section7 .dibu .imgcontent {
    display: inline-block;
}

.section7 .dibu .imgcontent img {
    width: 60%;
    position: relative;
    left: 4px;
    top: -1px;
}


/* section8 */

.section8 {
    width: 53.645vw;
    /* height: 17.916vw; */
    margin: 0 auto;
    overflow: hidden;
    background: #f4f4f4;
    margin-top: 5.208vw;
}

.section8 .pic {
    width: 4.322vw;
    height: 4.322vw;
    /*  background: green; */
    margin: 0 auto;
    margin-top: 4.062vw;
}

.section8 .pic img {
    width: 100%;
    height: 100%;
}

.section8 p {
    margin-top: 0.677vw;
    text-align: center;
    font-size: 0.729vw;
}

.section8 .text {
    margin: 0 auto;
    margin-top: 1.822vw;
    display: flex;
    width: 29.687vw;
    justify-content: space-between;
    font-size: 0.729vw;
}

.section8 .p1 {
    margin-top: 2.604vw;
    padding-bottom: 2.083vw;
}

.bx-wrapper .bx-prev {
    background: url(../img/left-btn.png) no-repeat !important;
    left: -3vw !important;
    background-size: 100% 100% !important;
}

.bx-wrapper .bx-next {
    background: url(../imgs/right-btn.png) no-repeat !important;
    right: -3vw !important;
    background-size: 100% 100% !important;
}

.bx-wrapper .bx-viewport {
    box-shadow: 0 0 0 #f4f4f4 !important;
}

.bx-wrapper img {
    margin: 0 auto;
}

.bx-wrapper .bx-viewport {
    background: none !important;
    border: none !important;
}

.bx-wrapper .bx-controls-direction a {
    top: 44% !important;
}

.bx-viewport {
    height: 100% !important;
}

.slide {
    margin-right: 0px !important;
    margin-left: 5px !important;
}

.slide:nth-of-type(2) {
    margin-left: 7px !important;
}

.slide:nth-of-type(3) {
    margin-left: 6px !important;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 100 !important;
}


/* .bx-wrapper img {
width: 50% !important;
} */

.spancs {
    transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    /* transition:  all 1s;
-webkit-transition:  all 1s;
-moz-transition:  all 1s;
-ms-transition:  all 1s;
-o-transition:  all 1s; */
}

@media screen and (max-width:1280px) {
    .section1 {
        background: url(../imgs/banner-1.png) no-repeat top center;
        background-size: 100%;
        /* overflow: hidden; */
        padding-bottom: 2vw;
    }

    .downshow span {
        font-size: .75vw;
        /* height: 3.5vw; */
        line-height: 1.5vw;
        border-radius: 3vw;
    }
}

@media screen and (max-width:1024px) {
    .section1 {
        background: url(../imgs/banner-1.png) no-repeat top center;
        background-size: 100%;
        /* overflow: hidden; */
        padding-bottom: 8vw;
    }

    .section1 .text {
        width: 35.58vw;
        height: 14.32vw;
        position: absolute;
        top: 0.833vw;
        right: -5vw;
        line-height: 1;
    }

    .section1 .text .showornot div {
        padding: 1em 0.5em;
    }

    .section7 .iconandtext .iconandtextcontent {
        margin-top: 7.604vw;
    }
}

@media screen and (max-width:854px) {
    .section1 .text {
        width: 32.58vw;
        height: 14.32vw;
        position: absolute;
        top: 0.833vw;
        right: -4.1vw;
        line-height: 1;
    }

    .section1 .text .buttoncontent .button {
        width: 14.416vw;
    }
}

@media screen and (max-width:769px) {
    .section7 .iconandtext .iconandtextcontent {
        height: 11rem;
    }
}

@media screen and (width:768px) {
    .section1 {
        background-size: 100%;
        /* overflow: hidden; */
        /* padding-bottom: 13vw; */
    }

    .section1 .text {
        width: 34.58vw;
        height: 14.32vw;
        position: absolute;
        top: 2.833vw;
        right: -5.1vw;
        line-height: 1;
    }
}

@media screen and (max-width:767px) {
    .guanbi {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    #ex1 {
        overflow: visible;
        height: initial;
    }

    #ex2 {
        overflow: visible;
        height: initial;
    }

    .btnnc {
        color: white;
        font-weight: bold;
        cursor: pointer;
        /* text-decoration: underline; */
        /* position: relative;
		left: -2.5vw;
		margin-left: 5vw; */
        font-size: 3.333vw;
    }

    /* .close-modal {
display: none !important;
} */
    .slide:nth-of-type(2) {
        margin-left: 4px !important;
    }

    .slide:nth-of-type(3) {
        margin-left: 4px !important;
    }

    .moble {
        display: block !important;
    }

    .pic3 .moble {
        margin-top: calc(50% - 115px);
    }

    .section1 .content {
        display: none;
    }

    .pcc {
        display: none !important;
    }

    .section1 {
        height: 150vw;
        background: #F4F6F9 url(../imgs/mob-bj.png) center bottom no-repeat;
        background-size: 100%;
        /* background-position-y: -10vw; */
        padding-bottom: 0;
    }

    .section2 .content {
        display: none;
    }

    /* section3 moble */
    .section3 .content {
        display: none;
    }

    .section3 .moble .text {
        text-align: center;
        margin-top: 0px;
        width: 90%;
        margin-left: 0px;
        margin-right: 0;
        margin: 0 auto 4vw;
        height: auto;
        overflow: hidden;
        float: none;
    }

    .section3 .moble .text h3 {
        font-size: 5.555vw;
        line-height: 1;
        font-weight: bold;
        margin-top: 7.222vw;
    }

    .section3 .moble .text h2 {
        font-size: 3.888vw;
        line-height: 1.2;
        font-weight: bold;
        margin-top: 6.527vw;
    }

    .section3 .moble .text p {
        font-size: 3.5vw;
        margin-top: 2.222vw;
        color: #666666;
    }

    .section3 .moble .pic {
        width: 66.66vw;
        /* height: 49.305vw; */
        margin: 0 auto;
        margin-top: 5vw;
        /* margin-bottom: 9.444vw; */
        margin-bottom: 8vw;
    }

    .section3 .moble .pic img {
        width: 100%;
        /* height: 100%; */
    }

    .section4 .btncontent div {
        font-size: 4.166vw;
    }

    .section4 .btncontent div {
        height: 8.75vw;
        font-size: 4.166vw;
    }

    .section4 .btncontent div:last-child {
        margin-left: 24.44vw;
    }

    .section4 .textandpic .text h3 {
        font-size: 5.555vw;
        margin-top: 11.527vw;
    }

    .section4 .textandpic .text h2 {
        font-size: 5vw;
        margin-top: 5vw;
    }

    .section4 .textandpic .text p {
        font-size: 3.33vw;
        margin-top: 3.33vw;
    }

    .section4 .textandpic .pic {
        justify-content: flex-start;
        flex-direction: row;
    }

    .section4 .textandpic .pic .pic1 {
        width: 26.527vw;
        height: 37.5vw;
        margin-left: 3.194vw;
        margin-top: 16.916vw;
    }

    .section4 .textandpic .pic .pic5 {
        width: 30.527vw;
        height: auto;
        margin-left: 3.194vw;
        margin-top: 16.916vw;
    }

    .section4 .textandpic .pic .pic2 {
        margin-top: 24.072vw;
        height: 30.138vw;
        width: 16.25vw;
        margin-left: 4.062vw;
    }

    .section4 .textandpic .pic .pic3 {
        display: none;
    }

    .section4 .textandpic .pic .moblepic3 {
        display: block;
        width: 49.30vw;
        height: 50.416vw;
        margin-left: 0vw;
        margin-top: 4.444vw;
    }

    .section5 h2 {
        font-size: 5vw;
        margin-top: 7.916vw;
    }

    .section5 h2:first-child {
        margin-top: 13.055vw;
    }

    .section5 p {
        margin-top: 3.333vw;
        font-size: 3.333vw;
    }

    .section5 span {
        margin-top: 5.416vw;
        font-size: 3.333vw;
        margin-bottom: 6.944vw;
    }

    .bx-controls-direction {
        display: none !important;
    }

    .bx-default-pager {
        /* display: none !important; */
    }

    .bx-wrapper {
        margin-bottom: 0px !important;
    }

    .section5 .lunbo {
        padding-bottom: 13.888vw;
        float: none;
    }

    /* .section4{display: none;} */
    .section6 .content {
        display: none;
    }

    .section6 h3 {
        font-size: 5.55vw;
        margin-top: 15.972vw;
        margin-bottom: 7.777vw;
    }

    .section6 .moble .picture .picture1 {
        width: 56.805vw;
        height: 78.611vw;
        margin: 0 auto;
        border: 2px solid white;
        box-sizing: border-box;
        box-shadow: 0 0 10px #ececec;
        margin-top: 9.722vw;
    }

    .section6 .moble .picture .picture1 .text {
        display: block;
        line-height: 1;
    }

    .section6 .moble .picture .picture1:first-child {
        margin-top: 0px;
    }

    .section6 .moble .picture .picture1 .picture1kuai {
        width: 100%;
        height: 45.416vw;
        background: #f4f4f4;
        overflow: hidden;
    }

    .section6 .moble .picture .picture1 .picture1kuai .img {
        margin: 0 auto;
        margin-top: 13.055vw;
        width: 30.694vw;
        height: 16.527vw;
    }

    .section6 .moble .picture .picture1 .picture1kuai img {
        width: 100%;
        /* height: 100%; */
    }

    .section6 .moble .picture .picture2 .picture1kuai .img {
        margin: 0 auto;
        margin-top: 12.777vw;
        width: 18.611vw;
        height: 18.611vw;
    }

    /* .section6 .moble .picture .picture2 .picture1kuai .img img{
width: 100%;
height: 100%;
}  */
    .section6 .moble .picture .picture3 .picture1kuai .img {
        margin: 0 auto;
        margin-top: 12.777vw;
        width: 27.066vw;
        height: 14.666vw;
    }

    .section6 .moble .picture .picture1 .text h2 {
        font-size: 3.888vw;
        margin-top: 8.333vw;
    }

    .section6 .moble .picture .picture1 .text p {
        margin-top: 2.777vw;
        color: #666666;
        font-size: 3.333vw;
        line-height: 1.6;
    }

    .section7 {
        margin-top: 0px;
        background: none;
    }

    .section7 .content {
        display: none;
    }

    .section7 h3 {
        margin-top: 16.66vw;
        font-size: 5.555vw;
        letter-spacing: 0.5vw;
        line-height: 1.3;
        margin-bottom: 13.194vw;
    }

    .section7 .moble ul li {
        display: none;
        font-size: 3.888vw;
        padding-left: 5.277vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }

    .section7 .moble ul .faq {
        display: block;
        padding: 5.277vw;
        border-top: 2px solid #e9e9e9;
    }

    .section7 .moble ul .faq .span {
        float: right;
    }

    .section7 .moble ul .faq .span span {
        /* float: right;
font-weight: bold;
font-size: 7vw; */
        width: 15px;
        height: 3px;
        background: black;
        display: block;
    }

    .section7 .moble ul .faq .span span:first-child {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        float: right;
    }

    .section7 .moble ul li:nth-child(even) {
        line-height: 1.5;
    }

    .section7 .moble ul .none {
        display: none;
    }

    .section7 .moble ul .more {
        margin-top: 8.611vw;
        text-align: center;
        font-size: 3.888vw;
    }

    .section7 .moble ul .more span {
        font-size: 7vw;
        position: relative;
        top: 0.7vw;
    }

    .section8 {
        width: 100%;
        margin-top: 11.388vw;
        background: none;
    }

    .section8 .moble {
        width: 85%;
        margin: 0 auto;
    }

    .section8 .moble p {
        font-size: 3.333vw;
        text-align: left;
        line-height: 2;
        color: #666666;
        position: relative;
        left: 3vw;
    }

    .section8 .moble p img {
        position: absolute;
        width: 4.5%;
        left: -6%;
        top: 10%;
    }

    .moblenone {
        display: none;
    }

    .section8 .moble .textandpic {
        margin-top: 8vw;
        border-top: 2px solid #eaeae8;
        text-align: center;
    }

    .section8 .moble .textandpic h3 {
        font-size: 4.722vw;
        margin-top: 7.5vw;
        line-height: 1;
    }

    .section8 .moble .textandpic .pic {
        width: 16.666vw;
        height: 16.666vw;
        margin: 0 auto;
        margin-top: 8.611vw;
    }

    .section8 .moble .textandpic .pic img {
        width: 100%;
        height: 100%;
    }

    .section8 .moble .textandpic h2 {
        font-size: 3.888vw;
        margin-top: 4.166vw;
        line-height: 1;
    }

    .section8 .moble .textandpic ul {
        margin-top: 4.166vw;
        font-size: 3.333vw;
    }

    .section8 .moble .textandpic ul li {
        margin-bottom: 2.777vw;
        color: #666666;
    }

    .section8 .moble .textandpic ul li:last-child {
        margin-bottom: 8.888vw;
    }

    .section8 .moble .textandpic p {
        font-size: 3.333vw;
        display: inline-block;
        padding-bottom: 1vw;
        border-bottom: 2px solid #666666;
        color: #666666;
        left: 0;
    }

    .section4 .textandpic2 .text {
        margin-top: 11.527vw;
    }

    .section4 .textandpic2 .text h3 {
        font-size: 5.555vw;
    }

    .section4 .textandpic2 .text p {
        font-size: 3.333vw;
        margin-top: 2.777vw;
    }

    .section4 .textandpic2 .text .niheqiu {
        margin-top: 6.944vw;
    }

    .section4 .textandpic2 .text h2 {
        font-size: 5vw;
        margin-top: 6.944vw;
        line-height: 1.5;
    }

    .buhequn {
        display: none;
    }

    .section4 .textandpic2 .pic .pic1 {
        width: 100%;
        height: 100%;
    }

    .section4 .textandpic2 .pic .pic5 {
        width: 100%;
        height: 100%;
    }

    .section4 .textandpic2 .pic .pic2 {
        width: 29.166vw;
        height: 61.805vw;
        margin-top: 13.194vw;
        margin-left: 4.861vw;
        margin-bottom: 17.36vw;
    }

    /* .section4 .textandpic2 .pic img{
position: relative;
width: 90%;
left: 8%;
} */
    .section4 .textandpic2 .pic .pic3 {
        width: 51.388vw;
        height: 53.472vw;
        right: 0;
        left: inherit;
    }

    .section4 .textandpic2 .pic .pic3 .pc {
        display: none;
    }

    .section4 .textandpic2 .pic .pic4 {
        width: 13.19vw;
        height: 2.777vw;
        left: 34.38vw;
        bottom: 30.468vw;
    }

    .section7 .moble ul .more .spans {
        position: relative;
        display: inline-block;
        top: 6px;
    }

    .section7 .moble ul .more .spans span {
        width: 16px;
        height: 3px;
        background: black;
        position: relative;
        top: -8px;
        display: block;
    }

    .section7 .moble ul .more .spans .spanss1 {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    .section7 .moble ul .more .spans .spanss2 {
        position: relative;
        top: -11px;
    }

    /* 手机端 */
    /* .content{
		width: 85%;
	} */
    .bx-wrapper img {
        width: 100%;
    }

    .sectionbox1 .content {
        width: 85%;
    }

    .sectionbox1 .content .txt,
    .sectionbox1 .content .picbox {
        width: 100%;
        float: none;
    }

    .sectionbox1 .content .txt {
        margin-bottom: 3vw;
    }

    .sectionbox1 .content .picbox img {
        position: inherit;
        width: 100%;
    }

    .sectionbox1 .content {
        padding-bottom: 0;
    }

    .sectionbox1 .content .txt h3,
    .section5 .content .txt h3 {
        font-size: 5.555vw;
    }

    .sectionbox1 .content .txt p {
        font-size: 3.5vw;
        line-height: 1.7;
    }

    .section5 .content .txt {
        margin-top: 4vw;
        margin-bottom: 5vw;
        float: none;
    }

    .section5 .content .txt h5 {
        font-size: 2.8vw;
        margin-bottom: 6vw;
    }

    .section5 .content .txt p {
        font-size: 3.5vw;
        line-height: 1.5;
    }

    .section5 .content .txt h3 {
        margin-bottom: 4vw;
    }
}

@media screen and (max-width:415px) {
    .btnnc {
        font-size: 12px;
    }
}


/*  */

.spancon3 {
    width: 13.416vw;
    text-align: center;
    display: inline-block;
}


/* #span-3 {
	margin-left: 9.5vw;
} */

.macbutton {
    margin-top: 4.722vw;
}

.section1 .text .spancon3 .showornot {
    transform: translateX(6%);
    -webkit-transform: translateX(6%);
}

.windows-button {
    position: relative;
}

.windows-download-box {
    position: absolute;
    background: url(../imgs/demondbg.png) no-repeat center;
    background-size: 100% 100%;
    color: black;
    display: none;
}

.card-box {
    display: flex;
    justify-content: space-between;
    padding: 1.5em 2em 1em;
    flex-wrap: wrap;
}

.card {
    width: 100%;
    font-size: 0.72vw;
    border-radius: 5px;
    border: 1px solid blue;
    color: blue;
    margin: 0em;
    line-height: 3;
    cursor: pointer;
    text-align: center;
}

.card-box a:last-child .card {
    margin: 1em 0 0;
}

.card:hover {
    border: 1px solid red;
    color: red;
}

.card-box a {
    font-size: 0.72vw;
    width: 100%;
}

@media screen and (max-width:768px) {
    .card-box {
        display: flex;
        justify-content: space-between;
        /* padding-top: 0.5em; */
        flex-wrap: wrap;
    }

    .card-box a {
        font-size: 16px;
        width: 100%;
    }

    .card {
        font-size: 16px;
        border-radius: 8px;
        margin: 0em;
    }

    .card-box a:last-child .card {
        margin: 1em 0 0;
    }

    .section1 .mobtext .windows-button {
        color: blue;
        font-weight: bold;
        display: inline-block;
        /* width: 100%; */
        height: 100%;
        cursor: pointer;
        /* width: 73vw; */
        height: 13.611vw;
        font-size: 4.166vw;
    }

    .section1 .mobtext .windows-button a {
        font-size: 4.166vw;
    }
}


/* 常见问题 */

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.float-left {
    float: left;
    position: relative;
}

.harmony-service {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
}

.harmony-service h1,
.harmony-service h2,
.harmony-service h3,
.harmony-service h4,
.harmony-service h5,
.harmony-service p,
.harmony-service a,
.harmony-service img {
    margin: 0;
    padding: 0;
    font-weight: normal;
    border: 0;
}

.harmony-service a {
    text-decoration: none;
}

.harmony-service hr {
    border-top: #EDEDED 1px solid;
    margin: 0;
}

@media screen and (max-width: 600px) {
    .harmony-service hr {
        margin: 0 36px;
    }
}


/* ---- ---- */

.harmony-service .harmony-wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

.harmony-service .harmony-wrapper2 {
    max-width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 1920px) {
    .harmony-service .harmony-wrapper {
        max-width: 1125px;
    }

    .harmony-service .harmony-wrapper2 {
        max-width: 980px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1366px) {
    .harmony-service .harmony-wrapper {
        max-width: 980px;
    }

    .harmony-service .harmony-wrapper2 {
        max-width: 930px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1280px) {
    .harmony-service .harmony-wrapper {
        max-width: 980px;
    }

    .harmony-service .harmony-wrapper2 {
        max-width: 930px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1024px) {
    .harmony-service .harmony-wrapper {
        max-width: 900px;
    }

    .harmony-service .harmony-wrapper2 {
        width: 90%;
        margin: 0 auto;
    }

    .section5 .content .txt {
        /* float: none;
        width: 100%; */
        padding-bottom: 3vw;
    }

    /* .section5 .lunbo {
        float: none;
    } */
    .bx-wrapper .bx-controls-direction a {
        width: 20px;
        height: 35px;
    }
}

@media screen and (max-width: 767px) {
    .harmony-service .harmony-wrapper {
        max-width: 750px;
    }

    .harmony-service .harmony-wrapper2 {
        width: 90%;
        margin: 0 auto;
    }

    /* .newdwbtn h5.chance {
        padding-top: 3.6vw;
    } */
    .section5 .content .txt {
        float: none;
        width: 100%;
        padding-bottom: 3vw;
    }

    .section5 .lunbo {
        float: none;
    }
}

@media screen and (max-width: 600px) {
    .harmony-service .harmony-wrapper {
        max-width: 550px;
    }

    .harmony-service .harmony-wrapper2 {
        max-width: 500px;
        margin: 0 auto;
    }
}


/* banner*/

.harmony-service .banner-top {
    position: relative;
    background: url(./top-banner.png) no-repeat center top;
    height: 450px;
    background-size: cover;
    text-align: right;
}

.harmony-service .banner-top .banner-title {
    font-size: 50px;
    line-height: 1.5;
    font-weight: bold;
    color: #000000;
    padding-top: 180px;
    text-align: center;
    letter-spacing: 1.4px;
}

@media screen and (max-width: 880px) {
    .harmony-service .banner-top {
        background: url(./top-banner-mob.png) no-repeat center top;
        background-size: 100%;
        height: 56vw;
    }

    .harmony-service .banner-top .banner-title {
        font-size: 7vw;
        padding-top: 26vw;
    }
}

@media screen and (max-width: 600px) {
    .harmony-service .banner-top {
        background: url(./top-banner-mob.png) no-repeat center top;
        height: 56vw;
        background-size: 100%;
    }

    .harmony-service .banner-top .banner-title {
        font-size: 7vw;
        padding-top: 26vw;
        letter-spacing: 1.54px;
    }
}

@media screen and (max-width: 440px) {
    .harmony-service .banner-top {
        background: url(./top-banner-mob.png) no-repeat center top;
        height: 56vw;
        background-size: 100%;
    }

    .harmony-service .banner-top .banner-title {
        font-size: 7vw;
        padding-top: 26vw;
        letter-spacing: 1.54px;
    }
}

@media screen and (max-width: 360px) {
    .harmony-service .banner-top {
        background: url(./top-banner-mob.png) no-repeat center top;
        height: 56vw;
        background-size: 100%;
    }

    .harmony-service .banner-top .banner-title {
        font-size: 7vw;
        padding-top: 29vw;
        letter-spacing: 1.54px;
    }
}


/* nav  */

.harmony-service .top-nav {
    padding: 66px 0 48px 0;
    display: block;
}

.harmony-service .top-nav .harmony-wrapper ul li {
    width: 25%;
    float: left;
}

.harmony-service .top-nav .harmony-wrapper ul li a {
    display: block;
    margin: auto auto;
    text-align: center;
    cursor: pointer;
}

.harmony-service .top-nav .harmony-wrapper ul li a:hover {
    text-decoration: underline;
    color: #2788D9;
}

.harmony-service .top-nav .harmony-wrapper ul li a img {
    display: block;
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
}

.harmony-service .top-nav .harmony-wrapper a span {
    display: block;
    font-size: 16px;
    color: #2788D9;
    letter-spacing: 1.3px;
    line-height: 1.5;
}

@media screen and (max-width: 1920px) {
    .harmony-service .top-nav {
        padding: 66px 0 48px 0;
        display: block;
    }
}

@media screen and (max-width: 880px) {
    .harmony-service .top-nav {
        padding: 10vw 0 8vw 0;
    }

    .harmony-service .top-nav .harmony-wrapper ul li a img {
        width: 10vw;
        height: 10vw;
        margin-bottom: 2.4vw;
    }

    .harmony-service .top-nav .harmony-wrapper ul li a span {
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 22px;
    }
}

@media screen and (max-width: 500px) {
    .harmony-service .top-nav {
        padding: 22px 0 8px 0;
    }

    .harmony-service .top-nav .harmony-wrapper ul li {
        padding: 22px 0;
        width: 50%;
    }

    .harmony-service .top-nav .harmony-wrapper ul li a img {
        width: 42px;
        height: 42px;
        margin-bottom: 16px;
    }

    .harmony-service .top-nav .harmony-wrapper ul li a span {
        font-size: 12px;
        letter-spacing: 0.98px;
        line-height: 18px;
    }
}


/* 1 */

.harmony-service .char-new {
    padding: 56px 0 80px 0;
}

.harmony-service .char-new .harmony-wrapper h2 {
    font-weight: bold;
    font-size: 32px;
    color: #000000;
    letter-spacing: 2.06px;
    text-align: center;
    line-height: 48px;
}

.harmony-service .char-new .harmony-wrapper p {
    font-size: 16px;
    color: #000000;
    letter-spacing: 1.03px;
    text-align: center;
    line-height: 26px;
    margin-top: 16px;
}

.harmony-service .char-new .harmony-wrapper p a {
    font-size: 16px;
    color: #2788D9;
    letter-spacing: 1.03px;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
}

.harmony-service .char-new .harmony-wrapper p a:hover {
    text-decoration: underline;
    color: #2788D9;
}

@media screen and (max-width: 420px) {
    .harmony-service .char-new {
        padding: 40px 0 48px 0;
    }

    .harmony-service .char-new .harmony-wrapper h2 {
        font-size: 22px;
        letter-spacing: 1.41px;
        line-height: 32px;
    }

    .harmony-service .char-new .harmony-wrapper p {
        font-size: 14px;
        letter-spacing: 0.9px;
        line-height: 26px;
        margin-top: 10px;
    }

    .harmony-service .char-new .harmony-wrapper p a {
        font-size: 14px;
        letter-spacing: 0.9px;
        line-height: 24px;
    }
}


/* 2 */

.harmony-service .tastupdate {
    background: url(./tastimg.png) no-repeat center center #F8F8F8;
    padding: 48px 0 44px 0;
    height: 524px;
    background-size: cover;
}

.harmony-service .tastupdate .tast-rcon {
    position: relative;
    margin-top: 150px;
}

.harmony-service .tastupdate .tast-rcon h2 {
    font-weight: bold;
    font-size: 32px;
    color: #000000;
    letter-spacing: 2.06px;
    line-height: 48px;
    text-align: center;
}

.harmony-service .tastupdate .tast-rcon p {
    font-size: 16px;
    color: #000000;
    letter-spacing: 1.03px;
    line-height: 26px;
    margin-top: 16px;
    text-align: center;
}

.harmony-service .tastupdate .tast-rcon a {
    font-size: 16px;
    color: #2788D9;
    letter-spacing: 1.03px;
    text-align: center;
    line-height: 26px;
    margin-top: 28px;
    cursor: pointer;
}

.harmony-service .tastupdate .tast-rcon a:hover {
    text-decoration: underline;
    color: #2788D9;
}

@media screen and (max-width: 640px) {
    .harmony-service .tastupdate {
        background: url(./tast-banner-mob.png) no-repeat center bottom #F6F6F6;
        padding: 48px 0 74vw 0;
        height: auto;
        background-size: 100%;
    }

    .harmony-service .tastupdate .tast-rcon h2 {
        text-align: center;
    }

    .harmony-service .tastupdate .tast-rcon p {
        text-align: center;
    }

    .harmony-service .tastupdate .tast-rcon p a {
        margin-top: 0px;
        text-align: center;
    }

    .harmony-service .tastupdate .tast-rcon {
        padding: 0;
        margin: 0;
    }

    .harmony-service .tastupdate {
        width: 100%;
        float: none;
        position: relative;
        top: 0;
    }

    .part-mob {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    .harmony-service .tastupdate {
        background: url(./tast-banner-mob.png) no-repeat center bottom #F6F6F6;
        padding: 40px 0 74vw 0;
        height: auto;
        background-size: 100%;
    }

    .harmony-service .tastupdate .tast-rcon h2 {
        font-size: 22px;
        letter-spacing: 1.41px;
        line-height: 32px;
        text-align: center;
    }

    .harmony-service .tastupdate .tast-rcon p {
        font-size: 14px;
        letter-spacing: 0.9px;
        line-height: 26px;
        margin-top: 10px;
        text-align: center;
    }

    .harmony-service .tastupdate .tast-rcon p a {
        font-size: 14px;
        letter-spacing: 0.9px;
        line-height: 24px;
        margin-top: 0px;
        text-align: center;
    }

    .harmony-service .tastupdate .tast-rcon {
        padding: 0;
        margin: 0;
    }

    .part-mob {
        display: none;
    }
}


/* 3 */

.harmony-service .plansupport {
    padding: 90px 0 22px 0;
}

.harmony-service .plansupport .plan-left {
    width: 40%;
    float: left;
}

.harmony-service .plansupport .plan-right {
    width: 60%;
    float: left;
}

.harmony-service .plansupport .plan-right2 {
    display: none;
}

.harmony-service .plansupport img {
    width: 100%;
}

.harmony-service .plansupport .plan-left .plan-lcon {
    margin-top: 20%;
}

.harmony-service .plansupport .plan-left h2 {
    font-weight: bold;
    font-size: 32px;
    color: #000000;
    letter-spacing: 2.06px;
    line-height: 48px;
    text-align: left;
}

.harmony-service .plansupport .plan-left p {
    font-size: 16px;
    color: #000000;
    letter-spacing: 1.03px;
    line-height: 26px;
    margin-top: 16px;
    text-align: left;
}

.harmony-service .plansupport .plan-left a {
    font-size: 16px;
    color: #2788D9;
    letter-spacing: 1.03px;
    text-align: left;
    line-height: 26px;
    margin-top: 12px;
}

.harmony-service .plansupport .plan-left a:hover {
    text-decoration: underline;
    color: #2788D9;
}

@media screen and (max-width: 600px) {
    .harmony-service .plansupport {
        padding: 80px 0 50px 0;
    }

    .harmony-service .plansupport .plan-left {
        width: 100%;
        float: none;
    }

    .harmony-service .plansupport .plan-left h2 {
        text-align: center;
    }

    .harmony-service .plansupport .plan-left p {
        text-align: center;
    }

    .harmony-service .plansupport .plan-left p a {
        margin-top: 0px;
        text-align: center;
    }

    .harmony-service .plansupport .plan-left .plan-lcon {
        margin-top: 0;
    }

    .harmony-service .plansupport .plan-right2 {
        display: block;
        margin-top: 30px;
    }

    .harmony-service .plansupport .plan-right {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    .harmony-service .plansupport {
        padding: 80px 0 50px 0;
    }

    .harmony-service .plansupport .plan-left {
        width: 100%;
        float: none;
    }

    .harmony-service .plansupport .plan-left h2 {
        font-size: 22px;
        letter-spacing: 1.41px;
        line-height: 32px;
        text-align: center;
    }

    .harmony-service .plansupport .plan-left p {
        font-size: 14px;
        letter-spacing: 0.9px;
        line-height: 26px;
        margin-top: 10px;
        text-align: center;
    }

    .harmony-service .plansupport .plan-left p a {
        font-size: 14px;
        letter-spacing: 0.9px;
        line-height: 24px;
        margin-top: 0px;
        text-align: center;
    }

    .harmony-service .plansupport .plan-left .plan-lcon {
        margin-top: 0;
    }

    .harmony-service .plansupport .plan-right2 {
        display: block;
        margin-top: 30px;
    }

    .harmony-service .plansupport .plan-right {
        display: none;
    }
}


/* question */

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.float-left {
    float: left;
    position: relative;
}

.harmony-service {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
}

.harmony-service h1,
.harmony-service h2,
.harmony-service h3,
.harmony-service h4,
.harmony-service h5,
.harmony-service p,
.harmony-service a,
.harmony-service img {
    margin: 0;
    padding: 0;
    font-weight: normal;
    border: 0;
}

.harmony-service a {
    text-decoration: none;
}

.harmony-service hr {
    border-top: #EDEDED 1px solid;
    margin: 0;
}

@media screen and (max-width: 600px) {
    .harmony-service hr {
        margin: 0 36px;
    }
}


/* ---- ---- */

.harmony-service .harmony-wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

.harmony-service .harmony-wrapper2 {
    max-width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 1920px) {
    .harmony-service .harmony-wrapper {
        max-width: 1125px;
    }

    .harmony-service .harmony-wrapper2 {
        max-width: 980px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1366px) {
    .harmony-service .harmony-wrapper {
        max-width: 980px;
    }

    .harmony-service .harmony-wrapper2 {
        max-width: 930px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1024px) {
    .harmony-service .harmony-wrapper {
        max-width: 900px;
    }

    .harmony-service .harmony-wrapper2 {
        width: 90%;
        margin: 0 auto;
    }

    /*隐藏按钮 */
    .section1 .text .buttoncontent .button,
    .section1 .mobtext .newbtn {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .harmony-service .harmony-wrapper {
        max-width: 750px;
    }

    .harmony-service .harmony-wrapper2 {
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 600px) {
    .harmony-service .harmony-wrapper {
        max-width: 550px;
    }

    .harmony-service .harmony-wrapper2 {
        max-width: 500px;
        margin: 0 auto;
    }
}


/* banner*/

.harmony-service .banner-top {
    position: relative;
    background: url(./top-banner.png) no-repeat center top;
    height: 450px;
    background-size: cover;
    text-align: right;
}

.harmony-service .banner-top .banner-title {
    font-size: 50px;
    line-height: 1.5;
    font-weight: bold;
    color: #000000;
    padding-top: 180px;
    text-align: center;
    letter-spacing: 1.4px;
}

@media screen and (max-width: 880px) {
    .harmony-service .banner-top {
        background: url(./top-banner-mob.png) no-repeat center top;
        background-size: 100%;
        height: 56vw;
    }

    .harmony-service .banner-top .banner-title {
        font-size: 7vw;
        padding-top: 26vw;
    }
}

@media screen and (max-width: 600px) {
    .harmony-service .banner-top {
        background: url(./top-banner-mob.png) no-repeat center top;
        height: 56vw;
        background-size: 100%;
    }

    .harmony-service .banner-top .banner-title {
        font-size: 7vw;
        padding-top: 26vw;
        letter-spacing: 1.54px;
    }
}

@media screen and (max-width: 440px) {
    .harmony-service .banner-top {
        background: url(./top-banner-mob.png) no-repeat center top;
        height: 56vw;
        background-size: 100%;
    }

    .harmony-service .banner-top .banner-title {
        font-size: 7vw;
        padding-top: 26vw;
        letter-spacing: 1.54px;
    }
}

@media screen and (max-width: 360px) {
    .harmony-service .banner-top {
        background: url(./top-banner-mob.png) no-repeat center top;
        height: 56vw;
        background-size: 100%;
    }

    .harmony-service .banner-top .banner-title {
        font-size: 7vw;
        padding-top: 29vw;
        letter-spacing: 1.54px;
    }
}


/* nav  */

.harmony-service .top-nav {
    padding: 66px 0 48px 0;
    display: block;
}

.harmony-service .top-nav .harmony-wrapper ul li {
    width: 25%;
    float: left;
}

.harmony-service .top-nav .harmony-wrapper ul li a {
    display: block;
    margin: auto auto;
    text-align: center;
    cursor: pointer;
}

.harmony-service .top-nav .harmony-wrapper ul li a:hover {
    text-decoration: underline;
    color: #2788D9;
}

.harmony-service .top-nav .harmony-wrapper ul li a img {
    display: block;
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
}

.harmony-service .top-nav .harmony-wrapper a span {
    display: block;
    font-size: 16px;
    color: #2788D9;
    letter-spacing: 1.3px;
    line-height: 1.5;
}

@media screen and (max-width: 1920px) {
    .harmony-service .top-nav {
        padding: 66px 0 48px 0;
        display: block;
    }
}

@media screen and (max-width: 880px) {
    .harmony-service .top-nav {
        padding: 10vw 0 8vw 0;
    }

    .harmony-service .top-nav .harmony-wrapper ul li a img {
        width: 10vw;
        height: 10vw;
        margin-bottom: 2.4vw;
    }

    .harmony-service .top-nav .harmony-wrapper ul li a span {
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 22px;
    }
}

@media screen and (max-width: 500px) {
    .harmony-service .top-nav {
        padding: 22px 0 8px 0;
    }

    .harmony-service .top-nav .harmony-wrapper ul li {
        padding: 22px 0;
        width: 50%;
    }

    .harmony-service .top-nav .harmony-wrapper ul li a img {
        width: 42px;
        height: 42px;
        margin-bottom: 16px;
    }

    .harmony-service .top-nav .harmony-wrapper ul li a span {
        font-size: 12px;
        letter-spacing: 0.98px;
        line-height: 18px;
    }
}


/* 1 */

.harmony-service .char-new {
    padding: 56px 0 80px 0;
}

.harmony-service .char-new .harmony-wrapper h2 {
    font-weight: bold;
    font-size: 32px;
    color: #000000;
    letter-spacing: 2.06px;
    text-align: center;
    line-height: 48px;
}

.harmony-service .char-new .harmony-wrapper p {
    font-size: 16px;
    color: #000000;
    letter-spacing: 1.03px;
    text-align: center;
    line-height: 26px;
    margin-top: 16px;
}

.harmony-service .char-new .harmony-wrapper p a {
    font-size: 16px;
    color: #2788D9;
    letter-spacing: 1.03px;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
}

.harmony-service .char-new .harmony-wrapper p a:hover {
    text-decoration: underline;
    color: #2788D9;
}

@media screen and (max-width: 420px) {
    .harmony-service .char-new {
        padding: 40px 0 48px 0;
    }

    .harmony-service .char-new .harmony-wrapper h2 {
        font-size: 22px;
        letter-spacing: 1.41px;
        line-height: 32px;
    }

    .harmony-service .char-new .harmony-wrapper p {
        font-size: 14px;
        letter-spacing: 0.9px;
        line-height: 26px;
        margin-top: 10px;
    }

    .harmony-service .char-new .harmony-wrapper p a {
        font-size: 14px;
        letter-spacing: 0.9px;
        line-height: 24px;
    }
}


/* 2 */

.harmony-service .tastupdate {
    background: url(./tastimg.png) no-repeat center center #F8F8F8;
    padding: 48px 0 44px 0;
    height: 524px;
    background-size: cover;
}

.harmony-service .tastupdate .tast-rcon {
    position: relative;
    margin-top: 150px;
}

.harmony-service .tastupdate .tast-rcon h2 {
    font-weight: bold;
    font-size: 32px;
    color: #000000;
    letter-spacing: 2.06px;
    line-height: 48px;
    text-align: center;
}

.harmony-service .tastupdate .tast-rcon p {
    font-size: 16px;
    color: #000000;
    letter-spacing: 1.03px;
    line-height: 26px;
    margin-top: 16px;
    text-align: center;
}

.harmony-service .tastupdate .tast-rcon a {
    font-size: 16px;
    color: #2788D9;
    letter-spacing: 1.03px;
    text-align: center;
    line-height: 26px;
    margin-top: 28px;
    cursor: pointer;
}

.harmony-service .tastupdate .tast-rcon a:hover {
    text-decoration: underline;
    color: #2788D9;
}

@media screen and (max-width: 640px) {
    .harmony-service .tastupdate {
        background: url(./tast-banner-mob.png) no-repeat center bottom #F6F6F6;
        padding: 48px 0 74vw 0;
        height: auto;
        background-size: 100%;
    }

    .harmony-service .tastupdate .tast-rcon h2 {
        text-align: center;
    }

    .harmony-service .tastupdate .tast-rcon p {
        text-align: center;
    }

    .harmony-service .tastupdate .tast-rcon p a {
        margin-top: 0px;
        text-align: center;
    }

    .harmony-service .tastupdate .tast-rcon {
        padding: 0;
        margin: 0;
    }

    .harmony-service .tastupdate {
        width: 100%;
        float: none;
        position: relative;
        top: 0;
    }

    .part-mob {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    .harmony-service .tastupdate {
        background: url(./tast-banner-mob.png) no-repeat center bottom #F6F6F6;
        padding: 40px 0 74vw 0;
        height: auto;
        background-size: 100%;
    }

    .harmony-service .tastupdate .tast-rcon h2 {
        font-size: 22px;
        letter-spacing: 1.41px;
        line-height: 32px;
        text-align: center;
    }

    .harmony-service .tastupdate .tast-rcon p {
        font-size: 14px;
        letter-spacing: 0.9px;
        line-height: 26px;
        margin-top: 10px;
        text-align: center;
    }

    .harmony-service .tastupdate .tast-rcon p a {
        font-size: 14px;
        letter-spacing: 0.9px;
        line-height: 24px;
        margin-top: 0px;
        text-align: center;
    }

    .harmony-service .tastupdate .tast-rcon {
        padding: 0;
        margin: 0;
    }

    .part-mob {
        display: none;
    }
}


/* 3 */

.harmony-service .plansupport {
    padding: 90px 0 22px 0;
}

.harmony-service .plansupport .plan-left {
    width: 40%;
    float: left;
}

.harmony-service .plansupport .plan-right {
    width: 60%;
    float: left;
}

.harmony-service .plansupport .plan-right2 {
    display: none;
}

.harmony-service .plansupport img {
    width: 100%;
}

.harmony-service .plansupport .plan-left .plan-lcon {
    margin-top: 20%;
}

.harmony-service .plansupport .plan-left h2 {
    font-weight: bold;
    font-size: 32px;
    color: #000000;
    letter-spacing: 2.06px;
    line-height: 48px;
    text-align: left;
}

.harmony-service .plansupport .plan-left p {
    font-size: 16px;
    color: #000000;
    letter-spacing: 1.03px;
    line-height: 26px;
    margin-top: 16px;
    text-align: left;
}

.harmony-service .plansupport .plan-left a {
    font-size: 16px;
    color: #2788D9;
    letter-spacing: 1.03px;
    text-align: left;
    line-height: 26px;
    margin-top: 12px;
}

.harmony-service .plansupport .plan-left a:hover {
    text-decoration: underline;
    color: #2788D9;
}

@media screen and (max-width: 600px) {
    .harmony-service .plansupport {
        padding: 80px 0 50px 0;
    }

    .harmony-service .plansupport .plan-left {
        width: 100%;
        float: none;
    }

    .harmony-service .plansupport .plan-left h2 {
        text-align: center;
    }

    .harmony-service .plansupport .plan-left p {
        text-align: center;
    }

    .harmony-service .plansupport .plan-left p a {
        margin-top: 0px;
        text-align: center;
    }

    .harmony-service .plansupport .plan-left .plan-lcon {
        margin-top: 0;
    }

    .harmony-service .plansupport .plan-right2 {
        display: block;
        margin-top: 30px;
    }

    .harmony-service .plansupport .plan-right {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    .harmony-service .plansupport {
        padding: 80px 0 50px 0;
    }

    .harmony-service .plansupport .plan-left {
        width: 100%;
        float: none;
    }

    .harmony-service .plansupport .plan-left h2 {
        font-size: 22px;
        letter-spacing: 1.41px;
        line-height: 32px;
        text-align: center;
    }

    .harmony-service .plansupport .plan-left p {
        font-size: 14px;
        letter-spacing: 0.9px;
        line-height: 26px;
        margin-top: 10px;
        text-align: center;
    }

    .harmony-service .plansupport .plan-left p a {
        font-size: 14px;
        letter-spacing: 0.9px;
        line-height: 24px;
        margin-top: 0px;
        text-align: center;
    }

    .harmony-service .plansupport .plan-left .plan-lcon {
        margin-top: 0;
    }

    .harmony-service .plansupport .plan-right2 {
        display: block;
        margin-top: 30px;
    }

    .harmony-service .plansupport .plan-right {
        display: none;
    }
}


/* question */

.harmony-service .question-update h2 {
    padding: 64px 0 48px 0;
    font-size: 2vw;
    color: #000000;
    letter-spacing: 2.06px;
    line-height: 48px;
    text-align: center;
    font-weight: bold;
}

.top-search-box-component .box-title div {
    padding: 64px 0 48px 0 !important;
    font-size: 32px !important;
    color: #000000;
    letter-spacing: 2.06px !important;
    line-height: 48px !important;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0 !important;
}

.harmony-service .question-update .questions li {
    font-size: 16px;
    color: #000000;
    letter-spacing: 1.03px;
    line-height: 24px;
}

.harmony-service .question-update .questions li p {
    color: #808080;
}

.harmony-service .question-update .questions {
    list-style: none;
    padding: 0;
    margin: 0;
}

.harmony-service .question-update .questions li {
    display: none;
    border-bottom: 1px solid #DEDEDE;
}

.harmony-service .question-update .questions li:first-child {
    border-top: 1px solid #DEDEDE;
}

.harmony-service .question-update .questions li:nth-child(1),
.harmony-service .question-update .questions li:nth-child(2),
.harmony-service .question-update .questions li:nth-child(3),
.harmony-service .question-update .questions li:nth-child(4),
.harmony-service .question-update .questions li:nth-child(5),
.harmony-service .question-update .questions li:nth-child(6),
.harmony-service .question-update .questions li:nth-child(7),
.harmony-service .question-update .questions li:nth-child(8),
.harmony-service .question-update .questions li:nth-child(9) {
    display: block;
}

.harmony-service .question-update .questions li h3 {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    padding-right: 32px;
    cursor: pointer;
}

.harmony-service .question-update .questions li h3::before {
    content: "";
    position: absolute;
    background-color: #808080;
    top: 10px;
    right: 10px;
    width: 21px;
    height: 3px;
}

.harmony-service .question-update .questions li h3::after {
    content: "";
    position: absolute;
    background-color: #808080;
    top: 2px;
    right: 19px;
    width: 3px;
    height: 21px;
}

.harmony-service .question-update .questions li h3.active {
    color: #c3000e;
}

.harmony-service .question-update .questions li h3.active::before {
    content: "";
    position: absolute;
    background-color: #c3000e;
    opacity: 0.5;
    top: 10px;
    right: 10px;
    width: 21px;
    height: 3px;
}

.harmony-service .question-update .questions li h3.active::after {
    display: none;
}

.harmony-service .question-update .questions li p {
    display: none;
    font-size: 16px;
    line-height: 1.5;
    padding-top: 16px;
    padding-right: 50px;
}

.harmony-service .question-update .questions li p.active {
    display: block;
}

.harmony-service .question-update .questions li p.active strong {
    font-weight: bold;
}

.harmony-service .question-update .questions .question-more-btn {
    margin-top: 50px;
    text-align: center;
    height: 21px;
}

.harmony-service .question-update .questions .question-more-btn .question-show-all {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    font-size: 18px;
    line-height: 21px;
    color: #000;
}

.harmony-service .question-update .questions .question-more-btn .question-show-all::before {
    content: "";
    position: absolute;
    background-color: #808080;
    top: 8px;
    left: 0;
    width: 21px;
    height: 3px;
}

.harmony-service .question-update .questions .question-more-btn .question-show-all::after {
    content: "";
    position: absolute;
    background-color: #808080;
    top: 0;
    left: 9px;
    width: 3px;
    height: 21px;
}

@media screen and (max-width: 2560px) {
    .harmony-service .question-update .questions {
        padding: 0 24px;
    }

    .harmony-service .question-update .questions li {
        padding: 24px 0;
    }

    .harmony-service .question-update .questions li h3 {
        font-size: 1vw;
        line-height: 1.5;
    }

    .harmony-service .question-update .questions li h3::before {
        top: 7px;
        right: 8px;
        width: 16px;
        height: 2px;
    }

    .harmony-service .question-update .questions li h3::after {
        top: 1px;
        right: 15px;
        width: 2px;
        height: 16px;
    }

    .harmony-service .question-update .questions li h3.active::before {
        top: 7px;
        right: 8px;
        width: 16px;
        height: 2px;
    }

    .harmony-service .question-update .questions li p {
        font-size: 1vw;
        padding-top: 16px;
        padding-right: 37px;
    }

    .harmony-service .question-update .questions .question-more-btn {
        margin-top: 38px;
        height: 16px;
    }

    .harmony-service .question-update .questions .question-more-btn .question-show-all {
        font-size: 18px;
        line-height: 18px;
    }

    .harmony-service .question-update .questions .question-more-btn .question-show-all::before {
        top: 7px;
        width: 16px;
        height: 2px;
    }

    .harmony-service .question-update .questions .question-more-btn .question-show-all::after {
        left: 7px;
        width: 2px;
        height: 16px;
    }
}

@media screen and (max-width: 767px) {
    .harmony-service .question-update h2 {
        font-size: 5.555vw;
    }
}

@media screen and (max-width: 600px) {
    .harmony-service .question-update .questions {
        padding: 0;
    }

    /* .harmony-service .question-update h2 {
        font-size: 22px;
        letter-spacing: 1.41px;
        line-height: 32px;
        padding: 30px 0;
    } */
    .top-search-box-component .box-title div {
        font-size: 22px !important;
        letter-spacing: 1.41px !important;
        line-height: 32px !important;
        padding: 30px 0 !important;
    }

    .harmony-service .question-update .questions li {
        padding: 16px 0px;
    }

    .harmony-service .question-update .questions li h3 {}

    .harmony-service .question-update .questions li p {}

    .harmony-service .question-update .questions li h3::before {}

    .harmony-service .question-update .questions li h3::after {}

    .harmony-service .question-update .questions li h3.active::before {}

    .harmony-service .question-update .questions .question-more-btn {
        margin-top: 25px;
        height: 18px;
    }

    .harmony-service .question-update .questions .question-more-btn .question-show-all {
        font-size: 18px;
        line-height: 18px;
    }

    .harmony-service .question-update .questions li:first-child {
        margin: 0 36px;
    }

    .harmony-service .question-update .questions li:nth-child(1),
    .harmony-service .question-update .questions li:nth-child(2),
    .harmony-service .question-update .questions li:nth-child(3),
    .harmony-service .question-update .questions li:nth-child(4),
    .harmony-service .question-update .questions li:nth-child(5),
    .harmony-service .question-update .questions li:nth-child(6),
    .harmony-service .question-update .questions li:nth-child(7),
    .harmony-service .question-update .questions li:nth-child(8),
    .harmony-service .question-update .questions li:nth-child(9) {
        margin: 0 36px;
    }
}

@media screen and (max-width: 420px) {
    .harmony-service .question-update .questions {
        padding: 0;
    }

    /* .harmony-service .question-update h2 {
        font-size: 22px;
        letter-spacing: 1.41px;
        line-height: 32px;
        padding: 30px 0;
    } */
    .top-search-box-component .box-title div {
        font-size: 22px !important;
        letter-spacing: 1.41px !important;
        line-height: 32px !important;
        padding: 30px 0 !important;
    }

    .harmony-service .question-update .questions li {
        padding: 16px 0px;
    }

    .harmony-service .question-update .questions li h3 {
        font-size: 3.5vw;
        letter-spacing: 0.77px;
        line-height: 1.5;
    }

    .harmony-service .question-update .questions li p {
        font-size: 3.5vw;
        letter-spacing: 0.77px;
        line-height: 1.5;
    }

    .harmony-service .question-update .questions li h3::before {
        top: 11px;
        right: 10px;
        width: 11px;
        height: 1px;
    }

    .harmony-service .question-update .questions li h3::after {
        top: 6px;
        right: 15px;
        width: 1px;
        height: 11px;
    }

    .harmony-service .question-update .questions li h3.active::before {
        top: 11px;
        right: 10px;
        width: 11px;
        height: 1px;
    }

    .harmony-service .question-update .questions .question-more-btn {
        margin-top: 25px;
        height: 18px;
    }

    .harmony-service .question-update .questions .question-more-btn .question-show-all {
        font-size: 18px;
        line-height: 18px;
    }

    .harmony-service .question-update .questions li:first-child {
        margin: 0 36px;
    }

    .harmony-service .question-update .questions li:nth-child(1),
    .harmony-service .question-update .questions li:nth-child(2),
    .harmony-service .question-update .questions li:nth-child(3),
    .harmony-service .question-update .questions li:nth-child(4),
    .harmony-service .question-update .questions li:nth-child(5),
    .harmony-service .question-update .questions li:nth-child(6),
    .harmony-service .question-update .questions li:nth-child(7),
    .harmony-service .question-update .questions li:nth-child(8),
    .harmony-service .question-update .questions li:nth-child(9) {
        margin: 0 36px;
    }
}


/* searchbar */

.harmony-service .question-update .more-questions {
    text-align: center;
    margin: 0 auto;
    max-width: 75%;
    border-radius: 37px;
    border: 1px solid #DEDEDE;
    position: relative;
    height: 56px;
    margin: 0 auto 120px auto;
    padding: 0 80px 0 32px;
}

.harmony-service .question-update .more-questions .questions-search-input {
    width: 100%;
    height: 100%;
    border: 0;
    font-size: 16px;
    line-height: 18px;
    color: rgba(0, 0, 0, .5);
    outline: 0;
}

.harmony-service .question-update .more-questions .questions-search-input::-webkit-input-placeholder {
    font-size: 16px;
}

.harmony-service .question-update .more-questions .questions-search-icon {
    position: absolute;
    display: block;
    top: 25%;
    right: 24px;
    background: url(./find-more.svg) no-repeat;
    cursor: pointer;
    background-position: 0px 0px;
    background-size: 100%;
    width: 26px;
    height: 26px;
}

@media screen and (max-width: 600px) {
    .harmony-service .question-update .more-questions {
        width: auto;
        margin: 0px 36px 80px 36px;
    }
}

@media screen and (max-width: 420px) {
    .harmony-service .question-update .more-questions {
        width: auto;
        height: 58px;
        margin: 0px 36px 80px 36px;
        padding: 0 80px 0 24px;
    }

    .harmony-service .question-update .more-questions .questions-search-input {
        font-size: 12px;
        line-height: 16px;
        color: rgba(0, 0, 0, .5);
        letter-spacing: 0.77px;
    }

    .harmony-service .question-update .more-questions .questions-search-input::-webkit-input-placeholder {
        font-size: 12px;
    }

    .harmony-service .question-update .more-questions .questions-search-icon {
        top: 34%;
        right: 20px;
        width: 18px;
        height: 18px;
    }
}


/* contact us*/

.v3-contactus .WhatsApp {
    background: url(./huafen.png) no-repeat;
    background-size: 100%;
}


/* 2021.06.10 */


/* 移动端 */

.mbbtnbox {
    width: 85%;
    height: auto;
    overflow: hidden;
    margin: 4vw auto 0;
    display: flex;
    justify-content: center;
}

.section1 .mobtext .wbbox {
    width: 60%;
    min-height: 50vw;
    overflow: hidden;
    background: none;
}

.section1 .mobtext .mcbox {
    width: 48%;
    min-height: 50vw;
    overflow: hidden;
    background: none;
}

.section1 .mobtext .newbtn {
    width: 100%;
    height: 19vw;
    background: url(../img/btnbg.png) no-repeat;
    background-size: 100% 100%;
}

.section1 .mobtext .newbtn h2 {
    font-size: 3vw;
    color: #fff;
    direction: none;
    margin-top: .3vw;
}

.section1 .mobtext .newbtn p {
    font-size: 3vw;
    color: #fff;
    direction: none;
    margin-top: 2vw;
    font-weight: normal;
}

.newdwbtn {
    width: 100%;
    min-height: 12vw;
    border-radius: 6vw !important;
    overflow: hidden;
    border-radius: 1.5vw;
    background: #EBF0F6;
    display: flex;
    align-items: center;
    margin: 3vw auto;
}

.newdwbtn img {
    width: 10vw;
    height: 10vw;
    border-radius: 5vw;
}

.newdwbtn h5 {
    width: 100%;
    font-size: 3vw;
    line-height: 1.6vw;
    line-height: 1.3;
    padding-top: 1.5vw;
    box-sizing: border-box;
    padding: 2vw;
}


/* 2021.06.21 */

.bmnote {
    width: 80%;
    margin: 0 auto;
    font-size: 1vw;
    margin-bottom: 0.94vw;
    color: #666666;
    line-height: 1.5 !important;
    text-align: center;
    padding-top: 4vw;
    padding-bottom: 2vw;
}

.newshowbox {
    height: auto;
    overflow: hidden;
}

.newshowbox .tit {
    font-size: 3vw;
    text-align: center;
    color: #242728;
    margin-bottom: 2vw;
}

.newshowbox .txt {
    height: auto;
    overflow: hidden;
}

.newshowbox .txt p {
    font-size: 2.8vw;
    text-align: center;
    color: #444;
    line-height: 1.5;
    margin: 0;
}

@media screen and (max-width: 420px) {
    .bmnote {
        font-size: 3.5vw;
    }
}

@media screen and (max-width: 400px) {
    .section1 .mobtext .newbtn {
        height: 26vw;
    }

    .newdwbtn {
        height: 18vw;
        border-radius: 9vw;
    }

    .section1 {
        height: 165vw;
        background: #F4F6F9 url(../imgs/mob-bj.png) center bottom no-repeat;
        background-size: 100%;
    }

    .bmnote {
        font-size: 3.5vw;
    }
}