@media screen and (max-width: 1600px) {
.aboutCulture .w1200 .item .title {
    bottom: 6vw
}
}

@media screen and (max-width: 1440px) {
.box1Text {
    width: 30vw
}
.box1Text h5 {
    font-size: 3.6563vw
}
}

@media screen and (max-width: 1024px) {
.w640 {
    width: 90%;
}
.pro-info-demo a {
    height: 30px;
    line-height: 30px;
}
.prev-btn i, .next-btn i {
    width: 28px;
    height: 28px;
    background-size: 8px auto;
}
.scrollWrapper {
    position: static;
    will-change: auto
}
.dealerItem {
    padding: 3vw
}
.message .selectList .item ul {
    max-height: 40vw
}
.joinProcessItems .item {
    width: auto;
    padding: 15px
}
.bigPictor .text {
    height: 20vw
}
.newsInnerHead .w1200 .title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.newsInnerHead .w1200 .title span {
    margin-top: 5px;
    margin-bottom: 5px
}
.bannerText .shubiao {
    display: none
}
.prdInnerMenu {
    margin: 5vw 0
}
.prdInnerMenu:after {
    border-radius: 3vw
}
.prdInnerMenu a {
    padding: 1vw 3vw
}
.small10 {
    font-size: 10px
}
.subnavHead, .newsInnerHead {
    margin-top: 75px
}
.swiperPrdList .item.active {
    padding-top: 20px;
    padding-bottom: 20px
}
.swiperProfileBox {
    width: 40%
}
header {
    height: 75px;
    padding: 0 3%
}
header .logo {
    height: 100%
}
header .logo img {
    height: 60%
}
.swiper-box1 {
    margin-top: 75px
}
.moreLink .tel span {
    font-size: 18px
}
.headerNav ul {
    display: none !important
}
.headerNav .moreLink {
    margin-right: 30px
}
.mobileMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.aboutCulture .w1200 .item {
    height: auto;
    padding: 3vw
}
.aboutCulture .w1200 .item:after {
    height: 100%
}
.aboutCulture .w1200 .item p {
    color: #fff;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    margin: 30px 0
}
.aboutCulture .w1200 .item h5 {
    color: #fff
}
.aboutCulture .w1200 .item .title {
    bottom: 0;
    position: static;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.aboutCulture .w1200 .item .title .line {
    background: #fff
}
.aboutCulture .w1200 .item .title span {
    color: #fff
}
.aboutCulture .w1200 .item i {
    color: #fff;
    right: 3vw;
    bottom: 3vw
}
.aboutList .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.aboutList .item figure {
    width: 100%
}
.aboutList .item .text {
    width: 100%;
    padding: 5vw 5% !important
}
.subnavBody {
    height: 5vw
}
.subnavBody .w1200 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow: -webkit-scrollbars-none;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}
.subnavBody .w1200::-webkit-scrollbar {
display:none
}
.subnavBody .w1200 a {
    scroll-snap-align: start;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.box1Text {
    width: 100%;
    height: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.box1Text p {
    text-align: center
}
.box1Text h5 {
    font-size: 2.53906vw
}
.box1Swiper {
    height: auto !important
}
.swiper-box1 {
    padding: 0
}
.footerWrapperTop {
    display: none
}
.footerWrapperBot {
    border: none
}
.newsInnerList {
    height: 5vw
}
.joinAdvantage .w1200 .item {
    width: 32%;
    margin-bottom: 2vw;
    padding: 5vw;
    height: auto
}
.joinAdvantage .w1200 span {
    width: 32%
}
.joinSupportItems .item .font {
    padding: 5vw
}
.messageClass {
    height: 5vw
}
.message textarea {
    height: 15vw
}
.message button {
    height: 5vw
}
.contactGuysItem .title {
    height: 5vw !important
}
.deepmao {
    top: -75px
}
}

@media screen and (max-width: 768px) {
.bannerText {
    position: absolute;
    top: 13vw;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}
.bannerText h5 {
    margin-top: 5px;
    font-size: 24px;
}
.indexbanner {
    background: url("../images/banner.jpg") no-repeat center top;
    max-width: 100%;
    height: 159px;
}
.p30 {
    padding: 10px 0
}
.about, .aboutTime, .aboutHonor, .honor, .indexProfile, .news, .newsInnerBody, .indexNews, .indexContact, .joinSupport, .joinProcess, .joinSpecial, .joinService, .joinMessage, .dealer, .contactGuys {
    padding: 30px 0
}
.w1200, .w800 {
    width: 90%;
}
.xnews .fl {
    float: none;
}
.xnews .time {
    margin-top: 0;
}
.xnews .pic, .xnews .text {
    width: 100%;
    margin-left: 0px;
    margin-top: 10px;
}
.xnews .text p {
    margin-top: 5px;
}
/* banner */
#banner .banner_img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#banner .banner_img img {
    display: block;
    position: absolute;
    width: auto;
    left: -50%;
}
#banner .banner_text {
    top: 30%;
    left: 0;
    right: 0;
    width: 96%;
    margin: 0 auto;
    text-align: center;
}
#banner .banner_text b {
    font-size: 32px;
}
#banner .banner_text span {
    font-size: 14px;
    margin-top: 10px;
}
#banner .swiper-container-horizontal>.swiper-pagination {
    bottom: 8%;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
.index_news .news_tit {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.index_news .news_tit.fl, .index_tabs.fr, .news_big.fl, .news_list.fr {
    float: none;
}
.index_tit .en {
    font-size: 12px;
    padding-top: 0;
    padding-bottom: 5px;
    margin-bottom: 0;
}
.index_tit .en::after {
    width: 100px;
    height: 1px;
    left: 50%;
    background: #ffffff;
    transform: translateX(-50%);
}
.index_news .index_tabs ul li {
    display: none;
}
.index_news .index_tabs ul .readMore {
    width: 80%;
    margin: 0 auto;
}
.index_news .news_box {
    padding-top: 0;
}
.index_news .news_big {
    width: 100%;
    height: 240px;
}
.index_news .news_big_box {
    height: 240px;
}
.index_news .news_list .date {
    width: 25%;
}
.index_news .news_list .date .yaer {
    color: #b0c2e3;
}
.index_news .news_big_cont {
    width: 70%;
    height: 140px;
    padding: 5%;
    margin: 3%;
}
.index_news .big_news_tit h2 {
    width: 90%;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index_news .big_news_date .year {
    font-size: 28px;
}
.index_news .big_news_date .time {
    font-size: 12px;
}
.index_news .big_news_tit {
    margin: 0;
}
.index_news .swiper-num {
    margin-top: -40px;
    right: 90px;
}
.index_news .swiper-num .active {
    font-size: 18px;
}
.index_news .swiper-num .total {
    font-size: 12px;
    color: #666;
}
.index_news .news_pagination {
    width: 30%;
    left: 10%;
}
.index_news .news_list {
    width: 100%;
    margin: 0;
    margin-top: 20px;
}
.index_news .news_list .news_cont {
    width: 70%;
    margin-left: 10px;
}
.index_news .news_list ul li {
    width: 100%;
    margin: 10px auto;
}
.index_news .news_list .news_cont h2 {
    width: 200px;
}
.index_about {
    border-top: 1px solid #ccc;
}
.index_about .about_txt h2 {
    text-align: center;
}
.index_about .about_txt span {
    font-size: 12px;
    text-align: center;
    margin: 10px auto;
}
.index_about .about_txt {
    margin-bottom: 15px;
}
.index_about .about_date ul li .info {
    font-size: 12px;
}
.index_about .about_date ul li .info b {
    font-size: 24px;
    margin-right: 3px;
}
.index_tit .cn, .index_tit .en {
    text-align: center;
}
.index_biz {
    padding-bottom: 0px;
}
.appNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.indexData .w1200 .item {
    width: 40%;
    margin: 3vw 0
}
.indexData .w1200 .item .num {
    padding-top: 2vw
}
.box1Text p {
    line-height: 1.8
}
.map #map {
    height: 50vw
}
.deepmao {
    top: -50px
}
.contactList {
    position: static;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    margin: 5vw auto;
    padding: 3vw 5vw
}
.contactList .item {
    width: 100%;
    margin: 5px 0
}
.contactList .item i {
    margin-right: 5px
}
.contact .w1200 {
    padding: 5vw
}
.contact .w1200 .item {
    width: 100%;
    margin: 5px 0
}
.dealerItem {
    width: 100%;
    padding: 3vw;
    margin-bottom: 3vw
}
.dealerItem:last-child {
    margin-bottom: 0
}
.dealerItem .font time {
    margin: 5px 0
}
.message .selectList .item ul {
    max-height: 40vw
}
.message .selectList .item ul li {
    height: 10vw;
    padding: 0 3vw
}
.messageClass {
    height: 10vw;
    padding: 0 3vw
}
.message .inputBox input {
    width: 100%;
    margin: 2vw 0
}
.message .selectList {
    margin: 0
}
.message .selectList .item {
    width: 100%;
    margin: 2vw 0
}
.message textarea {
    height: 30vw;
    margin: 2vw 0;
    padding: 2vw 3vw
}
.message button {
    height: 10vw;
    margin-top: 5vw
}
.joinSpecialItems {
    margin-top: 5vw
}
.joinSpecialItems .item {
    width: 100%;
    margin-bottom: 5vw
}
.joinSpecialItems .item:last-child {
    margin-bottom: 0
}
.joinService .w1200 .line {
    margin: 5vw auto
}
.telBox {
    padding: 2vw 3vw;
    border-radius: 6vw;
    margin-bottom: 5vw
}
.joinProcessItems {
    margin-top: 5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.joinProcessItems figure {
    margin: 3vw 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.joinProcessItems .item {
    width: 100%;
    padding: 3vw;
    white-space: nowrap;
    -webkit-writing-mode: initial;
    -ms-writing-mode: initial;
    writing-mode: initial
}
.joinSupportItems {
    margin-top: 5vw
}
.joinSupportItems .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 5vw
}
.joinSupportItems .item:last-child {
    margin-bottom: 0
}
.joinSupportItems .item .bg {
    width: 100%;
    height: 30vw
}
.joinSupportItems .item .font {
    width: 100%
}
.joinAdvantage .w1200 {
    margin-top: 5vw
}
.joinAdvantage .w1200 .item {
    width: 100%;
    margin-bottom: 5vw;
    padding: 5vw
}
.joinAdvantage .w1200 span {
    width: 100%
}
.joinProfile .text {
    padding: 5vw
}
.paging .iconfont {
    width: 30px;
    height: 30px
}
.indexContact .w1200 {
    margin-top: 30px
}
.bigPictor .text {
    padding: 3vw
}
.investment {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.investment figure {
    width: 100%
}
.investment .font {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding: 5vw 3vw
}
.investment .font p {
    margin: 10px 0
}
.investmentOther {
    width: 100%
}
.prdboxul li:last-child:nth-child(3n - 1) {margin-right: 0;}
.footeri .copyRight{display: none;}
.footeri .foot_map{
  display: none;
}
.bigPictorBox time {
    width: auto;
    height: auto;
    padding: 2vw
}
.bigPictorBox p {
    margin-left: 10px;
    line-height: 1.4
}
.smallList {
    margin-top: 1.4063vw
}
.smallList .item {
    padding: 3vw
}
.smallListText h5 {
    -webkit-line-clamp: 1
}
.footerWrapperBot {
    padding: 14px 0
}
.footerWrapperBot a {
    line-height: 1.4
}
.indexNews .w1200 {
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.indexNews .w1200 .bigPictor {
    width: 100%
}
.indexNews .w1200 .smallList {
    width: 100%;
    margin-left: 0
}
.newsInnerList {
    height: 10vw
}
.m16 {
    margin-right: 8px
}
.bannerText {
    padding: 0 5%
}
.bannerText h6 {
    letter-spacing: 2px;
    text-indent: 0
}
.bannerText .dot {
    margin: 3vw 0
}
.bannerText .lineText {
    margin-bottom: 1.5vw
}
.bannerText .lineText .line {
    height: 1px;
    width: 30px
}
.newsInnerHead {
    margin-top: 50px;
    padding: 5vw 0
}
.newsInnerHead .w1200 .title {
    margin-top: 10px
}
.news .w1200 .item {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0vw;
    border: none;
    margin-bottom: 20px
}
.news .w1200 .item time {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: auto;
    height: auto;
    padding: 1vw 2vw
}
.news .w1200 .item figure {
    width: 100%
}
.news .w1200 .item .font {
    margin: 0;
    padding: 3vw;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.1)
}
.news .w1200 .item .font p {
    margin: 10px 0
}
.swiperPrdList {
    position: static;
    width: 100%;
    display: none
}
.swiperPrdList .item {
    padding: 12px 5vw
}
.swiperPrdList .item .autoList {
    margin-top: 10px
}
.paging .pagingList a {
    margin: 0 3vw
}
.indexProfile .w1200 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px
}
.indexProfile .w1200 .swiperProfile {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-left: 0
}
.indexProfile .w1200 .swiperProfileList {
    width: 100%
}
.swiperProfileList .item {
    width: 100%;
    padding: 5vw
}
.swiperProfileList .item i {
    margin-right: 10px
}
.swiperProfileBox {
    position: static;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
    background: #fff;
    padding: 5vw;
    display: block
}
.swiperProfileBox .lines {
    margin: 5px 0
}
.indexPrd .swiperPrd {
    margin-top: 30px
}
.indexPrd .swiperPrd .swiper-wrapper .swiper-slide:after {
    display: none
}
.swiperPrdBox {
    position: static;
    width: 100%;
    padding: 5vw 0;
    background: rgba(0,0,0,0) !important
}
.swiperPrdBox p {
    margin: 6px 0;
    opacity: 1
}
.swiperPrdBox span {
    width: 20vw;
    height: 8vw
}
.swiper-box1 {
    margin-top: 50px
}
header {
    height: 50px
}
.indexPrd {
    padding-top: 30px
}
.headerNav .moreLink {
    margin-left: 0;
    margin-right: 15px
}
.moreLink .tel i {
    width: 20px;
    height: 20px;
    margin-right: 10px
}
.moreLink .tel span {
    font-size: 14px
}
.mobileMenu .mobileMenu_box {
    width: 20px;
    height: 14px
}
.aboutVideo .w1200 .swiper {
    padding: 12px 0
}
.aboutVideo .w1200 .swiper .prev, .aboutVideo .w1200 .swiper .next {
    display: none
}
.aboutVideo .w1200 .swiper .swiperTVideo {
    width: 94%
}
.swiperTVideo .swiper-wrapper .swiper-slide p {
    font-size: 8px
}
.swiperHonor {
    margin-top: 20px
}
.needVideos i {
    width: 35px;
    height: 35px;
    font-size: 12px
}
.aboutCulture {
    padding: 30px 0 0
}
.aboutTime .w1200 i {
    margin-bottom: 20px
}
.timeList:after {
    display: none
}
.timeList .item {
    width: 100%;
    margin: 0 !important;
    margin-bottom: 5vw !important
}
.timeList .item .dot {
    display: none
}
.timeList .item .sowrd {
    display: none
}
.timeListText {
    padding: 5vw;
    text-align: left !important
}
.aboutCulture .w1200 .item {
    margin-bottom: 30px;
    width: 100%;
    padding: 5vw;
    -webkit-box-shadow: 2vw 2vw #E2E2E2;
    box-shadow: 2vw 2vw #E2E2E2
}
.aboutCulture .w1200 .item p {
    margin: 15px 0
}
.aboutCulture .w1200 .item h5 {
    color: #fff
}
.aboutCulture .w1200 .item .title .line {
    font-size: 0;
    line-height: 1
}
.aboutCulture .w1200 .item .title span {
    line-height: 1.2
}
.aboutCulture .w1200 .item i {
    right: 5vw;
    bottom: 5vw
}
.box1Text h5 {
    font-size: 5.33vw
}
.about .w1200 p {
    line-height: 1.8
}
.subnavBody {
    height: 10vw
}
.subnavBody .w1200 a {
    margin-right: 3px;
    padding: 0 5px
}
.subnavHead {
    margin-top: 50px
}
.contactGuysItem .title {
    height: 10vw !important
}
.contactGuysItem .title div:nth-child(2) {
    display: none
}
.contactGuysItem .title div:nth-child(5) {
    display: none
}
.contactGuysItem .contactGuysList .contactGuysListBox {
    padding: 5vw
}
}

@media screen and (max-width: 640px) {
.mpsff {
    margin-top: 14vw;
}
.productsInnerTuijian .w1200 .producttitle {
    margin-bottom: 30px;
}
.producttitle {
    font-size: 18px;
}
.productsInner .w1200 .head .textbox .line {
    margin: 15px 0;
}
.newsHead .swiper-img .swiper-wrapper .swiper-slide .text {
    padding: 15px 0;
}
.newsHead .swiper-img .swiper-wrapper .swiper-slide .text .head h5 {
    font-size: 18px;
}
.newsHead .swiper-img .swiper-wrapper .swiper-slide .text p {
    -webkit-line-clamp: 3;
}
.newsHead .swiper-img .next, .newsHead .swiper-img .prev {
    width: 35px;
    height: 35px;
}
.contact-list li {
    float: none;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 40px 0;
}
.contact-list .freeTx {
    margin-top: 15px;
}
.contact-list li:last-child {
    border-bottom: none;
}
.contact-list {
    margin-top: 25px;
}
.ctapanel {
    padding: 68px 0 42px 0;
}
.contact-title .ch {
    font-size: 28px;
}
header .logo {
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00124e;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
font-size:14px;
}
.prdboxul li {
    width: 100%;
    margin-bottom: 20px;
}
.prdboxul li:last-child {
    margin-bottom: 0;
}
.prdboxul li .text {
    height: auto;
    padding: 15px;
}
.index_news .news_big_cont {
    width: 40%;
    height: 140px;
    padding: 5%;
    margin: 3%;
}
.prdHead {
    padding: 15px 0;
}
.prdHead .w1280 {
    position: relative;
    width: 95%;
    left: 5%;
}
.prdHead .w1280 .title {
    margin-right: 0px;
    padding-right: 30px;
}
.prdHead .w1200 .title .prditem a {
    margin: 0;
}
.prdHead .w1200 .prditems {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow: -webkit-scrollbars-none;
}
 .prdHead .w1200 .prditems::-webkit-scrollbar {
 display: none;
}
.prdHead .w1200 .prditems .prditem {
    flex: none;
    width: auto;
    padding-right: 20px;
    margin: 0;
}
}

@media screen and (max-width: 414px) {
.bannerText {
    position: absolute;
    top: 22vw;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}
.bannerText h5 {
    margin-top: 5px;
    font-size: 24px;
}
.index_news .news_big_cont {
    width: 46%;
    height: 140px;
    padding: 5%;
    margin: 3%;
}
}

@media screen and (max-width: 375px) {
.bannerText {
    position: absolute;
    top: 26vw;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}
.bannerText h5 {
    margin-top: 5px;
    font-size: 24px;
}
.index_news .news_big_cont {
    width: 39%;
    height: 140px;
    padding: 5%;
    margin: 3%;
}
}

@media screen and (max-width: 320px) {
.bannerText {
    position: absolute;
    top: 27vw;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}
.bannerText h5 {
    margin-top: 5px;
    font-size: 24px;
}
.index_news .news_big_cont {
    width: 32%;
    height: 140px;
    padding: 5%;
    margin: 3%;
}
}