/*banner*/
.ind-banner{width: 100%; height: 6.8rem;overflow: hidden;} 
.ind-banner .swiper-slide {height: 6.8rem; color: #fff; } 
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide .img{ display: none; }
.ind-banner .swiper-slide img{width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-pagination{ display: none; position: absolute; text-align: center; left: 0; width: 100%; bottom: 40px!important; } 
.ind-banner .swiper-pagination-bullet {width: 26px; height: 26px; opacity: 1; background: url(../images/ico1.png) center no-repeat; margin-left:5px!important; margin-right: 5px;} 
.ind-banner .swiper-pagination-bullet-active {background: url(../images/ico1on.png) center no-repeat; } 
.ind-banner .layer{ position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%);} 
.ind-banner .layer img{ width: 6.08rem; }

.ind-banner .btn{ display: block; position: absolute; top: 50%; margin-top: -27px; width: 54px; height: 54px; border-radius: 50%; background: rgba(0,0,0,0.1); z-index: 2; }
.ind-banner .prev{ left: 60px;}
.ind-banner .next{ right: 60px;}
.ind-banner .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -10px; width: 11px; height: 20px; background: url(../images/nimg11_left.png) no-repeat; }
.ind-banner .next:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -10px; width: 11px; height: 20px; background: url(../images/nimg11_right.png) no-repeat; }
.ind-banner .btn:hover{ background: #d5db53;}

/*banner结束*/

.indexTitle{ text-align: center;}
.indexTitle .title1{ font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; }
.indexTitle .title2{ font-size: 14px; line-height: 14px; font-family:light; padding-top: 0.1rem; }

.indexPart1{ overflow: hidden; position: relative; background: #f7f7f7;}
.indexPart1:before{ content: ''; position: absolute; left: 0; top: 0; width: 8.93rem; height: 6.7rem; background: url(../images/nimg893Bg.png) center no-repeat; background-size: 8.93rem; z-index: 1; }
.indexPart1 .leftDiv{ position: absolute; left: 50%; margin-left: -7.68rem; top: 0; z-index: 2; }
.indexPart1 .rightImg{ width: 50%; position: relative; z-index: 2; }
.indexPart1 .rightImg img{ width: 100%; }
.indexPart1 .indexTitle{ padding-top: 1.2rem; }
.indexPart1 .content{ padding-top: 0.5rem; font-size: 0.16rem; line-height: 0.3rem; width: 6.25rem; height: 0.9rem; overflow: hidden; }
.indexPart1 .btnDiv{ padding-top: 1.0rem; }
.indexPart1 .btnDiv a{ display: block; width: 1.4rem; height: 0.48rem; line-height: 0.48rem; color: #231f20; text-align: center; background: #d5db53; font-weight: bold; font-size: 14px; text-transform: uppercase; }
.indexPart1 .list{ position: absolute; left: 50%; margin-left: -7.68rem; bottom: 1.15rem; z-index: 3; }
.indexPart1 .list li{ float: left; width: 2.56rem; text-align: center; position: relative;}
.indexPart1 .list li .lbox{ position: relative; height: 1.9rem; background: #fff; }
.indexPart1 .list li .lbox:before{ content: ''; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; background: #d5db53; z-index: 1;}
.indexPart1 .list li a{ display: block; width: 100%; height: 100%; position: relative; z-index: 2;}
.indexPart1 .list li .ico{ padding: 0.52rem 0 0.2rem; }
.indexPart1 .list li .ico .img1{ display: none; }
.indexPart1 .list li .C-name{ font-size: 16px; color: #666; }
.indexPart1 .list li .E-name{ color: #d0d0d0; padding-top: 8px; }
.indexPart1 .list li:hover .mxfDiv{ -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}
.indexPart1 .list li:hover .lbox:before{ height: 100%; }
.indexPart1 .list li:hover .ico img{ display: none; }
.indexPart1 .list li:hover .ico .img1{ display: inline-block; }
.indexPart1 .list li:hover .C-name{ color: #231f20; }
.indexPart1 .list li:hover .E-name{ color: #8e913c; }

.indexPart2{ padding: 1.1rem 0 1.2rem; }
.indexPart2 .list{ padding-top: 0.45rem; }
.indexPart2 .list ul{ margin-right: -0.3rem; }
.indexPart2 .list li{ float: left; width: 33.33%; }
.indexPart2 .list li .lbox{ margin-right: 0.3rem; }
.indexPart2 .list li .imgDiv{ position: relative; }
.indexPart2 .list li .imgDiv img{ width: 100%; }
.indexPart2 .list li .imgDiv:after{ content: ''; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
.indexPart2 .list li .botDiv{ height: 1.4rem; background: #f8f8f8; }
.indexPart2 .list li .C-name{ padding-top: 0.35rem; font-size: 0.3rem; height: 0.4rem; line-height: 0.4rem; overflow: hidden; text-align: center; color: #000;}
.indexPart2 .list li .E-name{ padding-top: 0.05rem; text-align: center; color: #666; font-family:GOTHICB; font-size: 14px; text-transform: uppercase;}
.indexPart2 .list li:hover .botDiv{ background: #c4cd09; }
.indexPart2 .list li:hover .C-name, .indexPart2 .list li:hover .E-name{ color: #fff; }
.indexPart2 .list li:hover .imgDiv:after{ opacity: 1; }

.indexPart3{ position: relative; }
.indexPart3 .indexTitle{ position: absolute; left: 50%; margin-left: -7.68rem; top: 1.05rem; z-index: 1; }
.indexPart3 .bigImg img{ width: 100%; }
.indexPart3 .tab{ position: absolute; left: 50%; margin-left: -7.68rem; bottom: 0.2rem; z-index: 1; width: 15.36rem; }
.indexPart3 .tab ul{ margin-right: -0.14rem; }
.indexPart3 .tab li{ float: left; width: 25%; }
.indexPart3 .tab li .lbox{ margin-right: 0.14rem; background: rgba(0,0,0,0.65); height: 1.6rem; position: relative; }
.indexPart3 .tab li .imgDiv{ padding: 0.1rem;}
.indexPart3 .tab li .imgDiv img{ width: 3.54rem; }
.indexPart3 .tab li .name{ position: absolute; left: 0.3rem; bottom: 0.3rem; font-size: 18px; line-height: 18px; color: #fff; }
.indexPart3 .tab .liNow .lbox{ background: #fff; }

.indexPart3Tel{ padding: 0 0.3rem; }
.indexPart3Tel .indexTitle{ text-align: center; padding-bottom: 0.35rem; }
.indexCase .swiper-wrapper{ padding-bottom: 0.75rem; }
.indexCase .imgDiv img{ width: 100%; }
.indexCase .name{ font-size: 0.3rem; color: #000; padding-top: 0.45rem; text-align: center;}
.indexCase .swiper-pagination{ position: absolute; text-align: center; left: 0; width: 100%; bottom: 0!important; } 
.indexCase .swiper-pagination-bullet {width: 0.2rem; height: 0.2rem; opacity: 1; background: #ccc; margin-left:5px!important; margin-right: 5px;} 
.indexCase .swiper-pagination-bullet-active {background: #d5db53; } 

.indexPart4{ padding: 1.1rem 0 2.1rem; background: url(../images/bg1.jpg) center top repeat-y;}
.indexPart4 .wal2{ position: relative; }
.indexPart4 .tab2{ position: absolute; right: 0; top: 0.1rem; }
.indexPart4 .tab2 li{ float: left; margin-left: 0.4rem; font-size: 14px; color: #999; height: 28px; position: relative;}
.indexPart4 .tab2 li:after{ content: ''; width: 0; height: 3px; background: #d5db53; position: absolute; left: 0; bottom: 0; }
.indexPart4 .tab2 .liNow{ color: #2b2b2b; }
.indexPart4 .tab2 .liNow:after{ width: 100%; }
.indexPart4 .list{ padding-top: 0.8rem; overflow: hidden; }
.indexPart4 .list ul{ margin-right: -1.92rem; }
.indexPart4 .list li{ float: left; width: 33.33%;}
.indexPart4 .list li .lbox{ margin-right: 1.92rem; position: relative; top: 0; }
.indexPart4 .list li .lbox:hover{ top: -0.2rem; }
.indexPart4 .list li .time{ color: #666; font-size: 14px; padding-bottom: 0.15rem;}
.indexPart4 .list li .name{ font-size: 0.3rem; color: #2b2b2c; line-height: 0.36rem; height: 0.72rem; overflow: hidden; }
.indexPart4 .list li .imgDiv{ padding-top: 0.22rem; }
.indexPart4 .list li .imgDiv img{ width: 100%; }
.indexPart4 .list li .content{ padding-top: 30px; font-size: 14px; line-height: 30px; height: 90px; overflow: hidden; color: #666;}
.indexPart4 .list li .btnDiv{ margin-top: 0.7rem; position: relative; display: block; text-align: center; text-transform: uppercase; width: 1.75rem; height: 0.58rem; line-height: 0.58rem; background: #eaeaea; font-weight: bold;  }
.indexPart4 .list li .btnDiv em{ font-size: 14px; color: #000; position: relative; z-index: 1;}
.indexPart4 .list li .btnDiv:before{ content: ''; width: 30px; height: 2px; background: #d5db53; position: absolute; left: 0; bottom: 0; z-index: 0; }
.indexPart4 .list li:hover .btnDiv:before{ width: 100%; height: 100%; }

.aboutPart1{ padding: 50px 0 130px; }
.aboutPart1 .wal{ position: relative; padding-top: 65px;}
.aboutPart1 .leftDiv{ width: 515px; }
.aboutPart1 .year{ padding: 40px 0 15px; font-size: 48px; line-height: 48px; color: #d5db53; font-family:GOTHICB; text-transform: uppercase;}
.aboutPart1 .content{ font-size: 16px; line-height: 30px; }
.aboutPart1 .rightImg{ position: absolute; right: 0; top: 0; }

.aboutPart2{ padding-top: 115px; height: 717px; background: url(../images/aboutBg.jpg) center no-repeat; background-size: cover; }
.aboutPart2 .list{ padding-top: 50px; }
.aboutPart2 .list ul{ margin-right: -38px; }
.aboutPart2 .list li{ float: left; width: 33.33%; }
.aboutPart2 .list li .lbox{ margin-right: 38px; height: 455px; background: #fff; }
.aboutPart2 .list li .ico{ padding: 80px 0 40px; text-align: center;}
.aboutPart2 .list li .name1{ font-size: 30px; color: #000; text-align: center; }
.aboutPart2 .list li .name2{ font-size: 14px; color: #999; text-align: center; font-family:GOTHICB; text-transform: uppercase; }
.aboutPart2 .list li .msg{ text-align: center; line-height: 30px; padding-top: 15px; font-size: 18px; }
.aboutPart2 .list li:hover .lbox{-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.aboutPart2 .list li:hover .ico{ transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}

.aboutPart3{ padding: 115px 0 120px; }
.aboutPart3 .indexTitle{ text-align: center; padding-bottom: 95px; }
.aboutPart3 .bigBox{ position: relative; }
.aboutPart3 .bigBox .wal{ position: relative; }
.aboutPart3 .bigBox:before{ content: ''; width: 100%; height: 2px; background: #e5e5e5; position: absolute; left: 0; top: 48px; }
.historyPic .swiper-slide .l7Div{ padding-left: 60px; }
.historyPic .swiper-slide .name{ font-size: 24px; line-height: 24px; color: #d5db53; position: relative; height: 56px; display: inline-block; }
.historyPic .swiper-slide .name:after{ content: ''; width: 14px; height: 14px; background: url(../images/ico3.png) center no-repeat; position: absolute; left: 50%; margin-left: -7px; bottom: 0; }
.historyPic .swiper-slide .time{ font-size: 24px; color: #000; padding: 35px 0 10px; }
.historyPic .swiper-slide .msg{ font-size: 16px; line-height: 32px; }
.aboutPart3 .bigBox .prev{ z-index: 2; cursor: pointer; display: block; position: absolute; left: -40px; top: 22px; width: 54px; height: 54px; background: url(../images/nimg54_left.png) center no-repeat;}
.aboutPart3 .bigBox .next{ z-index: 2; cursor: pointer; display: block; position: absolute; right: -40px; top: 22px; width: 54px; height: 54px; background: url(../images/nimg54_right.png) center no-repeat; }
.aboutPart3 .bigBox .prev:hover{ background: url(../images/nimg54_lefton.png) center no-repeat;}
.aboutPart3 .bigBox .next:hover{ background: url(../images/nimg54_righton.png) center no-repeat;}

.investment{ padding-top: 40px; }
.investment .content{ font-size: 16px; line-height: 30px; }
.investment .list{ padding: 40px 0 90px; }
.investment .list ul{ margin-right: -30px; }
.investment .list li{ float: left; width: 33.33%; }
.investment .list li .lbox{ margin-right: 30px; }
.investment .list li .imgDiv img{ width: 100%; }
.investment .list li .name{ padding-top: 25px; font-size: 18px; color: #333; text-align: center; }
.investment .list li:hover .lbox{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.investment .mxfDiv{ background: #d5db53; position: relative; height: 478px; padding-right: 760px; }
.investment .mxfDiv .bigImg{ position: absolute; right: 0; top: 0; }
.investment .mxfDiv .wen1{ padding: 95px 0 15px 70px; font-size: 24px; color: #333; position: relative; top: 0;}
.investment .mxfDiv .wen2{ padding-left: 70px; font-family:GOTHICB; text-transform: uppercase; line-height: 48px; font-size: 48px; color: #000; position: relative; top: 0; }
.investment .mxfDiv .btnDiv{ padding: 100px 0 0 70px; }
.investment .mxfDiv .btnDiv a{ display: block; width: 136px; height: 42px; border: #000 solid 2px; line-height: 42px; color: #231f20; font-size: 14px; text-transform: uppercase; text-align: center; font-weight: bold; }
.investment .mxfDiv .btnDiv a:hover{ background: #000; color: #fff; }
.investment .mxfDiv:hover .wen1{ top: -10px; }
.investment .mxfDiv:hover .wen2{ top: -10px; }

.equity{ padding-top: 50px; }
.equity .list ul{ margin-right: -30px; }
.equity .list li{ float: left; width: 33.33%; }
.equity .list li .lbox{ margin-right: 30px; }
.equity .list li .imgDiv img{ width: 100%; }
.equity .list li .name{ padding: 25px 0 15px; font-size: 18px; color: #333; font-weight: bold;}
.equity .list li .msg{ font-size: 14px; line-height: 24px; color: #333; }
.equity .list li .msg em{ color: #666; }
.equity .list li:hover .lbox{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}

.park{ padding: 40px 0 60px; }
.park .list li{ float: left; width: 33.33%; overflow: hidden; position: relative;}
.park .list li .imgDiv img{ width: 100%; transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s; }
.park .list li .hideBox{ opacity: 0; position: absolute; left: 0; top: 0;  width: 100%; height: 100%; background: rgba(255,255,255,0.9);transition:All 0.8s ease;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;}
.park .list li .mxfDiv{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; }
.park .list li .name{ font-weight: bold; font-size: 24px; color: #000; line-height: 24px; padding-bottom: 5px; }
.park .list li .msg{ font-size: 24px; color: #666; }
.park .list li:hover .hideBox{ opacity: 1; }
.park .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.park .list2 li{ border-bottom:#ddd solid 1px;}
.park .list2 li a{ display:block; position:relative; padding-left:420px; padding-right:500px; height:340px;}
.park .list2 li .mxfDiv{ position:absolute; left:0; top:40px;}
.park .list2 li .imgDiv{ position:relative;}
.park .list2 li .imgDiv img{ width: 380px;}
.park .list2 li .imgDiv img:last-of-type{ -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); -webkit-filter: brightness(1.2) blur(5px); filter: brightness(1.2) blur(5px); left: 0; position: absolute; top: 0; z-index: 3; }
.park .list2 li .name{ opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center; color:#fff; font-size:16px;}
.park .list2 li .name em{ position:absolute; display:block; line-height:48px; height:48px; width:100%; left:0; top:50%; transform:translateY(-50%);}
.park .list2 li .content{ font-size:16px; line-height:30px; color:#666; padding-top:40px;}
.park .list2 li .btnDiv{ position:absolute; right:100px; top:50%; margin-top:-40px; width: 80px; height:80px; border:#d5db53 solid 1px; border-radius:50%; background:url(../images/nimg22_right.png) center no-repeat;}
.park .list2 li:hover .imgDiv img:last-of-type{-webkit-animation:instaImage3 .3s linear 0s 1 both,instaImage4 1s cubic-bezier(.215,.61,.355,1) .3s 1 forwards;animation:instaImage3 .3s linear 0s 1 both,instaImage4 1s cubic-bezier(.215,.61,.355,1) .3s 1 forwards}
.park .list2 li:hover .name{ opacity:1;}

@-webkit-keyframes instaImage3{0%{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}
@keyframes instaImage3{0%{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}
@-webkit-keyframes instaImage4{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}to{-webkit-clip-path:inset(0 0 80% 0);clip-path:inset(0 0 80% 0);opacity:0}}
@keyframes instaImage4{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}to{-webkit-clip-path:inset(0 0 80% 0);clip-path:inset(0 0 80% 0);opacity:0}}


.parkShow{ padding: 30px 0 20px; overflow: hidden;}
.parkShow .leftDiv{ width: 3.2rem; }
.parkShow .name1{ font-size: 0.48rem; color: #414851; line-height: 0.48rem; font-weight: bold; }
.parkShow .name2{ font-size: 0.16rem; color: #414851; padding: 0.1rem 0 0.25rem;}
.parkShow .content{ font-size: 0.16rem; line-height: 0.3rem; }
.parkShow .backBtn{ padding-top: 0.8rem; }
.parkShow .backBtn a{ display: block; width: 1.68rem; height: 0.56rem; line-height: 0.56rem; border: #d5db53 solid 1px; font-size: 0.16rem; color: #d5db53; text-align: center; }
.parkShow .backBtn a img{ position: relative; padding-right: 0.12rem; }
.parkShow .rightImg{ width: 9.36rem; }
.parkShow .rightImg li{ margin-bottom: 10px; }
.parkShow .rightImg img{ width: 100%; }

.news{ padding-bottom: 80px; }
.news .list li .mxfDiv{ padding: 60px 0 56px 438px; position: relative; height: 235px; border-bottom: #eee solid 1px;}
.news .list li .imgDiv{ position: absolute; left: 0; top: 60px; }
.news .list li .toptop{ padding-top: 25px; height: 36px; position: relative; padding-right: 120px; top: 0; }
.news .list li .name{ height: 36px; line-height: 36px; color: #333; font-size: 20px; overflow: hidden; }
.news .list li .wen{ padding-top: 8px; color: #aaa; }
.news .list li .content{ font-size: 14px; padding-top: 50px; line-height: 30px; color: #a1a1a1; height: 60px; overflow: hidden; }
.news .list li .time{ position: absolute; right: 0; bottom: 0; line-height: 36px; color: #aaa; font-size: 14px; background: url(../images/nimg13_1.png) left center no-repeat; padding-left: 20px;}
.news .list li:hover{ background: #f4f4f4; }
.news .list li:hover .toptop{ top: -10px; }
.news .list li:hover .name{ color: #d5db53; }

.newShow{ padding: 0 56px 70px 0; }
.newShow .name{ font-size: 32px; color: #272727; font-weight: bold; padding-bottom: 24px; }
.newShow .time{ color: #7c7c7c; padding-bottom: 35px; border-bottom: #f3f3f3 solid 1px; }
.newShow .time em{ padding-right: 40px; }
.newShow .content{ font-size: 14px; color: #7c7c7c; line-height: 30px; padding: 45px 0; }
.newShow .imgDiv{ padding: 45px 0; }
.newShow .imgDiv img{ max-width: 844px; }
.newShow .share{ height: 27px; position: relative; padding-left: 65px; }
.newShow .share em{ position: absolute; left: 0; top: 0; line-height: 27px; font-size: 14px;}
.newShow .share li{ float: left; margin-right: 10px; }

.sideNews{ position: relative; z-index: 2 }
.sideNews li{ border-bottom: #959595 solid 1px; padding-bottom: 15px; margin-bottom: 48px;}
.sideNews li .name{ font-size: 16px; color: #333; line-height: 26px; padding-top: 25px; }
.sideNews li .time{ color: #a6a6a6; padding-top: 10px; font-size: 14px; }
.sideNews li:hover .name{ color: #d5db53; }

.pieceBox{ padding-top: 80px; margin-right: 56px; border-top: #f3f3f3 solid 1px; position: relative; z-index: 5; overflow: hidden;}
.piece{ text-align: center; margin:0 -28px;}
.piece a{ display: inline-block; width: 240px; height: 48px; line-height: 48px; border-bottom: #eee solid 2px; text-align: center; font-size: 14px; color: #7c7c7c; margin: 0 28px; }
.piece a:hover{ border-bottom: #d5db53 solid 2px;}
.piece .list{ background: #f9f9f9 url(../images/ico6.png) no-repeat 80px center; text-align: left; text-indent: 102px; }
.piece .list:hover{ color: #fff; background: #d5db53 url(../images/ico6on.png) no-repeat 80px center;}
.piece .prev{ background: #f9f9f9 url(../images/limg8_left.png) no-repeat 56px center; }
.piece .prev:hover{ color: #fff; background: #d5db53 url(../images/limg8_lefton.png) no-repeat 56px center; }
.piece .next{ background: #f9f9f9 url(../images/limg8_right.png) no-repeat 177px center; }
.piece .next:hover{ color: #fff; background: #d5db53 url(../images/limg8_righton.png) no-repeat 177px center; }

.business{ padding: 50px 0 0; }
.business .content{ font-size: 18px; color: #000; padding-bottom: 35px; }
.business .list ul{ margin-right: -30px; }
.business .list li{ float: left; width: 33.33%; }
.business .list li .lbox{ margin-right: 30px; height: 425px; background: #f2f2f2; padding-left: 80px;}
.business .list li .name{ padding-top: 75px; height: 48px; position: relative; font-weight: bold; font-size: 24px; color: #000; }
.business .list li .name:after{ content: ''; width: 24px; height: 3px; background: #d5db53; position: absolute; left: 0; bottom: 0; }
.business .list li .msg{ padding-top: 35px; font-size: 14px; line-height: 24px; }
.business .list li .msg dd{ padding-bottom: 30px; }
.business .list li .msg strong{ display: block; }
.business .list li:hover .lbox{-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}

.job .list{ padding: 45px 0 50px; }
.job .list li{ cursor:pointer; margin-bottom: 40px; background: #f3f3f3; padding: 40px 120px 30px 300px; position: relative; min-height: 100px; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.job .list li .leftDiv{ position: absolute; left: 60px; top: 40px; width: 176px; background: url(../images/line3.jpg) right top no-repeat; min-height: 64px;}
.job .list li .name{ position: relative; width: 120px; color: #000; font-size: 24px; line-height: 30px; padding-bottom: 15px;}
.job .list li .name span{ font-size: 18px; }
.job .list li .name em{ position: absolute; left: 0px; bottom: 0px; display: block; width: 19px; height: 3px; background: #000; }
.job .list li .txt{ color: #000; padding-bottom: 10px; font-size: 14px;}
.job .list li .msg{ line-height: 28px; color: #666; font-size: 13px; padding-bottom: 30px;}
.job .list li .hideBox{ display: none;  padding: 0 0 30px;}
.job .list li .ico{ display: block; position: absolute; right: 16px; bottom: 18px; width: 30px; height: 30px; background: url(../images/ico5.png) center no-repeat; }
.job .list li .ico a{ display: block; width: 100%; height: 100%; }
.job .list li .tips{ width: 452px; height: 28px; background: #d5db53; color: #000; text-align: center; line-height: 28px;}
.job .list li.liNow{ box-shadow: 0px 0px 14px #ddd;}
.job .list li.liNow .name{ color: #d5db53; }
.job .list li.liNow .name em{ background: #d5db53; }
.job .list li.liNow .ico{ background:url(../images/ico5on.png) center no-repeat;}
.job .list li:hover{-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}

.contact{ padding: 120px 0 60px; overflow: hidden;}
.contact .leftDiv{ width: 600px; }
.contact .name{ padding-top: 30px; font-size: 24px; color: #414851; }
.contact .msgList{ padding-top: 15px; }
.contact .msgList li{ padding-left: 34px; position: relative; height: 30px; line-height: 30px; font-size: 16px; color: #414851; }
.contact .msgList li img{ position: absolute; left: 0; top: 50%; margin-top: -11px; }
.contact .msgList li em{ color: #999; }
.contact .ewmDiv{ padding-top: 45px; }
.contact .ewm{ border: #dcdcdc solid 1px; }
.contact .ewmDiv p{ padding-top: 15px; text-align: center; font-size: 14px; color: #929292; }
.contactMap img{ width: 100%; }


/*2022.2.21*/
.invest4{ background: #f8f8f8; padding: 120px 0; }
.invest4 .mxfDiv{ background: #d5db53; position: relative; height: 478px; padding-right: 760px; }
.invest4 .mxfDiv .bigImg{ position: absolute; right: 0; top: 0; }
.invest4 .mxfDiv .wen1{ padding: 95px 0 15px 70px; font-size: 24px; color: #333; position: relative; top: 0;}
.invest4 .mxfDiv .wen2{ padding-left: 70px; font-family:GOTHICB; text-transform: uppercase; line-height: 48px; font-size: 48px; color: #000; position: relative; top: 0; }
.invest4 .mxfDiv .btnDiv{ padding: 100px 0 0 70px; }
.invest4 .mxfDiv .btnDiv a{ display: block; width: 136px; height: 42px; border: #000 solid 2px; line-height: 42px; color: #231f20; font-size: 14px; text-transform: uppercase; text-align: center; font-weight: bold; }
.invest4 .mxfDiv .btnDiv a:hover{ background: #000; color: #fff; }
.invest4 .mxfDiv:hover .wen1{ top: -15px; }
.invest4 .mxfDiv:hover .wen2{ top: -15px; }

.invest1{ padding: 120px 0; overflow: hidden; }
.invest1 .leftDiv{ width: 480px; }
.invest1 .title{ font-size: 24px; line-height: 24px; color: #333; padding-bottom: 10px; }
.invest1 .title2{ font-family:GOTHICB; text-transform: uppercase; color: #000; line-height: 48px; font-size: 48px;}
.invest1 .content{ font-size: 16px; line-height: 30px; padding-top: 30px; }
.invest1 .rightImg img{ width: 600px; }

.invest2{ padding-top: 145px; background: url(../images/invest2.jpg) center no-repeat; background-size: cover; height: 630px; box-sizing: border-box; overflow: hidden; }
.invest2 .title{ text-align: center; color: #fff; padding-bottom: 10px; font-size: 24px; line-height: 24px; }
.invest2 .title2{ text-align: center; color: #fff; font-family:GOTHICB; text-transform: uppercase; line-height: 48px; font-size: 48px; }
.invest2 .list{ padding-top: 40px; overflow: hidden; }
.invest2 .list li{ padding-top: 20px; cursor: pointer;}
.invest2 .list li .ico{ margin: 0 auto; width: 120px; border-radius: 50%; box-shadow: 0px 3px 7px 0px rgba(152, 225, 251, 0.2);}
.invest2 .list li .name{ font-size: 18px; color: #fff; font-weight: bold; padding: 40px 0 14px; text-align: center;}
.invest2 .list li .msg{ font-size: 14px; color: #b9b9bb; line-height: 24px; text-align: center; padding: 0 40px; height: 0; overflow: hidden; }
.invest2 .list li:hover{ padding-top: 0; }
.invest2 .list li:hover .msg{ height: 72px; }
.invest2 .swiper-pagination{ display: none; position: relative; bottom: 0; padding-top: 0.6rem; }
.invest2 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; box-sizing: border-box; background: #fff; } 
.invest2 .swiper-pagination-bullet-active { background: #5bb10e; } 

.invest3{ padding: 100px 0 80px; }
.invest3 .title{ text-align: center; font-size: 24px; color: #333; line-height: 24px; padding-bottom: 10px; }
.invest3 .title2{ text-align: center; font-size: 48px; line-height: 48px; color: #000; text-transform: uppercase; font-family:GOTHICB; }
.invest3 .list{ padding-top: 35px; }
.invest3 .list ul{ margin-right: -40px; }
.invest3 .list li{ float: left; width: 50%; padding-bottom: 40px; }
.invest3 .list li .box{ margin-right: 40px; background: #f8f8f8; }
.invest3 .list li .imgDiv{ overflow: hidden; }
.invest3 .list li .imgDiv img{ width: 100%;transition:All 0.8s ease;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease; }
.invest3 .list li .botDiv{ height: 150px; padding: 25px 30px 0; box-sizing: border-box; position: relative;}
.invest3 .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #d5db53; }
.invest3 .list li .name{ height: 36px; line-height: 36px; overflow: hidden; font-size: 24px; color: #000; }
.invest3 .list li .content{ font-size: 14px; line-height: 24px; padding-top: 5px; }
.invest3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.invest3 .list li .box:hover{ background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }
.invest3 .list li .box:hover .botDiv:after{ height: 2px; }

.science1{ padding-top: 100px; height: 640px; position: relative; background: url(../images/scienceBg.jpg) center no-repeat; background-size: cover; }
.science1 .back{ position: absolute; right: 50%; margin-right: -600px; top: 55px; }
.science1 .back a{ display: block; padding-left: 27px; background: url(../images/nimg22_5.png) left center no-repeat; font-size: 14px; color: #fff; }
.science1 .back a:hover{ color: #5bb10e; background: url(../images/nimg22_5on.png) left center no-repeat; }
.science1 .imgDiv img{ width: 1200px; }

.science2{ padding: 80px 0 100px; }
.science2 .leftDiv{ width: 450px; }
.science2 .name{ font-size: 30px; color: #000; line-height: 30px; font-weight: bold; padding-bottom: 24px; }
.science2 .content{ font-size: 18px; line-height: 30px; padding-bottom: 60px; }
.science2 .tel{ position: relative; padding-left: 42px; font-family:Gilroy; color: #5bb10e; font-size: 30px; line-height: 34px; }
.science2 .tel img{ position: absolute; left: 0; top: 0; }
.science2 .rightDiv{ width: 560px; }
.science2 .txt{ padding-left: 34px; font-size: 24px; color: #000; line-height: 24px; position: relative;}
.science2 .txt img{ position: absolute; left: 0; top: 0; }
.science2 .numList{ padding: 10px 0 45px; }
.science2 .numList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.science2 .numList li{ font-size: 18px; }
.science2 .numList li .num{ height: 62px; }
.science2 .numList li .num em{ font-family:Gilroy; color: #5bb10e; font-size: 60px; line-height: 60px; padding-right: 5px; }
.science2 .msg{ font-size: 18px; padding-top: 10px; }

.science3{ padding-top: 90px; height: 350px; box-sizing: border-box; background: url(../images/scienceBg2.jpg) center no-repeat; background-size: cover; }
.science3 .leftDiv{ width: 550px; }
.science3 .title{ padding-left: 32px; position: relative; font-size: 24px; line-height: 25px; color: #000; }
.science3 .title img{ position: absolute; left: 0; top: 0; }
.science3 .msgList{ padding-top: 20px; }
.science3 .msgList li{ position: relative; padding-left: 80px; padding-bottom: 30px; font-size: 18px; color: #b7c3cc; line-height: 30px; }
.science3 .msgList2 li{ padding-left: 0; }
.science3 .msgList li em{ position: absolute; left: 0; top: 0; color: #333; }
.science3 .msgList li span{ padding: 0 18px; color: #333; }
.science3 .rightDiv{ width: 560px; }

.science4{ padding: 100px 0; }
.datuPic .imgDiv img{ width: 100%; }
.datuPic .swiper-pagination{ position: absolute; bottom: 30px!important;  }
.datuPic .swiper-pagination-bullet { position: relative; width: 8px; height: 8px; margin: 0 10px!important; opacity: 1; box-sizing: border-box; background: rgba(0,0,0,0.5); border: none;} 
.datuPic .swiper-pagination-bullet-active { background: #fff; }

.science5{ padding: 100px 0 120px; background: #fdfcfa; overflow: hidden;}
.science5 .title{ text-align: center; color: #010101; font-weight: bold; font-size: 36px; line-height: 36px; padding-bottom: 40px; }
.eventPic{ position: relative; }
.eventPic .list{ width: 2520px; overflow: hidden; position: relative;}
.eventPic li{ cursor: pointer;}
.eventPic li .mxfDiv{ position: relative; background: #fff; height: 384px; position: relative; padding: 0 100px 0 670px; }
.eventPic li .imgDiv{ position: absolute; left: 0; top: 0; overflow: hidden; width: 600px; height:384px; }
.eventPic li .imgDiv img{ width: 600px; transition:All 0.8s ease;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;	}
.eventPic li .name{ padding-top: 72px; font-size: 24px; line-height: 24px; color: #333; font-weight: bold; }
.eventPic li .content{ font-size: 16px; line-height: 30px; margin-top: 36px; height:180px; overflow:auto; padding-right:15px;}
.eventPic li .content::-webkit-scrollbar { width: 3px;}
.eventPic li .content::-webkit-scrollbar-track { background-color: #e5e5e5;}
.eventPic li .content::-webkit-scrollbar-thumb { background-color: #d5db53;} 

.eventPic .prev{ z-index: 2; position: absolute; left: -65px; width: 13px; height: 23px; background: url(../images/nimg13_left.png) no-repeat; top: 50%; margin-top: -12px; }
.eventPic .prev:hover{ background: url(../images/nimg13_lefton.png) no-repeat;}
.eventPic .next{ z-index: 2; position: absolute; right: -65px; width: 13px; height: 23px; background: url(../images/nimg13_right.png) no-repeat; top: 50%; margin-top: -12px; }
.eventPic .next:hover{ background: url(../images/nimg13_righton.png) no-repeat; }


.eventPic .swiper-pagination-bullet-active { background: #63b41a; }

/*2023.9.19*/

.indexTxt{ position: relative; z-index: 1; height: 0.85rem; }
.indexTxt .cn{ color: #000; font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 10px;}
.indexTxt .en{ font-size: 14px; line-height: 14px; color: #3a3a3a; text-transform: uppercase; }

.indexP1{ margin-top: -30px; padding-bottom: 40px; position: relative; z-index: 1;}
.indexP1 .list{ padding: 10px 10px 0; background: #fff;}
.indexP1 .list ul{ margin-right: -5px; }
.indexP1 .list li{ float: left; width: 33.33%; }
.indexP1 .list li .box{ margin-right: 5px; position: relative; }
.indexP1 .list li .imgDiv img{ width: 100%; }
.indexP1 .list li .layer{ position: absolute; top: 23%; color: #fff; left: 50px; z-index: 1; }
.indexP1 .list li .cn{ font-size: 24px; line-height: 24px; font-weight: bold;}
.indexP1 .list li .en{ font-size: 14px; line-height: 20px; padding-top: 10px; font-family:light;}
.indexP1 .list li .more{ display: inline-block; margin-top: 0.5rem; padding-right: 20px; font-size: 16px; line-height: 16px; background: url(../images/nimg11_1.png) right center no-repeat; }

.indexP2{ padding-top: 100px; position: relative; overflow: hidden; }
.indexP2:after{ content: ''; position: absolute; left: 0; bottom: 1.35rem; width: 100%; height: 100%; background: url(../images/indexP2.jpg) center bottom no-repeat; background-size: cover; }
.indexP2 .indexTxt{ text-align: center; }

.indProject{ position: relative; z-index: 1;}
.indProject .list{ overflow: hidden; padding-bottom: 0.35rem; }
.indProject .list li .imgDiv{ height: 3.2rem; }
.indProject .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indProject .list li .name{ height: 1.0rem; line-height: 1.0rem; padding: 0 0.3rem; font-size: 0.24rem; color: #000; text-align: center; border: #f5f5f5 solid 1px; border-top: none; }
.indProject .swiper-pagination{ text-align: center; left: 0; width: 100%; bottom: 0!important; } 
.indProject .swiper-pagination-bullet {width: 30px; height: 2px; opacity: 1; background: #eee; margin-left:5px!important; margin-right: 5px; border-radius: 0;} 
.indProject .swiper-pagination-bullet-active {background: #d5db53; } 
.indProject .btn{ display: block; position: absolute; top: 35%; margin-top: -23px; width: 46px; height: 46px; border-radius: 50%; z-index: 2; }
.indProject .prev{ left: -0.86rem; background: #c8c8be url(../images/nimg11_left2.png) center no-repeat;}
.indProject .next{ right: -0.86rem; background: #c8c8be url(../images/nimg11_right2.png) center no-repeat;}
.indProject .prev:hover{ background: #d5db53 url(../images/nimg11_left.png) center no-repeat;}
.indProject .next:hover{ background: #d5db53 url(../images/nimg11_right.png) center no-repeat;}

.indexP3{ padding: 0.4rem 0 1.0rem; overflow: hidden;}
.indexP3 .leftDiv{ width: 9.0rem; }
.indexP3 .rightDiv{ width: 4.36rem; }
.indNews{ position: relative; }
.indNews .list{ overflow: hidden; }
.indNews .list .lbox a{ display: block; position: relative; padding-left: 4.68rem; height: 2.48rem; }
.indNews .list .imgDiv{ position: absolute; left: 0; top: 0; }
.indNews .list .imgDiv img{ width: 4.36rem; }
.indNews .list .name{ color: #000; line-height: 0.3rem; height: 0.6rem; overflow: hidden; font-size: 0.24rem; }
.indNews .list .time{ font-size: 0.24rem; line-height: 0.24rem; color: #d5db53; padding: 0.15rem 0 0.2rem; font-family:Gilroy;}
.indNews .list .content{ font-size: 0.14rem; line-height: 0.24rem; height: 0.72rem; overflow: hidden; color: #666; }
.indNews .swiper-pagination{ text-align: left; left: 4.68rem!important; width: auto!important; bottom: 0!important; } 
.indNews .swiper-pagination-bullet {width: 8px; height: 8px; opacity: 1; background: #edede6; margin-left:0!important; margin-right: 10px!important; border-radius: 50%;} 
.indNews .swiper-pagination-bullet-active {background: #d5db53; } 

.indexP3 .tab{ padding-top: 0.25rem; height: 0.85rem; overflow: hidden; float: right; box-sizing: border-box; }
.indexP3 .tab li{ float: left; position: relative; margin-left: 0.5rem; font-size: 0.18rem; line-height: 0.18rem; height: 0.3rem; color: #333;}
.indexP3 .tab li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #d5db53; }
.indexP3 .tab .liNow{ color: #d5db53; }
.indexP3 .tab .liNow:after{ left: 0; width: 100%; }
.indexP3 .tabContentDiv{ clear: both; }
.indexP3 .lie{ background: #f7f7f3; padding: 0.3rem 0.3rem 0; height: 2.48rem; box-sizing: border-box;}
.indexP3 .lie li{ padding-bottom: 0.25rem; }
.indexP3 .lie li:last-child{ padding-bottom: 0; }
.indexP3 .lie li a{ display: block; position: relative; padding-left: 1.28rem; font-size: 0.16rem; line-height: 0.24rem; height: 0.48rem; overflow: hidden; color: #666;}
.indexP3 .lie li em{ position: absolute; left: 0; top: 0; font-family:Gilroy; color: #d5db53; font-size: 0.18rem; }
.indexP3 .lie li a:hover{ color: #d5db53; }

.history{ padding: 120px 0 170px; background: url(../images/historyBg.jpg) center bottom no-repeat; background-size: 100%; }
.history .indexTitle{ padding-bottom: 50px; }
.history .list{ position: relative; }
.history .list:after{ content: ''; position: absolute; left: 50%; top: 0; width: 2px; height: 100%; margin-left: -1px; background: url(../images/line2.png) repeat-y;}
.history .list li{ padding: 0 0 60px 655px; position: relative; z-index: 1; }
.history .list li:nth-child(even){ padding: 0 655px 60px 0; text-align: right; }
.history .list li .ico{ position: absolute; top: 0; left: 50%; width: 50px; height: 50px; margin-left: -25px;}
.history .list li .ico:before{ content: ''; position: absolute; left: 0; top: 0; width: 50px; height: 50px; border-radius: 50%; background: rgba(213,219,83,0.2); }
.history .list li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; border-radius: 50%; background: #d5db53; }
.history .list li .name{ font-size: 30px; line-height: 30px; color: #000; }
.history .list li .time{ color: #d5db53; font-size: 30px; line-height: 30px; padding-top: 10px; font-family:Gilroy;}
.history .list li .msg{ padding-top: 15px; font-size: 18px; color: #999; line-height: 30px; }

.w1372{ width: 13.72rem; margin: 0 auto; }
.cultureP1{ padding: 120px 0; }
.cultureP1 .indexTitle{ padding-bottom: 50px; }
.cultureP1 .list li{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.cultureP1 .list li .imgDiv{ width: 50%; }
.cultureP1 .list li .imgDiv img{ width: 100%; }
.cultureP1 .list li .conDiv{ width: 50%; padding-left: 1.0rem; padding-top: 1.1rem; box-sizing: border-box; }
.cultureP1 .list li:nth-child(even) .conDiv{ order: 1; padding-left: 0; }
.cultureP1 .list li:nth-child(even) .imgDiv{ order: 2; }
.cultureP1 .list li .name{ font-size: 0.42rem; line-height: 0.42rem; color: #000; }
.cultureP1 .list li .wen{ font-size: 0.24rem; line-height: 0.24rem; color: #000; padding-top: 0.2rem; }
.cultureP1 .list li .msg{ padding-top: 0.45rem; font-size: 16px; color: #333; line-height: 36px; }

.cultureP2{ padding-top: 120px; height: 690px; background: url(../images/cultureBg.jpg) center no-repeat; background-size: cover;}
.cultureP2 .indexTitle{ padding-bottom: 30px; }
.cultureP2 .list ul{ margin-right: -28px; }
.cultureP2 .list li{ float: left; width: 25%; }
.cultureP2 .list li .box{ margin-right: 28px; height: 350px; padding-top: 60px; box-sizing: border-box; text-align: center; background: #fff; }
.cultureP2 .list li .num{ color: #000; font-size: 60px; line-height: 60px; font-family: Gilroy; }
.cultureP2 .list li .name{ padding-top: 30px; font-size: 30px; line-height: 30px; color: #000; }
.cultureP2 .list li .msg{ padding-top: 10px; font-size: 18px; line-height: 24px; }
.cultureP2 .list li .box:hover{ background: #d5db53;}
.cultureP2 .list li .box:hover .num, .cultureP2 .list li .box:hover .name, .cultureP2 .list li .box:hover .msg{ color: #6b6f1a; }

.group{ padding: 120px 0; }
.group .indexTitle{ padding-bottom: 50px; }
.group .imgDiv{ text-align: center; }

.aboutP1{ padding-top: 1.2rem; height: 11.97rem; background: url(../images/aboutBg2.jpg) center no-repeat; background-size: cover; overflow: hidden; }
.aboutP1 .leftDiv{ width: 50%; }
.aboutP1 .indexTitle{ text-align: left; padding-bottom: 0.3rem; }
.aboutP1 .content{ font-size: 0.16rem; line-height: 0.3rem; color: #333; text-align: justify; }
.aboutP1 .icoList{ padding-top: 1.0rem; }
.aboutP1 .icoList li{ position: relative; float: left; width: 50%; box-sizing: border-box; padding-left: 90px; margin-bottom: 50px; height: 70px; color: #333;}
.aboutP1 .icoList li:last-child{ width: auto; }
.aboutP1 .icoList li .ico{ position: absolute; left: 0; top: 0; width: 70px; height: 70px; border-radius: 50%; background: #d5db53; }
.aboutP1 .icoList li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -17px; margin-top: -17px; }
.aboutP1 .icoList li .name{ font-size: 0.24rem; line-height: 0.24rem; font-weight: bold; }
.aboutP1 .icoList li .wen{ font-size: 0.16rem; line-height: 0.16rem; padding-top: 0.2rem; }

.aboutP1 .rightDiv{ width: 6.0rem; }
.aboutP1 .numList{ padding-left: 0.3rem; padding-bottom: 0.5rem; }
.aboutP1 .numList li{ float: left; width: 33.33%; }
.aboutP1 .numList li .num{ height: 0.52rem; color: #000; font-size: 0.16rem;}
.aboutP1 .numList li .numUp{ font-size: 0.4rem; line-height: 0.4rem; font-family: Gilroy; padding-right: 5px; }
.aboutP1 .numList li .num i{ font-style: initial; font-size: 0.3rem; line-height: 0.3rem; padding-right: 5px; }
.aboutP1 .numList li .num span{ position: relative; display: inline-block; padding-top: 18px; }
.aboutP1 .numList li .num span:after{ content: '+'; position: absolute; left: 0; top: 0; }
.aboutP1 .numList li p{ font-size: 0.16rem; }

.aboutP1 .list{ position: relative; width: 5.48rem; height: 6.35rem; background: url(../images/map.png) center no-repeat; background-size: 5.48rem; }
.aboutP1 .list li{ position: absolute; cursor: pointer; }
.aboutP1 .list li .txt{ position: relative; font-size: 0.18rem; line-height: 0.18rem; color: #333; }
.aboutP1 .list li .txt:before{ content: ''; position: absolute; width: 20px; height: 20px; background: url(../images/nimg20_1.png) no-repeat; }
.aboutP1 .list li.on .txt:before{ background: url(../images/nimg20_1on.png) no-repeat;}
.aboutP1 .list .shenzhen{ right: 1.36rem; top: 3.78rem; }
.aboutP1 .list .shenzhen .txt{ padding-right: 28px; }
.aboutP1 .list .shenzhen .txt:before{ right: 0; top: 0; }
.aboutP1 .list .beijing{ right: 1.28rem; top: 1.73rem; }
.aboutP1 .list .beijing .txt{ padding-top: 25px; }
.aboutP1 .list .beijing .txt:before{ left: 50%; margin-left: -10px; top: 0; }
.aboutP1 .list .hangzhou{ right: 0.4rem; top: 2.78rem; }
.aboutP1 .list .hangzhou .txt{ padding-right: 28px; }
.aboutP1 .list .hangzhou .txt:before{ right: 0; top: 0; }
.aboutP1 .list .wuhu{ right: 0.94rem; top: 2.63rem; }
.aboutP1 .list .wuhu .txt{ padding-right: 20px; padding-bottom: 12px;}
.aboutP1 .list .wuhu .txt:before{ right: 0; bottom: 0; }
.aboutP1 .list .shengzhou{ right: 0.92rem; top: 2.9rem; }
.aboutP1 .list .shengzhou .txt{ padding-right: 28px; }
.aboutP1 .list .shengzhou .txt:before{ right: 0; top: 0; }
.aboutP1 .list .quzhou{ right: 1.05rem; top: 3.1rem; }
.aboutP1 .list .quzhou .txt{ padding-right: 28px; }
.aboutP1 .list .quzhou .txt:before{ right: 0; top: 0; }
.aboutP1 .list .zhuji{ right: 0.4rem; top: 2.98rem; }
.aboutP1 .list .zhuji .txt{ padding-right: 28px; }
.aboutP1 .list .zhuji .txt:before{ right: 0; top: 0; }

.aboutP1 .list li .layerDiv{ position:absolute; z-index: 2; box-sizing: border-box; padding: 10px 10px 25px; left: -386px; top:-190px; background: #fff; border: #d5db53 dashed 1px; width:296px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden;}
.aboutP1 .list li.on .layerDiv{ opacity: 1; visibility: visible; top:-170px;}
.aboutP1 .list li .layerDiv .imgDiv img{  width: 100%; }
.aboutP1 .list li .layerDiv .name{ color:#000; font-size:16px; line-height: 16px; padding: 12px 0 10px; }
.aboutP1 .list li .layerDiv .msg{ font-size: 16px; line-height: 26px; }
.aboutP1 .list li .layerDiv{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;  
}

.aboutP1 .tab2{ height:0.9rem; position:relative; background:#d5db53; padding:0 0.3rem; margin-bottom:0.35rem;}
.aboutP1 .tab2 .txt{line-height:0.9rem; font-size:0.32rem; color:#333; display:block;}
.aboutP1 .tab2 .ico{position:absolute; top:0px; right:0px; width:100%; height:100%; background:url(../images/selectIco2.png) right center no-repeat; cursor:pointer;}
.aboutP1 .tab2 ul{margin-right:0px; position:absolute; z-index:2; left:0px; top: 0.9rem; width:100%; box-sizing: border-box; border: #ddd solid 1px; border-top: none; background: #fff; display:none; height: 3.6rem; overflow: auto;}
.aboutP1 .tab2 ul::-webkit-scrollbar { width: 2px;}
.aboutP1 .tab2 ul::-webkit-scrollbar-track { background-color: #e1e1e1;}
.aboutP1 .tab2 ul::-webkit-scrollbar-thumb { background-color: #d5db53;} 
.aboutP1 .tab2 li{ font-size: 0.3rem; padding: 0 0.3rem; height:0.9rem; line-height:0.9rem;}
.aboutP1 .mxfDiv .limg{ padding-bottom: 0.3rem; }
.aboutP1 .mxfDiv .limg img{ width: 100%; }
.aboutP1 .mxfDiv .name{ color:#4b4948; font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.2rem; font-weight: bold;}
.aboutP1 .mxfDiv .name em{ padding-left:0.15rem; font-size:0.32rem;}
.aboutP1 .mxfDiv .msg{ font-size: 0.28rem; color: #4b4948; line-height: 0.5rem; }


.aboutP2{ padding-bottom: 120px; margin-top: -0.85rem; position: relative; z-index: 1; }
.aboutP2 .videobox{ width: 100%; position: relative; overflow: hidden; }
.aboutP2 .videobox .imgDiv img{ width: 100%; }
.aboutP2 .videobox video{width:76%;height:auto;position:absolute; left: 50%; top:50%;transform: translate(-50%,-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.aboutP2 .videobox.cur{ background:#000;}
.aboutP2 .videobox.cur .imgDiv,.aboutP2 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.aboutP2 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.aboutP2 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px; z-index:1;}
.aboutP2 .videobox .playbox img{ width: 80px;}