锘?indexban{position:relative} .m-bann{display:none} .indexban .textbox{position:absolute;top:75%;opacity:0;margin-top:-108px;left:50%;margin-left:-40.625vw;z-index:5} .indexban .textbox .title{color:#fff;font-size:60px;font-weight:bold} .indexban .textbox .text{color:#fff;font-size:18px;margin-top:14px} .indexban .textbox .more{width:130px;height:44px;margin-top:56px;border:2px solid #fff;display:block;color:#fff;font-weight:bold;line-height:42px;text-align:center} .indexban .img{overflow:hidden} .indexban .img img{transform:scale(1.6);-webkit-transform:scale(1.6);-moz-transform:scale(1.6)} .indexban .swiper-slide-active .img img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)} .indexban .swiper-slide-active .textbox{top:50%;opacity:1} .indexban .swiper-button-next, .indexban .swiper-button-prev{width:50px;height:50px;background-size:100% 100%;opacity:1;margin-top:-25px} .indexban .swiper-button-next{background-image:url(../img/banr.png);right:3.33vw} .indexban .swiper-button-prev{background-image:url(../img/banl.png);left:3.33vw} .indexban .swiper-button-next:hover{background-image:url(../img/banr_cur.png)} .indexban .swiper-button-prev:hover{background-image:url(../img/banl_cur.png)} .indexban .more:hover{background-color:#d56418;border-color:#d56418;color:#fff} .indexban .video video{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:0;left:0;z-index:-1;opacity:0;visibility:hidden;object-fit:cover;object-position:center center} .indexban .videobox.cur video{z-index:3;opacity:1;visibility:visible} .banicon{width:21px;height:29px;position:absolute;bottom:112px;left:50%;cursor:pointer;margin-left:-10px;z-index:3;animation:banicon 2s linear 0s infinite normal;-webkit-animation:banicon 2s linear 0s infinite normal;-moz-animation:banicon 2s linear 0s infinite normal} .indexa{background-color:#f6f6f6} .indexabox{margin-top:-50px;position:relative;z-index:4;background-color:#fff;padding:58px 0 58px 96px;background-image:url(../img/iabg.jpeg);background-repeat:no-repeat;background-position:center center;background-size:cover} .indexabox .wapmap{display:none} .indexabox .map{position:relative} .indexabox .map .pointitem{width:8px;height:8px;border-radius:8px;background-color:#fff;box-shadow:0px 0px 7px 0px rgba(255,255,255,0.8);position:absolute} .indexabox .map .pointitem[data-address="鍐呰挋鍙?]{top:110px;left:300px} .indexabox .map .pointitem[data-address="灞辫タ"]{top:170px;left:300px} .indexabox .map .pointitem[data-address="娌冲崡"]{top:204px;left:312px} .indexabox .map .pointitem[data-address="鍥涘窛"]{top:240px;left:220px} .indexabox .map .pointitem[data-address="榛戦緳姹?]{top:56px;left:408px} .indexabox .map .pointitem[data-address="鍚夋灄"]{top:90px;left:402px} .indexabox .map .pointitem[data-address="杈藉畞"]{top:116px;left:380px} .indexabox .map .pointitem[data-address="鍖椾含"]{top:138px;left:334px} .indexabox .map .pointitem[data-address="澶╂触"]{top:146px;left:340px} .indexabox .map .pointitem[data-address="娌冲寳"]{top:158px;left:328px} .indexabox .map .pointitem[data-address="灞变笢"]{top:182px;left:350px} .indexabox .map .pointitem[data-address="姹熻嫃"]{top:208px;left:374px} .indexabox .map .pointitem[data-address="瀹夊窘"]{top:222px;left:348px} .indexabox .map .pointitem[data-address="涓婃捣"]{top:225px;left:386px} .indexabox .map .pointitem[data-address="娴欐睙"]{top:248px;left:376px} .indexabox .map .pointitem[data-address="姹熻タ"]{top:268px;left:338px} .indexabox .map .pointitem[data-address="绂忓缓"]{top:284px;left:360px} .indexabox .map .pointitem[data-address="骞夸笢"]{top:310px;left:324px} .indexabox .map .pointitem[data-address="娴峰崡"]{top:358px;left:288px} .indexabox .map .pointitem[data-address="婀栧崡"]{top:270px;left:305px} .indexabox .map .pointitem[data-address="骞胯タ"]{top:310px;left:280px} .indexabox .map .pointitem[data-address="婀栧寳"]{top:230px;left:312px} .indexabox .map .pointitem[data-address="閲嶅簡"]{top:245px;left:266px} .indexabox .map .pointitem[data-address="闄曡タ"]{top:202px;left:272px} .indexabox .map .pointitem[data-address="鐢樿們"]{top:192px;left:236px} .indexabox .map .pointitem[data-address="瀹佸"]{top:172px;left:248px} .indexabox .map .pointitem[data-address="闈掓捣"]{top:184px;left:164px} .indexabox .map .pointitem[data-address="鏂扮枂"]{top:118px;left:100px} .indexabox .map .pointitem[data-address="瑗胯棌"]{top:224px;left:100px} .indexabox .map .pointitem[data-address="浜戝崡"]{top:302px;left:212px} .indexabox .map .pointitem[data-address="璐靛窞"]{top:280px;left:260px} .indexabox .map .pointitem.cur{animation:mapyuan 3s linear 0s infinite normal;-webkit-animation:mapyuan 3s linear 0s infinite normal;-moz-animation:mapyuan 3s linear 0s infinite normal} .indexarightbox{width:calc(100% - 5vw - 508px);margin-left:5vw} .indexarightbox .title{font-family:"Microsoft JhengHei";color:#393f4b;font-size:36px;font-weight:bold} .indexarightbox .text{width:70%;margin:44px 0 48px;color:#666;line-height:2.143} .indexarightbox .numlist{margin-right:3vw} .indexarightbox .numlist:nth-last-of-type(1){margin-right:0} .indexarightbox .numlist .name, .indexarightbox .numlist .unit{color:#666;padding-left:6px} .indexarightbox .numlist .numUpbox{margin:10px 0} .indexarightbox .numlist .numUpbox .numUp{color:#dc6c1d;font-size:50px;line-height:1;font-family:Arial} .indexarightbox .numlist .numUpbox .unit2{color:#dc6c1d;margin-top:28px;margin-left:4px} .indexarightbox .numlist:nth-of-type(1) .numUp{width:112px} .indexarightbox .numlist:nth-of-type(2) .numUp{width:84px} .indexarightbox .numlist:nth-of-type(3) .numUp{width:56px} .indexarightbox .numlist:nth-of-type(4) .numUp{width:126px} .indexarightbox .numlist:nth-of-type(5) .numUp{width:84px} .indexarighttime{width:70%;text-align:right;color:#999;font-size:12px;margin-top:20px} .m-bann .player{width:46px;height:46px;position:absolute;bottom:20%;left:50%;margin-left:-23px;z-index:3} .m-bann .swiper-slide video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;visibility:hidden;opacity:0} .m-bann .swiper-slide.cur video{z-index:3;visibility:visible;opacity:1} .m-bann .swiper-slide.cur .textbox, .m-bann .swiper-slide.cur .player, .m-bann .swiper-slide.cur .img{z-index:-1;visibility:hidden;opacity:0} @keyframes mapyuan{ 0% {opacity:0.4;transform:scale(0.5);} 50% {opacity:1;transform:scale(1.5);} 100% {opacity:0.4;transform:scale(0.5);} } @-moz-keyframes mapyuan{ 0% {opacity:0.4;-moz-transform:scale(0.5);} 50% {opacity:1;-moz-transform:scale(1.5);} 100% {opacity:0.4;-moz-transform:scale(0.5);} } @-webkit-keyframes mapyuan{ 0% {opacity:0.4;-webkit--transform:scale(0.5);} 50% {opacity:1;-webkit--transform:scale(1.5);} 100% {opacity:0.4;-webkit--transform:scale(0.5);} } @keyframes banicon{ 0%{bottom:112px} 50%{bottom:140px} 100%{bottom:112px} } @-moz-keyframes banicon{ 0%{bottom:112px} 50%{bottom:140px} 100%{bottom:112px} } @-webkit-keyframes banicon{ 0%{bottom:112px} 50%{bottom:140px} 100%{bottom:112px} } .indexb{background-color:#f6f6f6;padding:60px 0 90px} .indexbbox{background-color:#fff;padding:60px 58px 60px 60px} .indexbbox .textbox{width:calc(100% - 855px);margin-right:65px} .indexbbox .textbox .cntitle, .indexe .swiper-slide .textbox .cntitle{font-size:26px;font-weight:bold} .indexbbox .textbox .entitle, .indexe .swiper-slide .textbox .entitle{font-size:36px;color:#0f7c8c;font-family:'dinbold'} .indexbbox .textbox .title, .indexe .swiper-slide .textbox .title{color:#393f4b;font-size:36px;font-weight:bold;font-family:"Microsoft JhengHei";margin:44px 0 24px} .indexbbox .textbox .text{color:#666;line-height:2.143;max-height:116px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4} .indexbbox .textbox .more, .indexctop .more, .indexe .swiper-slide .textbox .more{width:130px;height:44px;margin-top:24px;border:2px solid #d56418;display:block;color:#d56418;font-weight:bold;line-height:42px;text-align:center} .indexbbox .textbox .more:hover, .indexctop .more:hover, .indexe .swiper-slide .textbox .more:hover{background-color:#d56418;border-color:#d56418;color:#fff;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)} .indexbbox .videobox{position:relative} .indexbbox .videobox video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;visibility:hidden;opacity:0;object-fit:cover;object-position:center center} .indexbbox .videobox .player{width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;left:50%;margin-left:-20px;z-index:3;cursor:pointer} .indexbbox .videobox.cur video{z-index:3;visibility:visible;opacity:1} .indexbbox .videobox.cur .player, .indexbbox .videobox.cur .img{z-index:-1;visibility:hidden;opacity:0} .indexbbox .videobox .img:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.5);opacity:0;z-index:2;;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)} .indexc{background-color:#f6f6f6} .indextitlebox .cntitle{font-size:26px;font-weight:bold} .indextitlebox .entitle{font-size:36px;color:#0f7c8c;font-family:'dinbold';margin-top:10px} .indexcbox{margin-top:56px} .indexcbox .swiper-wrapper{height:600px} .indexcbox .swiper-slide{width:calc((100% - 1020px) / 5);height:600px;overflow:hidden} .indexcbox .img img{max-width:none} .indexcbox .swiper-slide .img img{transition:0.5s ease-in-out 0.5s;-webkit-transition:0.5s ease-in-out 0.5s;-moz-transition:0.5s ease-in-out 0.5s} .indexcbox .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .indexcbox .hidebox{width:0px;position:absolute;bottom:48px;left:0;z-index:3;opacity:0;overflow:hidden} .indexcbox .hidebox .title{color:#fff;font-size:24px} .indexcbox .hidebox .text{color:#fff;margin-top:18px;line-height:2.143;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .indexcbox .swiper-slide.cur .hidebox{width:100%;padding:0 60px;opacity:1} .indexcbox .showbox{width:100%;position:absolute;top:50%;margin-top:-55px;left:0;z-index:3} .indexcbox .showbox .icon{width:36px;height:36px;margin:0 auto;text-align:center} .indexcbox .showbox .icon img{display:inline-block} .indexcbox .showbox .cntitle{margin:20px 0 8px;color:#fff;font-size:18px;text-align:center;font-weight:bold} .indexcbox .showbox .entitle{color:#fff;font-size:12px;font-family:Arial;text-align:center} .indexcbox .swiper-slide.cur .showbox{top:-100px;opacity:0} .indexctop .more{margin-top:0} .indexd{padding:96px 0 100px;background-color:#f6f6f6} .indexdnav{margin-top:40px} .indexdnavlist{color:#6d6d6d;font-size:18px;line-height:2;border-bottom:2px solid transparent;margin-right:44px;cursor:pointer} .indexdnavlist:nth-last-of-type(1){margin-right:0} .indexdnavlist.cur{color:#0f7c8c;font-weight:bold;border-color:#d56418} .indexdbot{margin-top:60px} .indexdlist{display:none} .indexdlist.cur{display:block} .indexdlist .item{width:520px;height:110px;background-color:#fff;margin-bottom:20px;display:block;padding:30px 30px 0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .indexdlist .item:nth-last-of-type(1){margin-bottom:0} .indexdlist .item .title{font-size:16px;height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .indexdlist .item .date{color:#d56418;font-weight:bold;font-family:Arial;margin-top:14px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .indexdlist .item:hover, .indexdlist .leftbox .leftlist:hover .textbox{background-color:#0f7c8c} .indexdlist .item:hover .title, .indexdlist .leftbox .leftlist:hover .textbox .title, .indexdlist .leftbox .leftlist:hover .textbox .text, .indexdlist .leftbox .leftlist:hover .textbox .date, .indexdlist .item:hover .date{color:#fff} .indexdlist .leftbox{width:100%} .indexdlist .leftbox .leftlist{width:calc((92% - 520px) / 2);margin-right:4%;display:block} .indexdlist .leftbox .leftlist .img img{width:100%} .indexdlist .leftbox .leftlist:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)} .indexdlist .leftbox .leftlist .textbox{background-color:#fff;padding:38px 46px 37px 40px} .indexdlist .leftbox .leftlist .textbox .title{font-size:18px;font-weight:bold;height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .indexdlist .leftbox .leftlist .textbox .text{color:#666;margin:15px 0 28px;line-height:2.143;height:52px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .indexdlist .leftbox .leftlist .textbox .date{color:#d56418;font-weight:bold;font-family:Arial;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .indexe{background-color:#f6f6f6} .indexe .swiper-slide{padding-left:0;overflow:hidden} .indexe .swiper-slide .img{background-color:#0f7c8c} .indexe .swiper-slide .img img{max-width:initial;width:910px;opacity:0.1} .indexe .swiper-slide .textbox{width:650px;position:absolute;top:60px;left:60px;background-color:#fff;padding:56px 70px 48px 60px;opacity:0;transform:translateX(80%);-webkit-transform:translateX(80%);-moz-transform:translateX(80%)} .indexe .swiper-slide-active .textbox{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px)} .indexe .swiper-slide .textbox .text{color:#666;height:84px;line-height:2.143;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .indexe .swiper-slide-active .img img{max-width:initial;opacity:1} .indexe .swiper-slide-active{padding-left:630px} .indexe .swiper-button-next, .indexe .swiper-button-prev{width:50px;height:50px;margin-top:-25px;background-size:100% 100%;opacity:1} .indexe .swiper-button-next{background-image:url(../img/ieright.png);right:64px} .indexe .swiper-button-prev{background-image:url(../img/ieleft.png);left:64px} .indexe .swiper-button-next:hover{background-image:url(../img/ieright_cur.png)} .indexe .swiper-button-prev:hover{background-image:url(../img/ieleft_cur.png)} .indexe .swiper-slide-prev .img{text-align:right} .indexe .swiper-slide-prev .img img{display:inline-block} .indexe .swiper-slide .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .indexetop{display:none} @media (min-width:1024px){ .indexcbox .swiper-slide:nth-of-type(1){width:550px} } @media (min-width:1280px){ .indexcbox .swiper-slide:nth-of-type(1){width:700px} } @media (min-width:1440px){ .indexcbox .swiper-slide:nth-of-type(1){width:1020px} .indexarightbox .text, .indexarighttime{width:80%} } @media (max-width:1620px){ .indexban .textbox{margin-left:-43.125vw} .indexabox{padding:58px 0 58px 66px} .indexarightbox .numlist .numUpbox .numUp{font-size:46px} .indexarightbox .numlist .numUpbox .unit2{margin-top:24px} .indexarightbox{margin-left:4vw} .indexarightbox .numlist{margin-right:2.5vw} .indexbbox .textbox{width:calc(100% - 760px);margin-right:50px} .indexbbox .textbox .cntitle{font-size:22px} .indexbbox .textbox .entitle{font-size:32px} .indexbbox .textbox .title{font-size:32px;font-weight:bold;font-family:"Microsoft JhengHei";margin:34px 0 18px} .indexbbox .videobox{width:710px} .indexarightbox .numlist:nth-of-type(1) .numUp{width:104px} .indexarightbox .numlist:nth-of-type(2) .numUp{width:77px} .indexarightbox .numlist:nth-of-type(3) .numUp{width:52px} .indexarightbox .numlist:nth-of-type(4) .numUp{width:116px} .indexarightbox .numlist:nth-of-type(5) .numUp{width:77px} } @media (max-width:1540px){ } @media (max-width:1440px){ .indexban .textbox{margin-left:-45.125vw;margin-top:-85px} .indexban .textbox .title{font-size:48px} .indexban .textbox .text{font-size:16px;margin-top:8px} .indexban .textbox .more{margin-top:36px} .indexban .swiper-button-next{right:1vw} .indexban .swiper-button-prev{left:1vw} .indexban .swiper-button-next, .indexban .swiper-button-prev{width:40px;height:40px;margin-top:-20px} .indexabox{padding:58px 0 58px 46px} .indexarightbox .numlist .numUpbox .numUp{font-size:38px} .indexarightbox .numlist .numUpbox .unit2{margin-top:17px} .indexarightbox .numlist:nth-of-type(1) .numUp{width:86px} .indexarightbox .numlist:nth-of-type(2) .numUp{width:64px} .indexarightbox .numlist:nth-of-type(3) .numUp{width:43px} .indexarightbox .numlist:nth-of-type(4) .numUp{width:96px} .indexarightbox .numlist:nth-of-type(5) .numUp{width:64px} .indexarightbox{margin-left:3.2vw} .indexarightbox .numlist{margin-right:2vw} .indexarightbox{width:calc(100% - 3.2vw - 508px)} .indexarightbox .title{font-size:30px} .indexbbox .textbox{width:calc(100% - 650px);margin-right:40px} .indexbbox .textbox .cntitle{font-size:18px} .indexbbox .textbox .entitle{font-size:28px} .indexbbox .textbox .title, .indexe .swiper-slide .textbox .title{font-size:28px;font-weight:bold;font-family:"Microsoft JhengHei";margin:20px 0 10px} .indexbbox .videobox{width:610px} .indextitlebox .cntitle, .indexe .swiper-slide .textbox .cntitle{font-size:20px} .indextitlebox .entitle, .indexe .swiper-slide .textbox .entitle{font-size:28px} .indexcbox .swiper-slide.cur{width:700px} .indexcbox .swiper-slide{width:calc((100% - 700px) / 5)} /* .indexcbox .swiper-slide.cur .box{width:700px !important} */ .indexdlist .item{width:450px;height:121.5px;margin-bottom:15px;padding:20px 20px 0} .indexdlist .leftbox .leftlist{width:calc((92% - 450px) / 2);margin-right:4%;display:block} .indexe .swiper-slide-active{padding-left:450px} .indexe .swiper-button-next{right:40px} .indexe .swiper-button-prev{left:40px} .indexe .swiper-slide .textbox{width:500px;top:100px;padding:40px 45px 40px 45px} } @media (max-width:1367px){ .indexdlist .rightbox .item{width:392px;height:100px;margin-bottom:15px;padding:20px 20px 0} /* .indexdlist .leftbox{width:calc(100% - 392px)} */ } @media (max-width:1280px){ .indexban .textbox{margin-left:-46.125vw} .indexcbox .swiper-slide.cur{width:550px} .indexcbox .swiper-slide{width:calc((100% - 550px) / 5)} /* .indexcbox .swiper-slide.cur .box{width:550px !important} */ } @media (min-width:1024px){ } @media (max-width:1024px){ .m-bann{display:block} .pcbanner{display:none} .indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px} .m-bann>.swiper-pagination-bullets .swiper-pagination-bullet{width:22px;height:4px;border-radius:4px;opacity:1;background-color:#fff} .m-bann>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#00a5e2} .indexban .imgtext{width:100%;left:30%;margin-left:0;padding:0 15px;top:33%} .indexban .imgtext img{max-width:50%} .indexban .swiper-slide-active .imgtext{left:0} .indexban .textbox .title{font-size:24px} .indexban .textbox{width:100%;margin-left:0;left:0} .indexban .textbox .text{font-size:14px;margin-top:5px} .banicon{display:none} .indexban .swiper-button-next, .indexban .swiper-button-prev{width:30px;height:30px;margin-top:-15px} .indexban .swiper-button-next{right:15px} .indexban .swiper-button-prev{left:15px} .indexabox{margin-top:-15px;padding:35px 20px 5px;background-image:url(../img/iabgwap.jpeg)} .indexabox .wapmap{display:block} .indexabox .map{display:none} /* .indexabox .map{padding:0;width:100%;height:390px;overflow-x:auto;} .indexabox .map:after{content:"宸﹀彸鎷栧姩鏌ョ湅鍏ㄩ儴";color:#0f7c8c;position:absolute;left:50%;margin-left:-56px;top:0} .indexabox .map .img img{max-width:initial} */ .indexarightbox{width:100%;margin-left:0;margin-top:25px} .indexarightbox .title{font-size:20px} .indexarightbox .text{width:100%;margin:10px 0 20px;line-height:1.8} .indexarightbox .numlist .numUpbox .numUp{font-size:30px} .indexarightbox .numlist .numUpbox{margin:4px 0} .indexarightbox .numlist .numUpbox .unit2{margin-top:10px} .indexarightbox .numlist:nth-of-type(1) .numUp{width:88px} .indexarightbox .numlist:nth-of-type(2) .numUp{width:54px} .indexarightbox .numlist:nth-of-type(3) .numUp{width:36px} .indexarightbox .numlist:nth-of-type(4) .numUp{width:76px} .indexarightbox .numlist:nth-of-type(5) .numUp{width:54px} .indexarightbox .numlist{width:48%;margin-right:4%;margin-bottom:25px} .indexarightbox .numlist:nth-of-type(2n){margin-right:0} .indexarighttime{width:100%;padding-bottom:25px;text-align:left} .indexb{padding:30px 0} .indexbbox{padding:25px 20px} .indexbbox .textbox{width:100%;margin-right:0} .indexbbox .textbox .cntitle{font-size:16px} .indexbbox .textbox .entitle{font-size:22px} .indexbbox .textbox .title, .indexe .swiper-slide .textbox .title{font-size:22px} .indexbbox .textbox .title{margin:15px 0} .indexbbox .textbox .text{line-height:1.8;-webkit-line-clamp:5;max-height:130px} .indexbbox .textbox .more, .indexctop .more, .indexe .swiper-slide .textbox .more{width:106px;height:38px;line-height:36px} .indexbbox .videobox{width:100%;margin-top:35px} .indexbbox .videobox .player{width:30px;height:30px;margin-left:-15px;margin-top:-15px} .indextitlebox .cntitle, .indexe .swiper-slide .textbox .cntitle{font-size:18px} .indextitlebox .entitle, .indexe .swiper-slide .textbox .entitle{font-size:24px;margin-top:3px} .indexctop .more{margin-top:15px} .indexcbox .swiper-slide.cur{width:100%} .indexcbox{margin-top:30px} .indexcbox .img img{max-width:100%} .indexcbox .swiper-slide{height:auto} .indexcbox .swiper-slide.cur .hidebox{display:none} .indexcbox .swiper-container-horizontal>.swiper-pagination-bullets{text-align:right;padding:0 15px} .indexcbox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#fff;opacity:1} .indexcbox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#d56418} .indexcbox .swiper-slide.cur .showbox{top:auto;bottom:13px;opacity:1} .indexcbox .showbox .icon img{width:24px} .indexcbox .showbox .icon{width:24px;height:26px;margin:0} .indexcbox .showbox .cntitle{margin:10px 0 5px;text-align:left;font-size:16px} .indexcbox .showbox .entitle{text-align:left} .indexcbox .showbox{top:auto;margin-top:0;bottom:13px;padding:0 20px} .indexd{padding:30px 0} .indexdnav{width:100%;margin-top:20px} .indexdlist .leftbox{width:100%;margin-bottom:20px} .indexdlist .leftbox .leftlist{width:48%;margin-right:4%;margin-bottom:15px} .indexdlist .leftbox .leftlist:nth-of-type(2n){margin-right:0} .indexdlist .leftbox .leftlist .textbox{padding:20px;height:113px} .indexdlist .leftbox .leftlist .textbox .title{font-size:16px;height:auto;max-height:44px;-webkit-line-clamp:2} .indexdlist .leftbox .leftlist .textbox .text{display:none} .indexdlist .leftbox .leftlist .textbox .date{margin-top:15px} .indexdlist .rightbox .item{width:100%;height:80px} .indexdlist .rightbox .item .date{margin-top:6px} .indexdbot{margin-top:25px} .indexe .swiper-slide-active{padding-left:0} .indexe .swiper-slide .img img{width:100%} .indexe .swiper-slide-active .img img{max-width:100%} .indexe .swiper-slide .textbox{width:100%;position:static;padding:20px} .indexe{padding:0 15px 40px} .indexe .swiper-button-next{right:20px} .indexe .swiper-button-prev{left:20px} .indexe .swiper-button-next, .indexe .swiper-button-prev{width:36px;height:36px;margin-top:0;top:22%} .indexe .swiper-slide .textbox .cntitle, .indexe .swiper-slide .textbox .entitle{display:none} .indexe .swiper-slide .textbox .title{margin:0 0 10px} .indexetop{display:block} .indexe .swiper-container{margin-top:20px} .indexe .swiper-slide .textbox .text{line-height:1.8;height:74px} .indexdlist .item{width:100%;padding:15px 10px} .indexcbox .swiper-wrapper{height:auto} } /* @media (max-width:380px){ .indexd .indeextop .more{bottom:-560px} .indexdbox .textbox{padding:25px} } */ @media (max-width:370px){ .indexban .textbox{margin-top:-70px} .indexban .textbox .title{font-size:20px} .indexban .textbox .text{font-size:12px} } .pagetitlebox .cntitle{font-size:24px;line-height:1} .pagetitlebox .entitle{font-size:30px;font-weight:bold;font-family:Arial;color:#0f7c8c;margin-top:12px} .pageright{width:390px} .aboutrbox .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .aboutrbot{padding:50px 0 0;height:937px;background-image:url(../img/aboutrbg.jpeg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .aboutrlist{width:auto;height:56px;display:inline-block;margin-bottom:20px;padding-left:30px;padding-right:37px;background-color:#ecf0ef;border-top-right-radius:28px;border-bottom-right-radius:28px} /* .aboutrlist:nth-last-of-type(1){margin-bottom:0} */ .aboutrlist .numUp{color:#d56418;font-size:36px;line-height:56px;font-family:'dinconreg';margin-right:10px} .aboutrlist .unit{color:#d56418;font-weight:bold;margin-top:24px} .aboutrlist .text{color:#666;line-height:56px;margin-left:18px} .aboutrlist:hover{background-color:#0f7c8c} .aboutrlist:hover .numUp, .aboutrlist:hover .unit, .aboutrlist:hover .text{color:#fff} .pageleft{width:calc(100% - 390px);padding-right:80px} .aboutbox{margin-top:48px} .aboutbox .abouticon{margin:36px 0 50px;color:#0f7c8c;display:inline-block;position:relative} .aboutbox .abouticon:after{content:"";border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #0f7c8c;position:absolute;top:50%;margin-top:-6px;right:-18px;animation:xuanzhuan1 1s linear 0s infinite normal;-webkit-animation:xuanzhuan1 1s linear 0s infinite normal;-moz-animation:xuanzhuan1 1s linear 0s infinite normal} @keyframes xuanzhuan1{ 0%{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #0f7c8c} 50%{right:-34px;margin-top:-4px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:8px solid #6fb0ba} 100%{right:-46px;margin-top:-2px;border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:6px solid #9fcbd1} } @-moz-keyframes xuanzhuan1{ 0%{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #0f7c8c} 50%{right:-34px;margin-top:-4px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:8px solid #6fb0ba} 100%{right:-46px;margin-top:-2px;border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:6px solid #9fcbd1} } @-webkit-keyframes xuanzhuan1{ 0%{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #0f7c8c} 50%{right:-34px;margin-top:-4px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:8px solid #6fb0ba} 100%{right:-46px;margin-top:-2px;border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:4px solid #9fcbd1} } .aboutbox .mapbox{width:663px;margin:0 auto} .aboutbox .wapmap{display:none} .aboutbox .map{position:relative} .aboutbox .map .pointitem{width:8px;height:8px;border-radius:8px;background-color:#fff;box-shadow:0px 0px 7px 0px rgba(255,255,255,0.8);position:absolute} .aboutbox .map .pointitem[data-address="鍐呰挋鍙?]{top:158px;left:406px} .aboutbox .map .pointitem[data-address="灞辫タ"]{top:228px;left:408px} .aboutbox .map .pointitem[data-address="娌冲崡"]{top:278px;left:428px} .aboutbox .map .pointitem[data-address="鍥涘窛"]{top:322px;left:300px} .aboutbox .map .pointitem[data-address="榛戦緳姹?]{top:74px;left:554px} .aboutbox .map .pointitem[data-address="鍚夋灄"]{top:128px;left:545px} .aboutbox .map .pointitem[data-address="杈藉畞"]{top:160px;left:516px} .aboutbox .map .pointitem[data-address="鍖椾含"]{top:186px;left:450px} .aboutbox .map .pointitem[data-address="澶╂触"]{top:194px;left:462px} .aboutbox .map .pointitem[data-address="娌冲寳"]{top:212px;left:442px} .aboutbox .map .pointitem[data-address="灞变笢"]{top:240px;left:470px} .aboutbox .map .pointitem[data-address="姹熻嫃"]{top:286px;left:502px} .aboutbox .map .pointitem[data-address="瀹夊窘"]{top:300px;left:472px} .aboutbox .map .pointitem[data-address="涓婃捣"]{top:303px;left:522px} .aboutbox .map .pointitem[data-address="娴欐睙"]{top:336px;left:508px} .aboutbox .map .pointitem[data-address="姹熻タ"]{top:360px;left:458px} .aboutbox .map .pointitem[data-address="绂忓缓"]{top:382px;left:490px} .aboutbox .map .pointitem[data-address="骞夸笢"]{top:422px;left:436px} .aboutbox .map .pointitem[data-address="娴峰崡"]{top:482px;left:390px} .aboutbox .map .pointitem[data-address="婀栧崡"]{top:362px;left:410px} .aboutbox .map .pointitem[data-address="骞胯タ"]{top:422px;left:376px} .aboutbox .map .pointitem[data-address="婀栧寳"]{top:308px;left:448px} .aboutbox .map .pointitem[data-address="閲嶅簡"]{top:335px;left:362px} .aboutbox .map .pointitem[data-address="闄曡タ"]{top:280px;left:368px} .aboutbox .map .pointitem[data-address="鐢樿們"]{top:260px;left:320px} .aboutbox .map .pointitem[data-address="瀹佸"]{top:234px;left:338px} .aboutbox .map .pointitem[data-address="闈掓捣"]{top:250px;left:222px} .aboutbox .map .pointitem[data-address="鏂扮枂"]{top:156px;left:136px} .aboutbox .map .pointitem[data-address="瑗胯棌"]{top:302px;left:136px} .aboutbox .map .pointitem[data-address="浜戝崡"]{top:410px;left:288px} .aboutbox .map .pointitem[data-address="璐靛窞"]{top:384px;left:348px} .aboutbox .map .pointitem.cur{animation:mapyuan 3s linear 0s infinite normal;-webkit-animation:mapyuan 3s linear 0s infinite normal;-moz-animation:mapyuan 3s linear 0s infinite normal} .pagerightbox{width:390px;height:600px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .honorrightbox{background-image:url(../img/honbg.jpeg);padding:34px 42px} .honorrightbox .entitle1{color:#999;font-size:36px;font-family:Arial;line-height:46px} .honorrightbox .entitle2{color:#6eafb3;font-size:60px;font-weight:bold;font-family:Arial;line-height:1} .honorrightbox .cntitle{margin-top:30px;color:#666;font-size:18px;font-family:"Source Han Sans CN"} .honoritems{margin:54px 0 56px} .honoritem, .cultureitem, .videoitem{width:31.56%;margin-bottom:46px;margin-right:2.66%;cursor:pointer} .honoritem:nth-of-type(3n), .cultureitem:nth-of-type(3n), .videoitem:nth-of-type(3n){margin-right:0} .honoritem .img{padding:14px;border:1px solid #eee} .honoritem .img img, .cultureitem .img img{width:100%} .honoritem .title, .cultureitem .title{color:#666;text-align:center;margin-top:16px;height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .honoritem:hover .img{border-color:#fff;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.05)} .honoritem:hover .img img, .cultureitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .honoritem:hover .title, .cultureitem:hover .title{color:#0f7c8c;font-weight:bold} .honalertbox{width:580px;;padding:10px;background-color:#fff;z-index:22;position:absolute;top:50%;margin-top:0;margin-left:-290px;left:50%;border-radius:5px;opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)} .honalertbox .bot{margin-top:8px;padding:0 30px 40px 30px} .honalertbox .title{font-size:24px;margin-top:16px;text-align:center;line-height:30px;padding:0 32px} .honalertbox .img{text-align:center} .honalertbox .img img{display:inline-block} .honalertbox .close{cursor:pointer} .honalertbox.cur{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)} .culrightbox{background-image:url(../img/culbg.jpeg);padding:30px 40px} .culture{margin:52px 0 12px} .culturenav{border-bottom:1px solid #eee} .culturenavlist{padding-bottom:28px;margin-right:40px;color:#c8a48c;font-size:16px;font-weight:bold;position:relative} .culturenavlist:nth-last-of-type(1){margin-right:0} .culturenavlist:after{content:"";width:0;height:3px;background-color:#d56418;position:absolute;bottom:-1px;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .culturenavlist.cur, .culturenavlist:hover{color:#d56418} .culturenavlist.cur:after, .culturenavlist:hover:after{width:100%} .cultureitems{margin-top:30px} .culrightbox .entitle, .vidrightbox .entitle, .hisrightbox .entitle{color:#fff;line-height:1.2;font-size:48px;font-family:Arial} .culrightbox .cntitle, .vidrightbox .cntitle, .hisrightbox .cntitle{color:#fff;margin-top:28px;font-size:18px;line-height:32px;font-family:"Source Han Sans CN"} .culturelist{padding:28px 0;position:relative} .culturelist:before{content:"";width:0;height:1px;background-color:#eee;position:absolute;bottom:0;left:0;transition:2.4s ease-in-out 0s;-webkit-transition:2.4s ease-in-out 0s;-moz-transition:2.4s ease-in-out 0s} .culturelist.aos-animate:before{width:100%} .culturelist:nth-last-of-type(1):before{display:none} .culturelist .iconbox{width:98px;margin-top:4px;margin-right:42px} .culturelist .icon{text-align:center} .culturelist .icon img{display:inline-block} .culturelist .name{margin-top:15px;color:#0f7c8c;font-size:18px;text-align:center;font-weight:bold} .culturelist .textbox{width:calc(100% - 140px)} .culturelist .title{font-size:16px;font-weight:bold} .culturelist .line{width:20px;height:2px;background-color:#d56418;margin:16px 0} .culturelist .text{color:#666;line-height:2.143} .videoitems{margin:54px 0 10px} .videoitem .title{color:#666;text-align:center;height:50px;line-height:50px} .videoitem .videobox{position:relative} .videoitem .videobox .player{width:36px;height:36px;position:absolute;top:50%;margin-top:-18px;left:50%;margin-left:-18px;z-index:3} .videoitem .videobox video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;visibility:hidden;opacity:0;object-fit:cover;object-position:center center} .videoitem.cur .videobox video{z-index:3;visibility:visible;opacity:1} .videoitem.cur .videobox .img, .videoitem.cur .videobox .player{z-index:-1;visibility:hidden;opacity:0} .videoitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .videoitem:hover .videobox .player{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)} .videoitem:hover .title{color:#fff;background-color:#0f7c8c;font-weight:bold} .vidrightbox{background-image:url(../img/vidbg.jpeg);padding:30px 40px} .hisrightbox{background-image:url(../img/hisbg.jpeg);padding:30px 40px} .hisbox{margin-top:52px} .history{position:relative} .history:after{content:"";width:1px;height:0%;background-color:#0f7c8c;position:absolute;top:0;left:14px;transition:2.4s ease-in-out 0s;-webkit-transition:2.4s ease-in-out 0s;-moz-transition:2.4s ease-in-out 0s} .history.cur:after{height:100%} .history:before{content:"";width:10px;height:10px;background-color:#0f7c8c;position:absolute;left:10px;bottom:0;z-index:3;border-radius:10px} .hislist{position:relative;z-index:3} .hislist:nth-of-type(1) .rightbox{border-top:none} .hislist .yuan{width:10px;height:10px;margin-top:14px;margin-left:9px;position:relative;z-index:3;background-color:#fff;border:2px solid #0f7c8c;border-radius:10px} .hislist .year{width:76px;height:30px;padding-left:8px;margin:4px 30px 0 20px;text-align:center;line-height:30px;color:#fff;font-size:18px;font-weight:bold;background-image:url(../img/hisicon.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%} .hislist .rightbox{width:calc(100% - 19px);border-top:1px dashed #cecbca;padding:30px 0;margin-left:-3px} .hislist .textbox{width:calc(100% - 126px)} .hislist .text{color:#666;line-height:2.143} .hislist:hover .year{background-image:url(../img/hisicon_cur.png)} .hislist:hover .yuan{background-color:#0f7c8c} .responrightbox{background-image:url(../img/hisbg.jpeg)} .respon{margin-bottom:60px} .responlist{display:block;position:relative;padding:30px 0} .responlist:before{content:"";width:0;height:1px;background-color:#eee;position:absolute;bottom:0;left:0;transition:1.4s ease-in-out 0s;-webkit-transition:1.4s ease-in-out 0s;-moz-transition:1.4s ease-in-out 0s} .responlist.aos-animate:before{width:100%} .responlist .img{width:220px} .responlist .textbox{width:calc(100% - 260px);margin-right:40px;padding-top:10px} .responlist .title{font-size:18px;font-weight:bold;line-height:26px;height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .responlist .date{color:#d56418;font-weight:bold;font-family:Arial;margin:14px 0 22px} .responlist .text{color:#666;line-height:2.143;height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .responlist:hover .title{color:#0f7c8c} .responlist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .newstop{margin-top:56px} .newstop .box{background-color:#f6f6f6} .newstop .textbox{width:calc(100% - 740px);padding:56px 82px 0 60px} .newstop .textbox .date{color:#d56418;font-size:24px;font-weight:bold;font-family:Arial} .newstop .textbox .title{font-size:24px;margin:10px 0 38px;height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .newstop .textbox .text{color:#666;line-height:2.143;height:85px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .newstop .textbox .morebox{width:130px;height:44px;border:2px solid #d56418;margin-top:4.895vw;position:relative;overflow:hidden} .newstop .textbox .morebox:after{content:"";width:100%;height:100%;background-color:#d56418;position:absolute;top:0;left:100%;z-index:auto;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .newstop .textbox .morebox a{display:block;text-align:center;line-height:40px;color:#d56418;font-weight:bold;font-family:Arial;position:relative;z-index:3} .newstop .textbox .morebox:hover:after{left:0} .newstop .textbox .morebox:hover a{color:#fff} .newstop .swiper-container-horizontal>.swiper-pagination-bullets{bottom:62px;text-align:right;padding:0 60px} .newstop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:16px;height:16px;border:1px solid #147e8e;border-radius:16px;background-color:transparent;opacity:1;position:relative} .newstop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{content:"";width:6px;height:6px;background-color:#0f7c8c;border-radius:6px;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)} .newstop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:after{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)} .newstop .img img{transform:scale3d(0.65,0.65,0.65);-webkit-transform:scale3d(0.65,0.65,0.65);-moz-transform:scale3d(0.65,0.65,0.65)} .newstop .swiper-slide-active .img img{transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)} .newsitem{padding:50px 0;position:relative;display:block} .newsitem:before{content:"";width:0;height:1px;background-color:#eee;position:absolute;bottom:0;left:0;transition:2.4s ease-in-out 0s;-webkit-transition:2.4s ease-in-out 0s;-moz-transition:2.4s ease-in-out 0s} .newsitem.aos-animate:before{width:100%} .newsitem .textbox{width:calc(100% - 5.104vw - 390px);margin-right:5.104vw;padding-left:26px;position:relative;padding-top:40px} .newsitem .textbox:after{content:"";width:6px;height:6px;background-color:#0f7c8c;border-radius:6px;position:absolute;top:50px;left:-100px;opacity:0;transition:2s cubic-bezier(0.46, 0.88, 0.43, 1.21) 0s;-webkit-transition:2s cubic-bezier(0.46, 0.88, 0.43, 1.21) 0s;-moz-transition:2s cubic-bezier(0.46, 0.88, 0.43, 1.21) 0s} .newsitem.aos-animate .textbox:after{left:0;opacity:1} .newsitem .textbox .title{font-size:18px;font-weight:bold;height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .newsitem .textbox .date{color:#d56418;font-weight:bold;font-family:Arial;margin:12px 0 40px} .newsitem .textbox .text{color:#666;line-height:2.143;height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .newsitem:hover .textbox .title{color:#0f7c8c} .newsitems{margin-bottom:60px} .newsdetleft{width:calc(100% - 470px);margin-right:80px} .newsdetright{width:390px} .newsdetrec{display:block;margin-bottom:50px;border-bottom:1px solid #eee} .newsdetrec:nth-last-of-type(1){margin-bottom:0} .newsdetrec .img img{width:100%} .newsdetrec .textbox{padding:26px 0 46px} .newsdetrec .textbox .title{font-size:16px;height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .newsdetrec .textbox .date{color:#d56418;font-weight:bold;font-family:Arial;margin-top:14px} .newsdetrec:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .newsdetrec:hover .textbox .title{color:#0f7c8c} .newsdetleft .top{padding-bottom:56px;border-bottom:1px solid #eee} .newsdetleft .top .title{font-size:24px;margin-bottom:14px} .newsdetleft .top .otherlist{color:#999;margin-right:20px} .newsdetleft .top .otherlist:nth-last-of-type(1){margin-right:0} .newsdetleft .content{margin:54px 0} .newsdetshareitems{padding-bottom:60px;border-bottom:1px solid #eee} .newsdetshareitems .sharetext{color:#666;line-height:27px} .newsdetshareitems .shareitem{margin-left:10px;cursor:pointer} .newsdetleft .bot{margin-top:60px} .newsdetpager{margin-bottom:12px} .newsdetpager:nth-last-of-type(1){margin-bottom:0} .newsdetpager .name{font-weight:bold} .newsdetpager .text{color:#666} .newsdetpager a.text:hover{color:#0f7c8c;text-decoration:underline;font-weight:bold} .newsdetleft .return{width:130px;height:44px;border:2px solid #d56418;text-align:center;line-height:40px;color:#d56418;display:block;font-weight:bold} .newsdetleft .return:hover{background-color:#d56418;color:#fff} @media (max-width:1440px){ .pagetitlebox .cntitle{font-size:20px} .pagetitlebox .entitle{font-size:26px} .newstop .img{width:580px} .newstop .textbox{width:calc(100% - 580px);padding:30px 50px 0 40px} .newstop .textbox .title{margin:6px 0 25px} .newstop .textbox .text{line-height:2;height:80px} .newstop .textbox .morebox{margin-top:3vw} } @media (max-width:1280px){ .pageleft{width:calc(100% - 290px);padding-right:40px} .pageright{width:290px} /* .aboutbox .mapbox{width:100%;overflow-x:auto} */ .aboutbox .mapbox .map{width:663px} .honorrightbox .entitle1{font-size:28px;line-height:38px} .honorrightbox .entitle2{font-size:46px} .pagerightbox{width:290px} .culrightbox .entitle, .vidrightbox .entitle, .hisrightbox .entitle{font-size:36px} } @media (max-width:1024px){ .pagetitlebox .cntitle{font-size:18px} .pagetitlebox .entitle{font-size:22px;margin-top:6px} .pageleft{width:100%;padding-right:0} .aboutbox{margin-top:15px} .pageright{width:100%;margin-top:35px} .aboutbox .mapbox{width:100%} /* .aboutbox .map:after{content:"宸﹀彸鎷栧姩鏌ョ湅鍏ㄩ儴";color:#0f7c8c;position:absolute;left:50%;margin-left:-56px;top:0} */ .aboutbox .wapmap{display:block} .aboutbox .map{display:none} .aboutrbot{height:420px;padding:35px 0 0} .aboutrlist{height:44px;padding-left:20px;padding-right:27px;margin-bottom:15px} .aboutrlist .numUp{font-size:26px;line-height:44px;margin-right:4px} .aboutrlist .unit{margin-top:15px} .aboutrlist .text{line-height:44px;margin-left:10px} .honoritems{margin:30px 0} .honoritem, .cultureitem, .videoitem{width:100%;margin-right:0;margin-bottom:20px} .honoritem:nth-last-of-type(1), .cultureitem:nth-last-of-type(1), .videoitem:nth-last-of-type(1){margin-bottom:0} .honoritem .img, .cultureitem .img, .videoitem .img{text-align:center;font-size:0} .honoritem .img img, .cultureitem .img img, .videoitem .img img{width:100%;display:inline-block} .honoritem .title, .cultureitem .title{margin-top:10px} .pagerightbox{width:100%;height:120vw;padding:6vw 7.5vw} .honorrightbox .entitle1{font-size:24px;line-height:34px} .honorrightbox .entitle2{font-size:40px} .honorrightbox .cntitle{font-size:16px;margin-top:10px} .culture, .videoitems{margin:30px 0} .culturenavlist{font-size:14px;margin-right:15px;padding-bottom:10px} .culrightbox .entitle, .vidrightbox .entitle, .hisrightbox .entitle{font-size:34px} .culrightbox .cntitle, .vidrightbox .cntitle, .hisrightbox .cntitle{font-size:16px;margin-top:10px;line-height:24px} .culturelist{padding:20px 0} .culturelist .iconbox{width:100%;margin-right:0} .culturelist .name{margin-top:2px;font-size:16px} .culturelist .textbox{width:100%;margin-top:20px} .culturelist .title{font-size:14px;text-align:center} .culturelist .line{width:16px;margin:8px auto} .culturelist .text{line-height:1.8} .hisbox{margin-top:30px} .hislist .year{margin:4px 15px 0 10px;font-size:16px;width:66px;height:26px;line-height:26px} .hislist .textbox{width:calc(100% - 111px)} .hislist .text{line-height:1.8} .hislist{padding:20px 0} .responlist .img{width:150px} .responlist .textbox{width:calc(100% - 170px);margin-right:20px;padding-top:0} .responlist .title{font-size:16px;height:22px;line-height:22px} .responlist .date{margin:4px 0 10px} .responlist .text{line-height:1.6;height:44px} .respon{margin-bottom:35px} .responlist{padding:15px 0} .newsitems{margin-bottom:35px} .newsitem{padding:20px 0} .newsitem .img{width:100%} .newsitem .textbox{width:100%;margin-right:0;padding-top:15px;padding-left:15px} .newsitem .textbox:after{top:24px} .newsitem .textbox .date{margin:5px 0 10px} .newsitem .textbox .text{height:44px;line-height:1.6} .newstop .img, .newstop .img img{width:100%} .newstop .textbox{width:100%;padding:30px 20px} .newstop .textbox .text{line-height:1.6;height:66px} .newstop .textbox .morebox{width:100px;height:36px;margin-top:35px} .newstop .textbox .morebox a{line-height:32px} .newstop .textbox .date{font-size:16px} .newstop .textbox .title{margin:4px 0 12px;font-size:20px;height:26px} .newstop .swiper-container-horizontal>.swiper-pagination-bullets{padding:0 20px;bottom:30px} .newstop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:12px;height:12px} .newstop{margin-top:30px} .newsdetleft{width:100%;margin-right:0} .newsdetleft .top .title{font-size:20px;margin-bottom:10px} .newsdetleft .top .otherlist{font-size:12px;margin-right:10px} .newsdetleft .top{padding-bottom:25px} .newsdetleft .content{margin:35px 0} .newsdetshareitems{padding-bottom:25px} .newsdetshareitems .shareitem{margin-left:6px} .newsdetleft .bot{margin-top:30px} .newsdetpagers{width:100%} .newsdetpager .text{width:calc(100% - 58px);height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .newsdetleft .return{width:100px;height:36px;line-height:32px;float:left;margin-top:20px} .newsdetpager{margin-bottom:8px} .newsdetright{margin-top:45px;width:100%} .newsdetrec .textbox{padding:15px 0 25px} .newsdetrec .textbox .date{margin-top:8px} .aboutbox .mapbox .map{width:480px} .aboutbox .map .pointitem{width:6px;height:6px} .aboutbox .map .pointitem[data-address="鍐呰挋鍙?]{top:113px;left:291px} .aboutbox .map .pointitem[data-address="灞辫タ"]{top:163px;left:295px} .aboutbox .map .pointitem[data-address="娌冲崡"]{top:200px;left:308px} .aboutbox .map .pointitem[data-address="鍥涘窛"]{top:240px;left:220px} .aboutbox .map .pointitem[data-address="榛戦緳姹?]{top:54px;left:394px} .aboutbox .map .pointitem[data-address="鍚夋灄"]{top:88px;left:390px} .aboutbox .map .pointitem[data-address="杈藉畞"]{top:114px;left:372px} .aboutbox .map .pointitem[data-address="鍖椾含"]{top:134px;left:327px} .aboutbox .map .pointitem[data-address="澶╂触"]{top:140px;left:334px} .aboutbox .map .pointitem[data-address="娌冲寳"]{top:154px;left:320px} .aboutbox .map .pointitem[data-address="灞变笢"]{top:174px;left:340px} .aboutbox .map .pointitem[data-address="姹熻嫃"]{top:204px;left:366px} .aboutbox .map .pointitem[data-address="瀹夊窘"]{top:214px;left:340px} .aboutbox .map .pointitem[data-address="涓婃捣"]{top:220px;left:378px} .aboutbox .map .pointitem[data-address="娴欐睙"]{top:244px;left:370px} .aboutbox .map .pointitem[data-address="姹熻タ"]{top:260px;left:332px} .aboutbox .map .pointitem[data-address="绂忓缓"]{top:274px;left:354px} .aboutbox .map .pointitem[data-address="骞夸笢"]{top:308px;left:315px} .aboutbox .map .pointitem[data-address="娴峰崡"]{top:350px;left:282px} .aboutbox .map .pointitem[data-address="婀栧崡"]{top:266px;left:298px} .aboutbox .map .pointitem[data-address="骞胯タ"]{top:300px;left:266px} .aboutbox .map .pointitem[data-address="婀栧寳"]{top:230px;left:304px} .aboutbox .map .pointitem[data-address="閲嶅簡"]{top:242px;left:262px} .aboutbox .map .pointitem[data-address="闄曡タ"]{top:184px;left:274px} .aboutbox .map .pointitem[data-address="鐢樿們"]{top:184px;left:230px} .aboutbox .map .pointitem[data-address="瀹佸"]{top:166px;left:246px} .aboutbox .map .pointitem[data-address="闈掓捣"]{top:178px;left:174px} .aboutbox .map .pointitem[data-address="鏂扮枂"]{top:122px;left:96px} .aboutbox .map .pointitem[data-address="瑗胯棌"]{top:228px;left:116px} .aboutbox .map .pointitem[data-address="浜戝崡"]{top:296px;left:208px} .aboutbox .map .pointitem[data-address="璐靛窞"]{top:274px;left:258px} } @media (max-width:380px){ .responlist .img{width:110px} .responlist .textbox{width:calc(100% - 125px);margin-right:15px;padding-top:0} .responlist .title{font-size:14px;height:20px;line-height:20px} .responlist .date{margin:2px 0 4px;font-size:12px} .responlist .text{font-size:12px;line-height:1.6;height:38px} } .poserwrap{background-image:url(../img/proserbg.jpeg);background-repeat:no-repeat;background-position:center center;background-size:cover} .poserleft{width:calc(100% - 522px - 9.583vw);margin-right:6.354vw} .poserleft .text{color:#666;line-height:2.143;margin:48px 0} .poserleft .list{width:31%;margin-right:3.5%} .poserleft .list:nth-of-type(3n){margin-right:0} .poserleft .list .num{font-size:48px;font-weight:bold;font-family:Arial;color:#0f7c8c} .poserleft .list .name{font-size:18px;font-weight:bold;margin-top:20px;margin-left:18px} .poserleft .list .desc{color:#666;margin-top:16px;line-height:2.143} .poserright{width:522px;margin-right:3.229vw} .posericonbox{height:522px;position:relative;padding:142px 0 0 142px} .posericonbox .cenimg{width:240px;height:240px} .posericonbox .smalliconbox{width:100%;height:522px;position:absolute;top:0;left:0;animation:xuanzhuan 50s linear 0s infinite normal;-webkit-animation:xuanzhuan 50s linear 0s infinite normal;-moz-animation:xuanzhuan 50s linear 0s infinite normal} .posericonbox .smalliconlist{width:126px;height:126px;border:1px solid #d56418;border-radius:126px;padding:20px 10px 0;position:absolute} .posericonbox .smalliconlist .icon{height:36px;line-height:36px;text-align:center} .posericonbox .smalliconlist .icon img{display:inline-block} .posericonbox .smalliconlist .title{color:#666;margin-top:12px;line-height:1.6;text-align:center} .posericonbox .smalliconlist:nth-of-type(1){left:50%;margin-left:-63px;top:0} .posericonbox .smalliconlist:nth-of-type(2){right:56px;top:54px} .posericonbox .smalliconlist:nth-of-type(3){right:0;top:198px} .posericonbox .smalliconlist:nth-of-type(4){right:56px;top:338px} .posericonbox .smalliconlist:nth-of-type(5){left:50%;margin-left:-63px;bottom:0} .posericonbox .smalliconlist:nth-of-type(6){left:54px;top:338px} .posericonbox .smalliconlist:nth-of-type(7){left:0;top:198px} .posericonbox .smalliconlist:nth-of-type(8){left:56px;top:54px} /* @keyframes xuanzhuan{ 0%{transform:rotateZ(0deg)} 100%{transform:rotateZ(360deg)} } @-moz-keyframes xuanzhuan{ 0%{-moz-transform:rotateZ(0deg)} 100%{-moz-transform:rotateZ(360deg)} } @-webkit-keyframes xuanzhuan{ 0%{-webkit-transform:rotateZ(0deg)} 100%{-webkit-transform:rotateZ(360deg)} } */ .posericonbox:hover .smalliconbox{animation:initial;-webkit-animation:initial;-moz-animation:initial} .case{margin-top:52px} .casefilter{border:1px solid #cecece;height:68px;position:relative;z-index:3} .casefillist{width:25%;height:68px;border-right:1px solid #cecece;padding:0 29px;position:relative;z-index:3} .casefillist:nth-of-type(4n){border-right:none} .casefillist .top{cursor:pointer} .casefillist .top .icon{line-height:66px} .casefillist .top .icon img{display:inline-block;vertical-align:middle;margin-bottom:2px} .casefillist .top .name{line-height:66px;color:#666;margin:0 15px} .casefillist .top .more{width:11px;height:11px;margin-top:28px;position:relative} .casefillist .top .more:after{content:"";width:11px;height:3px;background-color:#d86f29;position:absolute;top:50%;margin-top:-1px;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .casefillist .top .more:before{content:"";width:3px;height:11px;background-color:#d86f29;position:absolute;top:0;left:4px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .casefilitems{width:100%;max-height:300px;overflow-y:auto;position:absolute;top:66px;left:0;z-index:-1;visibility:hidden;opacity:0;background-color:#fff;box-shadow:0px 4px 22px 0px rgba(0,0,0,0.06);} .casefilitems::-webkit-scrollbar{width:8px} .casefilitems::-webkit-scrollbar-thumb{background-color:#0f7c8c} .casefilitems::-webkit-scrollbar-track{background-color:#e9fcff} .casefilitem{width:100%;padding:0 40px 0 60px;height:40px;line-height:40px;color:#999;cursor:pointer} .casefilitem:hover{background-color:#0f7c8c;color:#fff} .casefillist.cur .casefilitems{z-index:5;visibility:visible;opacity:1} .casefillist.cur .top .more:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)} .casefillist.cur .top .more:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)} .caseitems{margin:50px 0 10px} .caseitem{width:31.08%;margin-right:3.38%;margin-bottom:50px;display:block;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.05)} .caseitem:nth-of-type(3n){margin-right:0} .caseitem .textbox{padding:30px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .caseitem .textbox .left{width:calc(100% - 45px);margin-right:20px} .caseitem .textbox .left .title{font-weight:bold;font-size:18px;height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .caseitem .textbox .left .text{color:#666;margin-top:10px;height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .caseitem .textbox .more{width:25px;height:11px;margin-top:20px;background-image:url(../img/casemore.png);background-repeat:no-repeat;background-position:left center} .caseitem:hover{box-shadow:none} .caseitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .caseitem:hover .textbox{background-color:#0f7c8c} .caseitem:hover .textbox .left .title, .caseitem:hover .textbox .left .text{color:#fff} .caseitem:hover .textbox .more{background-position:right center} .casemore{width:100%;height:68px;text-align:center;line-height:68px;margin-top:80px;font-size:18px;background-color:#0f7c8c;color:#fff;cursor:pointer} .casemore.cur{color:#999;background-color:#ececec;cursor:not-allowed} .casedettitle{font-size:18px;font-weight:bold;margin-bottom:18px} .newsdetrec .textbox .text{color:#666;margin-top:12px} .casedetbox{padding:60px 0;border-bottom:1px solid #eee} .casedetlist{width:20%;border-right:1px solid #eee} .casedetlist:nth-of-type(5n){border-right:none} .casedetlist .title{color:#666;text-align:center;line-height:1} .casedetlist .text{color:#0f7c8c;text-align:center;font-size:20px;margin-top:19px;line-height:1} .casedetimg .swiper-button-next, .casedetimg .swiper-button-prev{width:50px;height:50px;background-size:100% 100%;margin-top:0;left:auto;top:auto;bottom:40px} .casedetimg .swiper-button-next{background-image:url(../img/cdright.png);right:40px} .casedetimg .swiper-button-prev{background-image:url(../img/cdleft.png);right:120px} .casedetimg .numbox{position:absolute;bottom:50px;left:50px;z-index:2} .casedetimg .numbox .curnum{color:#fff;font-size:24px;font-weight:bold;font-family:Arial;line-height:1} .casedetimg .numbox .line, .casedetimg .numbox .pagenum{color:#fff;font-family:Arial;margin-top:7px} .casedetimg .numbox .line{margin-left:10px;margin-right:3px} .coopmodewrap{background-image:url(../img/coopbg.jpeg);background-repeat:no-repeat;background-position:center center;background-size:cover} .coopmodeitems{margin:54px 0 0} .coopmodeitem{width:16.6666%} .coopmodeitem .icon{text-align:center} .coopmodeitem .icon img{display:inline-block} .coopmodeitem .textbox{margin-top:26px} .coopmodeitem .textbox .name{font-size:18px;font-weight:bold;text-align:center} .coopmodeitem .textbox .text{color:#666;margin-top:8px;text-align:center;line-height:2.143} .coopmodeitem:hover .icon img{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg)} .nodata{display:none;padding:80px 0;font-size:26px;color:#0f7c8c;background-color:#fafafa;line-height:40px;text-align:center} .nodata.cur{display:block} @media (max-width:1440px){ .poserleft{width:calc(100% - 522px - 5.083vw);margin-right:3.354vw} .poserright{margin-right:1.729vw} } @media (max-width:1024px){ .poserleft{width:100%;margin-right:0} .poserright{width:100%;margin-right:0} .poserleft .text{margin:35px 0 25px;line-height:1.8} .poserleft .list{width:100%;margin-right:0;margin-bottom:25px} .poserleft .list .num{font-size:38px} .poserleft .list .name{font-size:16px;margin-top:14px;margin-left:10px} .poserleft .list .desc{margin-top:6px;line-height:1.8} .posericonbox .smalliconbox{height:auto;text-align:center;margin-top:35px;position:static;animation:initial;-webkit-animation:initial;-moz-animation:initial} .posericonbox .smalliconlist{width:90px;height:90px;position:static;padding:15px 5px 0;display:inline-block} .posericonbox{height:auto;padding:0} .posericonbox .cenimg{width:100%;height:auto;text-align:center} .posericonbox .cenimg img{width:60%;display:inline-block} /* .posericonbox .smalliconlist:nth-of-type(1), .posericonbox .smalliconlist:nth-of-type(5){margin-left:0} */ .posericonbox .smalliconlist .icon{height:24px;line-height:24px} .posericonbox .smalliconlist .icon img{width:24px} .posericonbox .smalliconlist .title{line-height:1.4;margin-top:6px;font-size:12px} .posericonbox .smalliconlist{margin:10px calc((100% - 282px) / 6) !important} .case{margin-top:30px} .casefilter{height:auto} .casefillist{width:50%;height:50px;padding:0 10px} .casefillist .top .icon{line-height:49px} .casefillist .top .name{line-height:49px;margin:0 10px} .casefillist .top .more{margin-top:18px} .casefillist:nth-of-type(2n){border-right:none} .casefillist:nth-of-type(1), .casefillist:nth-of-type(2){border-bottom:1px solid #cecece} .caseitem{width:100%;margin-right:0;margin-bottom:20px} .caseitem .textbox{padding:30px 20px} .caseitems{margin:35px 0 40px} .casedetimg .swiper-button-next, .casedetimg .swiper-button-prev{width:30px;height:30px;bottom:15px} .casedetimg .swiper-button-next{right:15px} .casedetimg .swiper-button-prev{right:60px} .casedetimg .numbox{bottom:15px;left:15px} .casedetbox{padding:25px 0} .casedetlist{width:50%;margin-bottom:25px} .casedetlist:nth-of-type(5n){border-right:1px solid #eee} .casedetlist:nth-of-type(2n){border-right:none} .casedetlist .text{font-size:18px;margin-top:10px} .casedetlist:nth-last-of-type(1){margin-bottom:0} .coopmodeitems{margin:30px 0 0} .coopmodeitem{width:50%;margin-bottom:25px} .coopmodeitem .icon img{width:60px} .coopmodeitem .textbox{margin-top:15px} .coopmodeitem .textbox .text{margin-top:5px;line-height:1.8} .coopmodeitem .textbox .name{font-size:16px} .casefilitems{top:50px} .casefilitem{padding:0 10px 0 35px} .casefillist.cur{z-index:5} .casefillist.cur .casefilitems{z-index:6} } @media (max-width:370px){ .posericonbox .smalliconlist{margin:4px calc((100% - 192px) / 4) !important} } .operattop .swiper-button-next, .operattop .swiper-button-prev{width:50px;height:50px;opacity:1;background-size:100% 100%;margin-top:0;position:static} .operattop .swiper-button-next{background-image:url(../img/operaright.png);margin-left:30px} .operattop .swiper-button-prev{background-image:url(../img/operaleft.png)} .operaslide{margin-top:56px} .operaslide .img{width:100%} .operaslide .img img{height:255px;object-fit:cover;width:100%} .operaslide .textbox{width:100%;height:255px;padding:42px 38px 0 50px;position:relative} .operaslide .swiper-slide:nth-of-type(1) .textbox, .operaslide .swiper-slide:nth-of-type(5n) .textbox{background-color:#22b2c2} .operaslide .swiper-slide:nth-of-type(2n) .textbox{background-color:#0f7c8c} .operaslide .swiper-slide:nth-of-type(4n - 1) .textbox{background-color:#d56418} .operaslide .swiper-slide:nth-of-type(4n) .textbox{background-color:#e9ba00} .operaslide .textbox .title{color:#fff;font-size:18px;font-weight:bold} .operaslide .textbox .text{color:#fff;margin-top:22px;line-height:2.143} .operaslide .textbox .icon{margin-top:-8px} .operaslide .textall{position:relative;z-index:3} .operaslide .textbox .entitle{width:72px;height:auto;color:rgba(255,255,255,0.1);font-size:30px;font-weight:bold;font-family:Arial;position:absolute;top:18px;left:15px;line-height:1.2;transform:rotate(90deg);} .handser{margin-top:54px} .handser .img, .handser .pcimg{width:50%} .handser .img:hover img, .handser .pcimg:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .handser .textbox{width:50%;padding-right:74px;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center} .handser .handserlist:nth-of-type(2n) .textbox{padding-right:0;padding-left:80px} .handser .wapimg{display:none} .handser .textbox .top .cntitle{font-weight:bold;font-size:24px;line-height:1} .handser .textbox .top .entitle, .handser .textbox .top .line{color:#999;margin-top:8px} .handser .textbox .top .line{margin-left:5px;margin-right:3px} .handser .textbox .text{margin-top:42px} .homesertable{margin-top:54px} @media (max-width:1440px){ .operaslide .img img, .operaslide .textbox{height:200px} .operaslide .textbox{padding:30px 25px 0 35px} .operaslide .textbox .text{line-height:1.8;margin-top:15px} .operaslide .textbox .icon{width:60px;height:60px} .operaslide .textbox .entitle{font-size:24px} } @media (max-width:1280px){ .operaslide .textbox{padding:20px 20px 0 28px} .operaslide .textbox .icon{width:42px;height:42px} .operaslide .textbox .entitle{font-size:22px;left:0} } @media (max-width:1024px){ .operattop .btnbox{float:left;margin-top:15px;width:100%} .operattop .swiper-button-next, .operattop .swiper-button-prev{width:40px;height:40px} .operattop .swiper-button-next{margin-left:15px} .operaslide .img{width:100%} .operaslide .textbox{width:100%;padding:25px 15px} .operaslide{margin-top:20px} .operaslide .img img, .operaslide .textbox{height:auto} .handserlist{margin-bottom:25px} .handserlist:nth-last-of-type(1){margin-bottom:0} .handser .pcimg{display:none} .handser .wapimg{display:block} .handser .textbox{width:100%;padding-right:0;margin-top:20px} .handser .img{width:100%} .handser .handserlist:nth-of-type(2n) .textbox{padding-left:0} .handser .textbox .text{margin-top:10px} .handser, .homesertable{margin-top:35px} } .performyear{margin-top:50px;border-bottom:1px solid #eee;padding-right:18px;position:relative} .performyear .swiper-slide .year{color:#c8a48c;font-size:24px;line-height:32px;padding-bottom:26px;font-family:Arial;position:relative;display:inline-block;cursor:pointer} .performyear .swiper-slide.cur .year, .performyear .swiper-slide:hover .year{color:#d56418} .performyear .swiper-slide .year:after{content:"";width:0;height:3px;background-color:#d56418;position:absolute;bottom:-1px;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .performyear .swiper-slide.cur .year:after, .performyear .swiper-slide:hover .year:after{width:100%} .performyear .swiper-button-next{width:18px;height:58px;background-size:18px 2px;top:auto;right:0;opacity:1;bottom:7px;background-image:url(../img/permore.jpeg);margin-top:0} .perrightbox{padding:46px 0 0 40px;background-image:url(../img/perbg.jpeg)} .perrightbox .cntitle{color:#fff;font-size:18px} .perrightbox .entitle{color:#fff;font-size:60px;font-weight:bold;font-family:Arial;line-height:1.2} .percode{margin:18px 0} .percode .t{color:#fff;font-size:30px;font-family:'din';line-height:36px} .percode .x{color:#fff;font-family:"Source Han Sans CN"} .perstock{color:#fff;font-family:Arial} .perstock span{font-size:30px;font-family:'din'} .performitem{padding:30px 30px 34px;border-bottom:1px solid #eee;position:relative} .performitem:before{content:"";width:0;height:100%;background-color:#efefef;position:absolute;top:0;left:0;z-index:auto;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .performitem .date, .performitem .name, .performitem .icon{position:relative;z-index:3} .performitem .date .day{color:#0f7c8c;font-size:24px;font-weight:bold;font-family:'din'} .performitem .date .year{color:#999;font-weight:bold;font-family:'din';margin-top:5px} .performitem .name{width:calc(100% - 166px);margin:14px 20px 0 48px;color:#666} .performitem .icon{width:38px;height:53px;display:block;background-image:url(../img/pericon.png);background-repeat:no-repeat;background-position:left center} /* .performitem:hover:before{width:100%} */ .performitem:hover .icon{background-position:right center} .performitems{margin-bottom:60px} .stocktop{width:100%;height:280px;padding-top:56px;padding-left:62px;margin-top:54px;background-image:url(../img/stobg.jpeg);background-repeat:no-repeat;background-position:center center;background-size:cover} .stocktop .list{width:20%} .stocktop .list .numUp{color:#fff;font-weight:bold;font-size:36px;font-family:'din'} .stocktop .list .text{color:#fff;margin-top:5px} .stocktop .bot{color:#fff;line-height:2.143;margin-top:48px} .stockcen{margin:54px 0 40px} .stockbot{border-top:1px solid #eee} .stockbot .list{width:25%;border-bottom:1px solid #eee;position:relative;padding:44px 0} .stockbot .list:after{content:"";width:1px;height:80px;background-color:#eee;position:absolute;top:30px;right:0} .stockbot .list:nth-of-type(4n):after{display:none} .stockbot .list .title{color:#666;font-weight:bold;text-align:center} .stockbot .list .num{color:#666;margin-top:14px;text-align:center} .invesrelatbox, .investoolkitcon{margin-top:54px} .invesrelatbox .img{width:50%} .invesrelatbox .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .invesrelatbox .textbox{width:50%;background-color:#f6f6f6;padding:54px 68px 20px 58px} .invesrelatbox .textbox .title{color:#d56418;font-size:24px} .invesrelatbox .textbox .items{margin-top:50px;height:204px;overflow-y:auto} .invesrelatbox .textbox .items::-webkit-scrollbar{width:8px} .invesrelatbox .textbox .items::-webkit-scrollbar-thumb{background-color:#0f7c8c} .invesrelatbox .textbox .items::-webkit-scrollbar-track{background-color:#e9fcff} .invesrelatbox .textbox .item{margin-bottom:18px} .invesrelatbox .textbox .item:nth-last-of-type(1){margin-bottom:0} .invesrelatbox .textbox .item .icon{width:18px;line-height:30px} .invesrelatbox .textbox .item .icon img{display:inline-block;vertical-align:middle} .invesrelatbox .textbox .item .text{margin-left:20px;width:calc(100% - 38px);color:#666;line-height:30px;font-size:16px} .management{margin-top:54px} .manaitem{padding:30px 0;border-top:1px solid #eee} .manaitem .img{width:200px} .manaitem .textbox{width:calc(100% - 230px);margin-left:30px;padding-top:46px } .manaitem .textbox .title{color:#d56418} .manaitem .textbox .title span{font-size:18px;font-weight:bold;color:#333} .manaitem .textbox .text{color:#666;margin-top:16px;line-height:2.143} @media (max-width:1620px){ .stocktop{padding-left:40px} /* .stocktop .list{margin-right:45px} */ } @media (max-width:1440px){ .stocktop .list{margin-right:0} .stockbot .list{width:33.3333%} .stocktop .list .numUp{font-size:26px} .stockbot .list:nth-of-type(4n):after{display:block} .stockbot .list:nth-of-type(3n):after{display:none} .stocktop{padding-top:40px;padding-left:45px} .invesrelatbox .textbox{padding:35px 48px 20px 35px} .invesrelatbox .textbox .items{margin-top:35px} .invesrelatbox .textbox .item{margin-bottom:12px} .manaitem .textbox{padding-top:25px} } @media (max-width:1372px){ /* .stocktop .list{margin-right:30px} */ } @media (max-width:1280px){ .stocktop .bot{margin-top:25px;line-height:1.8} .stocktop .list .numUp{font-size:22px} .invesrelatbox .textbox .items{height:170px;margin-top:20px} .invesrelatbox .textbox .item .icon{line-height:26px} .invesrelatbox .textbox .item .text{font-size:14px;line-height:26px} .invesrelatbox .textbox .title{font-size:20px} .invesrelatbox .textbox .item{margin-bottom:8px} .perrightbox .cntitle{font-size:18px} .perrightbox .entitle{font-size:40px} } @media (max-width:1024px){ .performyear, .invesrelatbox, .investoolkitcon, .management{margin-top:35px} .performyear .swiper-slide .year{font-size:20px;padding-bottom:8px} .performitem{padding:15px 5px} .performitem .date .day{font-size:18px} .performitem .date .year{margin-top:3px} .performitem .name{width:calc(100% - 108px);margin:2px 10px 0 15px} .performitems{margin-bottom:35px} .performyear .swiper-button-next{height:24px;bottom:6px} .perrightbox{padding:6vw 7.5vw} .perrightbox .cntitle{font-size:15px} .perrightbox .entitle{font-size:42px} .percode{margin:8px 0} .percode .t{font-size:22px;line-height:28px} .perstock span{font-size:22px} .stocktop{padding-top:20px;height:auto;padding:20px;margin-top:35px} .stocktop .list{margin-bottom:20px;width:50%} .stocktop .list .numUp{font-size:26px} .stocktop .list .text{font-size:12px;margin-top:3px} .stocktop .bot{margin-top:0;line-height:1.6} .stockcen{margin:35px 0} .stockbot .list{width:50%;padding:28px 10px} .stockbot .list:nth-of-type(3n):after{display:block} .stockbot .list:nth-of-type(2n):after{display:none} .stockbot .list:after{height:70px} .stockbot .list .title{height:40px} .stockbot .list .num{margin-top:6px} .invesrelatbox .textbox{width:100%;padding:30px 20px} .invesrelatbox .textbox .items{margin-top:15px;height:auto} .invesrelatbox .textbox .item .icon{line-height:22px} .invesrelatbox .textbox .item .text{line-height:22px;width:calc(100% - 28px);margin-left:10px} .invesrelatbox .img{width:100%} .manaitem{padding:20px 0} .manaitem .textbox{width:100%;margin-left:0;padding-top:20px} .manaitem .textbox .text{line-height:1.8;margin-top:8px} .handser .textbox .top .cntitle{font-size:20px} .handser .textbox .top .entitle, .handser .textbox .top .line{margin-top:3px} .homesertable table{width:auto !important} .homesertable table tr td{font-size:12px !important} .homesertable table tr:nth-of-type(1) td{font-size:14px !important} .homesertable table tr:nth-of-type(2) td:nth-of-type(2), .homesertable table tr:nth-of-type(2) td:nth-of-type(3), .homesertable table tr:nth-of-type(3) td:nth-of-type(2), .homesertable table tr:nth-of-type(4) td:nth-of-type(1), .homesertable table tr:nth-of-type(5) td:nth-of-type(1){padding:0 5px!important;text-align:center} } @media (max-width:370px){ /* .stocktop{padding:15px 15px 0 15px;height:240px} */ .stocktop .list{width:50%;margin-right:0;padding-right:3%;margin-bottom:15px} .stockbot .list{padding:28px 5px} } .conitems{margin:54px 0} .conitem{width:20%} .conitem .icon{text-align:center} .conitem .icon img{display:inline-block} .conitem .textbox{margin-top:25px} .conitem .textbox .title{font-size:18px;font-weight:bold;text-align:center} .conitem .textbox .text{color:#666;text-align:center;line-height:1.714;margin-top:10px} .conitem:hover .icon img{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg)} .conmapbox{width:100%;height:450px;overflow:hidden} .conmapbox .commapimg{width:100%;height:100%} .message{margin-top:54px} .messagebox{width:50%;padding-right:55px} .messitem{width:42.56%;margin-right:14.88%;border-bottom:1px solid #dcdcdc;margin-bottom:32px} .messitem:nth-of-type(2n){margin-right:0} .messitem .name{width:66px;line-height:48px;color:#666} .messitem .name span{color:#d56418} .messitem .input{width:calc(100% - 70px)} .messitem .input input{width:100%;height:48px} .messitem .input textarea{width:100%;height:48px} .messitem.last{width:100%} .messagebox .btn{width:130px;height:44px;border:2px solid #d56418;position:relative} .messagebox .btn:after{content:"";width:0;height:100%;background-color:#d56418;position:absolute;top:0;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .messagebox .btn a{display:block;line-height:40px;text-align:center;color:#d56418;font-weight:bold;position:relative;z-index:3} .messagebox .btn:hover:after{width:100%} .messagebox .btn:hover a{color:#fff} .messageimg{width:50%} .joinusitems{margin:54px 0 60px} .recruititem{margin-bottom:30px} .recruititem:nth-last-of-type(1){margin-bottom:0} .recruititemtop{background-color:#fafafa;padding-right:30px} .recruititemtop .left{width:calc(100% - 15px);padding:20px 30px} .recruititemtop .left .rectextbox{width:calc(100% - 86px);margin-left:25px} .recruititemtop .left .name{font-size:18px;font-weight:bold;line-height:26px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .recruititemtop .left .date{color:#666;margin-left:22px} .recruititemtop .left .bot{margin-top:5px} .recruititemtop .left .reclist{color:#666;margin-right:10px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .recruititemtop .left .reclist:nth-last-of-type(1){margin-right:0} .recruititemtop .see{width:15px;position:relative;cursor:pointer} .recruititemtop .see:after{content:"";width:15px;height:4px;position:absolute;top:50%;border-radius:4px;margin-top:-2px;left:50%;margin-left:-7px;background-color:#d56418} .recruititemtop .see:before{content:"";width:4px;height:15px;position:absolute;top:50%;border-radius:4px;margin-top:-7px;left:50%;margin-left:-1px;background-color:#d56418;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .recruititembot{background-color:#f6f6f6;margin-top:2px;padding:32px 68px 54px 115px;display:none} .recruititembot .emailbtn{width:127px;height:37px;color:#d56418;border:2px solid #d56418;border-radius:37px;line-height:33px;text-align:center;display:block;margin-top:25px;font-weight:bold} .recruititembot .emailbtn:hover{background-color:#d56418;color:#fff;box-shadow:0px 4px 16px 0px rgba(0,0,0,0.08)} .recruititembot .list{margin-bottom:50px} .recruititembot .list .title{font-weight:bold} .recruititembot .list .text{color:#666;margin-top:15px;line-height:2.143} .aboutbox .textbox .recruititembot .content{margin-top:0} .recruititem.cur .recruititemtop{background-color:#0f7c8c} .recruititem.cur .recruititemtop .left .name{color:#fff} .recruititem.cur .recruititemtop .left .reclist{color:#fff} .recruititem.cur .see:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);opacity:0} .recruititem.cur .see:after{background-color:#fff} .joinusrightbox{padding:34px 40px;position:relative;background-image:url(../img/joinbg.jpeg)} .joinusrightbox .entitle{color:#fff;font-size:48px;font-family:Arial} .joinusrightbox .cntitle{color:#fff;font-size:18px;font-family:"Source Han Sans CN";margin-top:12px;line-height:1.667} .joinusrightbox .text{color:#fff;font-size:24px;line-height:1.4;font-weight:bold;position:absolute;bottom:34px;left:40px} @media (max-width:1024px){ .conmapbox{height:350px} .conitem{width:50%;margin-bottom:30px} .conitem:nth-last-of-type(1){margin-bottom:0} .conitem .textbox .text{line-height:1.6} .conitem .icon img{width:60px} .conitem .textbox{margin-top:10px} .conitem .textbox .text{margin-top:6px} .conitem:nth-of-type(1) .textbox .text, .conitem:nth-of-type(2) .textbox .text{height:88px} .conitems{margin:35px 0} .message{margin-top:35px} .messagebox{width:100%;padding-right:0} .messitem{width:100%;margin-right:0;margin-bottom:10px} .messitem .name{line-height:38px} .messitem .input input{height:38px} .messagebox .btn{width:100px;height:36px;margin:35px 0} .messagebox .btn a{line-height:32px} .messageimg{width:100%} .recruititems{margin-top:30px;margin-bottom:30px} .recruititem{margin-bottom:20px} .recruititemtop .left{width:calc(100% - 15px);padding:15px} .recruititemtop{padding-right:15px} /* .recruititemtop .see{width:62px} */ .recruititemtop .left .icon{width:41px} .recruititemtop .left .rectextbox{width:calc(100% - 51px);margin-left:10px;padding-top:0} .recruititemtop .left .name{font-size:16px} .recruititemtop .left .date{width:100%;margin-left:0} .recruititemtop .left .reclist{width:50%;padding-right:5px;margin-right:0} .recruitr{max-width:100%;height:487px;margin-top:35px} .recruitr .recruitrtext{line-height:1.6} .recruititembot{padding:30px 20px 30px 76px} .recruititembot .list{margin-bottom:20px} .recruititembot .list .title{font-weight:bold} .recruititembot .list .text{color:#666;margin-top:6px;line-height:1.6} } @media (max-width:370px){ .conitem .icon img{width:46px} .conitem .textbox .title{font-size:16px} .conitem .textbox .text{font-size:12px} .conitem:nth-of-type(1) .textbox .text, .conitem:nth-of-type(2) .textbox .text{height:76px} }