@media only screen and (min-width: 1199px) {
  .head_de.banner {
    box-shadow: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .head_de.banner .logo_dark {
    display: none;
  }
  .head_de.banner .navBox a {
    color: #fff;
  }
  .head_de.banner .navBox a:hover {
    color: #ddd;
  }
  .head_de.banner .languageOn {
    color: #fff;
  }
  .head_de.banner .languageOn .iconfont{
	  font-size: 18px;
  }
  .head_fx.banner .languageOn .iconfont{
	  color: #004898;
  }
  .head_de.banner .language:hover .languageOn {
    color: #ddd;
  }
  .head_de.banner .sosoBtn {
    background: transparent;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }
  .head_de.banner .topSo {
    top: 1px;
  }

}
@media only screen and (max-width: 1640px) {
	.navBox a {
	  padding: 0 13px;
	  margin: 0 13px;
	}
}
@media only screen and (max-width: 1570px) {
  .navBox a {
    padding: 0 20px;
    margin: initial;
  }
  
}
@media only screen and (max-width: 1540px) {
  .container {
    /* max-width: 100%; */
	padding: 0 1rem;
  }
  /* .indexSolutionBox .container .text {
    padding: 50px 30px 0;
  }
  .indexSolutionBox .container .text .title1 {
    font-size: 24px;
  }
  .indexSolutionBox .container .text .title2 {
    margin-bottom: 70px;
    font-size: 28px;
  }
  .indexSolutionBox .container .text .desc1 {
    margin-bottom: 20px;
    font-size: 30px;
  }
  .indexSolutionBox .container .text .desc2 {
    margin-bottom: 40px;
  } */
  .bannerTitleEn{
	  font-size: 80px;
  }
  .bannerTitle{
	  font-size: 60px;
  }
  .bannerTitle.style-one{
	  font-size: 56px;
  }
}
@media only screen and (max-width: 1490px) {
    .indexSolutionBox .container .text{
        padding-top: 100px;
    }
    .indexSolutionBox .container .text .desc2{
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 1400px) {
	.w1400{
		padding: 0 1rem;
	}
	.indexBoxAbout .boxBg,
	.indexBoxProduct,
	.indexNewsBox,
	.harFooter{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.harFooter .foot_dom{
		padding-top: 3rem;
		line-height: 1.8;
	}
	.indexSolutionBox .container .text{
		
	}
	.bannerImt.img-height-full{
		width: auto !important;
		max-width: initial;
	}
	.indexBox .title_en{
		font-size: 30px;
	}
	.indexBox .title{
		font-size: 38px;
	}
	.indexSolutionBox .container .text .desc1{
		font-size: 34px;
	}
	.harFooter .foot_fr .footTel{
		font-size: 28px;
	}
	.fz38{
		font-size: 30px;
	}
	.fz34{
		font-size: 28px;
	}
	.fz30{
		font-size: 26px;
	}
	.fz28{
		font-size: 26px;
	}
	.harFooter .foot_fr .codeList .code{
		margin-left: 1rem;
	}
	.harFooter .foot_fr .codeList .code:first-child{
		margin-left: initial;
	}
	.indexBox .title{
		margin-bottom: 3rem;
	}
	.indexBoxProduct .tab-header{
		margin-bottom: 4rem;
	}
}
@media only screen and (max-width: 1300px) {
	.navBox a {
	  padding: 0 12px;
	  margin: initial;
	}
	.innovationDetailList .textBox .iconList .item{
		margin-right: 8%;
		margin-bottom: 2rem;
	}
}
@media only screen and (max-width: 1200px) {
  /* .indexSolutionBox .container .text {
    padding: 40px 30px 0;
  }
  .indexSolutionBox .container .text .title1 {
    font-size: 18px;
  }
  .indexSolutionBox .container .text .title2 {
    margin-bottom: 35px;
    font-size: 22px;
  }
  .indexSolutionBox .container .text .desc1 {
    margin-bottom: 15px;
    font-size: 24px;
  }
  .indexSolutionBox .container .text .desc2 {
    margin-bottom: 30px;
  }
  .indexSolutionBox .container .text .btn {
    height: 30px;
    line-height: 30px;
    padding: 0 30px;
    font-size: 20px;
  } */
  .logo_light {
    display: none;
  }
  .navBox a {
    padding: 0 2px;
    margin: 0 2px;
    line-height: 1.2;
  }
  .language{
	  margin-right: 20px;
  }
  .indexSwiper {
    margin-top: 0;
  }
  .indexBoxAbout .col .item b {
    font-size: 24px;
  }
  .indexBoxAbout .col .item span {
    font-size: 12px;
  }
  .indexBoxAbout .col .item p {
    font-size: 12px;
  }
  .tabs-product .tab-header .item{
	 padding: 0 20px 15px;
  }
  .bannerTitleEn{
  	  font-size: 60px;
  }
  .bannerTitle{
  	  font-size: 40px;
  }
  .bannerTitle.style-one{
  	  font-size: 36px;
	  line-height: 1.6;
  }
  .productUt{
	  margin-left: -3%;
  }
  .productUt .lt{
	  width: 47%;
	  margin-left: 3%;
  }
  .historyContent .historyImt,
  .historyContent .historyText{
	  width: 100%;
  }
  /* .swiperNewsMain .item .imtBox, .swiperNewsMain .item .newsText
  {
	  width: 100%;
  } */
  .swiperEmployee .swiperArrows{
	  top: 80%;
  }
  .swiperNewsMain .item .textBox{
	  padding-top: 10px;
	  padding-left: 33px;
  }
  .swiperNewsMain .item .tip{
	  margin-top: 2rem;
  }
    .navBox a{
        color: #000000;
    }
    .navBox .lt.on{
        background: initial;
    }
    .navBox .lt.on .lt_link{
        color: #004898;
        background: initial;
    }
    .head_fx .navBox .lt.on .lt_link{
        color: #004898;

    }
    .head_de.nobanner .navBox .lt.on .lt_link{
        color: #004898;
    }
    .cultureList2 .item{
        width: 47%;
        margin-bottom: 2rem;
    }

}
@media only screen and (max-width: 1060px) {
	.header {
	  display: none;
	}
	.mTop {
	  display: block;
	}
	.contactList .item{
		width: 46%;
	}
	.innovationDetailList .imtBox,
	.innovationDetailList .textBox{
		width: 100%;
	}
	.swiperEmployee .swiperArrows{
		top: 88%;
	}
    .innovationDetailList .textBox{
        margin-top: 2rem;
    }
}
@media only screen and (max-width: 960px) {
	
  .container {
    /* max-width: 100%; */
  }
  .indexSolutionBox .container .tab-header > .item > div p {
    display: none;
  }
  .indexSolutionBox .container .tab-header > .item > div i{
	  display: block;
	  font-size: 20px;
  }
  /* .indexSolutionBox .container .tab-header > .item > div {
    height: 50px;
  }
  .indexSolutionBox .container .tab-header > .item.active > div {
    height: 60px;
  }
  .indexSolutionBox .container .tab-header > .item > div p {
    display: none;
  }
  .indexSolutionBox .container .tab-header > .item > div i {
    display: block;
    font-size: 20px;
  }
  .indexSolutionBox .container .tab-header > .item.active > div i {
    display: block;
    font-size: 24px;
  } */
  .tabs-product .tab-header .item p{
	  display: none;
  }
  .tabs-product .tab-header .item{
	  padding: 0 30px 6px;
  }
  .indexBox .harTop .topRight,
  .indexBox .harTop .topLeft,
  .productDetailList .productDetailImt,
  .productDetailList .productDetailText,
  .proCateUt.solutionUt .lt .ltBox .imtBox, 
  .proCateUt.solutionUt .lt .ltBox .textBox,
  .solutionDetailBox .productDetailList .productDetailImt,
  .solutionDetailBox .productDetailList .productDetailText,
  .companyFileBox .productDetailList .productDetailText,
  .companyFileBox .productDetailList .productDetailImt,
  .employeeItemBox .imtBox,
  .employeeItemBox .employText,
  .swiperNewsMain .item .imtBox, .swiperNewsMain .item .newsText
  {
	  width: 100%;
  }
  .indexBox .harTop {
	  text-align: center;
  }
  .indexBox .harTop .topRight{
	  justify-content: center;
	  margin-bottom: 3rem;
  }
  .indexNewsUt{
	  margin-left: initial;
	  flex-wrap: wrap;
  }
  .indexNewsUt .lt{
	  width: 100%;
	  margin-left: initial;
  }
    .indexNewsUt .lt.pc{
        display: none;
    }
    .indexNewsUt .lt.mobile{
        display: block;
    }
  .subMenu .lt{
	 margin: 0 15px;
	 padding: 0 15px;
  }
  .harTop .topRight .subMenu{
	  margin-right: 2rem;
  }
  .indexNewsBox{
	background: url(../img/index-news-bg.png) no-repeat center;
	background-size: cover;
  }
  .harFooter .foot_fl,
  .harFooter .foot_fr{
	  width: 100%;
  }
  .harFooter .foot_fr{
	  margin-top: 3rem;
  }
  .harFooter .foot_fr .codeList{
	  justify-content: initial;
  }
  .harFooter .foot_fr{
	  text-align: left;
  }
  .proCateUt .lt .ltBox{
	  flex-wrap: wrap;
  }
  .proCateUt .lt .ltBox .imtBox, .proCateUt .lt .ltBox .textBox{
	  width: 100%;
  }
  .proCateUt .lt:nth-child(2n) .ltBox .textItem{
	  padding-right: initial;
  }
  .proCateUt .lt .ltBox .textBox .textItem{
	  margin-top: 2rem;
	  padding-left: initial;
	  margin-bottom: initial;
  }
  .pageNum a{
	 line-height: 38px;
	 width: 38px;
  }
  .indexSwiper.noBanner{
	  margin-top: initial;
  }
  .productDetailList .productDetailText,
  .companyFileBox .productDetailList .productDetailImt{
	  margin-top: 2rem;
  }
  .harBtn1{
	  width: 135px;
	  height: 44px;
  }
  .solutionUt .lt{
	  padding: 2rem 0;
  }
  .proCateUt .lt .ltBox .textBox .title{
	  padding-bottom: 2rem;
  }
  .proCateUt .lt .ltBox .textBox .tip{
	  padding-bottom: 2.2rem;
  }
  .productDetailText .info{
	  padding-bottom: 2rem;
  }
  .subMenuItem .subMenu ,
  .subMenuItem .harBat {
	  width: 100%;
  }
  .subMenuItem .harBat{
	  margin-top: 1rem;
  }
  .subMenuItem{
	  flex-direction: column-reverse;
  }
  .subMenuItem .subMenu.style-two{
  	  flex-wrap: wrap;
  }
  .subMenuItem .subMenu{
	  flex-wrap: wrap;
  }
  .solutionCatUt,
  .honorUt{
	  margin-left: -4%;
  }
  .solutionCatUt .lt,
  .honorUt .lt{
	  width: 46%;
	  margin-left: 4%;
	  margin-bottom: 2rem;
  }
  .swiperHistory .swiper-pagination .swiper-pagination-bullet .yearNum{
	  display: none;
  }
  .swiperEmployee .swiperArrows{
	      bottom: 9%;
		top:initial
  }
  .employeeItemBox .employText .textBox{
	  padding: 8% 5.45% 15%;
	  
  }
  .swiperWrokshop .swiperPaginationArrows{
	  bottom: 10px;
  }
  .swiperNewsMain .item .newsText{
	  box-shadow: initial;
	  padding-bottom: 5rem;
  }
  .swiperNewsMain .swiper-pagination{
	  display: none;
  }
  .mainNewsUt,
  .videoUt{
	  margin-left: -3%;
	  
  }
  .mainNewsUt .lt,
  .videoUt .lt{
	  width: 47%;
	  margin-left: 3%;
  }
  .processList .item{
	  margin-left: 3%;
  }
  .joinUsShowBox .joinShowContentBox{
	  width: 75.25%;
  }
    .productContentBox .subMenu{
        margin-bottom: 3rem;
    }
    .companyFileBox .productDetailList .productDetailText{
        text-align: center;
        margin-top: initial;
    }
    .productDetailText .info{
        text-align: left;
    }
    .indexNewsUt .ltContent .newtitle{
        height: auto;
    }
}
@media only screen and (max-width: 640px) {
  .container {
    /* overflow: hidden; */
  }
  /* .indexSolutionBox .container .text {
    padding: 20px 20px 0;
  }
  .indexSolutionBox .container .text .title1 {
    display: none;
  }
  .indexSolutionBox .container .text .title2 {
    display: none;
  }
  .indexSolutionBox .container .text .desc1 {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .indexSolutionBox .container .text .desc2 {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .indexSolutionBox .container .text .btn {
    height: 20px;
    line-height: 20px;
    padding: 0 15px;
    font-size: 16px;
  } */
  .tabs-product .tab-header .item{
  	  padding: 0 10px 6px;
  }
  .subMenu .lt{
  	 margin: 0 5px;
  	 padding: 0 5px;
  }
  .harTop .topRight .subMenu{
  	  margin-right: 1rem;
	  flex-wrap: wrap;
  }
  .harFooter .foot_fl{
	  display: none;
  }
  .harFooter .foot_fr{
  	  margin-top: initial;
  }
  .bannerTitleEn{
  	  font-size: 50px;
  }
  .bannerTitle{
  	  font-size: 35px;
  }
  .bannerTitle.style-one{
  	  font-size: 32px;
  }
  .productUt{
	  margin-left: initial;
  }
  .productUt .lt{
	  width: 100%;
	  margin-left: initial;
  }
  .subMenu.style-two .lt,
  .subMenu .lt{
	  margin: initial;
	  margin-right: 20px;
	  padding: initial;
	  /* margin: 0px 10px;
	  padding: 0px 9px; */
  }
  
  .harPagination .swiper-pagination-bullet{
	  width: 10px;
	  height: 10px;
  }
  .historyContent .historyText .textBox{
	  padding: 30px;
  }
  .cultureList .item,
  .cultureList2 .item{
	  width: 100%;
  }

    .cultureList2 .item{
        margin-bottom: 1rem;
    }

  .cultureList2 .item .itemBox{
	  padding: 35px;
  }
  .swiperWrokshop .swiperArrows{
	  display: none;
  }
  .swiperWrokshop .title{
	  line-height: 1;
  }
  .swiperWrokshop .tip{
	  margin-top: 1rem;
  }
  .swiperWrokshop .item .textBox{
	  bottom: 30px;
  }
  .fromBook{
	  padding: 50px 25px;
  }
  .fromBook .formItem .form-item .form-control{
	  height: 60px;
  }
  .fromBook .formItem .form-textarea .form-control{
	  height: 180px;
  }
  .fromBook .formItem .form-btn .btn{
	  width: 100%;
  }
  .fromBook .formItem .form-btn .btn button{
	  width: 100%;
	  display: block;
	  padding: 18px 90px;
  }
  .fromBook .formItem .form-btn .btn .submit{
	  margin-left: initial;
	  margin-top: 2rem;
  }
  .baseBox .swiperWrokshop .item .indexBox{
	  display: none;
  }
  .swiperNewsMain .item .newsText{
	  padding-bottom: initial;
  }
  .swiperNewsMain .item .textBox{
	  padding-left: 10px;
	  padding-right: 10px;
  }
  .mainNewsUt,
  .videoUt
  {
  	  margin-left: initial;
  }
  .mainNewsUt .lt,
  .videoUt .lt{
  	  width: 100%;
  	  margin-left: initial;
	  
  }
  
  .mainNewsUt .lt{
	  margin-bottom: initial;
  }

    .mainNewsUt .lt:hover .harButton,
    .mainNewsUt .lt .harButton
    {
        display: flex;
    }

    .mainNewsUt .lt:hover .more,
    .mainNewsUt .lt .more
    {
        display: none;
    }
    .mainNewsUt .lt:hover .textBox .title,
    .mainNewsUt .lt .textBox .title
    {
        color: #000000;
    }
    .mainNewsUt .lt:hover .textBox,
    .mainNewsUt .lt .textBox
    {
        padding: 2rem 0;
        box-shadow: initial;
    }
  
  .mainNewsUt{
	  margin-top: 1rem;
  }
  .videoPlayBox .videoShowBox{
	  max-width: 100%;
  }
  .videoPlayBox .videoShowBox .video-close{
	  top: -26px;
	  right: 6px;
  }
  .innerPaddingBox{
	  padding: 3rem 0;
  }
  .processList .item.item-right{
	  display: none;
  }
  .processList .item{
	  margin-left: 3%;
  }
  .preAndNext a{
	  width: 100%;
      max-width: 100%;
      margin-top: 1rem;
      border-radius: 5px;
	  /* display: inline-block; */
  }
    .swiperNewsMain .swiperArrows{
        bottom: 20px;
    }
    .cultureList .item{
        margin-bottom: 2rem;
    }
    .cultureList2{
        margin-top: 1rem;
    }
    .productContentBox .subMenu{
        margin-bottom: 2rem;
    }
    .swiperPosition .item{
        padding: 26px;
    }
    .joinUsShowBox .joinShowContentBox{
        padding: 13px;
    }
    .swiperCoopList .swiper-container{
        padding: 4rem 0;
    }
    .indexProductSwiper .proItem .icon{
        display: flex;
    }
    .productUt .lt:hover .link,
    .productUt .lt.on .link{
        box-shadow: initial;
        background: #F6F8FB;
    }

    .productUt .lt:hover .link .default-bg-on,
    .productUt .lt.on .link .default-bg-on
    {
        display: none;
    }

    .productUt .lt:hover .link .default-bg,
    .productUt .lt.on .link .default-bg{
        display: block;
    }

    .productUt .lt .link .proItem .itemText
    {
        margin-top: 3rem;
    }
    .authenTextBox .harTip{
        width: 100%;
    }
}
@media only screen and (max-width: 460px) {
  .pageNum a{
  	 line-height: 30px;
  	 width: 30px;
  }
  .harFooter .footItem{
	  display: none;
  }
  .harFooter .foot_dom{
	  padding-top: initial;
  }
  .harFooter{
	  padding: 2.5rem 0;
  }
  .bannerTitle.style-one{
	  display: none;
  }
  .solutionDetailBox,
  .swiperCoopList .swiper-container{
	  padding: 3rem 0;
  }
  .swiperCoopList .swiper-container{
	  
  }
  .solutionCatUt,
  .honorUt{
	  margin-left: initial;
  }
  .solutionCatUt .lt,
  .honorUt .lt{
	  width: 100%;
	  margin-left: initial;
  }
  .swiperArrows .swiperBtn{
	  width: 38px;
	  height: 38px;
  }
  .EmployeeBox .harTop .topRight {
	  margin-bottom: 3rem;
  }
  .swiperWrokshop .tip{
	  display: none;
  }
  .innovationDetailList .textBox .iconList{
	  justify-content: center;
  }
  .innovationDetailList .textBox .iconList .item{
	  margin-right: initial;
  }
    .innerPaddingBox{
        padding: 2rem 0;
    }
    .indexBoxAbout .boxBg,
    .indexBoxProduct,
    .indexNewsBox,
    .harFooter,
    .swiperEnrivonment,
    .platformDetail{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .indexBox .title{
        margin-bottom: 2rem;
    }
    .honorUt{
        margin-top: 3rem;
    }
    .contactList .item{
        margin-bottom: 1rem;
    }
    .platformDetail .plateDetailItem .title,
    .plateDetailList .plateDetailItem .title{
        margin-bottom: initial;
    }
    .innovationDetailList .textBox .iconList{
        margin-top: 3rem;
    }
    .joinUsShowBox .joinShowContentBox{
        width: 95%;
    }
    .joinUsShowBox .joinShowContentBox .join-close{
        top: -25px;
        right: -9px;
    }
    .indexNewsUt .ltContent{
        padding: 30px 18px 45px 18px;
    }
    .subMenu .lt a{
        padding: initial;
    }
    .subMenuItem .subMenu{
        margin-top: 1rem;
    }
    .subMenuItem{
        display: none;
    }
    .harBat{
        display: none;
    }
    .productDetailBox .productDetailList,
    .newsDetailBox .newsDetailList {
        padding-top: 2rem;
    }
    .indexSolutionBox .container .text .desc2{
        margin-bottom: 28px;
    }
    .swiper-container .pointer-tip{
        display: none;
    }
}
@media only screen and (max-width: 400px) {
	.tabs-product .tab-header{
		  border-bottom: initial;
	}
	.indexNewsUt .ltContent{
		padding: 38px 20px 60px 10px;
	}
	.newsUt2 .cltInfo {
		flex-wrap: wrap;
	}
	.newsUt2 .cltImt,
	.newsUt2 .cltText{
		width: 100%;
	}
	.swiperWrokshop .item .textBox{
		bottom: 20px;
	}
    .indexSolutionBox .container .text{
        padding-top: 55px;
    }
}
@media only screen and (max-width: 1420px) {
  .logo {
    margin: 0 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .w1520 {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 960px;
  }
  .sub-left {
    padding-right: 20px;
  }
  .sbu-right {
    padding-left: 20px;
  }
  .navImg img {
    width: 100%;
    max-width: 100%;
  }
  .box1Left {
    width: 100%;
    text-align: center;
  }
  .box1Btn {
    margin-left: auto;
    margin-right: auto;
  }
  .indexBox1 .pic {
    margin-top: 30px;
    width: 100%;
    text-align: center;
  }
  .box2Right {
    width: 100%;
    max-width: 100%;
  }
  .box1LeftImg {
    display: none !important;
  }
  .box2Left {
    width: 100%;
    text-align: center;
    margin-top: 25px;
  }
  .alswiper .lBg, .alswiper .rBg {
    display: none;
  }
  .alswiper .swiper-button-next {
    right: 10px;
    margin-right: 0;
  }
  .alswiper .swiper-button-prev {
    left: 10px;
    margin-left: 0;
  }
  #type {
    padding: 0 60px;
  }
  .box2Left img {
    margin: 0 auto;
  }
  .indexNews a.aleft::after {
    right: -8%;
  }
  .indexNews a.aright::after {
    left: -8%;
  }
  .contactList .item .itemBox{
	  padding: 40px 30px;
  }
  .indexBox .title_en{
	  font-size: 28px;
  }
  .indexBox .title{
	  font-size: 34px;
  }
}
@media only screen and (max-width: 960px) {
  .cpLeft {
    display: none;
  }
  .ryList .pic {
    height: 170px;
  }
  .w1520 {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
  }
  #type {
    padding: 0;
  }
  #type .swiper-button-next, #type .swiper-button-prev {
    display: none;
  }
  #type .swiper-pagination, .alswiper .swiper-pagination {
    display: block;
    bottom: 0;
  }
  .swiperType {
    padding-bottom: 30px;
  }
  .box1Left h2 {
    font-size: 38px;
  }
  .alswiper .swiper-button-next, .alswiper .swiper-button-prev {
    display: none;
  }
  .alswiper {
    padding-bottom: 30px;
  }
  .alswiper .swiper-pagination {
    bottom: 5px;
  }
  .footRwm {
    display: none;
  }
  .footNav {
    margin-right: 0;
  }
  
  .indexSwiper .swiper-button-next, .indexSwiper .swiper-button-prev {
    display: none;
  }
  .rabs .la2, .rabs .la3, .rabs .la4 {
    display: none;
  }
  .p70-0 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .fnavBox {
    display: none;
  }
  .footer {
    padding-top: 0;
  }
  .pt60 {
    padding-top: 30px;
  }
  .cqxqLeft {
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
  }
  .gallery-top .swiper-pagination {
    display: block;
  }
  .gallery-top {
    height: auto;
  }
  .gallery-top .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .gallery-top .pic {
    width: 100%;
    height: 100%;
  }
  .gallery-top .pic img {
    display: block;
    margin: 0 auto;
  }
  .cpPageR {
    margin-top: 15px;
    margin-left: 0;
  }
  .cpcsBoxTxt {
    padding-bottom: 15px;
    height: auto;
    margin-top: 15px;
  }
  .cpTboxs {
    flex-wrap: wrap;
  }
  .xBox {
    display: none;
  }
  .cpInfos .fz24 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .cpcsBtn {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cpcsBtn a {
    height: 48px;
  }
  .cpUl .pic {
    height: 200px;
  }
  .cpArticle {
    padding-top: 0;
  }
  .qaItem {
    width: 100%;
    margin-left: 0;
    padding: 15px;
  }
  .qaList {
    margin-left: 0;
  }
  .alList .v-txt p {
    flex-direction: column;
    align-items: flex-start;
  }
  .alList .v-txt p span {
    margin-bottom: 6px;
    overflow: hidden;
  }
  .nypage {
    flex-direction: column;
  }
  .nypage li {
    width: 100%;
    margin-bottom: 15px;
    max-width: 100%;
  }
  .article {
    padding-top: 20px;
  }
  .lxwmBox {
    padding: 20px;
    flex-direction: column;
  }
  .lxImg {
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
  }
  .sosoDbox .cpUl li {
    width: 33.333%;
  }
  .dItem {
    width: 100%;
    margin-left: 0;
  }
  .downloadList {
    margin-left: 0;
  }
  .dRight {
    max-width: 100%;
  }
    .swiperPosition .swiperArrows .swiper-button-prev{
        left: 30%;
    }
    .swiperPosition .swiperArrows .swiper-button-next{
        right: 30%;
    }
}
@media only screen and (max-width: 800px) {
  .vList li a .pic {
    height: 160px;
  }
  .indexNews::after {
    display: none;
  }
  .indexNews a.item {
    margin-top: 0;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .indexNews a.item + a {
    border-top: 1px #fff solid;
  }
  .indexNews a::after {
    display: none;
  }
  .aright {
    width: 100%;
    margin-left: 0;
  }
  .indexNews {
    margin-top: 18px;
  }
  .indexNews .p20 {
    padding: 8px 0;
  }
  .indexNews a.item:hover {
    background: transparent;
  }
  .indexNews .itemGd {
    border-top: none !important;
  }
  .box2Bottom {
    margin-top: 20px;
  }
  .box2Bottom > div {
    flex-direction: column;
    text-align: center;
  }
  .box2Bottom > div i {
    margin-bottom: 10px;
  }
  .box2Bottom > div h3 {
    margin-bottom: 5px;
  }
  .box2Bottom .ml-20 {
    margin-left: 0;
  }
  .box2Bottom .fz30 {
    font-size: 24px;
  }
  .box2Bottom .fz16 {
    font-size: 15px;
  }
  .indexBox2Nr {
    flex-direction: column;
  }
  .box2Bottom .fz55 {
    font-size: 45px;
  }
  .box2Left {
    display: block;
  }
  .box1Left h2 {
    font-size: 30px;
  }
  .mt35 {
    margin-top: 25px;
  }
  .box2Right h2 {
    font-size: 40px;
  }
  .indexBox3 h2 {
    font-size: 30px;
  }
  .box4title span {
    font-size: 60px;
  }
  .box4title {
    line-height: 60px;
    height: 60px;
  }
  .alBtn {
    margin-top: 30px;
  }
  .copy {
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  .contactList .item{
	  width: 100%;
  }
  .fromBook .formItem .form-com{
	  flex-wrap: wrap;
  }
  .fromBook .formItem .form-item .form-group{
	  width: 100%;
	  margin-bottom: 2rem;
  }
  .baseBox .swiperWrokshop .item .indexBox{
	  top: 10px;
	  bottom: initial;
  }
  .processList .item{
	  margin-left: 1.6%;
  }
  .newsDetailList .newsDetail,
  .newsDetailList .newsTjList{
	  width: 100%;
  }
    .imtBox .imt.mobile{
        display: block;
    }
    .imtBox .imt.pc{
        display: none;
    }
    .bannerImt.pc{
        display: none;
    }
    .bannerImt.mobile{
        display: block;
    }
    .indexSwiper .swiper-slide img.pc {
        display: none;
    }
    .indexSwiper .swiper-slide img.mobile {
        display: block;
    }
    .swiperPosition .swiperArrows .swiper-button-prev{
        left: 25%;
    }
    .swiperPosition .swiperArrows .swiper-button-next{
        right: 25%;
    }
}
@media only screen and (max-width: 640px) {
  .nItem {
    flex-direction: column;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
  }
  .nListInfo {
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .newsList .nItem:nth-child(2n) {
    flex-direction: column;
  }
  .nItem .pic {
    width: 100%;
  }
  .ryList li {
    width: 50%;
  }
  .ryList a {
    margin-left: 10px;
  }
  .ryList {
    margin-left: -10px;
  }
  .vList li a {
    margin-left: 10px;
  }
  .vList li {
    width: 50%;
  }
  .vList li a .pic {
    height: 160px;
  }
  .vList {
    margin-left: -10px;
    padding-top: 15px;
  }
  .page {
    margin-top: 20px;
  }
  .pageSobox {
    margin-top: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px;
  }
  .pageSobox .ml-20 {
    margin-left: 0;
  }
  .pageSobox input {
    height: 35px;
    line-height: 35px;
  }
  .pageSobox button {
    height: 35px;
    font-size: 25px;
    padding-right: 5px;
  }
  .qaItem span {
    font-size: 30px;
    width: 45px;
  }
  .qaItem .qaItemInfo {
    margin-left: 50px;
  }
  .qaTbox {
    margin-top: 0;
  }
  .cpRight {
    width: 100%;
  }
  .w1520 {
    overflow: hidden;
  }
  .pageBread .wz {
    display: none;
  }
  .cpUl {
    margin-top: 0;
  }
  .cpUl .pic {
    height: 210px;
  }
  .tjBox .cpUl .pic {
    height: auto;
  }
  .gallery-top .swiper-pagination {
    bottom: 0;
  }
  .gallery-top {
    padding-bottom: 30px;
  }
  .cpUl li {
    width: 50% !important;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .cpUl li a {
    margin-left: 15px;
  }
  .cpUl {
    margin-left: -15px;
  }
  .alswiperBox {
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
  .cpUl .pic {
    padding: 10px;
  }
  .cpgd {
    padding: 10px;
  }
  .cpPageR h1 {
    padding-top: 10px;
    font-size: 22px;
  }
  .lcDl {
    flex-direction: column;
  }
  .lcDl dt {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-right: 0;
    margin-bottom: 10px;
  }
  #baguetteBox-overlay .full-image figcaption {
    font-size: 16px;
  }
  #baguetteBox-overlay .full-image figcaption {
    bottom: auto;
    top: 0;
  }
  .baguetteBox-button#close-button {
    top: 50px;
  }
  .relevantBox .sgList a {
    width: 100%;
    margin-left: 0;
  }
  .relevantBox .sgList {
    margin-left: 0;
  }
    .swiperPosition .swiperArrows .swiper-button-prev{
        left: 30%;
    }
    .swiperPosition .swiperArrows .swiper-button-next{
        right: 30%;
    }
    .swiperPosition .harPagination{
        display: none;
    }
}
@media only screen and (max-width: 460px) {
  .dItem {
    flex-direction: column;
    padding: 15px;
  }
  .dInfos {
    padding: 8px;
  }
  .dRight {
    width: 100%;
    margin-top: 10px;
  }
  .vList li a .pic {
    height: 150px;
  }
  .cpUl .pic {
    height: 160px;
  }
  .vList li {
    width: 100%;
  }
  .vList li a .pic {
    height: auto;
  }
  .cpUl li {
    width: 100% !important;
  }
  .cpUl {
    padding-top: 10px;
  }
  .cpUl .pic {
    height: auto;
  }
  .ryList li {
    width: 100%;
  }
  .ryList a {
    margin-left: 0;
  }
  .ryList {
    margin-left: 0;
  }
  .ryList .pic {
    height: auto;
  }
  .qaxqBox {
    padding: 15px;
  }
}