/* 去掉ios中video的原始大的播放按钮 */
*::-webkit-media-controls-panel {
display: none!important;
-webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
display: none!important;
-webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
display: none!important;
-webkit-appearance: none;
}

.page .swiper-pagination{ position:absolute; z-index:2!important; width: 10px; margin-bottom: 0; transform: translateY(-50%); left: auto!important; right:50%!important; margin-right:-600px; top: 50%!important; margin-left: 0px!important;} 
.page .swiper-pagination-bullet{ position: relative; cursor: pointer; display:block; opacity: 1; border-radius: 50%; border:none; width: 10px; height: 10px; box-sizing:border-box; margin: 20px auto!important; background: none; }
.page .swiper-pagination-bullet:after{ content: ''; position: absolute; left: 2px; top: 2px; box-sizing: border-box; width: 6px; height: 6px; border-radius: 50%; border:#fff solid 1px; }
.page .swiper-pagination-bullet-active { background: #fff; width:10px; height:10px; border: #fff solid 1px;}


@media screen and (min-width: 800px) {
	#page {
    height: 100vh;
    position: relative;
    overflow: hidden; }

  .pageSlide {
    height: 100vh;
    overflow: hidden;}

	
	
}

.slideUp {
    opacity: 0;
    transition: All 0.6s linear;
    -webkit-transition: All 0.6s linear;
    -moz-transition: All 0.6s linear;
    -o-transition: All 0.6s linear;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px); }

  .pageSlide.swiper-slide-active .slideUp {
    opacity: 1;
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0); }

  .slideLeft {
    opacity: 0;
    transition: All 0.6s linear;
    -webkit-transition: All 0.6s linear;
    -moz-transition: All 0.6s linear;
    -o-transition: All 0.6s linear;
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px); }

  .pageSlide.swiper-slide-active .slideLeft {
    opacity: 1;
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0); }

    .slideRight {
    opacity: 0;
    transition: All 0.6s linear;
    -webkit-transition: All 0.6s linear;
    -moz-transition: All 0.6s linear;
    -o-transition: All 0.6s linear;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px); }

  .pageSlide.swiper-slide-active .slideRight {
    opacity: 1;
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0); }

  .pageSlide.swiper-slide-active .slideDelay2 {
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s; }
  .pageSlide.swiper-slide-active .slideDelay3 {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s; }
  .pageSlide.swiper-slide-active .slideDelay4 {
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s; }
  .pageSlide.swiper-slide-active .slideDelay5 {
    transition-delay: 1.8s;
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s; }
  .pageSlide.swiper-slide-active .slideDelay6 {
    transition-delay: 2.1s;
    -webkit-transition-delay: 2.1s;
    -moz-transition-delay: 2.1s; }
  .pageSlide.swiper-slide-active .slideDelay7 {
    transition-delay: 2.4s;
    -webkit-transition-delay: 2.4s;
    -moz-transition-delay: 2.4s; }
  .pageSlide.swiper-slide-active .slideDelay8 {
    transition-delay: 2.7s;
    -webkit-transition-delay: 2.7s;
    -moz-transition-delay: 2.7s; }

.pageSlide {
  position: relative;
  background: center no-repeat;
  background-size: cover; }
/*.pageSlide.cur .bg{ animation: myScale 3s forwards;}*/

.pageSlide video {
    position: absolute;
    width: 100%;
    height:100%;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    object-fit: cover;
  }
  
.pageSlide video::-webkit-media-controls-enclosure{ display:none!important;}

/*.indexPart1:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(221,114,44,0.9); opacity: 0; z-index: 4; }*/
.indexPart1 .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: center no-repeat; background-size: cover; z-index: 2; }
.indexPart1 .bg img{ width:100%; height:100%; object-fit:cover;}
.indexPart1 .txtDiv{ position: relative; z-index: 5; margin:0 auto; width: 610px; line-height:100px; font-size:64px; color:#fff; text-align: center; font-weight:900; text-shadow: 8px 8px 8px #147CB1, -8px -8px 8px #157FB1; }
.indexPart1 .txtDiv2{ position: relative; z-index: 5; margin:0 auto; width: 610px; line-height:64px; font-size:32px; color:#fff; text-align: center; text-shadow: 8px 8px 8px #147CB1, -8px -8px 8px #157FB1;}
.indexPart1 .btnDiv{ margin: 42px auto 0; width: 36px; position: relative; z-index: 5; }
.indexPart1 .btnDiv a{ display: block; width: 36px; height: 36px; border-radius:50%; }
.indexPart1 .btnDiv img{ width: 36px; }
/*.indexPart1 .footprints_down{ position: absolute; left: 50%; margin-left: -1.52rem; bottom: 0; z-index: 3; opacity: 0; }
.indexPart1 .footprints_down img{ width: 2.7rem; }
.indexPart1.cur .footprints_down{ opacity: 1; }
.indexPart1.zz:before{ opacity: 1; }
.indexPart1 .videoDiv{ display: none; }*/

.indexPart2 .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: center no-repeat; background-size: cover; z-index: 2;}
.indexPart2 .layerDiv{ position: relative; float:right; width: 458px; z-index: 5; color: #fff;}
.indexPart2 .layerDiv .name{ padding-bottom:10px; font-size: 28px; line-height: 48px; }
.indexPart2 .layerDiv .name b{ display:block; font-size:32px;}
.indexPart2 .layerDiv .content{ font-size: 14px; line-height: 28px; width:346px; height:112px; text-align:justify; }
/*.indexPart2 .footprints_up{ position: absolute; left: 50%; margin-left: -1.8rem; top: 0; z-index: 3; opacity: 0; }
.indexPart2 .footprints_down{ position: absolute; left: 50%; margin-left: -1.52rem; bottom: 0; z-index: 3; opacity: 0; }
.indexPart2 .footprints_up img ,.indexPart2 .footprints_down img{ width: 2.7rem; }
.indexPart2.cur .footprints_down{ opacity: 1; }
.indexPart2.on .footprints_up{ opacity: 1;}
*/
.indexPart3 .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: center no-repeat; background-size: cover; z-index: 2;}
.indexPart3 .layerDiv{ position: relative; z-index: 5; color: #fff;}
.indexPart3 .layerDiv .name{ padding-bottom:10px; font-size: 28px; line-height: 48px; }
.indexPart3 .layerDiv .name b{ display:block; font-size:32px;}
.indexPart3 .layerDiv .content{ font-size: 14px; line-height: 28px; width:346px; height:112px; text-align:justify; }

/*.indexPart3 .footprints_up{ position: absolute; left: 50%; margin-left: -3.2rem; top: 0; z-index: 3; opacity: 0; }
.indexPart3 .footprints_down{ position: absolute; left: 50%; margin-left: -3.04rem; bottom: 0; z-index: 3; opacity: 0; }
.indexPart3 .footprints_up img ,.indexPart3 .footprints_down img{ width: 2.7rem; }
.indexPart3.cur .footprints_down{ opacity: 1; }
.indexPart3.on .footprints_up{ opacity: 1;}
*/
.indexPart4 .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: center no-repeat; background-size: cover; z-index: 2;}
.indexPart4 .layerDiv{ position: relative; float:right; width: 458px; z-index: 5; color: #fff;}
.indexPart4 .layerDiv .name{ padding-bottom:10px; font-size: 28px; line-height: 48px; }
.indexPart4 .layerDiv .name b{ display:block; font-size:32px;}
.indexPart4 .layerDiv .content{ font-size: 14px; line-height: 28px; width:344px; height:112px; text-align:justify; }

/*.indexPart4 .footprints_up{ position: absolute; left: 50%; margin-left: -2.56rem; top: 0; z-index: 3; opacity: 0; }
.indexPart4 .footprints_down{ position: absolute; left: 50%; margin-left: -2.3rem; bottom: 0; z-index: 3; opacity: 0; }
.indexPart4 .footprints_up img ,.indexPart4 .footprints_down img{ width: 2.7rem; }
.indexPart4.cur .footprints_down{ opacity: 1; }
.indexPart4.on .footprints_up{ opacity: 1;}*/


.indexPart5 .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: center no-repeat; background-size: cover; z-index: 2;}
.indexPart5 .layerDiv{ position: relative; z-index: 5; color: #fff;}
.indexPart5 .layerDiv .name{ padding-bottom:10px; font-size: 32px; line-height: 48px; font-weight:900;}
.indexPart5 .layerDiv .content{ font-size: 14px; line-height: 28px; width:346px; height:112px; text-align:justify; }

/*.indexPart5 .footprints_up{ position: absolute; left: 50%; margin-left: -3.3rem; top: 0; z-index: 3; opacity: 0; }
.indexPart5 .footprints_up img{ width: 2.7rem; }
.indexPart5.on .footprints_up{ opacity: 1; }*/

.indexBtn{ padding-top:42px;}
.indexBtn a{ position:relative; display:block; width:120px; height:36px; border:#fff solid 1px; box-sizing:border-box; border-radius:48px; line-height:34px; text-indent:20px; color:#fff; font-size:14px;}
.indexBtn a:after{ content: ''; position: absolute; right: 20px; top: 50%; margin-top: -4px; width: 6px; height: 6px; border-color: #fff; border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); }
.indexBtn a:hover{ background:#DD722C; border:#DD722C solid 1px;}

.video-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.video-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}


.video-box .videoLayer { width: 1200px; margin: 0 auto; background: none; padding: 20px; position: relative; box-sizing: border-box;}

.videoLayer .close{ position: absolute; z-index:2; display: block; right: 24px; top: 24px; width:32px; height: 32px; }
.videoLayer .close span{ width: 32px; display: block; height: 2px; background-color: #fff; position: absolute; left: 50%; margin-left: -16px; top: 15px; transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.videoLayer .close span:nth-of-type(1) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.videoLayer .close span:nth-of-type(2) { transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.videoLayer .close:hover span:nth-of-type(1){ transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.videoLayer .close:hover span:nth-of-type(2){ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.videoLayer video{ width:100%;}

.crane{ padding: 40px 0 60px; }
.crane2{ background: #F3F8FF; padding: 60px 0; }
.crane .title{ font-size: 32px; font-weight: 900; line-height: 48px; text-align: center; color: #000;}
.crane .content{ color: #757575; padding: 10px 0 40px; font-size: 14px; font-weight: 400; line-height: 28px; text-align: left;}
.crane .content2{ padding: 40px 0 0; }
.crane .mxfDiv{ padding-top: 20px; position: relative; height: 240px; box-sizing:border-box; }
.crane .mxfDiv2{ margin-top: 40px; }
.crane .imgDiv{ position: absolute; left: 0; top: 0; }
.crane .imgDiv .limg{ border-radius: 10px; overflow: hidden;}
.crane .imgDiv img{ width: 400px; }
.crane .l7Div{ height: 220px; background: #efefef; border-radius: 10px; padding: 0 100px 0 468px; }
.crane .l7Div .msg{ font-size: 12px; line-height: 24px; color: #000; }
.crane .mxfDiv .imgDiv:hover img{ transform:scale(1.2);-webkit-transform:scale(1.2);}

.crane .sima{ position: absolute; left: 0; top: 0; border-radius: 10px; overflow: hidden; width: 400px; }
.crane .sima2{ border-radius: 10px; overflow: hidden; width: 400px;}
.crane .videobox{ position: relative; }
.crane .videobox:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); opacity: 0; }
.crane .videobox .limg img{ width: 100%; }
.crane .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; margin-left: -40px; margin-top: -40px; z-index:1;}
.crane .videobox .playbox img{ width: 80px; }
.crane .videobox:hover:after{ opacity: 1; }
.crane .videobox .videoH{ display: none; }

.crane .shadog{ margin-top: 40px; background: #efefef; border-radius: 10px; }
.craneNav{ padding: 0 122px; height: 63px; position: relative; }
.craneNav:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #E3E8EA; }
.craneNav ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.craneNav li{ cursor: pointer; position: relative; z-index: 1; width: 128px; height: 63px; line-height: 62px; text-align: center; font-size: 14px; color: #000; }
.craneNav li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background: #DD722C; }
.craneNav li.on{ color: #DD722C; font-weight: 900; }
.craneNav li.on:after{ left: 0; width: 100%;}

.craneShow .item{ padding: 40px 100px; overflow: hidden; }
.craneShow .conDiv{ width: 508px;}
.craneShow .conDiv li{ font-size: 12px; padding-bottom: 24px; color: #000; }
.craneShow .conDiv li:last-child{ padding-bottom: 0; }
.craneShow .conDiv b{ display: block; line-height: 16px; padding-bottom: 8px;}
.craneShow .conDiv em{ font-weight: bold; }
.craneShow .conDiv p{ line-height: 24px;}
.craneShow .centerImg, .craneShow .centerImg2, .craneShow .centerImg3{ text-align: center; }
.craneShow .centerImg{ padding-bottom: 20px; }
.craneShow .centerImg img{ width: 568px; }
.craneShow .centerImg2{ padding-bottom: 80px; }
.craneShow .centerImg2 img{ width: 898px; }
.craneShow .centerImg3{ padding-bottom: 80px; }
.craneShow .centerImg3 img{ width: 921px; }

.cranePic{ width: 400px; overflow: hidden; border-radius: 10px; }
.cranePic .imgList{ height: 240px; }
.cranePic .imgList .swiper-slide{ overflow: hidden; border-radius: 10px;}
.cranePic .imgList img{ width: 100%; }
.cranePic .swiper-pagination{ right: 24px!important; }
.cranePic .swiper-pagination-bullet{ position: relative; cursor: pointer; display:block; opacity: 1; border-radius: 50%; border:none; width: 10px; height: 10px; box-sizing:border-box; margin: 20px auto!important; background: none; }
.cranePic .swiper-pagination-bullet:after{ content: ''; position: absolute; left: 2px; top: 2px; box-sizing: border-box; width: 6px; height: 6px; border-radius: 50%; border:#fff solid 1px; }
.cranePic .swiper-pagination-bullet-active { background: #fff; width:10px; height:10px; border: #fff solid 1px;}

.crane .otherDiv{ padding: 24px 24px 0; }
.crane .txt{ position: relative; padding-left: 16px; font-size: 14px; line-height: 20px; color: #000; font-weight: 900; margin-bottom: 10px; }
.crane .txt:before{ content: ''; position: absolute; left: 0; width: 8px; height: 16px; top: 50%; margin-top: -8px; background: #DD722C; }
.crane .msgList{ padding: 10px 0 24px; }
.crane .msgList li{ font-size: 12px; padding-bottom: 24px; color: #000; }
.crane .msgList li:last-child{ padding-bottom: 0; }
.crane .msgList b{ display: block; line-height: 16px; padding-bottom: 8px;}
.crane .msgList p{ line-height: 24px;}
.crane .fullImg{ padding: 6px 0 40px; }
.crane .fullImg:last-child{ padding: 6px 0 0; }
.crane .fullImg img{ width: 100%; }

.crane .icoList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.crane .icoList li{ text-align: center; }
.crane .icoList li .name{ font-size: 28px; line-height: 40px; font-weight: 900;}
.crane .icoList li .name em{ display: inline-block; background: linear-gradient(90deg, #DD722C 0%, #3A2083 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent; }

.crane .newList ul{ margin-right: -20px; }
.crane .newList li{ float: left; width: 50%; padding-bottom: 24px; }
.crane .newList li:last-child{ width: 100%; padding-bottom: 0;}
.crane .newList li .box{ margin-right: 20px; background: #fff; border-radius: 4px; height: 240px; padding-top: 40px; box-sizing: border-box; }
.crane .newList li .name{ text-align: center; font-size: 28px; line-height: 40px; font-weight: 900; }
.crane .newList li .name em{ display: inline-block; background: linear-gradient(90deg, #DD722C 0%, #3A2083 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent; }
.crane .newList li .msg{ font-size: 14px; line-height: 28px; text-align: center; color: #000; padding-top: 16px; }

.cranePic2{ overflow: hidden; border-radius: 10px; }
/*.cranePic2 .imgList{ height: 240px; }*/
.cranePic2 .swiper-slide{ border-radius:10px; overflow:hidden; height: auto!important; }
.cranePic2 .swiper-slide img{ width: 100%; }
.cranePic2 .swiper-pagination{ right: 24px!important; }
.cranePic2 .swiper-pagination-bullet{ position: relative; cursor: pointer; display:block; opacity: 1; border-radius: 50%; border:none; width: 10px; height: 10px; box-sizing:border-box; margin: 20px auto!important; background: none; }
.cranePic2 .swiper-pagination-bullet:after{ content: ''; position: absolute; left: 2px; top: 2px; box-sizing: border-box; width: 6px; height: 6px; border-radius: 50%; border:#fff solid 1px; }
.cranePic2 .swiper-pagination-bullet-active { background: #fff; width:10px; height:10px; border: #fff solid 1px;}

.craneLayer{ background: #fff; position: fixed; left: 0; bottom: 0; width: 100%; height: 40px; z-index: 3; box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.1);}
.craneLayer li{ text-align: center; float: left; width: 20%; font-size: 12px; transform: scale(0.83333); }
.craneLayer2 li{ width: 33.33%; }
.craneLayer li a{ height: 40px; color: #757575; }
.craneLayer li .aNow{ color: #DD722C; font-weight: bold; }

.product{ background: #efefef; padding: 60px 0 20px; }
.product .list ul{ margin-right: -78px; }
.product .list li{ float: left; width: 50%; padding-bottom: 40px;}
.product .list li .box{ margin-right: 78px; overflow: hidden; background: #fff; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1), -4px -4px 4px rgba(0, 0, 0, 0.1); border-radius: 10px; }
.product .list li:last-child .box{ box-shadow: none;}
.product .list li a{ display: block; height: 240px; position: relative; padding: 0 40px 0 280px;}
.product .list li .imgDiv{ position: absolute; left: 0; top: 0; overflow: hidden; }
.product .list li .imgDiv img{ width: 240px; }
.product .list li .conDiv{ padding-top: 40px; }
.product .list li .name{ font-size: 18px; font-weight: bold; color: #000; height: 26px; line-height: 26px; overflow: hidden; }
.product .list li .content{ margin-top: 8px; height: 72px; line-height: 24px; color: #757575; font-size: 12px; }
.product .list li .more{ margin-top: 30px; width: 80px; height: 24px; box-sizing: border-box; line-height: 22px; font-size: 12px; text-align: center; color: #000; border: #000 solid 1px; border-radius: 24px; }
.product .list li .box:hover .imgDiv img{ transform:scale(1.2);-webkit-transform:scale(1.2);}
.product .list li:last-child .box:hover .imgDiv img{ transform:scale(1.0);-webkit-transform:scale(1.0);}
.product .list li .box:hover .more{ border: #DD722C solid 1px; background:#DD722C; color: #fff; }

.productTab{ position: absolute; left: 50%; margin-left: -600px; width: 1200px; bottom: 0; }
.productTab .list{ padding: 0 100px; }
.productTab .list2{ padding: 0 348px; }
.productTab .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.productTab .list li{ width: 120px; height: 36px; font-size: 14px; line-height: 14px; text-align: center; position: relative; color: #000; cursor: pointer;}
.productTab .list li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background: #DD722C; }
.productTab .list .liNow{ color: #DD722C; font-weight: bold; }
.productTab .list .liNow:after{ width: 100%; left: 0; }

.productPic{ position: absolute; right: 50%; margin-right: -430px; top: 80px; z-index: 1; width: 320px; height: 365px; overflow:hidden; }
.productPic:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 320px; height: 110px; background: url(../images/nimg320Bg.png) no-repeat; }
.productPic .list{ overflow: hidden; height:280px; }
.productPic li{ text-align: center; }
.productPic img{ width: 280px; }
.productPic .swiper-pagination{ position:absolute; z-index:2!important; width: 0!important; bottom: auto!important; transform: translateY(-50%); left: auto!important; right:10px!important; top: 50%; margin-left: 0px!important;}
.productPic .swiper-pagination-bullet{ position: relative; cursor: pointer; display:block; opacity: 1; border-radius: 50%; border:none; width: 10px; height: 10px; box-sizing:border-box; margin: 20px auto!important; background: none; }
.productPic .swiper-pagination-bullet:after{ content: ''; position: absolute; left: 2px; top: 2px; box-sizing: border-box; width: 6px; height: 6px; border-radius: 50%; border:#fff solid 1px; }
.productPic .swiper-pagination-bullet-active { background: #fff; width:10px; height:10px; border: #fff solid 1px;}

.productPic .playBtn{ position: absolute; cursor:pointer; width:80px; height:80px; left: 50%; margin-left: -40px; bottom: 85px; z-index: 3; background:url(../images/nimg80_1.png) no-repeat; }
.productPic .videoH{ display: none; }

.dragon{ position: absolute; right: 50%; margin-right: -470px; top: 82px; z-index: 1; width: 420px; height: 363px;}
.dragon:after{ content: ''; position: absolute; left: 50%; margin-left: -160px; bottom: 0; width: 320px; height: 110px; background: url(../images/nimg320Bg.png) no-repeat; }
.dragon .limg{ position: relative; z-index: 1; }
.dragon .limg img{ width: 320px; }

.THD .list ul{ margin-right: -20px; }
.THD .list li{ float: left; padding-bottom: 24px; width: 50%; }
.THD .list .li01{ width: 50%; }
.THD .list .li02{ width: 100%; }
.THD .list li .box{ margin-right: 20px; height: 240px; padding: 40px 25px 0; box-sizing: border-box; background: #fff; border-radius: 4px; }
.THD .list li .txt{ text-align: center; font-size: 28px; line-height: 40px; font-weight: 900; }
.THD .list li .txt em{ display: inline-block; background: linear-gradient(90deg, #DD722C 0%, #3A2083 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent; }
.THD .list li .msg{ font-size: 14px; line-height: 28px; text-align: center; color: #000; padding-top: 16px; width: 396px; margin: 0 auto; }
.THD .list li .msg2{ width: 448px; }
.THD .list .li02 .msg{ width: 996px; }


.THD .table table, .THD .table3 table{ border-top: #ebebeb solid 1px; border-left: #ebebeb solid 1px;}
.THD .table td, .THD .table3 td{ border-right: #ebebeb solid 1px; border-bottom: #ebebeb solid 1px; line-height: 21px; font-size: 14px; color: #000; padding: 24px 0;}
.THD .table tr:nth-child(odd) td{ background: rgba(194,220,255,0.2); }
.THD .table td.white, .THD .table3 td.white{ background: #fff!important; }

.THD .table .td01{ width: 224px; }
.THD .table .td02{ width: 300px; }
.THD .table .td03{ width: 330px; }
.THD .table td .wen, .THD .table3 td .wen{ padding: 0 24px; color: #000;}
.THD .table td .msg, .THD .table3 td .msg{ padding: 0 40px 0 60px; }
.THD .table td .msg em, .THD .table3 td .msg em{ display: inline-block; border: #000 solid 1px; width: 10px; height: 10px; }
.THD .table3 td .msg span{ font-size: 10px; display: inline-block; transform: scale(0.83333); -webkit-transform:scale(0.83333);}

.THD .table2, .THD .table3{ padding-bottom:60px;}
.THD .table2 .td01, .THD .table3 .td01{ width: 226px; }
.THD .table2 .td02, .THD .table3 .td02{ width: 488px; }
.THD .table3 tr:nth-child(even) td{ background: rgba(194,220,255,0.2); }

.THD .table5{ padding: 32px 0 60px; }
.THD .table4 table, .THD .table5 table{ border-top: #ebebeb solid 1px; border-left: #ebebeb solid 1px;}
.THD .table4 th, .THD .table5 th{ background: #C2DCFF; height: 60px; text-align: left; text-indent: 40px; font-size: 14px; color: #000; font-weight: 400;}
.THD .table4 td, .THD .table5 td{ border-right: #ebebeb solid 1px; border-bottom: #ebebeb solid 1px; line-height: 21px; font-size: 14px; color: #000; padding: 24px 0;}
.THD .table4 td{ width: 25%; }
.THD .table5 td{ width: 20%; }
.THD .table4 tr:nth-child(odd) td, .THD .table5 tr:nth-child(odd) td{ background: rgba(194,220,255,0.2); }
.THD .table4 td .msg, .THD .table5 td .msg{ padding: 0 40px; }

.THD .tableImg{ overflow: auto;}
.THD .tableImg2{ padding-top: 24px; }
.THD .tableImg .longDiv{ width: 850px; }
.THD .tableImg img{ width: 100%; }

.THD .tips{ font-size:14px; line-height:22px; color:#757575; padding:24px 0 60px;}


.proP1{ background: #F3F8FF; padding: 40px 0 32px; }
.proP3{ padding: 25px 0 0; }
.THD .titleDiv{ text-align: center; position: relative; margin-bottom: 30px; font-weight: bold;}
.THD .titleDiv .en{ font-size: 120px; line-height: 120px; color: #fff; text-transform: uppercase; }
.THD .titleDiv .en2{ color: #F3F8FF; }
.THD .titleDiv .cn{ position: absolute; width: 100%; font-size: 32px; line-height: 40px; top: 50%; margin-top: -20px; color: #000; }

.proP2{ height:400px; background:#3A2083; position:relative;}
.proP2 .en{ position: absolute; right: 55.1%; top: 0; color: #242A8C; font-size: 120px; line-height: 90px; font-weight: 900;}
.proP2 .title{ position:absolute; left:50%; margin-left:-600px; z-index:1; top:60px; font-size:32px; line-height:48px; color:#fff; font-weight:900;}

.zfw .hala{ overflow: hidden; height:400px; }
.zfw .rightImg{ width:55.83%; height:400px; position:absolute; right:0; top:0; background:center no-repeat; background-size:cover;}
.zfw .conDiv{ position:absolute; left:50%; margin-left:-600px; z-index:1; top:140px; width:366px;}
.zfw .name{ font-size: 24px; line-height: 34px; color: #fff; font-weight: 900; }
.zfw .content{ font-size:14px; line-height:28px; color:#fff; text-align:justify; margin-top:10px;}
.zfw .bg img{ width:100%;}
.zfw .swiper-pagination{ position:absolute; z-index:2!important; width: 0!important; bottom: auto!important; left: auto!important; right:50%!important; margin-right: -600px; top: 50%; margin-left: 0px!important;}
.zfw .swiper-pagination-bullet{ position: relative; cursor: pointer; display:block; opacity: 1; border-radius: 50%; border:none; width: 10px; height: 10px; box-sizing:border-box; margin: 20px auto!important; background: none; }
.zfw .swiper-pagination-bullet:after{ content: ''; position: absolute; left: 2px; top: 2px; box-sizing: border-box; width: 6px; height: 6px; border-radius: 50%; border:#fff solid 1px; }
.zfw .swiper-pagination-bullet-active { background: #fff; width:10px; height:10px; border: #fff solid 1px;}

.downloadBtn{ position: fixed; right: 24px; bottom: 50px; z-index: 3; }
.downloadBtn a{ display: flex; display: -webkit-flex;  align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; width: 54px; height: 54px; border-radius: 50%; background: #DD722C; color: #fff; line-height: 18px; box-shadow: -4px -4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1);}

.proLayer{ background: #fff; position: fixed; left: 0; bottom: 0; width: 100%; height: 40px; z-index: 5; }
.proLayer li{ text-align: center; float: left; height: 40px; width: 33.33%; color: #757575; font-size: 12px; transform: scale(0.83333); }
.proLayer .liNow{ color: #DD722C; font-weight: bold; }

.technology{ padding: 40px 0 60px; }
.technology .titleDiv{ text-align: center; position: relative; margin-bottom: 30px; font-weight: bold;}
.technology .titleDiv .en{ font-size: 120px; line-height: 120px; color: #f1f1f1; text-transform: uppercase; }
.technology .titleDiv .cn{ position: absolute; width: 100%; font-size: 32px; line-height: 40px; top: 50%; margin-top: -20px; color: #000; }
.technology .list{ padding-bottom: 20px; }
.technology .list ul{ margin-right: -23px; }
.technology .list li{ float: left; width: 25%; }
.technology .list li .box{ margin-right: 23px; padding-bottom: 90px; position: relative; }
.technology .list li .sd{ position: absolute; left: 50%; margin-left: -170px; bottom: 0; width: 339px; height: 220px; background: center no-repeat; z-index: -1; }

.technology .list li .ico{ text-align: center; height: 92px; }
.technology .list li .ico img{ width: 70px; }
.technology .list li .name{ width: 172px; height: 38px; margin: 0 auto; font-size: 20px; text-align: center; color: #fff; font-weight: bold; line-height: 38px; }
.technology .list li:nth-child(1) .name{ background: #3D1E87; }
.technology .list li:nth-child(2) .name{ background: #F57C0F; }
.technology .list li:nth-child(3) .name{ background: #00BBFF; }
.technology .list li:nth-child(4) .name{ background: #222991; }
.technology .list li .mxfDiv{ background: #fff; height: 412px; position: relative; }
.technology .list li .bg{ position: absolute; right: -24px; top: 64px; width: 24px; height: 36px; background: center no-repeat; }

.technology .list li:nth-child(1) .mxfDiv{ border: #3D1E87 solid 4px; }
.technology .list li:nth-child(2) .mxfDiv{ border: #F57C0F solid 4px; }
.technology .list li:nth-child(3) .mxfDiv{ border: #00BBFF solid 4px; }
.technology .list li:nth-child(4) .mxfDiv{ border: #222991 solid 4px; }
.technology .list li .msg{ font-size: 14px; line-height: 28px; height: 84px; color: #000; padding: 0 35px 0 20px; margin-top:20px; }
.technology .list li .wen{ margin-top: 16px; line-height: 18px; height: 28px; text-align: center; color: #000; font-weight: bold; }
.technology .list li .wen2{ margin-top: 6px; }
.technology .list li .icolie{ padding: 0 50px; overflow: hidden;}
.technology .list li .icolie2{ padding: 0 20px; }
.technology .list li .icolie dd{ float: left; width: 50%; text-align: center; padding-bottom: 10px;}
.technology .list li .icolie2 dd{ width: 33.33%; }
.technology .list li .icolie dd .la img{ width: 40px; }
.technology .list li .icolie dd p{ color: #000; font-size: 12px; line-height: 24px; }

.technology .table{ padding: 20px 0 130px; }
.technology .table table{ border-top: #ebebeb solid 1px; border-left: #ebebeb solid 1px; }
.technology .table th{ font-size: 20px; text-align: left; text-indent: 40px; font-weight: 400; color: #333; height: 60px; border-right: #ebebeb solid 1px; border-bottom: #ebebeb solid 1px; }
.technology .table .th01{ width: 226px; }
.technology .table .th02{ width: 488px; background: #F1F1F1; }
.technology .table td{ border-right: #ebebeb solid 1px; border-bottom: #ebebeb solid 1px; line-height: 21px; font-size: 14px; color: #000; padding: 20px 40px;}
.technology .table tr:nth-child(odd) td{ background: #fcfcfc; }
.technology .table .td01{ background: #F1F1F1!important;}

.technology .shadog{ margin: 40px 0 110px; border-radius: 10px; background: #EFEFEF; }
.technology .item{ padding: 40px 100px; overflow: hidden; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.technology .conDiv{ width: 508px;}
.technology .zxg{ padding-bottom: 32px; font-size: 24px; line-height: 34px; font-weight: bold; }
.technology .zxg em{display: inline-block;
    background: linear-gradient(90deg, #DD722C 0%, #3A2083 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;}
.technology .conDiv li{ font-size: 12px; padding-bottom: 24px; color: #000; }
.technology .conDiv li:last-child{ padding-bottom: 0; }
.technology .conDiv b{ display: block; line-height: 16px; padding-bottom: 8px;}
.technology .conDiv p{ line-height: 24px;}
.technology .rightImg{ width: 400px; border-radius: 10px; overflow: hidden;}
.technology .rightImg img{ width: 100%; }

.technology .otherDiv{ padding-bottom: 30px; }
.technology .baozhe{ padding: 32px 24px 0; }
.technology .baozhe:first-child{ padding: 18px 24px 0; }
.technology .tou{ position: relative; padding-left: 16px; font-size: 14px; line-height: 20px; color: #000; font-weight: 900; margin-bottom: 10px; }
.technology .tou:before{ content: ''; position: absolute; left: 0; width: 8px; height: 16px; top: 50%; margin-top: -8px; background: #DD722C; }
.technology .msgList{ margin-top: -22px; padding: 30px 24px; background: #efefef; }
.technology .msgList li{ font-size: 12px; padding-bottom: 24px; color: #000; }
.technology .msgList li:last-child{ padding-bottom: 0; }
.technology .msgList b{ display: block; line-height: 16px; padding-bottom: 8px;}
.technology .msgList p{ line-height: 24px;}

.technology .patMsg{ padding: 20px 0 24px; text-align: center; font-size: 14px; line-height: 28px; }
.technology .patImg{ text-align: center; }

.technology2{ padding: 40px 0 90px; }
.technology2 .titleDiv{ text-align: center; position: relative; margin-bottom: 10px; font-weight: bold;}
.technology2 .titleDiv2{ margin-top: 45px; }
.technology2 .titleDiv .en{ font-size: 120px; line-height: 120px; color: #f1f1f1; text-transform: uppercase; }
.technology2 .titleDiv .cn{ position: absolute; width: 100%; font-size: 32px; line-height: 40px; top: 50%; margin-top: -20px; color: #000; }
.technology2 .msg{ text-align: center; font-size: 14px; line-height: 28px; color: #000; padding-bottom: 24px;}
.technology2 .msg p{ display: inline; }
.technology2 .title{ text-align: center; font-size: 24px; line-height: 34px font-weight: bold; padding-bottom: 16px; }
.technology2 .title b{display: inline-block;
    background: linear-gradient(90deg, #DD722C 0%, #3A2083 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;}
.technology2 .content{ font-size: 14px; line-height: 28px; color: #000; width: 995px; margin: 0 auto; }
.technology2 .shadog { margin-top: 40px; background: #efefef; border-radius: 10px;}

.technology2 .tab2{ padding: 0 122px; height: 63px; position: relative; }
.technology2 .tab2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #E3E8EA; }
.technology2 .tab2 ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.technology2 .tab2 li{ cursor: pointer; position: relative; z-index: 1; width: 128px; height: 63px; line-height: 62px; text-align: center; font-size: 14px; color: #000; }
.technology2 .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background: #DD722C; }
.technology2 .tab2 .liNow{ color: #DD722C; font-weight: 900; }
.technology2 .tab2 .liNow:after{ left: 0; width: 100%;}

.technology2 .tabContent2{ padding: 40px 100px; overflow: hidden; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; }
.technology2 .conDiv{ width: 508px;}
.technology2 .conDiv li{ font-size: 12px; padding-bottom: 24px; color: #000; }
.technology2 .conDiv li:last-child{ padding-bottom: 0; }
.technology2 .conDiv b{ line-height: 16px; padding-bottom: 8px;}
.technology2 .conDiv p{ line-height: 24px;}
.technology2 .limg{ border-radius: 10px; overflow: hidden; width: 400px; }
.technology2 .limg img{ width: 400px; }

/*.technology2 .otherDiv{ padding-bottom: 30px; }*/
.technology2 .baozhe{ padding: 32px 24px 0; }
.technology2 .baozhe:first-child{ padding: 18px 24px 0; }
.technology2 .tou{ position: relative; padding-left: 16px; font-size: 14px; line-height: 20px; color: #000; font-weight: 900; margin-bottom: 10px; }
.technology2 .tou:before{ content: ''; position: absolute; left: 0; width: 8px; height: 16px; top: 50%; margin-top: -8px; background: #DD722C; }
.technology2 .imgDiv{ border-radius: 10px; overflow: hidden;}
.technology2 .imgDiv img{ width: 100%; }
.technology2 .msgList{ margin-top: -22px; padding: 30px 24px; background: #efefef; }
.technology2 .msgList li{ font-size: 12px; padding-bottom: 24px; color: #000; }
.technology2 .msgList li:last-child{ padding-bottom: 0; }
.technology2 .msgList p{ line-height: 24px;}

.technology3{ padding: 40px 0 90px; }
.technology3 .titleDiv{ text-align: center; position: relative; margin-bottom: 10px; font-weight: bold;}
.technology3 .titleDiv2{ margin-top: 45px; }
.technology3 .titleDiv .en{ font-size: 120px; line-height: 120px; color: #f1f1f1; text-transform: uppercase; }
.technology3 .titleDiv .cn{ position: absolute; width: 100%; font-size: 32px; line-height: 40px; top: 50%; margin-top: -20px; color: #000; }
.technology3 .wen{ text-align: center; font-size: 14px; line-height: 28px; padding: 10px 0 32px; color: #757575; }
.technology3 .list{ padding-bottom: 80px; }
.technology3 .list li{ float: left; width: 50%; text-align: center;}
.technology3 .list li .ico{ padding-bottom: 8px; }
.technology3 .list li .ico img{ width: 160px; }
.technology3 .list li .name{ font-size: 24px; line-height: 34px; padding-bottom: 16px; }
.technology3 .list li .name b{display: inline-block;
    background: linear-gradient(90deg, #DD722C 0%, #3A2083 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;}
.technology3 .list li .content{ font-size: 14px; line-height: 28px; color: #000; width: 386px; margin: 0 auto; }
.technology3 .lie{ padding: 55px 0 60px; }
.technology3 .lie li{ margin-bottom: 16px; padding-bottom: 12px; position: relative;}
.technology3 .lie li:last-child{ margin-bottom: 0; }
.technology3 .lie li:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 234px; height: 12px; background: url(../images/nimg14Bg.png) center no-repeat; }
.technology3 .lie li:last-child:before{ display: none; }
.technology3 .lie li .mxfDiv{ height: 120px; padding: 0 120px 0 284px; position: relative; background: #f9f9f9; border-radius: 4px;}
.technology3 .lie li .layer{ position: absolute; left: 0; top: 0; width: 234px; height: 120px; background: #efefef; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.technology3 .lie li .name{ text-align: center; font-size: 24px; line-height: 120px; }
.technology3 .lie li .name b{display: inline-block;
    background: linear-gradient(90deg, #DD722C 0%, #3A2083 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;}
.technology3 .lie li .msg{ display: table-cell; vertical-align: middle; height: 120px; font-size: 14px; line-height: 28px; color: #000; position: relative; z-index: 1;}
.technology3 .lie li .num{ position: absolute; right: 0; top: 0; width: 120px; height: 120px; line-height: 120px; font-size: 120px; color: #fff; font-weight: bold; text-align: center; }
.technology3 .icoico{ text-align: center; }
.technology3 .concon{ width: 996px; margin: 32px auto 0; font-size: 14px; line-height: 28px; color: #000;}

.aboutBanner{ position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.aboutBanner .bg img{ width: 100%; }
.aboutBanner .txtLayer{ position: absolute; left: 50%; margin-left: -600px; top: 40%; transform: translateY(-60%); z-index: 2; color: #000;}
.aboutBanner .txt{ font-size: 32px; line-height: 48px; font-weight: 900; }
.aboutBanner .msg{ font-size: 14px; line-height: 28px; text-align: justify; padding-top: 10px; width: 468px; }


.aboutP1{ background: #242A8C; overflow: hidden;}
.aboutP1 .list ul{display: inline-flex; width: 100%;}
.aboutP1 .list li{ width: 25%; transition: .65s; overflow: hidden; }
.aboutP1 .list li .box{ padding: 32px 42px; height: 300px; color: #fff; box-sizing: border-box; position: relative;}
.aboutP1 .list li .name{ font-size: 18px; line-height: 26px; font-weight: 900; }
.aboutP1 .list li .msg{ position: relative; z-index: 1; top: 10px; padding-top: 8px; font-size: 12px; line-height: 24px; opacity: 0; visibility: hidden; }
.aboutP1 .list li .limg{ position: absolute; right: 0; bottom: 0; width: 320px; height: 300px; }
.aboutP1 .list li .limg img{ position: absolute; left: 0; top: 0; }
.aboutP1 .list li .limg .img2{ opacity: 0; left: 320px;}
.aboutP1 .list li .btnDiv{ position: relative; z-index: 1; top: 10px; padding-top: 20px; opacity: 0; visibility: hidden;}
.aboutP1 .list li .btnDiv a{ display: block; width: 80px; height: 24px; line-height: 22px; color: #fff; font-size: 12px; border-radius: 36px; border: #fff solid 1px; text-align: center; }
.aboutP1 .list li .btnDiv a:hover{ background: #DD722C; border: #DD722C solid 1px; }
.aboutP1 .list li:hover{ width: 32%; background: #3A2083; }
.aboutP1 .list li:hover .msg, .aboutP1 .list li:hover .btnDiv{ opacity: 1; top: 0; visibility: visible;}
.aboutP1 .list li:hover .limg .img1{ opacity: 0;}
.aboutP1 .list li:hover .limg .img2{ opacity: 1; left: 0; }

.aboutP2{ background: #C2DCFF; padding: 60px 0; overflow: hidden; }
.aboutP2 .title{ text-align: center; font-size: 32px; line-height: 48px; color: #000; font-weight: 900; padding-bottom: 40px;}
.aboutP2 .mxfDiv{ position: relative;/* padding-left: 225px;*/ height: 80px; }
/*.aboutP2 .txt{ position: absolute; left: 0; top: 0; z-index: 2; width: 200px; height: 80px; box-sizing: border-box; border: #000 solid 1px; text-align: center; line-height: 78px; color: #000; font-size: 18px; font-weight: 900; }
*/
.rightScroll{ overflow:hidden; }
.rightScroll .list li{ float: left; margin: 0 12px;}
.rightScroll .list li .txt{ width: 200px; height: 80px; box-sizing: border-box; border: #000 solid 1px; text-align: center; line-height: 78px; color: #000; font-size: 18px; font-weight: 900;}
.rightScroll .list li .limg{ position: relative; height: 80px; width: 200px; background: #fff; overflow: hidden; }
.rightScroll .list li .limg img{ max-width: 200px; max-height: 80px; }
.rightScroll .list li .limg:before{content:""; z-index: 1; position: absolute;left:0;top:0;border-top:1px solid #DD722C;border-left:1px solid #DD722C;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.rightScroll .list li .limg:after{content:""; z-index: 1; position: absolute;right:0;bottom:0;border-right:1px solid #DD722C;border-bottom:1px solid #DD722C;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.rightScroll .list li .limg:hover:before{width:100%;height:100%;visibility: visible;}
.rightScroll .list li .limg:hover:after{width:100%;height:100%;visibility: visible;}

.aboutP3{ padding: 60px 0; }
.aboutP3 .title{ text-align: center; font-size: 32px; line-height: 48px; color: #000; font-weight: 900; padding-bottom: 40px;}
.aboutP3 .leftDiv{ width: 400px; }
.aboutP3 .toptop{ height:138px; position:relative;}
.aboutP3 .msgList li{ box-sizing: border-box; position: relative; min-height: 24px; padding: 0 0 24px 32px; font-size: 12px; line-height: 24px; color: #000; }
.aboutP3 .msgList li:last-child{ padding: 0 0 0 32px;}
.aboutP3 .msgList li .ico{ position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; background: rgba(194, 220, 255, 0.2); }
.aboutP3 .msgList li a{ color: #000; }
.aboutP3 .msgList li a:hover{ color: #DD722C; }
.aboutP3 .ewm{ position:absolute; right:0; top:0;}
.aboutP3 .ewm li{ float:left; margin-left:26px; text-align:center;}
.aboutP3 .ewm li:first-child{ margin-left:0;}
.aboutP3 .ewm li img{ width:64px;}
.aboutP3 .ewm li p{ padding-top:5px; transform: scale(0.86666); -webkit-transform:scale(0.86666);}
.aboutP3 .lie li{ margin-bottom: 20px; cursor:pointer; border-radius: 10px; background: #fff; overflow: hidden; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1), -4px -4px 4px rgba(0, 0, 0, 0.1);}
.aboutP3 .lie li:last-child{ margin-bottom: 0; }
.aboutP3 .lie li .mapDiv{ height: 160px; position: relative; }
.aboutP3 .lie li .hov{ position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: rgba(221,114,44,0.9); }
.aboutP3 .lie li .hov a{ width: 100%; height: 100%; font-size: 12px; color: #fff; }
.aboutP3 .lie li .botDiv{ height: 80px; padding: 16px 10px 0 32px; font-size: 12px; line-height: 24px; box-sizing: border-box; color: #000;}
.aboutP3 .lie li .wen{ font-weight: 900; position:relative; display:inline-block; padding-right:24px; box-sizing:border-box;}
.aboutP3 .lie li .wen:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -2px; width: 5px; height: 5px; border-color: #000; border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); }
.aboutP3 .lie li:hover{ background:#DD722C;}
.aboutP3 .lie li:hover .botDiv{ color: #fff;}
.aboutP3 .lie li:hover .wen:after{ border-color: #fff;}

.aboutP3 .rightDiv{ width: 712px; background: rgba(194, 220, 255, 0.2); border-radius: 10px; padding: 38px 56px; box-sizing: border-box; }
.aboutP3 .form{ overflow: hidden; }
.aboutP3 .form ul{ margin-right: -20px; }
.aboutP3 .form li{ float: left; width: 50%; padding-bottom: 24px;}
.aboutP3 .form .li01, .aboutP3 .form .li02{ width: 100%; }
.aboutP3 .form li .box{ margin-right: 20px; border-radius: 10px; overflow: hidden; position: relative; background:#fff;}
.aboutP3 .form li .input1{ width: 100%; border-radius: 10px; background: #fff; border:#fff solid 1px; list-style: none; height: 80px; line-height: 80px; box-sizing: border-box; padding-left: 32px; font-size: 14px; color:#000; }
.aboutP3 .form .li02 .box{ height:164px;}
.aboutP3 .form li textarea{ width: 100%; background: #fff; height: 164px; border-radius: 10px; color:#000; padding: 32px 32px 0; line-height: 20px; border:#fff solid 1px; box-sizing: border-box; font-size: 14px; }
.aboutP3 .form li .yzm{ position: absolute; right: 8px; top: 8px; }
.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; }

.aboutP3 .form li .input1:focus {outline:none; border: 1px solid #000; }
.aboutP3 .form li textarea:focus {outline:none; border: 1px solid #000; }

/*.aboutP3 .form li .input1:focus::-webkit-input-placeholder, .aboutP3 .form li textarea:focus::-webkit-input-placeholder{ color: transparent;}
.aboutP3 .form li .input1:focus:-moz-placeholder, .aboutP3 .form li textarea:focus:-moz-placeholder{ color: transparent;}
.aboutP3 .form li .input1:focus::-moz-placeholder, .aboutP3 .form li textarea:focus::-moz-placeholder{ color: transparent;}
.aboutP3 .form li .input1:focus:-ms-input-placeholder, .aboutP3 .form li textarea:focus::-moz-placeholder{ color: transparent;}*/

.meiheng{ padding: 60px 0 32px; }
.meiheng .title{ text-align: center; font-size: 32px; line-height: 48px; color: #000; font-weight: bold; }
.meiheng .msg{ padding-top: 10px; text-align: center; font-size: 14px; line-height: 28px; color: #757575; }
.meiheng .numList{ padding: 42px 0 60px; }
.meiheng .numList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.meiheng .numList li .num{ font-size: 12px; color: #392083; font-weight: 900; }
.meiheng .numList li .numUp{ font-size: 80px; line-height: 64px; }
.meiheng .numList li p{ line-height: 24px; color: #000; text-align: center; }
.meiheng .shadog{ margin-bottom: 60px; overflow: hidden; }
.meiheng .shadog li{ float: left; height: 300px; background: #242A8C; box-sizing: border-box; padding: 32px 0 0 40px; font-size: 12px; color: #fff;}
.meiheng .shadog li:nth-child(even){ background: #3A2083; }
.meiheng .shadog li:nth-child(1){ width: 224px; }
.meiheng .shadog li:nth-child(2){ width: 508px; }
.meiheng .shadog li:nth-child(3){ width: 244px; }
.meiheng .shadog li:nth-child(4){ width: 224px; }
.meiheng .shadog li:last-child{ overflow: hidden; }
.meiheng .shadog li .name{ font-size: 18px; font-weight: 900; line-height: 26px; }
.meiheng .shadog li .wen{ line-height: 24px; padding-top: 8px; }
.meiheng .shadog dl{ padding-top: 50px; }
.meiheng .shadog dd{ float: left; box-sizing: border-box;}
.meiheng .shadog li .year{ height: 42px; font-size: 18px; line-height: 26px; font-weight: 900; position: relative; }
.meiheng .shadog li .year:before{ content: ''; position: absolute; z-index: 2; left: 0; bottom: 0; width: 8px; height: 8px; border-radius: 50%; background: #fff; }
.meiheng .shadog li .year:after{ content: ''; position: absolute; z-index: 1; left: 0; bottom: 3px; width: 300%; background: #fff; height: 2px; }
.meiheng .shadog li:last-child .year:after{ background: #3A2083;}
.meiheng .shadog li .content{ line-height: 24px; padding-top: 8px; }
.meiheng .shadog li:nth-child(1) .content{ width: 150px; }
.meiheng .shadog li:nth-child(2) dd{ padding-right: 20px; }
.meiheng .shadog li:nth-child(2) dd:nth-child(1){ width: 122px; }
.meiheng .shadog li:nth-child(2) dd:nth-child(2){ width: 160px; }
.meiheng .shadog li:nth-child(2) dd:nth-child(3){ width: 132px; }
.meiheng .shadog li:nth-child(3) .content{ width: 160px; }

.meiheng .list{ padding: 16px 0 60px; }
.meiheng .list ul{ margin-right: -20px; }
.meiheng .list li{ float: left; width: 33.33%; font-size: 12px;}
.meiheng .list li .box{ margin-right: 20px; height: 280px; border-radius: 10px; position: relative; overflow: hidden; background: rgba(194, 220, 255, 0.2);}
.meiheng .list li .name{ height: 80px; line-height: 80px; background: #C2DCFF; font-size: 14px; color: #000; font-weight: 900; padding-left: 40px; }
.meiheng .list li .content{ line-height: 24px; padding: 24px 40px 0; color: #000; position: relative; z-index: 1; }
.meiheng .list li .limg{ position: absolute; right: 16px; top: -8px; z-index: 0; }
.meiheng .list li .limg img{ width: 100px; }

.meiheng .lie{ padding-top: 40px; }
.meiheng .lie ul{ margin-right: -20px; }
.meiheng .lie li{ float: left; width: 33.33%; padding-bottom: 32px;}
.meiheng .lie li .box{ margin-right: 20px; border-radius: 10px; overflow: hidden; background: rgba(194, 220, 255, 0.2); }
.meiheng .lie li .imgDiv{ overflow: hidden; }
.meiheng .lie li .imgDiv img{ width: 100%; }
.meiheng .lie li .name{ height: 64px; line-height: 64px; font-size: 14px; color: #000; font-weight: 900; padding-left: 40px; }
.meiheng .lie li .box:hover .imgDiv img{ transform:scale(1.2);-webkit-transform:scale(1.2);}

.ytlh{ padding: 60px 0 28px; }
.ytlh .title{ text-align: center; font-size: 32px; line-height: 48px; color: #000; font-weight: bold; }
.ytlh .msg{ padding-top: 10px; text-align: center; font-size: 14px; line-height: 28px; color: #757575; }
.ytlh .icoList{ padding: 52px 120px 66px; }
.ytlh .icoList li{ float: left; width: 50%; color: #000; text-align:center;}
.ytlh .icoList li .name{ padding-top: 30px; font-size: 24px; line-height: 34px; }
.ytlh .icoList li .name b{ display: inline-block;
    background: linear-gradient(90deg, #DD722C 0%, #3A2083 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;}
.ytlh .icoList li .content{ padding-top: 10px; font-size:14px; line-height: 28px; width: 296px; margin:0 auto; }

.ytlh .mxfDiv{ height: 400px; background: #3A2083; margin-bottom: 60px; }
.ytlh .mxfDiv .conDiv{ width: 488px; padding: 0 60px; box-sizing: border-box; color: #fff; }
.ytlh .mxfDiv .conDiv .name{ padding-top: 60px; font-size: 32px; line-height: 48px; font-weight: 900;}
.ytlh .mxfDiv .conDiv .content{ padding-top: 8px; font-size: 14px; line-height: 28px; }
.ytlh .mxfDiv .bg{ position:relative;}
.ytlh .mxfDiv .bg img{ width: 712px; }
.ytlh .mxfDiv .playBtn{ position:absolute; cursor:pointer; left:-40px; width:80px; height:80px; top:50%; margin-top:-40px; z-index:1; background:url(../images/nimg80_1.png) no-repeat;}
.ytlh .mxfDiv .playBtn .videoH{ display:none;}
.ytlh .list{ padding-top: 40px; }
.ytlh .list ul{ margin-right: -20px; } 
.ytlh .list li{ float: left; width: 33.33%; padding-bottom: 32px; }
.ytlh .list li .box{ margin-right: 20px; overflow: hidden; border-radius: 10px; background: rgba(194, 220, 255, 0.2); }
.ytlh .list li .imgDiv{ overflow: hidden; }
.ytlh .list li .imgDiv img{ width: 100%; }
.ytlh .list li .name{ height: 64px; padding-left: 40px; font-size: 14px; color: #000; font-weight: 900; overflow: hidden; }
.ytlh .list li .box:hover .imgDiv img{ transform:scale(1.2);-webkit-transform:scale(1.2);}

.diyin{ padding: 60px 0 76px; }
.diyin .title{ text-align: center; font-size: 32px; line-height: 48px; color: #000; font-weight: bold; }
.diyin .msg{ padding-top: 10px; text-align: center; font-size: 14px; line-height: 28px; color: #757575; }
.diyin .icoList{ padding: 52px 120px 66px; }
.diyin .icoList li{ float: left; width: 50%; color: #000; text-align:center;}
.diyin .icoList li .name{ padding-top: 30px; font-size: 24px; line-height: 34px; }
.diyin .icoList li .name b{ display: inline-block;
    background: linear-gradient(90deg, #DD722C 0%, #3A2083 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;}
.diyin .icoList li .content{ padding-top: 10px; font-size:14px; line-height: 28px; width: 280px; margin:0 auto; }
.diyin .pjDiv{ height: 400px; background: #232A8C; }
.diyin .pjDiv .conDiv{ width: 488px; padding: 0 60px; box-sizing: border-box; color: #fff; }
.diyin .pjDiv .conDiv .name{ padding-top: 60px; font-size: 32px; line-height: 48px; font-weight: 900;}
.diyin .pjDiv .conDiv .content{ padding-top: 8px; font-size: 14px; line-height: 28px; }
.diyin .pjDiv .bg{ position:relative;}
.diyin .pjDiv .bg img{ width: 712px; }
.diyin .pjDiv .playBtn{ position:absolute; cursor:pointer; left:-40px; width:80px; height:80px; top:50%; margin-top:-40px; z-index:1; background:url(../images/nimg80_1.png) no-repeat;}
.diyin .pjDiv .playBtn .videoH{ display:none;}
.diyin .shadog{ margin: 40px 0 60px; border-radius: 10px; overflow: hidden; background: rgba(194, 220, 255, 0.2); }
.diyin .tab2{ position: relative; height: 62px; padding: 0 122px;}
.diyin .tab2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #E3E8EA; }
.diyin .tab2 ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.diyin .tab2 li{ width: 120px; position: relative; z-index: 1; font-size: 14px; text-align: center; color: #000; height: 62px; line-height: 62px; }
.diyin .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background: #DD722C; }
.diyin .tab2 .liNow{ color: #DD722C; font-weight: 900; }
.diyin .tab2 .liNow:after{ width: 100%; left: 0; }
.diyin .tabContent2{ animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.diyin .list{ padding: 40px 102px 24px; }
.diyin .list ul{ margin-right: -48px; }
.diyin .list li{ float: left; width: 33.33%; padding-bottom: 24px;}
.diyin .list li .box{ margin-right: 48px; border-radius: 10px; background: #fff; overflow: hidden;}
.diyin .list li .imgDiv{ overflow: hidden; }
.diyin .list li .imgDiv img{ width: 100%; }
.diyin .list li .name{ height: 48px; line-height: 48px; overflow: hidden; font-weight: 900; color: #000; text-align: center; }
.diyin .list li .box:hover .imgDiv img{ transform:scale(1.2);-webkit-transform:scale(1.2);}
.diyin .lie{ padding-top: 40px; }
.diyin .lie li{ padding-bottom: 40px; }
.diyin .lie li:last-child{ padding-bottom: 0; }
.diyin .lie li .mxfDiv{ padding-top: 20px; position: relative; height: 240px; box-sizing:border-box; }
.diyin .lie li .imgDiv{ position: absolute; left: 0; top: 0; border-radius: 10px; overflow: hidden; }
.diyin .lie li .imgDiv img{ width: 400px; }
.diyin .lie li .l7Div{ height: 220px; background: rgba(194,220,255,0.2); border-radius: 10px; padding: 0 100px 0 468px; }
.diyin .lie li .txt{ font-size: 12px; line-height: 16px; color: #000; font-weight: 900; }
.diyin .lie li .wen{ font-size: 12px; line-height: 24px; color: #000; padding-top: 8px;}
.diyin .lie li:nth-child(even) .imgDiv{ left: auto; right: 0; }
.diyin .lie li:nth-child(even) .l7Div{ padding: 0 468px 0 100px;}
.diyin .lie li .mxfDiv .imgDiv:hover img{ transform:scale(1.2);-webkit-transform:scale(1.2);}
.diyin .otherDiv{ margin: 16px 0 40px; padding: 16px 24px 20px; background: rgba(194, 220, 255, 0.2); }
.diyin .cn{ position: relative; padding-left: 16px; font-size: 14px; line-height: 20px; color: #000; font-weight: 900; margin-bottom: 16px; }
.diyin .cn:before{ content: ''; position: absolute; left: 0; width: 8px; height: 16px; top: 50%; margin-top: -8px; background: #DD722C; }

.diyinPic{ overflow: hidden; border-radius: 10px; margin-bottom: 24px; }
.diyinPic:last-child{ margin-bottom: 0; }
.diyinPic .swiper-slide{ background:#fff; height: auto!important; }
.diyinPic .swiper-slide img{ width: 100%; }
.diyinPic .swiper-slide .name{ height: 42px; text-align: center; color: #000; font-weight: 900; background: #fff; line-height: 42px; font-size: 12px; }
.diyinPic .swiper-pagination{top: 42%!important; right: 24px!important; }
.diyinPic .swiper-pagination-bullet{ position: relative; cursor: pointer; display:block; opacity: 1; border-radius: 50%; border:none; width: 10px; height: 10px; box-sizing:border-box; margin: 16px auto!important; background: none; }
.diyinPic .swiper-pagination-bullet:after{ content: ''; position: absolute; left: 2px; top: 2px; box-sizing: border-box; width: 6px; height: 6px; border-radius: 50%; border:#fff solid 1px; }
.diyinPic .swiper-pagination-bullet-active { background: #fff; width:10px; height:10px; border: #fff solid 1px;}
.diyinPic:last-child .swiper-pagination-bullet{ margin: 8px auto!important;}

.youente{ padding: 60px 0 76px; }
.youente .title{ text-align: center; font-size: 32px; line-height: 48px; color: #000; font-weight: bold; }
.youente .msg{ padding-top: 10px; text-align: center; font-size: 14px; line-height: 28px; color: #757575; }
.youente .msg2{ text-align: left; }
.youente .icoList{ padding: 52px 0 66px; }
.youente .icoList li{ width: 300px; margin:0 auto; color: #000; text-align:center;}
.youente .icoList li .name{ padding-top: 30px; font-size: 24px; line-height: 34px; }
.youente .icoList li .name b{ display: inline-block;
    background: linear-gradient(90deg, #DD722C 0%, #3A2083 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;}
.youente .icoList li .content{ padding-top: 10px; font-size:14px; line-height: 28px;}
.youente .pjDiv{ height: 400px; background: #DD722C; margin-bottom: 60px; }
.youente .pjDiv .conDiv{ width: 488px; padding: 0 60px; box-sizing: border-box; color: #fff; }
.youente .pjDiv .conDiv .name{ padding-top: 60px; font-size: 32px; line-height: 48px; font-weight: 900;}
.youente .pjDiv .conDiv .content{ padding-top: 8px; font-size: 14px; line-height: 28px; }
.youente .pjDiv .bg img{ width: 712px; }

.youente .lie{ padding: 40px 0 60px; }
.youente .lie li{ padding-bottom: 40px; }
.youente .lie li:last-child{ padding-bottom: 0; }
.youente .lie li .mxfDiv{ padding-top: 20px; position: relative; height: 240px; box-sizing:border-box; }
.youente .lie li .imgDiv{ position: absolute; left: 0; top: 0; border-radius: 10px; overflow: hidden; }
.youente .lie li .imgDiv img{ width: 400px; }
.youente .lie li .l7Div{ height: 220px; background: rgba(194,220,255,0.2); border-radius: 10px; padding: 0 100px 0 468px; }
.youente .lie li .txt{ font-size: 12px; line-height: 16px; color: #000; font-weight: 900; }
.youente .lie li .wen{ font-size: 12px; line-height: 24px; color: #000; padding-top: 8px;}
.youente .lie li:nth-child(even) .imgDiv{ left: auto; right: 0; }
.youente .lie li:nth-child(even) .l7Div{ padding: 0 468px 0 100px;}
.youente .lie li .mxfDiv .imgDiv:hover img{ transform:scale(1.2);-webkit-transform:scale(1.2);}

.youente .shadog{ margin-top: 40px; border-radius: 10px; background: #EFEFEF; }
.youente .tab2{ height: 62px; padding: 0 122px; position: relative; }
.youente .tab2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #E3E8EA; }
.youente .tab2 ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.youente .tab2 li{ position: relative; z-index: 1; width: 122px; height: 62px; line-height: 62px; font-size: 14px; color: #000; text-align: center; }
.youente .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background: #DD722C; }
.youente .tab2 .liNow{ color: #DD722C; font-weight: 900; }
.youente .tab2 .liNow:after{ left: 0; width: 100%; }

.youente .item{ padding: 40px 100px; overflow: hidden; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.youente .conDiv{ width: 508px;}
.youente .conDiv li{ font-size: 12px; padding-bottom: 24px; color: #000; }
.youente .conDiv li:last-child{ padding-bottom: 0; }
.youente .conDiv b{ display: block; line-height: 16px; padding-bottom: 8px;}
.youente .conDiv p{ line-height: 24px;}
.youente .rightImg{ width: 400px; border-radius: 10px; overflow: hidden;}
.youente .rightImg img{ width: 100%; }

.youente .baozhe{ padding: 32px 24px 0; }
.youente .baozhe:first-child{ padding: 18px 24px 0; }
.youente .tou{ position: relative; padding-left: 16px; font-size: 14px; line-height: 20px; color: #000; font-weight: 900; margin-bottom: 10px; }
.youente .tou:before{ content: ''; position: absolute; left: 0; width: 8px; height: 16px; top: 50%; margin-top: -8px; background: #DD722C; }
.youente .msgList{ margin-top: -22px; padding: 30px 24px; background: rgba(194,220,255,0.2); }
.youente .msgList li{ font-size: 12px; padding-bottom: 24px; color: #000; }
.youente .msgList li:last-child{ padding-bottom: 0; }
.youente .msgList b{ display: block; line-height: 16px; padding-bottom: 8px;}
.youente .msgList p{ line-height: 24px;}


.videoModal-box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  align-items: center;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.videoModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}


.videoModal-box .shipinLayer {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}

.shipinLayer .close{position: absolute; opacity:1; display: block; right: 0; top: -40px; width:30px; height: 30px; background: url(../images/close.png) no-repeat; background-size: 30px; transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.shipinLayer .close:hover { transform: rotate(-90deg);}
.videoModal-box .shipinLayer video{ width:100%;}

.addVideo{ height:400px; background:#3A2083; position:relative;}
.addVideo .rightImg{ width:55.83%; height:400px; position:absolute; right:0; top:0; background:center no-repeat; background-size:cover;}
.addVideo .conDiv{ position:absolute; left:50%; margin-left:-600px; z-index:1; top:60px; width:366px;}
.addVideo .conDiv2{ width: 424px; }
.addVideo .title{ font-size:32px; line-height:48px; color:#fff; font-weight:900;}
.addVideo .name{ font-size: 24px; line-height: 34px; color: #fff; font-weight: 900; padding-top: 32px; }
.addVideo .content{ font-size:14px; line-height:28px; color:#fff; text-align:justify; padding-top:10px;}
.addVideo .bg img{ width:100%;}
.addVideo .playBtn{ position:absolute; cursor:pointer; left:-40px; width:80px; height:80px; top:50%; margin-top:-40px; z-index:1; background:url(../images/nimg80_1.png) no-repeat;}
.addVideo .playBtn .videoH{ display:none;}
.addVideo .en{ position: absolute; right: 55.1%; top: 0; color: #242A8C; font-size: 120px; line-height: 90px; font-weight: 900;}

/*.THD .addVideo{ margin-top:40px;}*/

.errorDiv{ height:100vh; background:#efefef; text-align:center;}
.errorDiv .txt{ padding-top:95px; font-size:32px; line-height:48px; color:#000; font-weight:900;}
.errorDiv .wen{ color:#757575; font-size:14px; line-height:28px;}
.errorDiv .btnDiv{ width:200px; margin:40px auto 0;}
.errorDiv .btnDiv a{ display:block; width:200px; height:60px; box-sizing:border-box; line-height:58px; text-align:center; color:#000; font-size:14px; border:#000 solid 1px; border-radius:48px;}
.errorDiv .btnDiv a:hover{ background: #DD722C; border: #DD722C solid 1px; color:#fff;}