/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1440px ){
	.errorDiv .limg img{ width:420px;}
	.errorDiv .txt{ padding-top:45px;}
	.errorDiv .btnDiv{ margin:20px auto 0;}
  .addVideo .en{ font-size: 90px; line-height: 70px; }
  .proP2 .en{ font-size: 90px; line-height: 70px; }

}

@media screen and ( max-width:1366px ){
  .indexPart1 .footprints_down{ margin-left: -1.32rem;}
  .indexPart1 .footprints_down img{ width: 2.4rem; }
  .indexPart2 .footprints_down{ margin-left: -1.92rem;}
  .indexPart2 .footprints_up img ,.indexPart2 .footprints_down img{ width: 2.4rem; }
  .indexPart3 .footprints_up{ margin-left: -2.6rem;}
  .indexPart3 .footprints_up img ,.indexPart3 .footprints_down img{ width: 2.4rem; }
  .indexPart4 .footprints_up img ,.indexPart4 .footprints_down img{ width: 2.4rem; }
  .indexPart5 .footprints_up{ margin-left: -2.6rem;}
  .indexPart5 .footprints_up img{ width: 2.4rem; }
  .videoModal-box .shipinLayer { width: 960px;}
  .addVideo .en{ font-size: 82px; line-height: 60px; }
  .proP2 .en{ font-size: 82px; line-height: 60px; }

}

@media screen and ( max-width:1280px ){
	.wal{ width:1140px; }
	.pageNav{ width: 1140px; margin-left:-570px;}
	.aboutBanner .txtLayer{ margin-left: -570px;}
	.pageBanner .txtLayer{ margin-left: -570px;}
	.proP2 .title, .zfw .conDiv{ margin-left:-570px;}
	.addVideo .conDiv{ margin-left:-570px;}
	.zfw .swiper-pagination{ margin-right:-560px;}
	.meiheng .shadog li:nth-child(1){ width: 209px; }
	.meiheng .shadog li:nth-child(2){ width: 493px; }
	.meiheng .shadog li:nth-child(3){ width: 229px; }
	.meiheng .shadog li:nth-child(4){ width: 209px; }
}

@media screen and (max-width: 1024px) {
    html, body { position: relative; height: 100%;}
    /*.page { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}  */
	#page {  height: 100vh;  position: relative; overflow: hidden; }
    .wal{ width:100%;}
	  .PC-Box, .headDiv .topRight, .pageNav, .footDiv{ display:none;}
    .Phone-Box, .navIco2 { display: block; }
    .headDiv{ height: 40px;}
    .headDiv .wal{ height: 40px; }
    .headDiv .logo{ left: 24px; top: 50%; margin-top: -15px; width: 120px; height: 30px; }
    .headDiv .logo img{ width:120px;}
    .foot{ height: auto; padding: 32px 20px 18px;}
    .foot2{ padding: 32px 20px 58px;}
    .foot .msg{ float: none; line-height: 40px; text-align: center;}
    .foot .msg a{ display: block; }
    .foot .links{ float: none; line-height: 40px; text-align: center; }
    .foot .links a{ display: block; float: none; margin-left: 0; }

  /*index*/
  .page .swiper-pagination{ right:24px!important; margin-right: 0; top: 70%!important; transform: translateY(-30%);} 
  .pageSlide { height: 100vh!important; overflow: hidden; }
  .indexPart1 { padding: 0 24px; height: 100vh!important; box-sizing: border-box; }
  .indexPart2 { padding: 0 24px; height: 100vh!important; box-sizing: border-box; display: block;}
  .indexPart3 { padding: 0 24px; height: 100vh!important; box-sizing: border-box; display: block;}  
  .indexPart4 { padding: 0 24px; height: 100vh!important; box-sizing: border-box; display: block;}
  .indexPart5 { padding: 0 24px; height: 100vh!important; box-sizing: border-box; display: block;}
  .indexPart1 .txtDiv{ position: absolute; top: 20%; left:0; margin-left:0; width:100%; text-align:center; font-size:24px; line-height:42px; }
  .indexPart1 .txtDiv2{ position:absolute; top:27%; left:0; margin-left:0; width:100%; text-align:center; font-size:14px;}
  .indexPart2 .layerDiv{ float:none; width: auto; padding-top: 30%;}
  .indexPart2 .layerDiv .name{ font-size:20px; line-height:30px;}
  .indexPart2 .layerDiv .name b{ font-size:24px;}
  .indexPart2 .layerDiv .content{ width:auto; height:auto; }
  .indexPart3 .layerDiv{ padding-top: 30%; }
  .indexPart3 .layerDiv .name{ font-size:20px; line-height:30px;}
  .indexPart3 .layerDiv .name b{ font-size:24px;}
  .indexPart3 .layerDiv .content{ width:auto; height:auto; }
  .indexPart4 .layerDiv{ float:none; width: auto; padding-top: 30%;}
  .indexPart4 .layerDiv .name{ font-size:20px; line-height:30px;}
  .indexPart4 .layerDiv .name b{ font-size:24px;}
  .indexPart4 .layerDiv .content{ width:auto; height:auto; }
  .indexPart5 .layerDiv{ padding-top: 30%; }
  .indexPart5 .layerDiv .name{ font-size:24px; line-height:36px;}
  .indexPart5 .layerDiv .content{ width:auto; height:auto; }
  /*.indexPart1 .footprints_down{ left: 0; margin-left: 0; }
  .indexPart2 .footprints_up{ left: auto; margin-left: 0; right: 0; top: 46%; }
  .indexPart2 .footprints_down{ left: 0; margin-left: 0; }
  .indexPart2 .footprints_up img ,.indexPart2 .footprints_down img{ width: 3.0rem; }
  .indexPart3 .footprints_up{ left: auto; margin-left: 0; right: 0; top: 46%; }
  .indexPart3 .footprints_down{ left: 0; margin-left: 0; }
  .indexPart3 .footprints_up img ,.indexPart3 .footprints_down img{ width: 3.0rem; }
  .indexPart4 .footprints_up{ left: auto; margin-left: 0; right: 0; top: 46%; }
  .indexPart4 .footprints_down{ left: 0; margin-left: 0; }
  .indexPart4 .footprints_up img ,.indexPart4 .footprints_down img{ width: 3.0rem; }
  .indexPart5 .footprints_up{ left: auto; margin-left: 0; right: 0; top: 46%; }
  .indexPart5 .footprints_up img{ width: 3.0rem; }*/

  .indexBtn{ padding-top:32px;}
  .video-box .videoLayer { width: 96%; padding: 15px; }
  .videoLayer .close{ top: 16px; right: 16px; }

  .pageBanner{ height: auto; display: block;}
  .pageBanner .bg{ position: relative; }
  .pageBanner .txtLayer{ position: absolute; left: 0; margin-left: 0; width: 100%; box-sizing: border-box; top: 2.5rem; transform: translateY(0); padding: 0 24px; }
  .pageBanner .txt{ font-size:24px; line-height:36px;}
  .pageBanner .msg, .pageBanner .msg2{ width: auto; }
  .pageBanner .btnDiv a{ width:160px; height:40px; line-height:38px; }
  .pageBanner .txtLayer2{ top: auto; bottom: 24px; }
  .crane{ padding: 42px 0 40px; }
  .crane .title{ text-align: left; padding-left: 24px; font-size: 24px; line-height: 36px;} 
  .crane .content{ padding: 10px 24px 40px; }
  .crane .content2{ padding: 0 24px; }
  .crane .content3{ padding: 10px 24px 12px;}
  .crane .mxfDiv{ padding-top: 0; height: auto; }
  .crane .mxfDiv2{ margin-top: 0; }
  .crane .imgDiv{ position: relative; padding: 0 24px; }
  .crane .imgDiv .limg{ border-radius: 10px; overflow: hidden; }
  .crane .imgDiv img{ width: 100%; }
  .crane .l7Div{ height: auto; border-radius: 0; margin-top: -22px; padding: 30px 24px; }
  .crane .sima{ position: relative; width: auto; padding: 0 24px; }
  .crane .sima2{ width: auto;}
  .crane .videobox{ border-radius: 10px; overflow: hidden; }
  .crane .icoList ul{ display: block;}
  .crane .icoList li{ padding-bottom: 16px; }
  .crane .icoList li .name{ font-size: 20px; line-height: 28px; }
  .crane .newList{ padding: 0 16px; }
  .crane .newList ul{ margin-right: 0; }
  .crane .newList li{ float: none; width: auto; }
  .crane .newList li .box{ margin-right: 0; padding: 32px 16px 0; }
  .crane .newList li .name{ text-align: left; font-size: 20px; line-height: 28px; }
  .crane .newList li .msg{ text-align: left; }
  .product{ padding: 16px 10px 0; }
  .product .list ul{ margin-right: 0; }
  .product .list li{ float: none; width: auto; padding-bottom: 16px;}
  .product .list li .box{ margin-right: 0; }
  .product .list li a{ height: 160px; padding: 0 16px 0 176px;}
  .product .list li .imgDiv img{ width: 160px; }
  .product .list li .conDiv{ padding-top: 24px; }
  .product .list li .name{ height: 52px; font-weight: 400;}
  .product .list li .content{ display: none;}
  .product .list li .more{ margin-top: 40px; }
  .productPic{ margin-right: -150px; top: 72px; width: 300px; height: 342px; }
  .productPic:after{ left: 50%; margin-left: -150px; width: 300px; height: 103px; background-size: 300px; }
  .productPic .list{ height:260px;}
  .productPic img{ width: 260px; }
  .productPic .playBtn{ bottom: 50%; margin-bottom: -40px;}
  .dragon{ margin-right: -130px; top: auto; bottom: 8%; width: 260px; height: 225px;}
  .dragon:after{ left: 50%; margin-left: -105px; width: 210px; height: 72px; background-size: 210px; }
  .dragon .limg img{ width: 196px; }
  .THD .list{ padding: 0 16px; }
  .THD .list ul{ margin-right: 0; }
  .THD .list li{ float: none; width: auto; }
  .THD .list .li01{ width: auto; }
  .THD .list li .box{ margin-right: 0; height: auto; padding: 32px 10px 24px 16px; }
  .THD .list li .txt{ text-align: left; font-size: 20px; line-height: 28px; }
  .THD .list li .msg, .THD .list .li02 .msg{ text-align: left; width: auto; }
  .THD .baozhe{ padding: 0 24px 24px; }
  .THD .table, .THD .table3{ overflow: auto;}
  .THD .table .longDiv, .THD .table3 .longDiv{ width: 850px; }
  .THD .table td, .THD .table3 td{ line-height: 16px; font-size: 12px; padding: 12px 0;}
  .THD .table .td01{ width: 164px; }
  .THD .table .td02{ width: 230px; }
  .THD .table .td03{ width: 250px; }
  .THD .table td .wen, .THD .table3 td .wen{ padding: 0 18px; }
  .THD .table td .msg, .THD .table3 td .msg{ padding: 0 24px; }
  .THD .tips{ padding:0 24px 24px; font-size:12px;}
  .proP1{ padding: 40px 0 16px; }
  .proP3{ padding: 38px 0 0; }
  .THD .titleDiv{ margin-bottom: 40px; }
  .THD .titleDiv .en{ font-size: 56px; line-height: 56px; }
  .THD .titleDiv .en2{ font-size: 44px; line-height: 44px; }
  .THD .titleDiv .cn{ font-size: 24px; line-height: 36px; margin-top: -18px; }
  .proP2{ height: auto; }
  .proP2 .en{ right: 0; left: 0; text-align: center; top: 30px; font-size: 44px; line-height: 60px; }
  .proP2 .title{ left:0; margin-left:0; top:40px; font-size:24px; line-height:36px; text-align: center; width: 100%;}
  .zfw{ padding-top: 100px; }
  .zfw .hala{ height:auto; }
  /*.zfw .swiper-slide{ height:1px;}
  .zfw .swiper-slide-active{ height:auto;}*/
  .zfw .rightImg{ width:auto; height:auto; position:relative; background:none!important; }
  .zfw .conDiv{ position:relative; left:0; margin-left:0; top:0; width:auto; padding: 10px 24px 40px; }
  .zfw .name{ font-size: 20px; line-height: 28px; }
  .zfw .content{ height: 84px; overflow: auto;}
  .zfw .swiper-pagination{ display:none; transform: translate3d(0,0,0)!important; right:16px!important; margin-right: 0; top: auto!important; bottom: 2%!important; }
	/*.zfw .swiper-pagination{ transform: translate3d(0,0,0)!important; right:auto!important; width:100%!important; text-align:center; margin-right: 0; top: auto!important; bottom: 3%!important; }
	.zfw .swiper-pagination-bullet{ margin: 0 5px!important; display:inline-block!important;}*/

  .productTab{ background: #fff; position: fixed; left: 0; bottom: 0; width: 100%; height: 40px; z-index: 3; margin-left: 0; box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.1);}
  .productTab .list{ padding: 0; }
  .productTab .list ul{ display: block;}
  .productTab .list li{ text-align: center; float: left; height: 40px; line-height: 14px; width: 33.33%; color: #757575; font-size: 12px; transform: scale(0.83333); display: flex;
  display: -webkit-flex; align-items: center;
  -webkit-align-items: center;justify-content: center;
  -webkit-justify-content: center;}
  .productTab .list2 li{ width: 50%; }
  .productTab .list .liNow:after{ width: 0; }
  .technology{ padding: 32px 0 20px; overflow: hidden; }
  .technology .titleDiv{ margin-bottom: 40px;}
  .technology .titleDiv .en{ font-size: 56px; line-height: 56px; }
  .technology .titleDiv .cn{ font-size: 24px; line-height: 36px; margin-top: -18px; }
  .technology .list{ padding: 0 24px; }
  .technology .list ul{ margin-right: 0; }
  .technology .list li{ float: none; width: auto; }
  .technology .list li .box{ margin-right: 0; padding-bottom: 60px; }
  .technology .list li .sd{ height: 200px; background: center top no-repeat; }
  .technology .list li .ico{ height: 86px; }
  .technology .list li .ico img{ width: 66px; }
  .technology .list li .mxfDiv{ padding-bottom: 10px; height: auto; }
  .technology .list li .bg{ display: none; }
  .technology .list li .msg{ padding: 0 20px; margin-top:20px;}
  .technology .list li .icolie2{ padding: 0 15px; }
  .technology .table{ padding: 20px 24px 50px; }
  .technology .table th{ font-size: 14px; text-indent: 16px; }
  .technology .table .th01{ width: 20%; }
  .technology .table .th02{ width: 40%; }
  .technology .table td{ line-height: 18px; font-size: 12px; padding: 15px 16px;}
  .technology .zxg{ padding-bottom: 8px; font-size: 20px; line-height: 28px;}
  .technology .patMsg{ padding: 0 24px 16px; font-size: 12px; line-height: 24px; text-align: left; }
  .technology2{ padding: 32px 0 0; overflow: hidden; }
  .technology2 .titleDiv2{ margin-top: 20px; }
  .technology2 .titleDiv .en{ font-size: 50px; line-height: 50px; }
  .technology2 .titleDiv .cn{ font-size: 24px; line-height: 36px; margin-top: -18px; }
  .technology2 .msg{ text-align: left; padding: 0 24px 24px; }
  .technology2 .msg p{ display: block; }
  .technology2 .title{ font-size: 20px; line-height: 28px; padding: 0 24px 8px; }
  .technology2 .content{ width: auto; padding: 0 24px; }
  .technology3{ padding: 32px 0 20px; overflow: hidden; }
  .technology3 .titleDiv2{ margin-top: 20px; }
  .technology3 .titleDiv .en{ font-size: 50px; line-height: 50px; }
  .technology3 .titleDiv .cn{ font-size: 24px; line-height: 36px; margin-top: -18px; }
  .technology3 .wen{ text-align: left; padding: 10px 24px 0; }
  .technology3 .list{ padding: 0 24px 25px; }
  .technology3 .list li{ float: none; width: auto; }
  .technology3 .list li .name{ font-size: 20px; line-height: 28px; }
  .technology3 .list li .content{ width: auto; text-align: left; }
  .technology3 .lie{ padding: 35px 24px 30px; }
  .technology3 .lie li{ margin-bottom: 24px; }
  .technology3 .lie li:before{ width: 100%; background: url(../images/nimg14Bg2.png) center no-repeat; }
  .technology3 .lie li .mxfDiv{ padding: 0; height: auto;}
  .technology3 .lie li .layer{ position: relative; width: auto; height: 60px; border-top-right-radius: 4px; border-bottom-left-radius: 0; }
  .technology3 .lie li .name{ font-size: 20px; line-height: 60px; }
  .technology3 .lie li .msg{ display: block; height: 120px; box-sizing: border-box; padding: 16px 16px 0; }
  .technology3 .lie li .num{ top: auto; bottom: 0; }
  .technology3 .icoico{ padding-top: 16px; }
  .technology3 .concon{ width: auto; margin: 16px auto 0; padding: 0 24px; }


  .aboutBanner{ height: auto; display: block;}
  .aboutBanner .bg{ position: relative; }
  .aboutBanner .txtLayer{ position: absolute; left: 0; margin-left: 0; width: 100%; box-sizing: border-box; top: 2.5rem; transform: translateY(0); padding: 0 24px; }
  .aboutBanner .txt{ font-size: 24px; line-height: 36px; }
  .aboutBanner .msg{ width: auto; }
  .aboutP1 .list ul{ display: block; }
  .aboutP1 .list li{ width: auto; }
  .aboutP1 .list li .box{ padding: 32px 24px; }
  .aboutP1 .list li .name{ font-size: 18px; line-height: 26px; font-weight: 900; }
  .aboutP1 .list li .msg{ top: 0; visibility: visible; opacity: 1; }
  /*.aboutP1 .list li .limg img{  }*/
  .aboutP1 .list li .btnDiv{ padding-top: 54px; top: 0; visibility: visible; opacity: 1;}
  .aboutP1 .list li:hover{ width: auto; }
  .aboutP2{ padding: 24px 0; }
  .aboutP2 .title{ font-size: 12px; line-height: 18px; padding-bottom: 16px;}
  .aboutP2 .mxfDiv{/* padding-left: 112px;*/ height: 40px; }
  /*.aboutP2 .txt{ width: 100px; height: 40px; line-height: 38px; font-size: 14px; }*/
  .rightScroll .list li{ margin: 0 6px;}
  .rightScroll .list li .txt{ width: 100px; height: 40px; line-height: 38px; font-size: 14px; }
  .rightScroll .list li .limg{ height: 40px; width: 100px; }
  .rightScroll .list li .limg img{ max-width: 100px; max-height: 40px; }
  .aboutP3{ padding: 32px 0 0; }
  .aboutP3 .title{ text-align: left; font-size: 12px; line-height: 18px; padding-left: 24px; padding-bottom: 8px;}
  .aboutP3 .leftDiv{ width: auto; float: none; padding: 0 24px 32px;}
  .aboutP3 .toptop{ height:106px;}
  .aboutP3 .msgList li{ float: none; width: auto; padding: 0 0 8px 32px; }
  .aboutP3 .msgList li:nth-child(even){ width: auto; }
  .aboutP3 .ewm li{ margin-left:5px;}
  .aboutP3 .ewm li img{ width:52px;}
  .aboutP3 .ewm li p{ transform: scale(0.7222); -webkit-transform:scale(0.7222);}
  .aboutP3 .lie li .mapDiv{ height: 100px; }
  .aboutP3 .lie li .botDiv{ height: 64px; padding: 0 16px; line-height: 18px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-direction: column; -webkit-flex-direction: column;}
  .aboutP3 .lie li .wen{ width:84px;}

  .aboutP3 .rightDiv{ width: auto; float: none; border-radius: 0; padding: 14px 24px 20px; }
  .aboutP3 .form ul{ margin-right: 0; }
  .aboutP3 .form li{ float: none; width: 100%; padding-bottom: 8px;}
  .aboutP3 .form li .box{ margin-right: 0; }
  .aboutP3 .form li .input1{ height: 40px; line-height: 40px; padding-left: 16px; }
  .aboutP3 .form .li02 .box{ height:160px;}
  .aboutP3 .form li textarea{ padding: 10px 16px 0; height:159px; }
  .aboutP3 .form li .yzm{ right: 16px; top: 1px; }
  .aboutP3 .form li .yzm img{ height: 38px; }
  .aboutP3 .btnDiv{ padding-top: 16px;}
  .aboutP3 .btnDiv a{ display: block; width: 200px; height: 60px; line-height: 58px; border-radius: 48px; text-align: center; color: #000; border: #000 solid 1px; font-size: 14px; }
  .aboutP3 .btnDiv a:hover{ background: #DD722C; border: #DD722C solid 1px; color: #fff; }

  .meiheng{ padding: 24px 0 16px; }
  .meiheng .title{ text-align: left; padding-left: 24px; }
  .meiheng .msg{ text-align: left; padding-left: 24px; padding-right: 24px; }
  .meiheng .numList{ padding: 24px 24px 16px; overflow: hidden;}
  .meiheng .numList ul{ display: block; }
  .meiheng .numList li{ float: left; width: 50%; padding-bottom: 24px;}
  .meiheng .numList li .num{ text-align: center; }
  .meiheng .numList li .numUp{ font-size: 56px; line-height: 44px; }
  .meiheng .shadog{ margin-bottom: 40px; background: #242A8C; }
  .meiheng .shadog li{ float: none; height: auto; padding: 32px 24px 28px 40px; }
  .meiheng .shadog li:nth-child(1){ width: auto; }
  .meiheng .shadog li:nth-child(2){ width: auto; }
  .meiheng .shadog li:nth-child(3){ width: auto; }
  .meiheng .shadog li:nth-child(4){ width: auto; }
  .meiheng .shadog li .name{ text-align: right; }
  .meiheng .shadog li .wen{ text-align: right; }
  .meiheng .shadog dl{ padding-top: 0; }
  .meiheng .shadog dd{ float: none; }
  .meiheng .shadog li .year{ height: auto; padding-left: 16px; }
  .meiheng .shadog li .year:before{ bottom: 50%; margin-bottom: -4px; }
  .meiheng .shadog li .year:after{ left: 3px; bottom: auto; top: 10px; width: 2px; height: 3000%; }
  .meiheng .shadog li .content{ padding-left: 16px; padding-bottom: 24px; }
  .meiheng .shadog li:nth-child(1) .content{ width: auto; }
  .meiheng .shadog li:nth-child(2) dd{ padding-right: 0; }
  .meiheng .shadog li:nth-child(2) dd:nth-child(1){ width: auto; }
  .meiheng .shadog li:nth-child(2) dd:nth-child(2){ width: auto; }
  .meiheng .shadog li:nth-child(2) dd:nth-child(3){ width: auto; }
  .meiheng .shadog li:nth-child(3) .content{ width: auto; }
  .meiheng .list{ padding: 16px 24px 40px; }
  .meiheng .list ul{ margin-right: 0; }
  .meiheng .list li{ float: none; width: auto; margin-bottom: 16px; }
  .meiheng .list li:last-child{ margin-bottom: 0; }
  .meiheng .list li .box{ margin-right: 0; height: 280px; }
  .meiheng .list li .name{ padding-left: 16px; }
  .meiheng .list li .content{ padding: 24px 16px 0; }
  .meiheng .lie{ padding: 20px 24px 0; }
  .meiheng .lie ul{ margin-right: 0; }
  .meiheng .lie li{ float: none; width: auto; padding-bottom: 16px;}
  .meiheng .lie li .box{ margin-right: 0; }
  .meiheng .lie li .name{ height: 46px; line-height: 46px; padding-left: 16px; }
  .ytlh{ padding: 40px 0 14px; }
  .ytlh .title{ text-align: left; padding-left: 24px; }
  .ytlh .msg{ text-align: left; padding: 10px 24px 0;}
  .ytlh .icoList{ padding: 32px 24px 40px; }
  .ytlh .icoList li{ float: none; width: auto; text-align: center; padding-left: 0; height: auto; padding-bottom: 32px; }
  .ytlh .icoList li:last-child{ padding-bottom: 0; }
  .ytlh .icoList li .limg{ position: relative; }
  .ytlh .icoList li .name{ padding-top: 24px; font-size: 20px; line-height: 28px; }
  .ytlh .icoList li .content{ padding-top: 8px; width: auto; }

  .ytlh .mxfDiv{ display: block; height: auto; margin-bottom: 40px; }
  .ytlh2 .mxfDiv{ margin-bottom:0;}
  .ytlh .mxfDiv .conDiv{ width: auto; padding: 0 24px 60px; }
  .ytlh .mxfDiv .conDiv .name{ padding-top: 40px; }
  .ytlh .mxfDiv .conDiv .content{ padding-top: 10px; }
  .ytlh .mxfDiv .bg img{ width: 100%; }
  .ytlh .mxfDiv .playBtn{ left:50%; margin-left:-40px; top:-40px; margin-top:0; }
  .ytlh .list{ padding: 20px 24px 0; }
  .ytlh .list ul{ margin-right: 0; } 
  .ytlh .list li{ float: none; width: auto; padding-bottom: 16px; }
  .ytlh .list li .box{ margin-right: 0; }
  .ytlh .list li .name{ height: 48px; padding: 0 8px; font-size: 12px; }
  .diyin{ padding: 40px 0 0; }
  .diyin .title{ text-align: left; padding-left: 24px; }
  .diyin .msg{ text-align: left; padding: 10px 24px 0;}
  .diyin .icoList{ padding: 32px 24px 40px; }
  .diyin .icoList li{ float: none; width: auto; text-align: center; padding-left: 0; height: auto; padding-bottom: 32px; }
  .diyin .icoList li:last-child{ padding-bottom: 0; }
  .diyin .icoList li .limg{ position: relative; }
  .diyin .icoList li .name{ padding-top: 24px; font-size: 20px; line-height: 28px; }
  .diyin .icoList li .content{ padding-top: 8px; width: auto; }
  .diyin .pjDiv{ display: block; height: auto; }
  .diyin .pjDiv .conDiv{ width: auto; padding: 0 24px 40px; }
  .diyin .pjDiv .conDiv .name{ padding-top: 40px; font-size: 28px; line-height: 42px; }
  .diyin .pjDiv .conDiv .content{ padding-top: 10px; }
  .diyin .pjDiv .bg img{ width: 100%; }
  .diyin .pjDiv .playBtn{ left:50%; margin-left:-40px; top:-40px; margin-top:0; }
  .diyin .lie{ padding-top: 16px; }
  .diyin .lie li .mxfDiv{ padding-top: 0; height: auto; }
  .diyin .lie li .imgDiv{ position: relative; padding: 0 24px; }
  .diyin .lie li .imgDiv .limg{ border-radius: 10px; overflow: hidden; }
  .diyin .lie li .imgDiv img{ width: 100%; }
  .diyin .lie li .l7Div{ height: auto; border-radius: 0; margin-top: -22px; padding: 30px 24px; }
  .diyin .lie li .txt{ padding: 0 24px 8px; }
  .diyin .lie li:nth-child(even) .imgDiv{ right: auto; }
  .diyin .lie li:nth-child(even) .l7Div{ padding: 30px 24px;}
  .youente{ padding: 40px 0 0; }
  .youente .title{ text-align: left; padding-left: 24px; }
  .youente .msg{ text-align: left; padding: 10px 24px 0;}
  .youente .icoList{ padding: 32px 24px 40px; }
  .youente .icoList li{ float: none; width: auto; text-align: center; padding-left: 0; height: auto; padding-bottom: 32px; }
  .youente .icoList li:last-child{ padding-bottom: 0; }
  .youente .icoList li .limg{ position: relative; }
  .youente .icoList li .name{ padding-top: 24px; font-size: 20px; line-height: 28px; }
  .youente .icoList li .content{ padding-top: 10px; width: auto; }
  .youente .pjDiv{ display: block; height: auto; margin-bottom: 40px;}
  .youente .pjDiv .conDiv{ width: auto; padding: 0 24px 40px; }
  .youente .pjDiv .conDiv .name{ padding-top: 40px; font-size: 28px; line-height: 42px; }
  .youente .pjDiv .conDiv .content{ padding-top: 10px; }
  .youente .pjDiv .bg img{ width: 100%; }
  .youente .lie{ padding: 16px 0 40px; }
  .youente .lie li .mxfDiv{ padding-top: 0; height: auto; }
  .youente .lie li .imgDiv{ position: relative; padding: 0 24px; }
  .youente .lie li .imgDiv .limg{ border-radius: 10px; overflow: hidden; }
  .youente .lie li .imgDiv img{ width: 100%; }
  .youente .lie li .l7Div{ height: auto; border-radius: 0; margin-top: -22px; padding: 30px 24px; }
  .youente .lie li .txt{ padding: 0 24px 8px; }
  .youente .lie li:nth-child(even) .imgDiv{ right: auto; }
  .youente .lie li:nth-child(even) .l7Div{ padding: 30px 24px;}
  .videoModal-box .shipinLayer { width: 100%;}
  .shipinLayer .close{ top: -50px; width:24px; height: 24px; background-size: 24px; right:15px; }
  .addVideo{ height:auto; }
  .addVideo .en{ right: 0; left: 0; text-align: center; top: 30px; font-size: 44px; line-height: 60px; }
	.addVideo .rightImg{ width:auto; height:auto; position:relative; background:none!important; }
	.addVideo .conDiv{ position:relative; left:0; margin-left:0; top:0; width:auto; padding: 0 24px 40px; }
	.addVideo .title{ padding-top: 40px; font-size: 24px; line-height: 36px; text-align: center;}
  .addVideo .name{ font-size: 20px; line-height: 28px; padding-top: 40px; }
	.addVideo .playBtn{ left:50%; margin-left:-40px; top:-40px; margin-top:0;}
	.errorDiv{ padding:0 10px;}
	.errorDiv .limg img{ width:80%;}
	.errorDiv .txt{ padding-top:45px; font-size:24px; line-height:32px;}
	.errorDiv .wen{ font-size:12px; line-height:24px;}
	.errorDiv .btnDiv{ margin:30px auto 0;}
  
 }

@media screen and (max-width: 320px) {
   .headDiv .logo{ left: 24px; top: 50%; margin-top: -12px; width: 92px; height: 23px; }
   .headDiv .logo img{ width:92px;}
  .indexPart2 .footprints_up{ top: 55%; }
  .indexPart3 .footprints_up{ top: 55%; }
  .indexPart4 .footprints_up{ top: 55%; }
  .indexPart5 .footprints_up{ top: 55%; }
  .productPic{ margin-right: -100px; top: 72px; width: 200px; height: 228px; }
  .productPic:after{ left: 50%; margin-left: -100px; width: 200px; height: 70px; background-size: 200px; }
  .productPic .list{ height:200px;}
  .productPic img{ width: 200px; }
}