@charset "UTF-8";
/*  浏览器宽度再1920px到1025px之间  */
@media screen and (max-width: 1920px) {
  .banner .bannerImage .bannerLeft {
    padding-top: 5%;
    padding-left: 1%;
  }
  .banner .bannerImage .bannerLeft .bannerContent {
    margin-top: 1%;
  }
  .banner .bannerImage .bannerLeft .bannerContent .bannerContentEN {
    margin-top: 1%;
  }
  .banner .bannerImage .bannerLeft .knowMore {
    margin-top: 2%;
  }
  .banner .bannerImage .bannerLeft .buttonArea {
    height: 30px;
    margin-top: 2%;
  }
}

@media screen and (max-width: 1920px) and (max-width: 1800px) {
  .banner .bannerImage .bannerLeft {
    padding-top: 5%;
  }
}

@media screen and (max-width: 1920px) and (max-width: 1500px) {
  .banner .bannerImage .bannerLeft .bannerContent {
    margin-top: 0;
  }
  .banner .bannerImage .bannerLeft .bannerContent .bannerContentEN {
    margin-top: 0;
  }
  .banner .bannerImage .bannerLeft .knowMore {
    margin-top: 1%;
  }
  .banner .bannerImage .bannerLeft .buttonArea {
    margin-top: 1%;
  }
}

@media screen and (max-width: 1920px) and (max-width: 1250px) {
  .banner .bannerImage .bannerLeft {
    padding-top: 4%;
  }
  .banner .bannerImage .bannerLeft .knowMore, .banner .bannerImage .bannerLeft .buttonArea {
    margin-top: 5px;
  }
}

@media screen and (max-width: 1920px) {
  .banner .bannerImage .bannerLeft3 {
    padding-top: 8%;
  }
  .banner .bannerImage .bannerLeft3 .bannerContent {
    display: none;
  }
  .banner .bannerImage .bannerLeft3 .bannerContent .bannerContentCN {
    color: black;
    color: white;
  }
  .banner .bannerImage .bannerLeft2 {
    padding-top: 8%;
  }
  .banner .bannerImage .bannerLeft2 .bannerContent {
    display: none;
  }
  .banner .bannerImage .bannerLeft2 .bannerContent .bannerContentCN {
    color: black;
  }
}

/*  当浏览器宽度小于1440px大于1024px时样式    */
@media screen and (max-width: 1439px) {
  .top .container {
    width: 100%;
  }
  .top .container .topWrap {
    padding-right: 20px;
  }
  .business .businessTop {
    width: 100%;
    margin: 0 auto;
  }
  .business .businessBottom {
    width: 1024px;
    height: 1024px;
    padding-bottom: 100px;
  }
  .business .businessBottom .businessField {
    margin-left: 24px;
    margin-right: 24px;
  }
  .business .businessBottom .businessField:first-child + div + div {
    margin-top: 24px;
    margin-bottom: 50px;
    width: 978px;
  }
  .business .businessBottom .businessField:first-child + div + div .rightTop {
    float: left;
  }
  .business .businessBottom .businessField:first-child + div + div .rightBottom {
    float: left;
    margin-top: 0;
    margin-left: 46px;
  }
  .yichenIntro {
    width: 100%;
    height: auto;
  }
  .yichenIntro .introWrap {
    width: 100%;
  }
  .yichenIntro .introWrap .introLeft {
    width: 48%;
    padding: 0 1%;
  }
  .yichenIntro .introWrap .introLeft .leftTitle, .yichenIntro .introWrap .introLeft .leftSecondTitle, .yichenIntro .introWrap .introLeft .introContent {
    width: 100%;
  }
  .yichenIntro .introRight {
    width: 50%;
    height: 100%;
  }
  .yichenIntro .introRight .introRightBox {
    width: 100%;
    bottom: 0;
    margin-top: 80%;
    height: 20%;
  }
  .yichenIntro .introRight .introRightBox .rightBox {
    width: 33.33%;
    height: 100%;
  }
  .yichenIntro .introRight .introRightBox .rightBox div {
    height: 50%;
    line-height: 4em;
  }
  .yichenIntro .introRight .introRightBox .rightBox div:first-child {
    margin-top: 0;
  }
  .yichenIntro .introRight .introRightBox .rightBox div:first-child + div {
    margin-top: 0;
  }
  .classicCase .caseTop, .classicCase .caseMiddle {
    width: 100%;
  }
  .classicCase .caseMiddle {
    width: 1024px;
    margin: 59px auto;
  }
  .classicCase .caseMiddle .caseWrap {
    width: 100%;
  }
  .classicCase .caseMiddle .caseWrap .caseGroup {
    margin: 0 24px;
  }
  .classicCase .caseMiddle .caseWrap .caseGroup:first-child {
    margin-left: 24px;
  }
  .classicCase .caseMiddle .caseWrap .caseGroup:first-child + div + div {
    display: none;
  }
  .professionalTeam .teamTop {
    width: 100%;
  }
  .professionalTeam .teamMiddle {
    width: 708px;
  }
  .professionalTeam .teamMiddle .expert:first-child + div + div, .professionalTeam .teamMiddle .expert:first-child + div + div + div {
    display: none;
  }
  .troubleContact .troubleWrap {
    width: 100%;
  }
  .troubleContact .troubleWrap .anyTrouble div:first-child {
    margin: 0;
    margin-top: 10px;
  }
  .troubleContact .troubleWrap .contactPhone div:first-child {
    margin: 0;
    margin-top: 10px;
  }
  .news {
    height: 1546px;
  }
  .news .newsWrap {
    width: 100%;
  }
  .news .newsWrap .newsBottom {
    height: auto;
  }
  .news .newsWrap .newsBottom .newsBottomLeft {
    float: none;
    margin: 0 auto;
  }
  .news .newsWrap .newsBottom .newsBottomRight {
    float: none;
    margin: 32px auto;
  }
  .contactUs {
    height: 1217px;
  }
  .contactUs .contactUsWrap {
    width: 100%;
  }
  .contactUs .contactUsWrap .contactUsBottom .contactUsInfo, .contactUs .contactUsWrap .contactUsBottom .message {
    float: none;
  }
  .contactUs .contactUsWrap .contactUsBottom .contactUsInfo {
    margin: 0 auto;
  }
  .contactUs .contactUsWrap .contactUsBottom .message {
    margin: 64px auto;
  }
  .footer {
    width: 100%;
    height: 1415px;
  }
  .footer .footerWrap {
    width: 100%;
  }
  .footer .footerWrap .footerLeft, .footer .footerWrap .footerRight {
    float: none;
  }
  .footer .footerWrap .footerLeft {
    margin: 0 auto;
  }
  .footer .footerWrap .footerRight {
    margin: 0 auto;
  }
}

@media screen and (max-width: 1023px) {
  .top .container .topWrap {
    float: none;
    padding-right: 0;
  }
  .top .container .topWrap span:first-child + span {
    margin-left: 20px;
  }
  .nav {
    width: 100%;
    height: 50px;
  }
  .nav .container .navList {
    display: none;
  }
  .nav .container .navList .navItem {
    margin-left: 0;
    width: 100%;
    float: none;
    background-color: white;
  }
  .banner .bannerLeft, .banner .bannerRgt {
    display: none;
  }
  .business {
    height: auto;
  }
  .business .businessBottom {
    width: 100%;
    height: auto;
  }
  .business .businessBottom .businessField {
    float: none;
    margin: 0 auto;
  }
  .business .businessBottom .businessField:first-child div {
    margin-left: 0;
    margin-right: 0;
  }
  .business .businessBottom .businessField:first-child div:first-child {
    padding-top: 82px;
    padding-left: 3%;
  }
  .business .businessBottom .businessField:first-child div:first-child + div {
    margin-left: 0;
    padding-left: 3%;
    padding-right: 3%;
  }
  .business .businessBottom .businessField:first-child div:first-child + div + div {
    margin-left: 0;
    margin-right: 0;
    padding-left: 3%;
    padding-right: 3%;
  }
  .business .businessBottom .businessField:first-child div:first-child + div + div + div {
    margin-left: 3%;
  }
  .business .businessBottom .businessField:first-child + div .midTop, .business .businessBottom .businessField:first-child + div .midBottom {
    width: 100%;
    margin: 0;
  }
  .business .businessBottom .businessField:first-child + div .midBottom {
    margin-top: 24px;
  }
  .business .businessBottom .businessField:first-child + div .midBottom div:first-child + div + div + div {
    margin-top: 0;
  }
  .business .businessBottom .businessField:first-child + div .midBottom div:first-child, .business .businessBottom .businessField:first-child + div .midBottom div:first-child + div, .business .businessBottom .businessField:first-child + div .midBottom div:first-child + div + div, .business .businessBottom .businessField:first-child + div .midBottom div:first-child + div + div + div {
    margin-left: 0;
    padding-left: 0;
  }
  .business .businessBottom .businessField:first-child + div .midBottom div:first-child {
    padding-left: 3%;
  }
  .business .businessBottom .businessField:first-child + div .midBottom div:first-child + div {
    padding-left: 3%;
  }
  .business .businessBottom .businessField:first-child + div .midBottom div:first-child + div + div {
    padding-left: 3%;
    padding-right: 3%;
  }
  .business .businessBottom .businessField:first-child + div .midBottom div:first-child + div + div + div {
    margin-left: 3%;
  }
  .business .businessBottom .businessField:first-child + div .midTop div:first-child {
    text-align: center;
    padding: 89px 0 0 0;
  }
  .business .businessBottom .businessField:first-child + div {
    margin: 24px auto 0;
    height: auto;
  }
  .business .businessBottom .businessField:first-child + div + div {
    width: 464px;
  }
  .business .businessBottom .businessField:first-child + div + div .rightTop {
    width: 100%;
  }
  .business .businessBottom .businessField:first-child + div + div .rightTop div:first-child {
    margin: 89px 0 0 0;
    width: 100%;
    text-align: center;
  }
  .business .businessBottom .businessField:first-child + div + div .rightTop div:first-child + div {
    margin-left: 0;
    text-align: center;
  }
  .business .businessBottom .businessField:first-child + div + div .rightBottom {
    width: 100%;
    margin-left: 0;
    margin-top: 24px;
  }
  .business .businessBottom .businessField:first-child + div + div .rightBottom div:first-child {
    margin: 89px 0 0 0;
    text-align: center;
  }
  .business .businessBottom .businessField:first-child + div + div .rightBottom div:first-child + div {
    margin-left: 0;
    text-align: center;
  }
}

@media screen and (max-width: 1023px) and (max-width: 700px) {
  .yichenIntro .introWrap .introLeft {
    width: 95%;
    margin: 0 auto;
  }
  .yichenIntro .introRight {
    position: relative;
    width: 100%;
    height: 400px;
  }
  .yichenIntro .introRight .introRightBox {
    margin-top: 0;
    height: 174px;
    top: 30%;
  }
}

@media screen and (max-width: 1023px) {
  .classicCase {
    margin-top: 0px;
  }
  .classicCase .caseMiddle {
    width: 100%;
  }
  .classicCase .caseMiddle .caseWrap .caseGroup:first-child {
    margin: 0 auto;
    float: none;
  }
  .classicCase .caseMiddle .caseWrap .caseGroup:first-child .caseBox {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) and (max-width: 500px) {
  .classicCase .caseMiddle .caseWrap .caseGroup:first-child {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
  }
}

@media screen and (max-width: 1023px) {
  .classicCase .caseMiddle .caseWrap .caseGroup:first-child + div {
    display: none;
  }
  .classicCase .caseMiddle .caseWrap .caseGroup .caseBox .caseContent .caseContentBottom {
    width: 100%;
  }
  .professionalTeam {
    height: auto;
    padding-bottom: 20px;
  }
  .professionalTeam .teamMiddle .expert img {
    height: auto;
  }
}

@media screen and (max-width: 1023px) and (max-width: 720px) {
  .professionalTeam .teamMiddle {
    width: 90%;
  }
  .professionalTeam .teamMiddle .expert {
    float: none;
  }
  .professionalTeam .teamMiddle .expert .expertIntro {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
  }
  .professionalTeam .teamMiddle .expert .expertIntro .expertIntroWrap {
    width: 100%;
  }
  .professionalTeam .teamMiddle .expert:first-child {
    margin: 0 auto;
  }
  .professionalTeam .teamMiddle .expert:first-child + div {
    display: none;
  }
}

@media screen and (max-width: 1023px) and (max-width: 380px) {
  .professionalTeam .teamMiddle {
    width: 100%;
    height: auto;
  }
  .professionalTeam .teamMiddle .expert {
    width: 94%;
    margin: 0 auto;
    height: auto;
  }
  .professionalTeam .teamMiddle .expert img {
    height: 100%;
  }
  .professionalTeam .teamMiddle .expert .expertIntro {
    padding-left: 1%;
    padding-right: 1%;
    width: 98%;
  }
  .professionalTeam .teamMiddle .expert .expertIntro .expertIntroWrap {
    width: 98%;
    height: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .troubleContact .troubleWrap .anyTrouble {
    margin-left: 0;
  }
  .troubleContact .troubleWrap .anyTrouble div:first-child {
    font-size: 1.5em;
  }
  .troubleContact .troubleWrap .anyTrouble div:first-child + div {
    margin: 0;
    font-size: 1.5em;
  }
  .troubleContact .troubleWrap .contactPhone {
    margin-right: 0;
  }
  .troubleContact .troubleWrap .contactPhone div:first-child {
    font-size: 1.5em;
  }
  .troubleContact .troubleWrap .contactPhone div:first-child + div {
    font-size: 1.5em;
    margin-top: 0;
  }
}

@media screen and (max-width: 1023px) and (max-width: 620px) {
  .troubleContact .troubleWrap .anyTrouble {
    margin-left: 0;
  }
  .troubleContact .troubleWrap .anyTrouble div:first-child {
    font-size: 0.8em;
    line-height: 1.2em;
  }
  .troubleContact .troubleWrap .anyTrouble div:first-child + div {
    margin: 0;
    font-size: 0.8em;
    line-height: 1.2em;
  }
  .troubleContact .troubleWrap .contactPhone {
    margin-right: 0;
  }
  .troubleContact .troubleWrap .contactPhone div:first-child {
    font-size: 0.8em;
    line-height: 1.2em;
  }
  .troubleContact .troubleWrap .contactPhone div:first-child + div {
    font-size: 0.8em;
    margin-top: 0;
    line-height: 1.2em;
  }
}

@media screen and (max-width: 1023px) {
  .news {
    height: auto;
  }
  .news .newsWrap .newsBottom .newsBottomLeft .newsBottomLeftContent {
    padding-left: 2%;
    padding-right: 2%;
    width: 96%;
  }
  .news .newsWrap .newsBottom .newsBottomLeft .newsBottomLeftContent div {
    width: 100%;
  }
  .news .newsWrap .newsBottom .newsBottomLeft .newsBottomLeftContent .newsLeftContentInfo {
    height: 30px;
  }
}

@media screen and (max-width: 1023px) and (max-width: 708px) {
  .news .newsWrap .newsBottom {
    width: 100%;
  }
  .news .newsWrap .newsBottom .newsBottomLeft {
    width: 94%;
    height: auto;
    margin: 0 auto;
  }
  .news .newsWrap .newsBottom .newsBottomLeft .newsBottomLeftImg {
    width: 100%;
  }
  .news .newsWrap .newsBottom .newsBottomLeft .newsBottomLeftContent {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
  }
  .news .newsWrap .newsBottom .newsBottomLeft .newsBottomLeftContent .newsLeftTitle, .news .newsWrap .newsBottom .newsBottomLeft .newsBottomLeftContent .newsLeftContent {
    width: 100%;
  }
  .news .newsWrap .newsBottom .newsBottomLeft .newsBottomLeftContent .newsLeftContent {
    height: auto;
  }
  .news .newsWrap .newsBottom .newsBottomRight {
    width: 94%;
    height: auto;
  }
  .news .newsWrap .newsBottom .newsBottomRight .newsBottomRightBox {
    width: 100%;
    height: auto;
  }
  .news .newsWrap .newsBottom .newsBottomRight .newsBottomRightBox .newsBoxImg {
    float: none;
    margin: 0 auto;
    padding-top: 15px;
  }
  .news .newsWrap .newsBottom .newsBottomRight .newsBottomRightBox .newsBoxContentWrap {
    float: none;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    margin-left: 0;
  }
  .news .newsWrap .newsBottom .newsBottomRight .newsBottomRightBox .newsBoxContentWrap .newsBoxTitle {
    width: 100%;
  }
  .news .newsWrap .newsBottom .newsBottomRight .newsBottomRightBox .newsBoxContentWrap .newsBoxContent {
    width: 100%;
    height: auto;
  }
  .news .newsWrap .newsBottom .newsBottomRight .newsBottomRightBox .newsBoxContentWrap .newsBoxContentInfo {
    height: 30px;
  }
}

@media screen and (max-width: 1023px) {
  .contactUs .contactUsWrap .contactUsBottom .contactUsInfo {
    width: 100%;
  }
  .contactUs .contactUsWrap .contactUsBottom .contactUsInfo div {
    width: 94%;
  }
  .contactUs .contactUsWrap .contactUsBottom .contactUsInfo .contactUsInfoTitle {
    width: 100%;
  }
  .contactUs .contactUsWrap .contactUsBottom .contactUsInfo .contactUsMethod {
    width: 94%;
    padding-left: 6%;
  }
  .contactUs .contactUsWrap .contactUsBottom .contactUsInfo .contactUsMethod div {
    width: 100%;
  }
  .contactUs .contactUsWrap .contactUsBottom .message {
    width: 520px;
  }
  .contactUs .contactUsWrap .contactUsBottom .message .messageTitle {
    width: 100%;
    text-align: center;
  }
  .contactUs .contactUsWrap .contactUsBottom .message .send {
    margin-right: 0;
  }
}

@media screen and (max-width: 1023px) and (max-width: 700px) {
  .contactUs .contactUsWrap .contactUsBottom .message {
    width: 90%;
  }
  .contactUs .contactUsWrap .contactUsBottom .message .messageInput {
    padding-left: 4%;
    padding-right: 4%;
    width: 92%;
  }
}

@media screen and (max-width: 1023px) {
  .footer {
    height: auto;
  }
  .footer .footerWrap {
    height: auto;
  }
  .footer .footerWrap .footerLeft {
    height: auto;
  }
  .footer .footerWrap .footerLeft .footerLeftIntro {
    height: auto;
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
  }
  .footer .footerWrap .footerLeft .footerLeftQRCode {
    width: 96%;
    padding-left: 4%;
  }
  .footer .footerWrap .footerLeft .footerLeftQRCode div:first-child + div {
    margin-left: 20px;
  }
  .footer .footerWrap .footerLeft .copyright {
    padding-left: 3%;
  }
  .footer .footerWrap .footerRight {
    display: none;
  }
  .footer .footerWrap .footerRight .footerRightContent {
    width: 100%;
  }
  .footer .footerWrap .footerRight .footerRightLink div:first-child + div {
    margin-left: 20px;
  }
  .footer .footerWrap .footerRight .footerRightLink div:first-child + div + div {
    margin-left: 20px;
  }
  .footer .toTop {
    bottom: 10px;
  }
}

/*  浏览器尺寸小于470px时   */
@media screen and (max-width: 470px) {
  .banner {
    display: none;
  }
  .bannerMobile {
    display: block;
  }
  .business .businessBottom {
    padding-bottom: 0;
  }
  .business .businessBottom .businessField {
    width: 98%;
    height: auto;
  }
  .business .businessBottom .businessField:first-child + div + div {
    width: 98%;
  }
  .news .newsWrap .newsBottom .newsBottomLeft .newsBottomLeftContent .newsLeftContentInfo div:first-child + div {
    margin-left: 30px;
  }
  .news .newsWrap .newsBottom .newsBottomRight .newsBottomRightBox .newsBoxContentWrap .newsBoxContentInfo div:first-child + div {
    margin-left: 30px;
  }
}
/*# sourceMappingURL=adapt.css.map */