/*中环动态列表*/ .searchBox{display: flex;justify-content: center;padding:0 15%;position: relative;z-index: 10;} .sortBtns{font-size:0;} .sortType{width:42px;height:42px;border:1px solid #d6dbe1;cursor:pointer;position:relative;} .picType{background:url(../images/sort1.png) no-repeat center;border-top-left-radius: 4px;border-bottom-left-radius: 4px;left:1px;} .txtType{background:url(../images/sort2.png) no-repeat center;border-top-right-radius: 4px;border-bottom-right-radius: 4px;} .sortType.active{border-color:#020C4F;z-index: 2;} .picType.active{background-image:url(../images/sort1_1.png);} .txtType.active{background-image:url(../images/sort2_1.png);} .yearSelect{width:170px;margin:0 20px;} .select-input{padding:0 18px;position: relative;cursor: pointer; height: 42px;line-height: 42px;border: 1px solid #d6dbe1;border-radius:4px;transition: all 1s;color: #333;} .select-input:after {border-bottom: 2px solid #d6dbe1;border-right: 2px solid #d6dbe1;content: '';display: block;width: 7px;height: 7px;margin-top: -6px;pointer-events: none;position: absolute;right: 12px;top: 50%;-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;transform-origin: 66% 66%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .15s ease-in-out;transition: all .15s ease-in-out;} .select-input:hover{border-color: #020C4F;color: #020C4F;} .select-input:hover:after {border-color: #020C4F;} .select-options{background-color: #fff;/*border-radius: 5px;*/box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);box-sizing: border-box;width: 100%;margin: 0 0 0 !important;opacity: 0;overflow: hidden;pointer-events: none;position: absolute;top: 100%;left: 0;-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform: scale(.75) translateY(-21px);-ms-transform: scale(.75) translateY(-21px);transform: scale(.75) translateY(-21px);-webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;z-index: 9;color: #000;max-height:280px;overflow-y:auto;} .select-option{padding:0 10px;height: 35px;line-height: 35px;cursor: pointer;} .select-option.active{font-weight: bold;} .select-option:hover{background: #f3f3f3;} .searchInput{flex:1;display:flex;} .searchInput input{width:78%;height:22px;padding:10px;border:1px solid #d6dbe1;border-radius:4px;box-sizing: content-box;} .btnSearch{width:140px;height:44px;background:#020C4F;border-radius: 4px;margin-left:20px;} .btnSearch:hover{opacity: 0.8;} .newsBox dl{width:32%;float:left;margin-bottom:2%;padding-bottom:1px;margin-left:2%;overflow: hidden;} .newsBox.picShow dl:nth-child(3n+1){clear:both;margin-left:0;} .newsBox dl dd .tit{margin:0.5em 0 0.6em;text-align: justify;} .newsBox dl dd .tit:hover{color:#020C4F;} .newsBox dl dd {padding:40px;border:1px solid #d6dbe1;border-top:none;box-sizing: border-box;overflow: hidden;} .newsBox dl dd a.more{margin-top:2em;display: inline-block;padding-right: 1.6em;background: url(../images/arrow4.png) right center no-repeat;color: #777;} .newsBox a.more:hover{color:#020C4F;background-image:url(../images/arrow5.png);} .searchPage .newsBox dl dd a.more.down{background-image:url(../images/down_icon1.png);background-size:1em auto;} .searchPage .newsBox dl dd a.more.down:hover{background-image:url(../images/down_icon2.png);} .topNews dl{width:100%;margin-left:0;margin-top:0;margin-bottom:0;} .topNews dl dt{width:65.9%;float:left;} .topNews dl dd{border:none;padding:4% 0 4% 4.5%;overflow: hidden;} .topNews dl dd .tit{margin:0.5em 0 0.6em;} .topNews dl dd .tit:hover{color:#020C4F;} .topNews dl dd .f-24{font-size:30px;} .topNews dl dd .ellipsis-2{height:auto;max-height:4.5em;-webkit-line-clamp:3;line-height:1.5;margin-top:0.5em;} .topNews dl dd .ellipsis-1{height:auto;max-height:9.375em;-webkit-line-clamp:5;line-height: 1.875;} .topNews dl dd a.more{margin-top:2em;display: inline-block;padding-right: 1.6em;background: url(../images/arrow4.png) right center no-repeat;color: #777;} .topNews a.more:hover{color:#020C4F;background-image:url(../images/arrow5.png);} .newsBox dl dt img{width:100%;} .newsBox.listShow dl{width:100%;float:none;margin-left:0;padding:40px 0;border-bottom:1px solid #eaeaea;margin-top:0;} .newsBox.listShow dl dt{width:25%;float:left;margin-right:40px;} .newsBox.listShow dl dd{border:none;overflow:hidden;} .newsBox.listShow dl dd .ellipsis-2{height:1.5em;-webkit-line-clamp:1;} .newsBox.listShow dl dd .ellipsis-1{height:3.75em;-webkit-line-clamp:2;line-height: 1.875;} .mediaBom{background:url(../images/newsBg.jpg) no-repeat center;background-size:cover;} .media_con{display:flex;justify-content: center; overflow: visible;} .media_con dl{padding:0 5%;display:flex;align-items: center;border-left:1px solid #e5e5e5;} .media_con dl:nth-child(1){border-left:none;} .media_con dl dt{width:46px;height:46px;border:2px solid #ddd;border-radius: 100%;display:flex;align-items: center;flex:0 0 46px;justify-content: center;box-sizing: border-box;padding:8px;} .media_con dl dd{flex:1;padding-left:18px;min-width:150px; position: relative;} .media_con dl dd a:hover{color:#020C4F;} .media_con dl:hover dd .ewm{opacity:1;visibility:visible;} .searchPage .newsBox.listShow dl dd{padding:0;} .searchPage .newsBox dl dd a.more{margin-top:1em;} .searchPage .newsBox{min-height:100px;} .searchSlideNav{margin:84px 80px 0 0;} .searchSlideNav a.item{display:block;margin-bottom:1em;line-height:2;border-bottom:2px solid transparent;} .searchSlideNav a.item:hover,.searchSlideNav a.item.on{border-color:#020C4F;} .searchListItem{display:none;} /*中环动态详情*/ .newsInfo .wrap{max-width:66.67%;margin:0 auto;} .newsInfo .date{margin-top:10px;} .weChat{margin-top:30px;} .weChat:after{width:100%;border-top:1px solid #e5e5e5;content:''; position: absolute;left:0;top:50%;} .wxIcon{display:block;width:80px;padding:0 10px;background:#fff;margin:0 auto;z-index:10;cursor: pointer;} .wxIcon span{display:block;width:40px;height:40px;border-radius:100%;border:1px solid #e8e8e8;margin:0 auto; background:url(../images/wx_icon1.png) no-repeat center;background-size: cover;} .ewm{width:110px;padding:10px;background:#fff;position: absolute;left:50%;bottom:82%;margin-bottom:8px;margin-left:-60px;text-align:center;opacity: 0;visibility:hidden; box-shadow: 0px 0px 12px rgba(153,153,153,0.3);border-radius: 8px; transition:all 0.3s;} .ewm:after{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;content:''; position: absolute; bottom:-10px;left:50%;margin-left:-10px;} .ewm .f-14{margin-top:5px;} .wxIcon:hover span{background:#e30012 url(../images/wx_icon2.png) no-repeat center;background-size: cover;} .wxIcon:hover .ewm,.wxIcon.on .ewm{opacity:1;visibility:visible;} .newsContent{line-height: 2.25;text-align: justify;} .newsContent p{margin-bottom:2em;} .newsContent img{ max-width:66.67%;min-width:66.67%; height:auto;display:block;margin:0 auto;} .prevNext{border-top:1px solid #e5e5e5;padding-top:50px;} .prevNext a.item{margin:5px 0;} .prevNext a.item:hover{color:#020C4F;} a.goBack{margin-top:1em;} .pnCon{width:80%;} .relNews{background:#f3f5f7;} .relNews .newsBox dl{margin-bottom:0;} .relNews .newsBox dl:nth-child(1){margin-left:0;} /*媒体中心-视界中环*/ .menuBar{width:240px;margin-right:4.17%;} .menuBar .menuTit{padding-bottom:10px;border-bottom:2px solid #020C4F;} .menuList .mItem{border-bottom:1px solid #e5e5e5;} .menuList .mItem .mName{line-height: 55px;cursor:pointer;} .menuList .mItem .mName.active a{color:#020C4F;} .menuList .msItem{padding:0 10px 20px 35px;display:none;} .menuList .msItem a{display:block;margin:5px 0;} .menuList a:hover,.menuList .msItem a.active{color:#020C4F;} .mediaBox dl{width:32%;float:left;margin-left:2%;margin-bottom:2%;} .mediaBox dl:nth-child(3n+1){clear:both;margin-left:0;} .mediaBox dl dd{display:block;padding:10px 20px;border:1px solid #dcdcdc;border-top:none;} .mediaBox dl dt{position: relative;} .mediaBox dl dt .img img{width:100%;} .floatDiv{padding:20px;text-align:center;font-size:0;background: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);left:0;right:0;bottom:0;z-index:10;transition:all 0.3s; opacity: 0;visibility: hidden;} .floatDiv a{display:inline-block;width:40px;height:40px;border-radius: 100%;border:1px solid #fff;background-repeat:no-repeat;background-position:center;background-size:100%;margin:0 5px; transition:all 0.3s;cursor:pointer;} .floatDiv a.btnPlay{background-image: url(../images/play.png);} .floatDiv a.btnDown{background-image: url(../images/download.png);} .floatDiv a:hover{border-color:#020C4F;background-color:#020C4F;} .mediaBox dl dt:hover .floatDiv{opacity: 1;visibility: visible;} .video_show{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background:rgba(0,0,0,0.4); text-align: center;opacity: 0;z-index: -999;} .video_show.show{opacity: 1;z-index: 9999999;} .video_show .video_w{width: 80%;position: absolute;top: 50%;left: 50%;margin-left: -40%; -webkit-transform: scale(0.5) translateY(-50%); transform: scale(0.5) translateY(-50%); transition: all 0.5s; -webkit-transition: all 0.5s; } .video_show .video_w video{width: 100%;} .video_show.show .video_w.scale{ -webkit-transform: scale(1) translateY(-50%); -ms-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%);} .video_show .video_close{width:30px;height:30px;position:absolute;top:4%;right:1.5%; cursor:pointer;} .video_show.show .video_close{opacity: 1;} /*投资者关系*/ .stockText{width:310px;margin-right:80px;text-align: justify;} .stockChart{display:block;height:600px;} .scrollbar::-webkit-scrollbar-thumb{width:4px; background-color:#d2232a; height:50px; -webkit-border-radius:4px;margin-right:10px; } .scrollbar::-webkit-scrollbar-thumb:hover{background-color:#d2232a;height:50px;-webkit-border-radius:4px;} .scrollbar::-webkit-scrollbar{width:4px;height:4px;} .scrollbar::-webkit-scrollbar-track-piece{background-color:#f8f8f8;-webkit-border-radius:0;} .scrollbar::-webkit-scrollbar-thumb:active{height:50px;background-color:#000;-webkit-border-radius:4px;} .infoDisc{background:#f7f9fc;} .infoDisc .infoCon{padding:40px;} .yearSwiper{width:160px;height:414px;} .yearSwiper .swiper-container { width: 100%; height: 100%;} .yearSwiper .swiper-slide{line-height: 46px;padding-right:40px; box-sizing: border-box;} .yearSwiper .swiper-slide span{display:block;padding-right:24px; position:relative;text-align:right;color:#555;font-size:18px; cursor:pointer; transition:all 0.3s;} .yearSwiper .swiper-slide span:after{width:12px;height:12px;border-radius: 100%;border:1px solid #5a5a5a;background:#fff;content:''; position: absolute;right:0;top:50%;margin-top:-7px;} .yearSwiper .swiper-slide.active span{font-size:24px;color:#020C4F;} .yearSwiper .swiper-slide.active span:after{background:#020C4F;border-color:#020C4F;} .yearSwiper .swiper-container-vertical>.swiper-pagination-progress{left:auto;right:0;width:3px;background:none;} .yearSwiper .swiper-container-vertical>.swiper-pagination-progress:after{height:100%;border-left:1px solid rgba(0,0,0,0.3);content:'';position: absolute;left:1px;top:0;} .yearSwiper .swiper-pagination-progress .swiper-pagination-progressbar{background:#020C4F;} .infoRight{padding-left:5%;} .infoTab{padding-bottom:30px;border-bottom:1px solid #ddd;} .infoTab span{display: inline-block;padding-bottom:10px;position: relative;margin-right:5%;cursor: pointer;} .infoTab span:after{width:0;border-bottom:2px solid #020C4F;content: '';position: absolute;left:0;bottom:0;transition: all 0.3s;} .infoTab span.active{color:#333;} .infoTab span.active:after{width:100%;} .infoItem{display: none;} .infoItem.active{display: block;} .infoItem li{display:flex;padding:20px 0;border-bottom:1px solid #ddd;align-items: center;overflow: hidden;} .infoItem li .tit{width:75%; flex-shrink: 0;padding-right:1em;} .infoItem li .date{width:113px; flex-shrink: 0;} .infoItem li .btnXz{width:10%;text-align:right;} .infoItem li .btnXz a{display:inline-block;width:22px;height:22px;background:url(../images/down_icon1.png) no-repeat center; background-size:100%; vertical-align: middle;} .infoItem li .btnXz a:hover{background-image:url(../images/down_icon2.png);} .irNews{background:none; } .irNews .top{opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);margin-top:40px;} .irNews .bot,.irNews .grayMore{opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);} .irNews .bot .item .w{padding:0;border:none;} .irNews .w .img img{width:100%;} .irNews .bot .item .w .font{padding:40px;border: 1px solid #d6dbe1;border-top:none;} .irNews .pageTit .title:hover{color:#333;} /*a.grayMore.loadMore{border-radius:0 2em 0 2em;height:3.8em;line-height: 3.8;padding:0 3.5em;}*/ .pvChart{padding:20px 0;background: #f7f9fc;height: 400px;} .pvList dl{width:48.6%;float:left;margin-left:2.8%; box-sizing: border-box;padding:30px;border:1px solid #dddddd;overflow: hidden;} .pvList dl:nth-child(1){margin-left:0;} .pvList dl dt{width:160px;float:left;margin-right:30px;} .pvList dl dd{margin-top:10px;overflow: hidden;} a.c-333:hover{color:#020C4F;} .traderReport,.applyCasePage{background:#f7f9fc;} .reportList li{padding:20px 40px;background:#fff;overflow: hidden;margin-bottom:8px;} .reportList li .reName{width:70%;} .reportList li .reName a{display: block; padding:6px 0 6px 20px;border-left:6px solid #020C4F;} .reportList li .reBtns{display:flex;text-align: right;font-size:0;} .reportList li .reBtns a{display: inline-block;width:120px;height:36px;line-height:36px;border:1px solid #cccccc;text-align:center;font-size:14px;margin-left:20px;} .reportList li .reBtns a:hover{background:#020C4F;border-color:#020C4F;color:#fff;} .reportList li .reBtns a:nth-child(1){margin-left:0;} .infoDiscPage .infoDisc{padding-bottom:60px;} .infoDiscTop{background:#fff;padding:100px 0 50px 0;} .infoDiscTop .infoTab{padding-bottom:0;border:none;min-width:500px;} .infoDiscTop .searchBox{padding:0;} .infoDiscCont{padding:80px 100px 80px 0px;background:#fff;} /*媒体报道*/ .newsBox1 dl{display: flex;} .newsBox1 dl dt{flex:0 0 65.9%;} .newsBox1 dl dd{border:1px solid #d6dbe1;border-left:none;padding:4% 4.5%;} /*活动展示*/ .eventBox.topNews dl{background:#f6f6f6;} .eventBox.topNews dl dd{padding:8% 4.5% 4%;} .eventBox.picShow dl dt a{display: block;position: relative;} .eventBox dl dt a span{display: inline-block;height:36px;line-height: 36px;padding:0 20px;border-bottom-right-radius: 10px;left:0;top:0; z-index:10;} .eventBox dl dt a span.preview{background:rgba(230,0,18,0.8);} .eventBox dl dt a span.review{background:rgba(129,137,151,0.8);} .eventBox dl dt a span.ongoing{background: rgb(30 123 6 / 80%);} .eventBox dl dd{border:none;} .eventDate{padding-left:24px;background:url(../images/date_icon.png) no-repeat left center;} .eventAddr{padding-left:24px;background:url(../images/addr_icon.png) no-repeat left center;} /*可持续发展*/ .sustainBox1{background:url(../images/sustain_bg1.png) no-repeat top center;} .sustainSwiper{height:690px;/*margin-top:180px;*/} .sustainSwiper .swiper-container{height:100%;box-sizing: border-box;} .sustainSwiper .swiper-slide{width: auto!important;/*min-width:100%;*/height:100%;padding:18px 0 0; box-sizing: border-box;z-index:2; } .sustainSwiper .swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function: linear!important; -moz-transition-timing-function: linear!important;-ms-transition-timing-function: linear;-o-transition-timing-function: linear!important;transition-timing-function: linear!important;} .sustainSwiper .swiper-wrapper:before{content:'';width:156vw;height:100%;background:url(../images/sustain_line13.svg) repeat-x left bottom; background-size:100% auto; box-sizing: border-box; position:absolute;left:0;bottom:0;z-index:0; image-rendering: -webkit-optimize-contrast;} .sustainSwiper .sustainItem{float:left;/*width:33%;*/height:100%; position: relative;} .sustainSwiper .sustainItem ul,.sustainSwiper .sustainItem li{height:100%;} .sustainSwiper .sustainItem ul{ position: relative;display:flex;z-index:1;} .sustainSwiper .sustainItem li{float:left;width:20px;height:100%;margin-left:6vw; position: relative; display: flex;align-items: flex-end;} .sustainSwiper .sustainItem li .libox{ position: absolute; top:20%; transition: all 0.6s;} .sustainSwiper .sustainItem li .line{width:4.2vw;height:100%;border-right: 1px solid #b5ceab;margin:0 auto;box-sizing: border-box;/*border-bottom-right-radius:10px;*/ position: relative;} .sustainSwiper .sustainItem li:before{display:none; content: "";position: absolute;bottom: 0;right: -4em;left: 2em;top: 0;z-index: 100;} .sustainSwiper .sustainItem li .libox:before{width:170%; content: "";display: block;position: absolute;bottom: -80%; left: 20%;top: 0; z-index: 100;} .sustainSwiper .sustainItem li .line:before{content: "";position: absolute;border-bottom:1px solid #9d29f4;width:100%;/*border-bottom-right-radius:10px;*/bottom:0;right:0;} .sustainSwiper .sustainItem li .line:after{content: "";position: absolute;width:10px;height:10px;border-radius: 100%;border:1px solid #9d29f4; bottom:-6px;right:100%;} .sustainSwiper .sustainItem li .dot{width:10px;height:10px;border-radius: 100%;border:1px solid #b5ceab; position: absolute;top:-11px;left:100%;margin-left:-6px; transition: all 0.6s;} .sustainSwiper .sustainItem li .dot:after{width:10px;height:10px;border-radius: 100%;content:'';position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px; transform:scale(0); opacity: 0; transition: all 0.6s;} .sustainSwiper .sustainItem li .data{line-height: 1;position: absolute;top: 0;right: 10px; text-align: right;white-space: nowrap;pointer-events: none;} .sustainSwiper .sustainItem li .data span{padding-left:10px;position: relative;} .sustainSwiper .sustainItem li .data span em{position: absolute;top:3px;left:120%;} .sustainSwiper .sustainItem li .desc{color: #868e96;position: absolute;opacity: 0;overflow: hidden;width: 200px; padding-left:8px; top:2%;left:100%; pointer-events: none;} .sustainSwiper .sustainItem .sustainTit{text-align: center;font-size:16px;color: #fff; position: absolute;bottom:25px;left: 50%;padding: 0.25rem 1rem;min-width: 60px;border-radius: 100px;z-index:120;} .sustainSwiper .sustainItem li:hover{z-index:10;} .sustainSwiper .sustainItem li:hover .libox{top:0!important;} .sustainSwiper .sustainItem li:hover .desc{opacity: 1;transition: all 0.3s ease 0.3s; } .sustainSwiper .sustainItem li:hover .dot{width:16px;height:16px;margin-left:-9px;top:-17px;} .sustainSwiper .sustainItem li:hover .dot:after{transform:scale(1);opacity: 1;} .sustainSwiper .sustainItem li:hover .data span em{opacity: 0;} .sustainSwiper .sustainItem:nth-child(1) .sustainTit{background:#9d29f4;transform: translateX(80%);-webkit-transform: translateX(80%);} .sustainSwiper .sustainItem:nth-child(2) .sustainTit{background:#31b8e1;transform: translateX(110%);-webkit-transform: translateX(110%);} .sustainSwiper .sustainItem:nth-child(3) .sustainTit{background:#5e9479;transform: translateX(-70%);-webkit-transform: translateX(-70%);} .sustainSwiper .swiper-slide:hover{z-index: 10;} .sustainSwiper .sustainItem:nth-child(1) li .line:before,.sustainSwiper .sustainItem:nth-child(1) li .line:after{border-color:#9d29f4;} .sustainSwiper .sustainItem:nth-child(2) li .line:before,.sustainSwiper .sustainItem:nth-child(2) li .line:after{border-color:#31b8e1;} .sustainSwiper .sustainItem:nth-child(3) li .line:before,.sustainSwiper .sustainItem:nth-child(3) li .line:after{border-color:#b9d1b0;} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(1) .line:before{ width:250px;} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(1) .line:after{display: none;} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(2) .line:before{ width:100%;} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(2) .line:after{height:500px;width:0;border-radius: none;border:none;border-left:1px solid #9d29f4;top:100%;right:100%;} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(3) .line:before{right:auto;left:100%; } .sustainSwiper .sustainItem:nth-child(1) li:nth-child(3) .line:after{right:auto;left:200%;} /*.sustainSwiper .sustainItem:nth-child(1) li:nth-child(3) .line{transform: rotateY(180deg);transform-origin: right;}*/ .sustainSwiper .sustainItem:nth-child(1) li:nth-child(4) .line:before{width:2.2vw; } .sustainSwiper .sustainItem:nth-child(1) li:nth-child(4) .line:after{right:2.2vw; } .sustainSwiper .sustainItem:nth-child(2) li:nth-child(1) .line{width:2.2vw;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(1) .line:before{right:auto;left:100%; } .sustainSwiper .sustainItem:nth-child(2) li:nth-child(1) .line:after{right:auto;left:200%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(3) .line{ width:2.5vw;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(3) .line:after{height:200px;width:0;border-radius: 0;border:none;border-left:1px solid #31b8e1;top:100%; } .sustainSwiper .sustainItem:nth-child(2) li:nth-child(4) .line:before{border:none;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(4) .line:after{display: none;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(5) .line{width:7vw;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(5) .line:before{right:auto;left:100%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(5) .line:after{right:auto;left:200%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(6) .line{width:2.2vw;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(6) .line:after{height:100%;width:0;border-radius: 0;border:none;border-left:1px solid #31b8e1;top:100%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(7) .line:before{border:none;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(7) .line:after{display: none;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(1) .line{width:1.5vw;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(1) .line:before{right:auto;left:100%;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(1) .line:after{right:auto;left:200%;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(2) .line{width:8vw;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(2) .line:after{ } .sustainSwiper .sustainItem:nth-child(3) li:nth-child(3) .line:after{height:100%;width:0;border-radius: 0;border:none;border-left:1px solid #b9d1b0;top:100%;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(4) .line:before{border:none;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(4) .line:after{display: none;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(5) .line{ width:2.8vw;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(5) .line:after{height:100%;width:0;border-radius: 0;border:none;border-left:1px solid #b9d1b0;top:100%;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(6) .line{width:2vw;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(6) .line:after{height:100%;width:0;border-radius: 0;border:none;border-left:1px solid #b9d1b0;top:100%;} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(1){margin-left:8vw;} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(2){margin-left:9vw;} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(3){margin-left:5vw;} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(4){margin-left:6vw;margin-right:5vw;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(1){margin-left:8vw;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(2){margin-left:7vw;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(3){margin-left:11.5vw;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(4){margin-left:4.8vw;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(5){margin-left:2vw;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(6){margin-left: 14vw;margin-right:5vw;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(1){margin-left:9vw;z-index:10;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(2){margin-left:-1vw;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(3){margin-left:13vw;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(4){margin-left:6vw;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(5){margin-left:9.7vw;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(6){margin-left:6vw;margin-right:13vw;} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(1) .libox{bottom: 26%;top:12%} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(2) .libox{bottom: 25%;top:28%;} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(3) .libox{bottom: 27%;top:20%;} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(4) .libox{bottom: 8%;top:40%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(1) .libox{bottom: 8.5%;top:24%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(2) .libox{bottom: 10%;top:12%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(3) .libox{bottom: 25%;top:18%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(4) .libox{bottom: 0%;top:40%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(5) .libox{bottom: 20%;top:29%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(6) .libox{bottom: 25%;top:20%;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(1) .libox{bottom: 5%;top:38%;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(2) .libox{bottom: 24%;top:20%;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(3) .libox{bottom: 4%;top:50%;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(4) .libox{bottom: 0%;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(5) .libox{bottom: 20%;top:40%;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(6) .libox{bottom: 4%;top:25%;} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(1) .libox:before{width:330%;left:-140%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(1) .libox:before{width:300%;left:-40%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(3) .libox:before{width:300%;left:-50%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(5) .libox:before{width:80%;left:60%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(6) .libox:before{width:300%;left:-40%;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(1) .libox:before{width:400%;left:-90%;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(2) .libox:before{width:80%;left:60%;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(5) .libox:before{width:200%;left:-8%;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(6) .libox:before{width:500%;left:-100%;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(5):hover .libox,.sustainSwiper .sustainItem:nth-child(3) li:nth-child(1):hover .libox,.sustainSwiper .sustainItem:nth-child(3) li:nth-child(3):hover .libox{top:20%;} .sustainSwiper .sustainItem li:nth-child(1) .libox{animation: ani-mountainItem 6s 1s ease-in-out infinite;} .sustainSwiper .sustainItem li:nth-child(3) .libox{animation: ani-mountainItem 6s 1s ease-in-out infinite;} @media only screen and (max-width:1600px){ .sustainSwiper .sustainItem:nth-child(2) li:nth-child(1){margin-left:7vw;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(4){margin-left:4vw;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(3){margin-left:12.5vw;} } @media only screen and (max-width:1440px){ .sustainSwiper .sustainItem:nth-child(1) li:nth-child(4){margin-left:5vw;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(3){margin-left:10.6vw;} .sustainSwiper .sustainItem:nth-child(2) li:nth-child(4){margin-left:4.5vw;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(3){margin-left:10.5vw;} .sustainSwiper .sustainItem li .desc{top:0;} .sustainSwiper .sustainItem li .dot{width:6px;height:6px;margin-left:-5px;top:-7px;} .sustainSwiper .sustainItem .sustainTit{font-size:14px;min-width: 50px;} .sustainSwiper .sustainItem li .line:after{width:6px;height:6px;bottom:-4px;} .sustainSwiper .sustainItem .sustainTit{bottom:15px;font-size:14px;min-width:50px;} } @media (max-width:1024px){ .sustainSwiper .sustainItem li{/*width:4vw;*/} .dataDate{font-size:12px;} .sustainSwiper .sustainItem li .line{width:3vw!important;} .sustainSwiper .sustainItem li .line:after{width:4px;height:4px;bottom:-2px;} .sustainBox1{background-size:80%;} .sustainSwiper{height:400px!important;} .sustainSwiper .swiper-wrapper:before{width:1830px;} .sustainSwiper .sustainItem .sustainTit{font-size:14px;min-width: 60px;} .sustainSwiper .sustainItem li .data{font-size:14px;} .sustainSwiper .sustainItem li .data span{font-size:12px;} .sustainSwiper .sustainItem li{margin-left:80px;} } @media (max-width:640px){ .sustainSwiper .sustainItem li{width:80px;} .sustainSwiper .sustainItem:nth-child(1) li:nth-child(1){margin-left:16vw;} .sustainSwiper .sustainItem li .line{width:8vw!important;} .sustainSwiper .sustainItem li .desc{width:180px;} .sustainSwiper .sustainItem:nth-child(3) li:nth-child(6){margin-right:12vw;} } @media (max-width:480px){ .sustainSwiper .sustainItem:nth-child(1) li:nth-child(1){margin-left:24vw;} } @keyframes ani-mountainItem { 0% { transform: translateY(0%); } 50% { transform: translateY(3%); } 100% { transform: translateY(0%); } } .sustainSwiper .sustainItem:nth-child(1) li .line,.sustainSwiper .sustainItem:nth-child(1) li .line:before,.sustainSwiper .sustainItem:nth-child(1) li .line:after{border-color:#9d29f4;} .sustainSwiper .sustainItem:nth-child(1) li .dot{border-color:#9d29f4;} .sustainSwiper .sustainItem:nth-child(1) li .dot:after{background:#9d29f4;} .sustainSwiper .sustainItem:nth-child(1) li .data{color:#9d29f4;} .sustainSwiper .sustainItem:nth-child(2) li .line,.sustainSwiper .sustainItem:nth-child(2) li .line:before,.sustainSwiper .sustainItem:nth-child(2) li .line:after{border-color:#31b8e1;} .sustainSwiper .sustainItem:nth-child(2) li .dot{border-color:#31b8e1;} .sustainSwiper .sustainItem:nth-child(2) li .dot:after{background:#31b8e1;} .sustainSwiper .sustainItem:nth-child(2) li .data{color:#31b8e1;} .sustainSwiper .sustainItem:nth-child(3) li .line,.sustainSwiper .sustainItem:nth-child(3) li .line:before,.sustainSwiper .sustainItem:nth-child(3) li .line:after{border-color:#b9d1b0;} .sustainSwiper .sustainItem:nth-child(3) li .dot{border-color:#b9d1b0;} .sustainSwiper .sustainItem:nth-child(3) li .dot:after{background:#b9d1b0;} .sustainSwiper .sustainItem:nth-child(3) li .data{color:#5e9479;} .dataDate{bottom:25px;right:25px;z-index:10;} .sustainSwiperEn .sustainItem .sustainTit {bottom:35px;} .dataDateEn{bottom:10px;font-size:12px;} .sustainBox2{/*padding:110px 0 160px;*/background:url(../images/sustain_bg2.jpg) no-repeat center;background-size:cover;} .sustainBox2 .pageTit{margin-bottom:0;} .sustainBox2 .susDesc{width:56.25%; line-height: 2;text-align: justify;} .sustainBox2 .sustain_block{float:left;width:12.5%;margin-left:2.0833%;margin-top:2.0833%; position: relative;cursor: pointer;} .sustainBox2 .sustain_block:nth-child(7n+4){clear:both;margin-left:0;} .sustainBox2 .sustain_block:after{width:100%;height:100%;background:#7c848c;content:'';position: absolute;left:0;bottom:0;transition:all 0.3s;-webkit-transition:all 0.3s; opacity: 0;} .sustainBox2 .sustain_block img{display: block;position: relative;z-index:2;transition:all 0.3s;-webkit-transition:all 0.3s;} .sustainBox2 .sustain_block:hover{z-index:10;} .sustainBox2 .sustain_block:hover img{transform:translate3d(10px,-10px,0);-webkit-transform:translate3d(10px,-10px,0);} .sustainBox2 .sustain_block:hover:after{opacity: 1;} .maskBg{width:100%;height:100%;background:rgba(0,0,0,0.3);position: fixed;left:0;top:0;z-index: 999999;display: none;} .popBlock{left:0;top:60px;width:100%; padding:80px 50px 70px; box-sizing: border-box; opacity: 0;visibility: hidden;transition:all 0.3s;z-index: 1000000; position: fixed;top:50%;transform:translateY(-50%);} .popBlock.hide{opacity: 0;visibility: hidden;} .popBlock.show{opacity: 1;visibility: visible;} .popClose{width:30px;height:30px;position:absolute;top:35px;right:35px;cursor: pointer;z-index:10;} .popBlock .wrap{padding:0 5.55%;box-sizing:border-box;} .popBlock .swiper-pagination{ left:0;right:0; bottom:0;} .popBlock .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;opacity:1;vertical-align:middle;background:#fff;margin:0 10px;} .popBlock .swiper-pagination .swiper-pagination-bullet-active{background:none;width:14px;height:14px;border:2px solid #fff;} .popBlock .swiper-button-next,.popBlock .swiper-button-prev{width:60px;height:60px;margin-top:-30px;border:1px solid rgba(255,255,255,0.5);border-radius:50%;background-size:10px auto; cursor:pointer;} .popBlock .swiper-button-next{right:-6.25%;background-image:url(../images/arrow2.png);} .popBlock .swiper-button-prev{left:-6.25%;background-image:url(../images/arrow1.png);} .popBlock .swiper-button-next:hover{background-image:url(../images/arrow9.png);background-color:#fff;} .popBlock .swiper-button-prev:hover{background-image:url(../images/arrow8.png);background-color:#fff;} .blockImg{width:180px;margin-right:60px; position: relative;} .blockImg:after{width:200%;height:254.558px;background: linear-gradient(90deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);content:'';position: absolute;left:0;bottom:0;transform:rotate(45deg);transform-origin: left bottom;z-index:-1;} .blockCon{padding-left:60px;padding-bottom:6%;border-left:1px solid rgba(255,255,255,0.3); position: relative;} .blockCon .f-18{line-height:1.875;max-height:9.375em;overflow:auto;display:-webkit-box;/*-webkit-line-clamp:5;*/-webkit-box-orient:vertical;text-align: justify;} .blockTxt{background:#fff;border-radius: 20px;padding:30px;box-sizing: border-box;min-height: 360px;} .blockTxt1{width:48.5%;margin-right:3%;} .blockDesc a.more{display:inline-block;padding-right:1.6em;background:url(../images/arrow4.png) right center no-repeat;color:#777;} .blockDesc a.more:hover{color:#020C4F;background-image:url(../images/arrow5.png);} .blockBg0{background-color: rgb(182, 28, 41);} .blockBg1{background-color: rgba(196, 149, 53);} .blockBg2{background-color: rgba(74, 164, 37);} .blockBg3{background-color: rgba(175, 23, 41);} .blockBg4{background-color: rgba(196, 149, 53);} .blockBg5{background-color: rgba(30, 148, 175);} .blockBg6{background-color: rgba(194, 152, 9);} .blockBg7{background-color: rgba(145, 23, 60);} .blockBg8{background-color: rgba(213, 91, 32);} .blockBg9{background-color: rgba(196, 17, 92);} .blockBg10{background-color: rgba(213, 136, 31);} .blockBg11{background-color: rgba(170, 125, 42);} .blockBg12{background-color: rgba(57, 113, 62);} .blockBg13{background-color: rgba(9, 134, 193);} .blockBg14{background-color: rgba(74, 164, 37);} .blockBg15{background-color: rgba(0, 94, 141);} .blockBg16{background-color: rgba(196, 17, 92);} .sustainBox3{display:flex;} .sustainVideo{width:60.416%;flex:0 0 60.416%;background:#000;} .sustainVideo img{width:100%;} .sustainVideo video {display: none;max-width:100%;height:100%;margin:0 auto;} .sustainBox3 .posterBg{left:0;right:0;top:50%;transform:translateY(-50%);} .sustainBox3 .posterBg .btn_play{width:59px;height:59px;margin:0 auto;cursor:pointer;} .sustainPic{display: flex;flex-wrap: wrap;} .sustainPic dl{width:50%; position: relative;} .sustainPic dl dt img{width:100%;} .sustainPic dl dd{position: absolute;left:0;bottom:0;padding:25px 15px 25px 25px;z-index:10;box-sizing: border-box; transition:all 0.5s;text-align:justify;} .sustainPic dl dd:before{width:0;border-top:3px solid #020C4F;content:'';position: absolute;left:0;top:0;} .sustainPic dl dd .desc{opacity: 0;visibility: hidden;height:0;overflow:hidden; transition:all 0.5s;transform:translateY(-20px);-webkit-transform:translateY(-20px);} .sustainPic dl dd .desc .ellipsis-3{height:auto;max-height: 6.75em;} .sustainPic dl dd .desc .txt{line-height: 1.6;word-break: break-word;text-align: justify;} .sustainPic dl:hover dd{height:100%;background:rgba(255,255,255,0.9);padding-top:15%;} .sustainPic dl:hover dd:before{width:100%;transition:all 0.5s;} .sustainPic dl:hover dd .tit{color:#333;} .sustainPic dl:hover dd .desc{opacity: 1;visibility: visible;height:auto;transform:translateY(0);-webkit-transform:translateY(0);} .sustainPic dl dd .desc .more:hover span{text-decoration: underline;} .sustainBox5{background-repeat: no-repeat;background-position: center;background-size:cover;} .sustainBox5 .pageTit{ position: absolute; left:0;right:0;top:100px;margin-bottom:0;} .sustainMan{display: flex;} .sustainMan dl{width:33.33%;padding:20% 0 16%;float:left;box-sizing: border-box;border-left:1px solid rgba(255,255,255,0.3);transition:all 0.5s;} .sustainMan dl dt{width:105px;height:105px;border-radius: 100%;border:2px solid #fff;margin:0 auto;background-repeat: no-repeat;background-position: center; transition:all 0.5s;} .sustainMan dl:hover{padding-top:19%;} .sustainMan dl:hover dt{border-color:#020C4F;} .sustainMan dl:nth-child(1) dt{background-image:url(../images/sustain_icon1.png);} .sustainMan dl:nth-child(2) dt{background-image:url(../images/sustain_icon2.png);} .sustainMan dl:nth-child(3) dt{background-image:url(../images/sustain_icon3.png);} .sustainMan dl:nth-child(1):hover dt{background-image:url(../images/sustain_icon1_1.png);} .sustainMan dl:nth-child(2):hover dt{background-image:url(../images/sustain_icon2_1.png);} .sustainMan dl:nth-child(3):hover dt{background-image:url(../images/sustain_icon3_1.png);} .pt120{padding-top:120px;} .pt130{padding-top:130px;} .pt160{padding-top:160px;} .pb120{padding-bottom:120px;} .mt140{margin-top:140px;} .lh225{line-height: 2.25;} .lh1875{line-height: 1.875;} .sustainBox6{background:url(../images/sustain_bg4.jpg) no-repeat center;background-size:cover;} .honorTit{width:38.9%;} .honorSwiper{height:740px;} .honorSwiper .swiper-container{height:100%;} .honorSwiper .swiper-slide{height: auto;display:flex;flex-wrap: wrap; } .honorSwiper .swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;margin: 0 auto;} .honorSwiper .swiper-slide .item{float:left;width:48%;background:#fff;padding:30px;border-radius: 10px;margin-left:4%;margin-top:4%;box-sizing: border-box;text-align: justify;} .honorSwiper .swiper-slide .item:nth-child(2n){position:relative;top:3%;} .honorSwiper .swiper-slide .item:nth-child(2n+1){margin-left:0;} .honorSwiper .swiper-slide .item .img{text-align:center;} .honorSwiper .swiper-slide .item .tit{font-size:14px; text-align: justify;} .honorSwiper .swiper-slide .item .tit1{width:45%;display: inline-block; vertical-align: bottom;margin-right:2%;margin-bottom:20px;font-size:14px; text-align: justify;} .honorSwiper .swiper-slide .item .img1{width:50%;display: inline-block;height:0;padding-bottom:60%;position: relative;} .honorSwiper .swiper-slide .item .img1 img{position: absolute;right:0;top: 50%; transform: translateY(-50%);} .sustainBox7 .s_logo,.sReportList .s_logo{width:90px;left:35px;top:35px;} .sustainBox7 .swiper-slide,.sReportList .item .w{box-shadow: 0 0 20px rgba(189,197,207,0.4);margin-bottom:15px;} .sustainBox7 .swiper-slide .img img,.sReportList .item .img img{width:100%;} .sustainBox7 .swiper-slide .txt,.sReportList .item .txt{left:0;bottom:0;box-sizing: border-box;width:100%;padding:35px; transition:all 0.5s;} .sustainBox7 .swiper-slide .txt .title,.sReportList .item .txt .title{margin-top:0.4em;} .sustainBox7 .swiper-slide .txt .f-60,.sReportList .item .txt .f-60{line-height: 1; } .sustainBox7 .swiper-slide .btns,.sReportList .item .btns{display: flex; justify-content: space-between;opacity: 0;visibility: hidden;overflow:hidden; transition:all 0.5s; } .sustainBox7 .swiper-slide .btns a,.sReportList .item .btns a{display:block;width:45%;padding:12px 14px;box-sizing: border-box;border:1px solid #fff; transition:all 0.5s;margin-bottom:-30%;margin-top:10px;} .sustainBox7 .swiper-slide .btnsEn a,.sReportList .item .btnsEn a{width:60%;} .sustainBox7 .swiper-slide .btns a span,.sReportList .item .btns a span{display:block;background:url(../images/down_icon3.png) no-repeat right center;padding-right:1.3em;} .sustainBox7 .swiper-slide .btns a:hover,.sReportList .item .btns a:hover{border-color:#020C4F;background:#020C4F;} .sustainBox7 .swiper-slide .btns a:hover span,.sReportList .item .btns a:hover span{color:#fff;} .sustainBox7 .swiper-slide:hover .txt,.sReportList .item .w:hover .txt{padding-bottom:40px;} .sustainBox7 .swiper-slide:hover .btns,.sReportList .item .w:hover .btns{opacity: 1;visibility: visible;} .sustainBox7 .swiper-slide:hover .btns a,.sReportList .item .w:hover .btns a{margin-bottom:0;} .sustainBox7 .swiper-slide:hover .tran_scale:hover img,.sReportList .item .w:hover .tran_scale:hover img{ transform:scale(1.05,1.05);} .sustainBox7 .swiper-button-next,.sustainBox7 .swiper-button-prev{width:48px;height:48px;border:1px solid #ccc;border-radius:50%;background-size:10px auto; cursor:pointer; } .sustainBox7 .swiper-pagination{ position: static; text-align: center;display: none; } .sustainBox7 .swiper-pagination .swiper-pagination-bullet{ opacity:0.7;vertical-align:middle;background:#ccc;margin:0 9px;} .sustainBox7 .swiper-pagination .swiper-pagination-bullet-active{background:none;width:10px;height:10px;border:2px solid #020C4F; opacity: 1;} .sustainBox7 .swiper-button-next{right:-5%;background-image:url(../images/arrow7.png);} .sustainBox7 .swiper-button-prev{left:-5%;background-image:url(../images/arrow6.png);} .sustainBox7 .swiper-button-next:hover{border-color:#020C4F;background-image:url(../images/arrow12.png);background-color:#020C4F;} .sustainBox7 .swiper-button-prev:hover{border-color:#020C4F;background-image:url(../images/arrow11.png);background-color:#020C4F;} .sReportList{margin:0 -22px;} .sReportList .item{width:25%;float:left;} .sReportList .item .w{position:relative;margin:0 22px 44px 22px;} /*技术创新*/ .techBox1{margin-top:170px;} .techBox1 .techTit{width:65.4%;background:#f5f7fa;border-radius: 20px;box-sizing: border-box;padding:10% 24% 22% 5.5%;text-align:right;margin-top:180px;font-size:30px;} .techBox1 .techTit .txt{padding-bottom:60px;} .techBox1 .techTit .txt:after{content:''; position: absolute; width:184px;height:10px;background:#020C4F;bottom:0;right:0;} .techBox1 .techImg{width:49%;right:0;top:0;z-index: 2;border-radius: 20px;overflow: hidden;box-shadow: 0 -5px 50px rgba(0,16,60,0.15);} .historySwiper .historyCon{min-height:670px;box-sizing: border-box;} .historySwiper .history_item{ position:relative; } .historySwiper .history_item:nth-child(1){float:left;} .historySwiper .history_item:nth-child(2){float:right;} .historySwiper .history_item .img{position: relative;z-index:2;transition:all 0.8s ease 0.5s; transform:translateX(30px);} .historySwiper .history_item .desc{width:100%;height:100%;box-sizing:border-box; z-index:0;transition:all 0.8s ease 0.8s; transform:translateX(20px);} .historySwiper .history_item .desc::before, .historySwiper .history_item .desc::after { box-sizing: border-box; content: ''; position: absolute; top: 0; left:0;bottom:0;right:0; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .historySwiper .history_item .desc::before { border-top: 10px solid #b2b2b2; border-bottom: 10px solid #b2b2b2; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } .historySwiper .history_item .desc::after { border-left: 10px solid #b2b2b2; border-right: 10px solid #b2b2b2; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); } .historySwiper .swiper-slide-active .history_item .desc::before,.historySwiper .swiper-slide-active .history_item .desc::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.5s linear 0.5s; transition: transform 0.5s linear 0.5s; } .historySwiper .history_item .desc .text{position: relative;z-index: 2;} .historySwiper .history_item:nth-child(1){width:31.25%;} .historySwiper .history_item:nth-child(2){width:24.6%;} .historySwiper .history_item:nth-child(1) .desc{padding:35% 10% 8%;left:50%;top:50%;} .historySwiper .history_item:nth-child(2) {margin-right:11.67%;margin-top:15%;} .historySwiper .history_item:nth-child(2) .desc{padding:7%;bottom:42%;left:46%;} .historySwiper .year{font-size:360px; font-weight:bold; font-family:"AliBold"; color:rgba(51,51,51,0.1); line-height: 0.8; position: absolute;bottom:0;left:50%;z-index:0;opacity: 0; } .historySwiper .swiper-slide-active .history_item .img{transform:translateX(0);} .historySwiper .swiper-slide-active .history_item .desc{transform:translateX(0);} .historySwiper .swiper-slide-active .year{left:30%;opacity: 1; transition:all 0.8s ease 0.5s;} /*单图*/ .historySwiper .singleItem .history_item{width:45.56%;margin-left:5.9%;margin-top:100px;} .historySwiper .singleItem .history_item .desc{width:49.8%;height:137%;left:80%!important;top:-19%!important;padding:0; } .historySwiper .singleItem .history_item .desc .text{position: absolute;width:140%;padding:40px;left:50%;top:50%;transform: translateY(-50%); background:#fff;z-index: 2;} .historySwiper .swiper-container-horizontal>.swiper-pagination-progress{height:12px;top:auto;bottom:12px;background:none; } .historySwiper .swiper-container-horizontal>.swiper-pagination-progress:after{height:8px;width:100%;content:''; position:absolute;left:0;top:2px;background:url(../images/progress_bg.svg) repeat-x 0; opacity: 0.25;} .historySwiper .swiper-pagination-progress .swiper-pagination-progressbar{width:14%;height:100%;content:''; position:absolute;left:0;top:0;background:url(../images/progress_bg.svg) repeat-x 0;transform:scale(1)!important; transition-duration:800ms!important; } .historySwiper .swiper-button-next,.historySwiper .swiper-button-prev{width:36px;height:36px;top:auto;bottom:40px;margin-top:0;border:1px solid #595959;border-radius:50%;background-size:10px auto; cursor:pointer;} .historySwiper .swiper-button-next{right:0;background-image:url(../images/arr_right1.png);} .historySwiper .swiper-button-prev{left:0;background-image:url(../images/arr_left1.png);} .historySwiper .swiper-button-next:hover{border-color:#020C4F;background-color:#020C4F;background-image:url(../images/arr_right2.png);} .historySwiper .swiper-button-prev:hover{border-color:#020C4F;background-color:#020C4F;background-image:url(../images/arr_left2.png);} .strengthBox{padding:60px 0 87px;background:url(../images/techBg.jpg) no-repeat center;background-size:cover;} .strengthCenter .ballBox{width:400px;height:400px; margin:0 auto; display: flex;flex-direction: column; justify-content: center;align-items: center;} .strengthCenter .ballBox:after{width:100%;height:100%;background:url(../images/ball.png) no-repeat center;background-size:100%;content:''; position: absolute;left:0;top:0;transition: all 1.2s ease-in-out; -webkit-transform: rotate(360deg); } .strengthCenter .font1{font-size:80px; line-height: 1;} .strengthCenter .font2{width:80%;padding-bottom:30px;margin-top:30px;} .strengthCenter .font2:after{width:60%;border-bottom:1px solid rgba(255,255,255,0.45);content:''; position: absolute;left:50%;margin-left:-30%;bottom:0;} .strengthCenter .font3{margin-top:2em;} @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .dataList li { -webkit-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; border-left: 194px solid transparent; border-top: 1px solid transparent; font-size: 0.65em; left: 50%; position: absolute; top: 50%; transform-origin: 0 0; opacity: 0; } .dataList li:after {content: " "; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: #fff; color: #fff; text-decoration: none; position: absolute; border-radius: 50%; text-align: center; height: 11px; width: 11px; top:-6px; } .dataList li .item{display:flex; align-items: flex-end; color:#fff; position: absolute;top:-12px;padding:0 30px;transform-origin: 0 0; opacity: 0;transition: all 0.5s ease-in-out 1s; } .dataList li .item span{font-size:18px;white-space: nowrap;margin-bottom:10px;} .dataList li .item em{font-size:50px;line-height: 1;padding:0 20px;} .dataList li:nth-child(1) { transform: rotate(-200deg); } .dataList li:nth-child(2) { transform: rotate(-230deg); } .dataList li:nth-child(3) { transform: rotate(-260deg); } .dataList li:nth-child(4) { transform: rotate(-380deg); } .dataList li:nth-child(5) { transform: rotate(-80deg); } .dataList li:nth-child(1) .item{transform: rotate(150deg) translate(-100%, -75%);} .dataList li:nth-child(2) .item{transform: rotate(180deg) translate(-100%, -75%);} .dataList li:nth-child(3) .item{transform: rotate(210deg) translate(-100%, -75%);} .dataList li:nth-child(4) .item{transform: rotate(330deg) translate(0, -50%);flex-direction: row-reverse;} .dataList li:nth-child(5) .item{transform: rotate(30deg) translate(0, -50%);flex-direction: row-reverse;} .strengthSwiper.active .swiper-slide .ballBox:after{-webkit-animation: rotation 10s linear 1.2s infinite;animation: rotation 10s linear 1.2s infinite;} .strengthSwiper.active .swiper-slide .dataList li{opacity: 1;} .strengthSwiper.active .swiper-slide .dataList li:nth-child(1) { transform: rotate(-150deg); } .strengthSwiper.active .swiper-slide .dataList li:nth-child(2) { transform: rotate(-180deg); } .strengthSwiper.active .swiper-slide .dataList li:nth-child(3) { transform: rotate(-210deg); } .strengthSwiper.active .swiper-slide .dataList li:nth-child(4) { transform: rotate(-330deg); } .strengthSwiper.active .swiper-slide .dataList li:nth-child(5) { transform: rotate(-30deg); } .strengthSwiper.active .swiper-slide .dataList li .item{opacity: 1;} .strengthThumbs .swiper-container{padding-top:10px;} .strengthThumbs .swiper-slide{ height:153px;box-sizing: border-box; padding:15px 40px;background:#fff;border-radius: 10px; text-align:center; display: flex;flex-direction: column; justify-content: space-between; align-items: center;transition:all 0.3s;top:0;cursor:pointer;} .strengthThumbs .swiper-slide .tit{margin-top:10px;height:3em;} .strengthThumbs .swiper-slide .img{height: 70px;display:flex; align-items: center;} /*.strengthThumbs .swiper-slide.active{border-color:#020C4F;}*/ .strengthThumbs .swiper-button-next,.strengthThumbs .swiper-button-prev{width:36px;height:36px;margin-top:-18px;border:1px solid #fff;border-radius:50%;background-size:10px auto; cursor:pointer;} .strengthThumbs .swiper-button-next{right:-5%;background-image:url(../images/arr_right2.png);} .strengthThumbs .swiper-button-prev{left:-5%;background-image:url(../images/arr_left2.png);} .strengthThumbs .swiper-button-next:hover{border-color:#020C4F;background-color:#020C4F; } .strengthThumbs .swiper-button-prev:hover{border-color:#020C4F;background-color:#020C4F; } /*先进制造*/ .manufactureBox1 .img{max-width: 600px;margin-left:auto;margin-right:auto;} .manuTxt{width:75%;margin-left:auto;margin-right:auto;} .factoryTit{left:0;right:0;top:100px;z-index: 3;} .factoryTit .pageTit .description{color:#333;} .timeStage{top:50%;transform:translateY(-50%);right:8%;display: flex; flex-direction: column-reverse; z-index:10;} .timeStage .item{ padding:12px 35px;color:#324064;border-radius:68px;text-align:center;background: linear-gradient(-90deg, rgba(224,224,224,0.8) 0%,rgba(255,255,255,0.8) 35%, rgba(255,255,255,0.8) 100%);margin:15px 0; position: relative; cursor:pointer;transition:all 0.3s;} .timeStage .item:after{width:0px;height:0px;border-bottom:11px solid #497ded;border-left:9px solid transparent;border-right:9px solid transparent;content:''; position: absolute; left:50%;margin-left:-9px;top:-20px;} .timeStage .item:nth-last-child(1):after{display: none;} .timeStage .item.active{color:#fff;background: linear-gradient(-90deg, rgba(62,100,162,0.9) 0%,rgba(106,138,196,0.9) 35%, rgba(106,138,196,0.9) 100%);} .manufactureBox2 .posterBg{width:100%;height:100%;left:0;top:0;background-repeat: no-repeat;background-position: center;background-size:cover;z-index: 2;} .manufactureBox2 .posterBg .btn_play{width:59px;height:59px;cursor:pointer; opacity: 0.8; position: absolute;left:50%;top:50%;margin-left:-29.5px;margin-top:-29.5px;} .manufactureBox2 video{width:100%;} .effectBox{display: flex;align-items: center;} .letterSwiper{width:100px;height:400px;margin-left:4.9%;flex:0 0 100px; box-sizing: border-box;} .letterSwiper:after{border-left:1px solid #dddddd; content:'';position: absolute;left:22px;top:10%;bottom:10%;} .letterSwiper .swiper-container { width: 100%; height: 100%;} .letterSwiper .swiper-slide{display:flex;align-items: center;} .letterSwiper .swiper-slide .letter{padding-left:60px;font-size:24px;color:#9a9a9a;cursor: pointer;position: relative; line-height: 30px;margin-left:7px; } .letterSwiper .swiper-slide .letter i{display: block;width:30px;height:30px;position: absolute;left:0;} .letterSwiper .swiper-slide .letter i:before{width:12px;height:12px; border-radius: 100%; background:#020C4F; content:'';position: absolute;left:9px;top:9px;transition:all 0.3s;} .letterSwiper .swiper-slide .letter i:after{width:30px;height:30px;border-radius: 100%; background:rgba(230,0,18,0.1); content:'';position: absolute;left:0;top:0;transition:all 0.3s;} .letterSwiper .swiper-slide.active .letter{color:#333;} .letterSwiper .swiper-slide.active .letter i:before{width:20px;height:20px;left:5px;top:5px;} .letterSwiper .swiper-slide.active .letter i:after{width:44px;height:44px;left:-7px;top:-7px;} .contentSwiper{width:28.45%;box-sizing: border-box;padding:0 2% 0 4.4%;} .manuSwiper{width:61.45%; flex:1; background:url(../images/manuBg.jpg) no-repeat center;background-size:cover;} .manuSwiper .swiper-slide{height:600px; box-sizing: border-box;padding:22.88% 40px 0;border-left:1px solid rgba(255,255,255,0.3);} .manuSwiper .swiper-slide .letter{width:40px;height:40px;border-radius: 100%;border:1px solid rgba(255,255,255,0.3);text-align:center;line-height: 40px;margin:0 auto;} .manuSwiper .swiper-slide .letter:after{width:60px;height:60px;border-radius: 100%;border:1px solid rgba(255,255,255,0.3);content:''; position: absolute;left:-10.5px;top:-10.5px; transition:all 0.3s;} .manuSwiper .swiper-slide .tit{word-break: break-word;} .manuSwiper .swiper-slide.active .letter,.manuSwiper .swiper-slide:hover .letter{background:#fff;color:#333;} .manuSwiper .swiper-slide.active .letter:after,.manuSwiper .swiper-slide:hover .letter:after{width:70px;height:70px;left:-15.5px;top:-15.5px;} .manufactureSwiper .swiper-slide .desc{overflow: hidden;margin-top:25px;} .manufactureSwiper .swiper-slide .desc .date{margin-right:1em;} .manufactureSwiper .swiper-slide .desc .tit{float:none;overflow:hidden;} .manufactureSwiper .swiper-slide a:hover .desc .tit{color:#020C4F;} .manufactureSwiper .swiper-button-next,.manufactureSwiper .swiper-button-prev{width:36px;height:36px;margin-top:-18px;border:1px solid #595959;border-radius:50%;background-size:10px auto; cursor:pointer;} .manufactureSwiper .swiper-button-next{right:-5%;background-image:url(../images/arr_right1.png);} .manufactureSwiper .swiper-button-prev{left:-5%;background-image:url(../images/arr_left1.png);} .manufactureSwiper .swiper-button-next:hover{border-color:#020C4F;background-color:#020C4F;background-image:url(../images/arr_right2.png); } .manufactureSwiper .swiper-button-prev:hover{border-color:#020C4F;background-color:#020C4F;background-image:url(../images/arr_left2.png);} /******功能暂时隐藏 勿删******/ /*.wheelDesc{position:absolute;left:0;right:0;top:15%;z-index: 20; opacity: 0.5;transition:all 1s;} .wheelDesc .title,.wheelDesc .description{color:#fff;transition:all 1s;} .manufactureBox4.active .wheelDesc{top:10%;opacity: 1;} .manufactureBox4.active .wheelDesc .title,.manufactureBox4.active .wheelDesc .description{color:#fff;} .manufactureBox4.reset .wheelDesc{top:15%!important;opacity: 0.5!important;} .manufactureBox4.reset .wheelImg{transform: scale(1)!important;} .manufactureBox4 .wheelDesc.small .title{color:#333;} .manufactureBox4 .wheelDesc.small .description{color:#999;} */ .manufactureBox4 .wheelImg{/*transition:all 1s;*/ transform-origin: center bottom;} .manufactureBox4 .wheelImg .manuPlay{width:59px;height:59px;background:url(../images/play2.png) no-repeat center; position: absolute;left:50%;top:50%;margin-left:-30px;margin-top:-30px;z-index: 10;cursor:pointer; transform:scale(1.4);opacity:0;display:none;} .manuPop{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.8);display: none;z-index: 999999;} .manuPop .video_close{width:30px;height:30px;position:absolute;top:4%;right:1.5%; cursor:pointer;} .manuVideo {width: calc(88%);position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .manuVideo video {width: 100%;height: 100%;object-fit: cover;} .manufacture-trigger2 { position: absolute; top: -30vh; width: 100%; } .manufacture-twennmax-content { width: 100%; height: 200vh; } .manufacture-tweenmax-flex { position: sticky; display: flex; flex-direction: column; top: 70px; width: 100%; height:95vh; margin: 0 auto; text-align: center; } .wheelDesc-twennmax { position: absolute; top: 11%; left: 0; width: 100%; z-index: 500; opacity: 0.3;} .manufacture-imgbox {position: relative;transform-origin:50% 60%;} /*创新历程*/ /*第一屏*/ .processBox #section1{background:url(../images/processBg1.jpg) no-repeat center;background-size:cover;} .processBox #section2{background:url(../images/processBg2.jpg) no-repeat center;background-size:cover;} .processBox #section3{background:url(../images/processBg3.jpg) no-repeat center;background-size:cover;} .processBox #section4{background:url(../images/processBg4.jpg) no-repeat center;background-size:cover;} .processBox #section5{background:url(../images/processBg5.jpg) no-repeat center;background-size:cover;} .processBox .processTxt{width:62vh;height:62vh;border-radius: 100%; background:url(../images/circleBg.png) no-repeat center;background-size:contain; margin:0 auto; display:flex;text-align: center;align-items: center;padding:9.7vh;box-sizing: border-box;} .processBox .processTxt .left,.processBox .processTxt .right{display: block;width:50%;height:100%;overflow:hidden; position: absolute;top:0;box-sizing: border-box; } .processBox .processTxt .left{left:0; transform:rotate(180deg);} .processBox .processTxt .left:before,.processBox .processTxt .right:before{display:block;width:62vh;height:62vh;border:2px solid #020C4F; border-radius: 50%; position: absolute;top:0; content:"";box-sizing: border-box; transition:all 0.5s linear; } .processBox .processTxt .left::before{border-top:2px solid transparent;border-right:2px solid transparent;right:0;-webkit-transform: rotate(45deg);transform: rotate(45deg);} .processBox .processTxt .right{ right:0; } .processBox .processTxt .right::before{border-color:#020C4F;border-top:2px solid transparent;border-right:2px solid transparent; right:0;-webkit-transform: rotate(45deg);transform: rotate(45deg); } .processBox .section1.active .processTxt.animate .left,.processBox .section1.active .processTxt.animate .right{ opacity: 1;} .processBox .section1.active .processTxt.animate .left::before{ transition:all 1s linear 2s; -webkit-transform: rotate(225deg);transform: rotate(225deg); } .processBox .section1.active .processTxt.animate .right::before{ transition:all 1s linear 1s; -webkit-transform: rotate(225deg);transform: rotate(225deg); } .processBox .section1.active .processTxt.active .left,.processBox .section1.active .processTxt.active .right{ opacity: 1;} .processBox .section1.active .processTxt.active .left::before{ transition:all 1s linear 2s; -webkit-transform: rotate(225deg);transform: rotate(225deg); } .processBox .section1.active .processTxt.active .right::before{ transition:all 1s linear 1s; -webkit-transform: rotate(225deg);transform: rotate(225deg); } /*第二屏*/ .markBox{padding:55px 0; box-sizing: border-box; overflow: hidden; } .markBox .ballBox{width:62vh;height:62vh; margin:0 auto; background:url(../images/circleBg1.png) no-repeat center;background-size:100%;display: flex;flex-direction: column; justify-content: center;align-items: center;} .markBox .font1{line-height: 1;} .markBox .font2{width:60%;margin-top:20px;} .markBox .find{margin-top:70px;padding-right:60px;line-height: 40px;} .markBox .find i{width:40px;height:40px;border-radius: 100%;border:1px solid rgba(255,255,255,0.3);background:url(../images/more.png) no-repeat center; position: absolute;right:0;top:0;} .markBox .find:hover i{background-color:#020C4F;border-color:#020C4F;} .processBox .fade{transform:translateY(100%);opacity: 0;transition:all 0.5s;} .processBox .animate .fade{transform:translateY(0);opacity: 1;} .markList li { -webkit-transition: all 1s ease-in-out 0.5s; transition: all 1s ease-in-out 0.5s; border-left: 30.5vh solid transparent; border-top: 1px solid transparent; left: 50%; position: absolute; top: 50%; transform-origin: 0 0; opacity: 0; } .markList li:after {content: " "; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: #fff; color: #fff; text-decoration: none; position: absolute; border-radius: 50%; text-align: center; height: 9px; width: 9px; top:-5px; } .markList li .item{display:flex; align-items: flex-end; color:#fff; position: absolute;top:-12px;padding:0 30px;transform-origin: 0 0; } .markList li .item span{ opacity: 0;font-size:18px;white-space: nowrap;transition: all 0.5s ease-in-out 1s; } .markList li .item em{font-size:70px;line-height: 1;padding:0 30px;} .markList li:nth-child(1) { transform: rotate(50deg); } .markList li:nth-child(2) { transform: rotate(75deg); } .markList li:nth-child(3) { transform: rotate(130deg); } .markList li:nth-child(4) { transform: rotate(180deg); } .markList li:nth-child(5) { transform: rotate(235deg); } .markList li:nth-child(6) { transform: rotate(280deg); } .markList li:nth-child(7) { transform: rotate(330deg); } .markList li:nth-child(8) { transform: rotate(340deg); } .markList li:nth-child(9) { transform: rotate(350deg); } .markList li:nth-child(10) { transform: rotate(360deg); } .markList li:nth-child(1) .item{transform: rotate(-90deg) translate(-80%, 100%);} .markList li:nth-child(2) .item{transform: rotate(-113deg) translate(-80%, 60%);} .markList li:nth-child(3) .item{transform: rotate(-170deg) translate(-110%, -90%);} .markList li:nth-child(4) .item{transform: rotate(-220deg) translate(-100%, -100%); } .markList li:nth-child(5) .item{transform: rotate(-275deg) translate(-40%, -200%); } .markList li:nth-child(6) .item{transform: rotate(-320deg) translate(10%, -20%);} .markList li:nth-child(7) .item{transform: rotate(-369deg) translate(0%, 0%);} .markList li:nth-child(8) .item{transform: rotate(-380deg) translate(0%, 0%);} .markList li:nth-child(9) .item{transform: rotate(-390deg) translate(0%, 0%); } .markList li:nth-child(10) .item{transform: rotate(-400deg) translate(0%, 0%); } .section2.active .markList li{opacity: 1;} .section2.active .markList li:nth-child(1) { transform: rotate(90deg); } .section2.active .markList li:nth-child(2) { transform: rotate(113deg); } .section2.active .markList li:nth-child(3) { transform: rotate(170deg); } .section2.active .markList li:nth-child(4) { transform: rotate(220deg); } .section2.active .markList li:nth-child(5) { transform: rotate(275deg); } .section2.active .markList li:nth-child(6) { transform: rotate(320deg); } .section2.active .markList li:nth-child(7) { transform: rotate(370deg); } .section2.active .markList li:nth-child(8) { transform: rotate(380deg); } .section2.active .markList li:nth-child(9) { transform: rotate(390deg); } .section2.active .markList li:nth-child(10) { transform: rotate(400deg); } .section2.active .markList li .item span{opacity: 1;} /*第三屏*/ .processSwiper3_2{margin-top:14.8vh;margin-bottom:5vw;} .processSwiper3_2 .swiper-container{margin-left:11vw;padding-left:20px; box-sizing: border-box;} .processSwiper3_2 .swiper-wrapper{} .processSwiper3_2 .swiper-slide{width:208px;/*padding-right:7vw;*/box-sizing: border-box;cursor:pointer;background:url(../images/dot.png) repeat-x 0 12px;} .processSwiper3_2 .swiper-slide span{display:inline-block;padding-top:30px;font-size:18px;color:#fff; position: relative;margin-top:12px; } /*.processSwiper3_2 .swiper-slautoide:nth-child(1){padding-right:5.6vw;} .processSwiper3_2 .swiper-slide:nth-child(2){padding-right:20vw;} .processSwiper3_2 .swiper-slide:nth-child(7){padding-right:3vw;} .processSwiper3_2 .swiper-slide:nth-child(8){padding-right:3vw;} .processSwiper3_2 .swiper-slide:nth-child(9){padding-right:3vw;} .processSwiper3_2 .swiper-slide:nth-child(10){padding-right:3vw;}*/ .processSwiper3_2 .swiper-slautoide:nth-child(1){width:112px;} .processSwiper3_2 .swiper-slide:nth-child(2){width:400px;} .processSwiper3_2 .swiper-slide:nth-child(7){width:64px;} .processSwiper3_2 .swiper-slide:nth-child(8){width:64px;} .processSwiper3_2 .swiper-slide:nth-child(9){width:64px;} .processSwiper3_2 .swiper-slide:nth-child(10){width:64px;} .processSwiper3_2 .swiper-slide:nth-child(1) span{margin-left:-20px;} .processSwiper3_2 .swiper-slide span:before{width:9px;height:9px;border-radius: 100%;background:#fff;content:''; position: absolute; top:-4px;left:50%;margin-left:-4.5px;} .processSwiper3_2 .swiper-slide span:after{width:25px;height:25px;border-radius: 100%;border:1px solid #fff; box-sizing: border-box; content:''; position: absolute; top:-12px;left:50%;margin-left:-12.5px; transform:scale(0); transform-origin: center; transition:all 0.3s; } .processSwiper3_2 .swiper-slide.active{z-index:10;} .processSwiper3_2 .swiper-slide.active span:after{transform:scale(1);} .processSwiper3_2 .swiper-slide:before{width:0;border-top:2px solid #666;content:''; position: absolute;left:14px;top:12px;transition:all 0.3s;} .processSwiper3_2 .swiper-slide.active:before{width:100%;} .processSwiper3_2 .swiper-slide:nth-child(1) .active:before{width:110%;} .processSwiper3_3{ position: absolute; left:0;right:0;bottom:8.8vh;} .processSwiper3_3 .swiper-container{max-width:1060px;margin:0 auto;} .processSwiper3_3 .swiper-slide{width:auto;box-sizing: border-box;border-top:1px solid rgba(255,255,255,0.1);padding:0 20px;margin-top:1px;} .processSwiper3_3 .swiper-slide span{display:block;padding-top:20px;font-size:18px;color:rgba(255,255,255,0.3); position: relative;cursor:pointer;} .processSwiper3_3 .swiper-slide span:after{width:0;border-top:3px solid #020C4F;content:''; position: absolute;left:0;top:-2px;transition:all 0.3s;} .processSwiper3_3 .swiper-slide.active span{color:#fff;} .processSwiper3_3 .swiper-slide.active span:after{width:100%;} /*第五屏*/ .section5 .fp-overflow{display: flex;} .processSwiper5{width:210px;margin-left:60px;margin-top:80px;flex-shrink: 0;} .processSwiper5 .swiper-container{height:80vh;padding-top:1px;padding-bottom:10px;box-sizing: border-box;} .processSwiper5 .swiper-slide{height:auto;padding-right:35px;box-sizing: border-box;background:url(../images/dot1.png) repeat-y 14px 7px;} .processSwiper5 .swiper-slide dl dt{width:9px;height:9px;position: absolute;left:14px;top:7px;} .processSwiper5 .swiper-slide dl dt:before{width:9px;height:9px;background:#434343;content:''; position: absolute; top:50%;left:50%;margin-top:-4.5px;margin-left:-4.5px; } .processSwiper5 .swiper-slide dl dt:after{width:25px;height:25px;border-radius: 100%;border:1px solid #fff; box-sizing: border-box; content:''; position: absolute; top:50%;left:50%;margin-top:-12.5px;margin-left:-12.5px; transform:scale(0); transform-origin: center; transition:all 0.3s; } .processSwiper5 .swiper-slide .year{ cursor:pointer;font-size:16px;color:rgba(255,255,255,0.5);transition:transform 0.3s; position: relative;z-index:2; } .processSwiper5 .swiper-slide .txt{color:rgba(255,255,255,0.5); transition:all 0.3s;opacity: 0;} .processSwiper5 .swiper-slide.active dl dt:before{background:#fff;border-radius: 100%;} .processSwiper5 .swiper-slide.active dl dt:after{transform:scale(1);} .processSwiper5 .swiper-slide.active .year{transform:translateX(60px);font-size:18px;color:#fff;} .processSwiper5 .swiper-slide.active .txt{transform:translateX(60px); opacity: 1;} .processSwiper5 .swiper-slide:nth-child(1){height:40px;} .processSwiper5 .swiper-slide:nth-child(2){height:80px;} .processSwiper5 .swiper-slide:nth-child(3){height:120px;} .processSwiper5 .swiper-slide:nth-child(4){height:80px;} .processSwiper5 .swiper-slide:nth-child(5){height:200px;} .processSwiper5 .swiper-slide:nth-child(6){height:280px;} .processSwiper5 .swiper-slide:nth-child(7){height:80px;} .processSwiper5 .swiper-slide:nth-child(8){height:80px;} .processSwiper5 .swiper-slide:nth-child(9){height:80px;} .processSwiper5 .swiper-slide:nth-child(10){height:40px;} .processSwiper5 .swiper-container-vertical>.swiper-pagination-progress{left:auto;right:0;width:3px;background:none;} .processSwiper5 .swiper-container-vertical>.swiper-pagination-progress:after{height:100%;border-left:1px solid rgba(255,255,255,0.1);content:'';position: absolute;left:1px;top:0;} .processSwiper5 .swiper-pagination-progress .swiper-pagination-progressbar{background:#020C4F;} .processSwiper5_1{padding:15vh 14% 0 17.5%; overflow: hidden;flex:1;flex-shrink: 0;} .processSwiper5_1 .swiper-container{height:100%;} .processSwiper5_1 .swiper-slide{overflow: hidden;} .bigBox{width:69%;z-index: 10;margin-top:2em;} .bigBox .img{position: relative;z-index: 10;} .bigBox .desc{left:0;right:0;top:50%;transform: translateY(-50%);z-index:12;} .bigBox .find{ padding-right:60px;line-height: 40px; position: absolute;right:30px;bottom:30px;z-index:12;} .bigBox .find i{width:40px;height:40px;border-radius: 100%;border:1px solid rgba(255,255,255,0.3);background:url(../images/more.png) no-repeat center; position: absolute;right:0;top:0;} .bigBox .find:hover i{background-color:#020C4F;border-color:#020C4F;} .processSwiper5_1 .swiper-slide .explore{left:33%;top:0;z-index:12;} .processSwiper5_1 .swiper-slide .explore .font2{margin-top:3.5em;position: relative;font-weight: bold;} .processSwiper5_1 .swiper-slide .explore .font2:after{height:100%;border-left:1px solid rgba(255,255,255,0.5);content:''; position: absolute;left:50%;bottom:150%;} .smallImg1{width:44%;right:-40%;top:79%; opacity: 0;} .smallImg2{width:23%;right:-10%;top:0; opacity: 0;} .nextYear{left:33%;bottom:10%; transition:all 0.3s linear 0.5s; opacity: 0;} .nextYear:after{height:100%;border-left:1px solid rgba(255,255,255,0.5);content:''; position: absolute;left:50%;bottom:150%;} .processSwiper5_1.animate .swiper-slide-active .smallImg1{right:-27%;opacity: 1;transition:all 0.3s linear 0.5s;} .processSwiper5_1.animate .swiper-slide-active .smallImg2{right:0;opacity: 1;transition:all 0.3s linear 0.5s;} .processSwiper5_1.animate .swiper-slide-active .nextYear{opacity:1;bottom:0;transition:all 0.3s linear 0.5s;} /*解决方案*/ .soluWrap{ position: relative;max-width:1920px;margin:0 auto;} .soluSwiper {width:64%; } .soluSwiper .swiper-slide{ height:840px; } .soluStyle a{display: block;width:100%;height:100%; position: relative;transition:all 0.5s;} .soluSwiper .swiper-slide a{width:78.5%;} .soluStyle .img{height:100%;} .soluStyle .img img{height:100%;max-width: none;} .soluStyle .desc{width:100%;height:100%;left:0;top:0; box-sizing: border-box; background:rgba(0,0,0,0.4);z-index:10;padding:80px;transition:padding 0.5s; } .soluStyle .txt{width:580px;margin:260px auto 0;padding:25px;box-sizing: border-box;border:1px solid rgba(255,255,255,0.7);transition:all 0.5s; } .soluStyle.active .desc{width:100%; padding-top:40%;background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);} .soluStyle.active .txt{margin-top:30px;} .soluSwiper .swiper-pagination{width:78.5%;left:0; bottom:20px;padding:20px;box-sizing: border-box;transition:all 0.5s;} .soluSwiper .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;opacity:0.7;vertical-align:middle;background:#fff;margin:0 9px;} .soluSwiper .swiper-pagination .swiper-pagination-bullet-active{background:none;width:14px;height:14px;border:2px solid #fff; opacity: 1;} .fenbuBox{width:50%;height:100%;position:absolute; z-index:10;top:0;right:0;transition:all 0.5s;} .soluList dl{width:32%;float:left;margin-top:2%;margin-left:2%;overflow: hidden;} .soluList dl dt img{width:100%;} .soluList dl dd {padding:40px;border:1px solid #d6dbe1;border-top:none;box-sizing: border-box;} .soluList dl dd .tit{display:block;} .soluList dl dd .addr{margin:0.5em 0 0.6em;padding-left:25px;background:url(../images/addr_icon.png) no-repeat left center;} .soluList dl:nth-child(3n+1){clear:both;margin-left:0;} .soluStyle:hover .swiper-slide a{width:100%;} .soluStyle:hover .swiper-pagination{width:100%;} .fenbuBox.active{width:64%;} .fenbuBox.default{width:36%;} .soluSwiper.default .swiper-slide a{width:57%;} .soluSwiper.default .swiper-pagination{width:57%;} /*业务优势*/ .advantageItem{display: flex;} .advantageItem:nth-child(2n){flex-direction: row-reverse;} .advantageItem .advImg{width:50%;display: flex;} .advantageItem .advImg img{width:100%;} .advantageItem .advDesc{width:50%;display:flex;flex-direction: column; justify-content: center; box-sizing: border-box;padding:5% 8.3%; } .advantageItem .advTit{padding-top:1em;border-top:1px solid #020C4F;margin-top:1em;} .advantageItem .advItems li{margin-bottom:0.5em;padding-left:25px;position: relative;} .advantageItem .advItems li:before{width:8px;height:8px;border-radius: 100%;background:#020C4F;content:''; position: absolute;left:0;top:5px;} .advantageItem:nth-child(2n) .advCon .advItems{height:6em;} .advantageItem:nth-child(2n) .advTit{margin-top:0;} .advData .advCell{width:50%;float:left;padding-right:20px;margin-top:20px;overflow: hidden;box-sizing: border-box;} .advData .advCell:nth-child(2n+1){clear:both;} .advData .advCell .advIcon{float:left;width:54px;height:54px;padding:10px;border:1px solid rgba(230,0,18,0.8); border-radius: 100%; box-sizing: border-box;margin-top:12px;} .advData .advCell .data{overflow: hidden;padding-left:20px;} .advData .advCell .data .f-18 sup{vertical-align: top;} .advantageItem .advTab .dpinb{display: inline-block;padding:4px;background:#f7f7f7;border-radius: 50px;margin-top:1.5em;} .advantageItem .advTab span{display: inline-block;height:42px;line-height: 42px;padding:0 22px;border-radius: 50px; cursor: pointer;transition:all 0.3s;} .advantageItem .advTab span.active{background:#020C4F;color:#fff;} .advantageItem .advCircle{width:199px;padding:30px 0;margin:30px auto;} .advantageItem .dotCircle{width:199px;height:199px;background:url(../images/dot_circle.png) no-repeat center;background-size:contain;margin:0 auto;} .advantageItem .dotCircle .dot { -webkit-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; border-left: 95px solid transparent; border-top: 1px solid transparent; left: 50%; position: absolute; top: 50%; transform-origin: 0 0; } .advantageItem .dotCircle .dot:after {content: " "; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: #020C4F; color: #fff; text-decoration: none; position: absolute; border-radius: 50%; height: 9px; width:9px; top:-6px; } .advantageItem .dotCircle .dot:nth-child(1) { transform: rotate(240deg); } .advantageItem .dotCircle .dot:nth-child(2) { transform: rotate(200deg); } .advantageItem .dotCircle .dot:nth-child(3) { transform: rotate(160deg); } .advantageItem .dotCircle .dot:nth-child(4) { transform: rotate(120deg); } .advantageItem .dotCircle .dot:nth-child(5) { transform: rotate(-60deg); } .advantageItem .dotCircle .dot:nth-child(6) { transform: rotate(-20deg); } .advantageItem .dotCircle .dot:nth-child(7) { transform: rotate(20deg); } .advantageItem .dotCircle .dot:nth-child(8) { transform: rotate(60deg); } .advantageItem .circleList li{ display:flex; box-sizing: border-box; padding:3px;background:#f7f7f7;border-radius: 54px; justify-content: space-between;margin-bottom:20px;} .advantageItem .circleList li .advIcon{ width:40px;height:40px;padding:8px;background:#fff;border-radius: 100%;flex:0 0 40px;box-sizing: border-box;} .advantageItem .circleList li .iconTit{flex:1;padding:0 10px;line-height: 40px;} .advantageItem .circleList1 li{padding-left:10px;} .advantageItem .circleList1{left:-80%;top:5%;} .advantageItem .circleList1 li:nth-child(1),.advantageItem .circleList1 li:nth-child(4){transform:translateX(30%);} .advantageItem .circleList2{right:-80%;top:5%;} .advantageItem .circleList2 li{padding-right:10px;flex-direction: row-reverse;} .advantageItem .circleList2 li:nth-child(1),.advantageItem .circleList2 li:nth-child(4){transform:translateX(-30%);} /*业务布局*/ .layoutBox{display:flex; flex-direction: row-reverse;} .layoutBox .layoutImg{width:50%;display: flex;} .layoutBox .layoutImg img{width:100%;} .layoutBox .layoutDesc{width:50%;display:flex;flex-direction: column; justify-content: center; box-sizing: border-box;padding:3% 8.3%;background:url(../images/soluBg.jpg) no-repeat 0 0;background-size:cover; } .layoutBox .layoutDesc .txt p{margin-top:1em;} .layoutBox .layoutIcon{width:60px;margin:0 auto;box-sizing: border-box;} .layoutBlock{display: flex;justify-content: space-between;padding-top:2em;margin-top:2em;border-top:1px solid #020C4F;} .layoutItem{text-align: center;padding:0 10px;} .layoutMap{background:url(../images/solumapBg.jpg) no-repeat center top;background-size:cover;} .layoutMap .mapTit{left:4.48%;top:7%;color:#002143;font-size:40px;z-index:20;} .layoutMap .mapNum{right:40px;z-index:20;} .layoutMap .mapBox{width:58%;/*width:838px;*/margin:0 auto;z-index:30;} .mapDot{width:5px;height:5px; position: absolute;left:0;top:0;cursor:pointer; } .mapDot:after{width:5px;height:5px;border-radius: 100%; background:#fff; content:''; position: absolute;left:0;top:0; } .mapDot:before{display:block;width:30px;height:30px;border-radius:100%;background:rgba(255,255,255,0.2);content:''; position: absolute; left:50%;top:50%;margin-left:-15px;margin-top:-15px; z-index:2;-webkit-animation: twinkling 1.5s ease-in-out 0s infinite running;animation: twinkling 1.5s ease-in-out 0s infinite running; opacity: 0; } .mapInfo{position: absolute;width:150px; left:8px;top:2px;display:flex;} .mapInfo .line{width:0;border-top:1px dashed #fff;flex-shrink: 0; opacity: 0;} .mapInfo .line:after{width:5px;height:5px;border-radius: 100%; background:#fff; content:''; position: absolute;right:-8px;top:-3px;transform:scale(0);} .mapCon{ display:flex;flex-shrink: 0;transform:translateY(-50% ); padding:0 15px; left:100%; white-space: nowrap; opacity: 0;} .mapCon .mapData .font2{color:#08b100;} .mapCon .mapAddr,.mapData{flex-shrink: 0;font-size:18px; font-weight: bold;} .mapDot.vertical .mapInfo{width:auto!important;flex-direction: column;left:2px;top:8px;} .mapDot.vertical .mapInfo .line{width:0;height:0;border-top:0;border-left:1px dashed #fff;} .mapDot.vertical .mapInfo .line:after{right:auto;top:auto;left:-2px;bottom:-8px;} .mapDot.vertical-left .mapCon{transform: translate(-100%,-50%);} .mapDot.vertical-up .mapInfo{top:auto;bottom:2px; flex-direction: column-reverse;} .mapDot.vertical-up .mapInfo .line:after{bottom:auto;top:-8px;} .mapDot.vertical-up .mapCon{transform: translate(-100%,20%);} .mapDot.horizontal .mapInfo{left:auto;right:2px; flex-direction: row-reverse;} .mapDot.horizontal .mapCon{left:auto;right:0;} .mapDot.horizontal .mapInfo .line:after{right:auto;left:-8px;} .mapPop{width:274px;padding:10px;background:#fff;border-radius: 10px;box-sizing: border-box;position: absolute;bottom:50px;left:50%;margin-left:-137px;z-index:20; opacity: 0; visibility: hidden; transition:all 0.3s;} .mapDot:nth-child(7) .mapPop{left:20px;bottom:50px;margin-left:0; } .mapPop .img{border-radius: 10px;overflow:hidden;} .mapPop .desc{padding:20px 18px 10px;} .mapPop .txt{margin-top:10px;} .mapPop .txt>div{padding-left:26px;} .mapPop .txt .font1{background:url(../images/layout_icon1.png) no-repeat left top;} .mapPop .txt .font2{background:url(../images/layout_icon2.png) no-repeat left top;margin-top:8px;} .mobileMap {padding-bottom:2em;display: none;} .mobileMap dl{display: flex;padding:1em 0;border-bottom:1px solid #ddd;} .mobileMap dl dt{padding-left:12px; position: relative;} .mobileMap dl dt:after{width: 5px;height: 5px;border-radius: 100%;background: #020C4F;content: '';position: absolute;left: 0;top: 7px;} .mobileMap dl .font2{color:#08b100;} .pageTit.tl{text-align:left;} .mapDot:hover .mapInfo .line{width:100%; opacity: 1;transition:all 0.5s;} .mapDot:hover .mapInfo .line:after{transform:scale(1); transition:all 0.5s ease 0.3s;} .mapDot:hover .mapInfo .mapCon{opacity: 1;transition:all 0.5s linear 0.3s;} .mapDot.vertical:hover .mapInfo .line{height:100%;} .mapDot:hover .mapPop{opacity: 1;bottom:20px; visibility: visible;} .mapDot:nth-child(7):hover .mapPop{bottom:0px;} @keyframes twinkling { 0% { opacity: 0; transform: scale(0.8); } 50% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.8); } } @keyframes ripple { 0% { opacity: 0; transform: scale(0.1); } 5% { opacity: 1; } 100% { opacity: 0; transform: scale(1); } } @media only screen and (max-width:1600px){ .stockText{margin-right:60px;} .sustainBox7 .swiper-slide .txt,.sReportList .item .txt{padding:20px;} .sustainBox7 .s_logo,.sReportList .s_logo{left:20px;top:20px;} .media_con dl dt{width:40px;height:40px;flex:0 0 40px;} .pvChart{height:300px;} .soluStyle .txt{margin-top:200px;} .soluSwiper.default .txt{transform:translateX(-30%);} .sReportList{margin:0 -16px;} .sReportList .item .w{position:relative;margin:0 16px 32px 16px;} .infoDiscTop{padding:80px 0 50px 0;} .infoDiscCont{padding:60px 80px 60px 0px;} .infoDiscPage .infoDisc{padding-bottom:40px;} .infoDiscTop .infoTab{padding-top:4px;} .advData .advCell .advIcon{margin-top:8px;} .searchSlideNav{margin:84px 70px 0 0;} } @media only screen and (max-width:1440px){ .pt130{padding-top:100px;} .pt160{padding-top:120px;} .mt50{margin-top:30px;} .popBlock{padding:5% 0;} .blockTxt{padding:25px;} .blockTxt{min-height: 300px;} .sustainPic dl dd .desc .txt{margin-top:15px;} .sustainPic dl dd .desc .more{margin-top:20px;} .sustainBox5 .tit{top:80px;} .sustainSwiper .sustainItem li .data span{padding-left:5px;} .popBlock .wrap{padding:0 8%;} .blockImg{margin-right:40px;} .blockCon{padding-left:40px;} .popBlock .swiper-button-prev{left:0;} .popBlock .swiper-button-next{right:0;} .media_con dl{padding:0 3%;} .techBox1{margin-top:100px;} .historySwiper .historyCon{min-height:600px;} .historySwiper .year{font-size:26vw;bottom:5%;} .manuSwiper .swiper-slide{height:516px;padding: 22.88% 30px 0;} .factoryTit{top:80px;} .soluSwiper .swiper-slide{height:640px;} .soluStyle .txt{width:500px;} .advantageItem .advDesc{padding:2% 4%;} .mapCon .mapAddr, .mapData{font-size:14px;} .stockText{margin-right:50px;} .advantageItem .advCircle{margin:30px auto;} .advantageItem .advTab span{height:32px;line-height: 32px;} .manufacture-tweenmax-flex { height:110vh;top:60px;} .manufacture-imgbox {transform-origin:50% 60%;} .sReportList{margin:0 -12px;} .sReportList .item .w{position:relative;margin:0 12px 24px 12px;} .infoDiscTop .infoTab{min-width:400px;} .advData .advCell .advIcon{margin-top:6px;} } @media only screen and (max-width:1366px){ .topNews dl dd .f-24{font-size:20px;} .topNews dl dd .more{margin-top:2em;} .newsBox dl dd,.soluList dl dd{padding:30px;} .newsBox.listShow dl dd{padding:0;} .newsBox.listShow dl dt{margin-right:30px;} .sustainSwiper .sustainItem li:after{width:5px;height:5px;bottom:-3px;} .dataList li .item span{font-size:16px;} .strengthThumbs .swiper-button-next{right:-4.5%;} .strengthThumbs .swiper-button-prev{left:-4.5%;} .soluSwiper .swiper-slide{height:600px;} .soluStyle .txt{margin-top:120px;} .processSwiper5_1{padding: 15vh 7% 0 10%;} .manufactureSwiper .swiper-button-prev{left:-4%;} .manufactureSwiper .swiper-button-next{right:-4%;} .stockText{width:260px;margin-right:20px;} .searchSlideNav{margin:84px 60px 0 0;} } @media only screen and (max-width:1280px){ .pt120{padding-top:60px;} .pt130{padding-top:80px;} .pt160{padding-top:100px;} .blockImg{margin-right:30px;} .blockCon{padding-left:30px;} .popBlock .swiper-pagination .swiper-pagination-bullet{margin:0 4px;} .techBox1 .techTit{margin-top:120px;} .strengthThumbs .swiper-slide{padding:12px 20px; } .dataList li .item em{font-size:50px;padding:0 20px;} .manuSwiper .swiper-slide{height:444px;padding-left:20px;padding-right:20px;} .soluSwiper .swiper-slide{height:560px;} .soluStyle .desc{padding:50px;} .advantageItem .circleList li .advIcon{width:40px;height:40px;padding:8px;flex:0 0 40px;} .advantageItem .circleList li .iconTit{padding:0 10px;line-height: 40px;} .advData .advCell{margin-top:20px;} .stockText{margin-right:30px;} .sReportList .item .btns a{padding:10px;} .infoDiscTop{padding:60px 0 50px 0;} .infoDiscCont{padding:30px 40px 30px 0px;} .infoDiscPage .infoDisc{padding-bottom:30px;} .infoDiscTop .infoTab{min-width:300px;} .advData .advCell .advIcon{margin-top:4px;width:46px;height:46px;} } @media only screen and (max-width:1024px){ .topNews dl dd{padding:3%;} .topNews dl dd .f-24{font-size:18px;} .topNews dl dd .ellipsis-1{max-height: 5.625em;-webkit-line-clamp: 3;} .newsContent p{margin-bottom:1em;} .pnCon{width:70%;} .menuBar{width:200px;} .infoDisc .infoCon{padding:40px;} .yearSwiper{width:110px;} .yearSwiper .swiper-slide.active span{font-size:30px;} .infoRight{padding-left:6%;} .infoItem li{padding:20px 0;} .infoItem li .tit{width:65%;} .infoItem li .date{text-align:center;} .infoItem li .btnXz{width:8%;} .irNews .bot .item .w .font{padding:19px;} /*a.grayMore.loadMore{height:2.6em;line-height: 2.6;padding:0 2em;}*/ .pvList dl{padding:20px;} .pvList dl dt{width:120px;margin-right:20px;} .traderReport{padding:60px 0 40px;} .reportList li{padding:15px 20px;} .reportList li .reName a{padding-left:12px;border-width:3px;} .reportList li .reBtns a{width:100px;height:30px;line-height: 30px;} .media_con dl{padding:0 2%;} .media_con dl dt img{width:24px;} /*.sustainSwiper{margin-top:80px;}*/ .historySwiper .historyCon{min-height:500px;} .strengthCenter .ballBox{width:400px;height:400px;} .dataList li {border-left-width: 194px;} .strengthCenter .font1{font-size:60px;} .strengthCenter .font3{margin-top:40px;} .dataList li .item span{font-size:14px;} .strengthThumbs{padding:0 40px;} .strengthThumbs .swiper-button-next,.strengthThumbs .swiper-button-prev,.historySwiper .swiper-button-next, .historySwiper .swiper-button-prev{width:30px;height:30px;margin-top:-15px;} .strengthThumbs .swiper-button-next{right:0;} .strengthThumbs .swiper-button-prev{left:0;} .manuTxt{width:100%;} .manufactureSwiper .swiper-button-next, .manufactureSwiper .swiper-button-prev{position: static;display:inline-block;margin:10px 10px 0;} .sustainBox7 .swiper-button-next, .sustainBox7 .swiper-button-prev{display: none;} .sustainBox7 .swiper-pagination{display: block;} .sustainBox3 .posterBg .btn_play{width:48px;height:48px;} .factoryTit{top:60px;} .manufactureSwiper .swiper-slide .desc{margin-top:20px;} .soluSwiper .swiper-slide{height:450px;} .advantageItem .advCircle{width:150px;padding:20px 0;margin:25px auto;} .advantageItem .dotCircle{width:150px;height:150px;} .advantageItem .dotCircle .dot{border-left-width: 72px;} .advantageItem .circleList li{margin-bottom:15px;} .advantageItem .dotCircle .dot:after{width:6px;height:6px;} .advantageItem .circleList li .advIcon{width:32px;height:32px;padding:6px;flex:0 0 32px;} .advantageItem .circleList li .iconTit{ line-height: 32px;} .advantageItem .advTab span{height:32px;line-height: 32px;padding:0 15px;} .advantageItem .advTab .dpinb{margin-top:1em;} .advData .advCell{margin-top:1em;} .advData .advCell .advIcon{width:32px;height:32px;padding:6px;margin-top:8px;} .advData .advCell .data{padding-left:10px;} .advantageItem .advItems li{padding-left:12px;} .advantageItem .advItems li:before{width:5px;height:5px;top:6px;} .mapCon .mapAddr, .mapData{font-size:10px;} .layoutMap .mapTit{top:6%;} .layoutBox .layoutDesc{padding:1.5em 1em;} .layoutBox .layoutIcon{padding:0 2em;width:auto;} .layoutBlock{padding-top:1em;margin-top:1em;} .layoutBox .layoutDesc .txt p{margin-top:10px;} .stockText{margin-right:1em;width:36.8%;} .manufactureBox4 .wheelImg .manuPlay{/*display: block;*/opacity: 1!important;transform:scale(1);width: 44px; height: 44px;background-size: contain;margin-left:-22px;margin-top:-22px;} .newsInfo .wrap{max-width:80%;} .soluStyle .txt{margin-top:80px;width:360px;padding:18px;} .soluStyle.active .desc{padding-top:30%;} .manufacture-twennmax-content{height:auto;} .manufacture-tweenmax-flex{ position: static;height: auto; } .manufacture-imgbox{ transform: none!important;} .wheelDesc-twennmax{position: static; opacity: 1!important; transform: none!important;} .wheelDesc1{display: none;} .sReportList .item{width:33.3%;} .infoDiscTop{padding:2em 0;} .infoDiscCont{padding:2em;} .infoDiscPage .infoDisc{padding-bottom:2em;} .yearSwiper .swiper-slide span{width:70px;} .searchSlideNav{margin:0 0 2em 0;float:none;text-align:center;} .searchSlideNav a.item{display:inline-block;margin:0 0.4em;} .media_con dl dd a{white-space: normal;} } @media only screen and (max-width:820px){ .searchBox{padding:0;} .yearSelect{width:120px;margin:0 10px;} .select-input{padding:0 8px;height:32px;line-height: 32px;} .sortType{width:32px;height:32px;} .searchInput input{padding:5px;} .btnSearch{width:70px;height:32px;margin-left:10px;} .infoDisc .infoCon{padding:20px;} .yearSwiper{height:270px;width:90px;} .yearSwiper .swiper-slide{padding-right:20px;} .yearSwiper .swiper-slide span{width:50px;} .yearSwiper .swiper-slide{line-height: 30px;} .yearSwiper .swiper-slide.active span{font-size:20px;} .yearSwiper .swiper-slide span{padding-right:20px;} .yearSwiper .swiper-slide span:after{width:8px;height:8px;margin-top:-5px;} .infoTab{padding-bottom:15px;} .infoTab span{padding-bottom:3px;} /*.sustainSwiper{margin-top:40px;}*/ .sustainBox2 .susDesc{width:100%;float:none;} .sustainBox2 .sustain_block{width:32%;margin-left:2%;margin-top:2%;} .sustainBox2 .sustain_block img{width:100%;} .sustainBox2 .sustain_block:nth-child(4n+7){clear:none;margin-left:2%;} .sustainBox2 .sustain_block:nth-child(3n+1){clear:both;margin-left:0;} /*.popBlock{ top:0;}*/ .blockImg{width:120px;float:none;} .blockImg:after{height:169.7px;} .blockCon{padding-left:0;padding-bottom:0;margin-top:30px;border-left:none;} .popBlock .swiper-pagination{width:100%;left:0;position: static;margin-top:30px;} .sustainBox4 .top{margin-top:40px;} .honorTit{width:20%;} .historySwiper .historyCon{min-height: 360px;} .strengthCenter .ballBox{width:300px;height:300px;} .dataList li {border-left-width: 144px;} .strengthCenter .font1{font-size:40px;} .strengthCenter .font2{width:80%;margin-top:20px;padding-bottom:20px;} .strengthCenter .font3{margin-top:20px;} .dataList li .item em{font-size:30px;padding:0 10px;} .dataList li .item{padding:0 20px;} .strengthThumbs .swiper-slide{height: 120px;padding:12px 15px;} .strengthThumbs .swiper-slide .img{height:40px;} .techBox1{margin-top:50px;} .techBox1 .techTit .txt{padding-bottom:30px;} .techBox1 .techTit .txt:after{width:40%;height:5px;} .historySwiper .history_item .desc::after,.historySwiper .history_item .desc::before{border-width:6px;} .historySwiper .history_item:nth-child(1) .desc{top:60%;} .historySwiper .history_item:nth-child(2) .desc{bottom:60%;} .historySwiper .singleItem .history_item{margin-top:50px;} .historySwiper .singleItem .history_item .desc .text{padding:20px; } .letterSwiper{height:300px;} .contentSwiper{padding:0 2%;} .manuSwiper .swiper-slide{height:257px;padding:16% 5px 0;} .manuSwiper .swiper-slide .letter{width:24px;height:24px;line-height: 24px;} .manuSwiper .swiper-slide .letter:after{width:40px;height:40px;left: -9px;top: -9px;} .letterSwiper .swiper-slide .letter{font-size:16px;line-height: 20px;padding-left:40px;} .letterSwiper .swiper-slide .letter i {width: 20px;height: 20px;} .letterSwiper .swiper-slide .letter i:before{width: 8px;height: 8px;left:6px;top:6px;} .letterSwiper .swiper-slide .letter i:after{width: 20px;height: 20px;} .letterSwiper:after{left:17px;} .letterSwiper .swiper-slide.active .letter i:before{width: 10px;height: 10px;left: 5px;top: 5px;} .letterSwiper .swiper-slide.active .letter i:after{width: 30px;height: 30px;left: -5px;top: -5px;} .manuSwiper .swiper-slide.active .letter:after, .manuSwiper .swiper-slide:hover .letter:after{width:42px;height:42px;left:-10px;top:-10px;} .manuSwiper .swiper-slide .tit{font-size:12px;} .factoryTit{position: static;} .factoryTit .pageTit .title{color:#333!important;} .factoryTit .pageTit .description{color:#999!important;} .videoBox{margin-top:30px;} .timeStage{ position: static; right:2%;transform: translateY(0); transform-origin: center top;flex-direction: row;justify-content: space-around;} .timeStage .item:after{display: none;} .timeStage .item.active:after{display: block;} .timeStage .item{padding:6px 12px;} .timeStage .item .f-18,.timeStage .item .f-16{font-size:12px;} .timeStage .item .f-18{line-height: 1.3;} .pageTit .title{line-height: 1.5;} .soluSwiper .swiper-slide{height:360px;} .soluStyle .txt{padding:12px 10px;} .soluSwiper .swiper-slide:hover .desc{padding-top:25%;} .soluSwiper .swiper-pagination{bottom:0;} .advantageItem{display:block;} .advantageItem .advImg{height:80vw;overflow: hidden;} .advantageItem .advImg img{ max-height: none;} .advantageItem .advImg,.advantageItem .advDesc{width:100%;} .advantageItem .advDesc{margin-top:1em;padding:1em 1em 2em;} .advantageItem:nth-child(2n) .advCon .advItems{height:auto;} .advantageItem .advCircle{transform:scale(0.8);} .processBox .processTxt,.processBox .processTxt .left:before, .processBox .processTxt .right:before,.markBox .ballBox{width:55vh;height:55vh;} .markList li{border-left-width:26.5vh;} .markBox .find{margin-top:2em;} .markBox .font2{width:80%;font-size:12px;} .markList li .item{padding:0 20px;top:-10px;} .markList li .item span{font-size:14px;} .processSwiper3_2 .swiper-slide span{font-size:16px;padding-top:20px;} .processSwiper3_3 .swiper-slide span{font-size:16px;} .processSwiper5_1{padding:15vh 5% 0;} .processSwiper5{margin-left:30px;} .processSwiper5_1 .swiper-slide .explore .font2{margin-top:2.5em;} .processSwiper5_1 .swiper-slide .explore .font2:after{height:80%;bottom:120%;} .bigBox .find,.markBox .find{padding-right:42px;right:12px;bottom:10px;line-height: 24px;} .bigBox .find i,.markBox .find i{width:24px;height:24px;background-size:12px; } .processSwiper5{width:190px;} .processSwiper5 .swiper-slide .year{font-size:14px;} .processSwiper5 .swiper-slide.active .year{font-size:16px;} .processSwiper5 .swiper-slide.active .year,.processSwiper5 .swiper-slide.active .txt{transform: translateX(45px);} .advData .advCell .advIcon{margin-top:6px;} } @media only screen and (max-width:640px){ .pt120{padding-top:40px;} .pt130{padding-top:50px;} .pt160{padding-top:60px;} .ban .font .f1 br{display: none;} .sortBtns{display: none;} .yearSelect{width:90px;margin-left:0;} .newsBox dl,.newsBox dl dt{width:100%!important;float:none!important;margin-left:0!important;margin-right:0!important;} .newsBox dl{margin-top:1em!important;padding:0!important;border-bottom:none!important;} /*.newsBox dl:nth-child(1){margin-top:0!important;}*/ .newsBox.picShow dl:nth-child(1){margin-top:0!important;} .newsBox dl dt img{width:100%;} .newsBox dl dd{padding:20px!important;border:1px solid #d6dbe1!important;border-top:none;} .newsBox dl dd .f-24{font-size:16px!important;} .newsBox dl dd .ellipsis-1{height:auto!important;max-height:1.5em!important;-webkit-line-clamp: 1!important;line-height: 1.5!important;} .newsBox dl dd .ellipsis-2{height:auto!important;max-height:3em!important;-webkit-line-clamp: 2!important;line-height: 1.5!important;} .newsBox dl dd .txt{display:none;} .newsBox dl dd a.more{margin-top:1em;} .newsBox1 dl:nth-child(1){display: block;} .media_con{display: block;} .media_con dl{width:100%;padding:0;margin:20px 0;border-left:none;} .newsInfo{padding-top:40px;} .newsTit{font-size:16px;} .weChat{margin-top:20px;} .wxIcon{width:52px;} .wxIcon span{width:30px;height:30px;} .ewm{width:80px;padding:6px;margin-left:-43px;top:82%;margin-top:8px;bottom:auto;margin-bottom:0;} .ewm:after{border-top:none;border-bottom:10px solid #fff;bottom:auto;top:-10px;} .prevNext{padding-top:2em;} .pnCon,.goBack{float:none;} .pnCon{width:100%;} a.goBack{display:block;width:60px;margin:20px auto 0;padding:0 2em;text-align:center;} .menuBar{width:100%;float:none;margin-right:0;margin-bottom:1em;} .video_show .video_w{width:90%;margin-left:-45%;} .video_show .video_close{width:24px;height:24px;} .mediaBox dl{width:100%;float:none;margin-left:0;margin-bottom:14px;} .mediaBox dl dd{padding:15px;} .stockText{width:100%;float:none;margin:0 0 20px 0;} .pvList dl{width:100%;float:none;margin-left:0;margin-bottom:1em;padding:1em;} .reportList li .reName{width:100%;float:none;margin-bottom:1em;} .irNews .indMediaSwiper .item .font{left:20px;right:20px;} .irNews .indMediaSwiper .swiper-pagination{bottom:6px;left:0;right:0;} .infoItem li{display: block;padding:12px 0;} .infoItem li .tit{width:100%;margin-bottom:5px;padding-right:0;} .infoItem li .date{width:auto;float:left;} .infoItem li .btnXz{width:auto;float:right;} .infoItem li .btnXz a{width:18px;height:18px;} .yearSwiper{float:none;width:100%;height:auto; position: relative;} .yearSwiper:after{width:100%;border-bottom:1px solid #ddd;content:''; position: absolute;left:0;bottom:5px;} .infoRight{padding-left:0;margin-top:20px;} .yearSwiper .swiper-slide.active span{font-size:18px;} .yearSwiper .swiper-slide span{padding:10px 0;text-align:center;} .yearSwiper .swiper-slide span:after{bottom:0;top:auto;margin-top:0;left:50%;margin-left:-5px;} .sustainSwiperEn .sustainItem .sustainTit{bottom:45px;} .dataDate{right:10px;left:10px;bottom:5px;} .popBlock .wrap{padding:0;} .blockTxt{min-height:auto;margin-bottom:20px;} .blockTxt1{width:100%;float:none;margin-right:0;} .popBlock{height:100vh;overflow-y:auto;} .popBlock .swiper-pagination{margin-top:10px;} .popBlock .swiper-button-next, .popBlock .swiper-button-prev{display:none;} .popBlock .swiper-pagination .swiper-pagination-bullet{margin:0 3px;} .popClose{top:10px;right:10px;} .sustainBox3{display: block;} .sustainVideo{width:100%;float:none;} .sustainBox5 .tit{top:30px;} .sustainMan dl{padding:25%0 10%;} .sustainPic dl dd,.sustainBox7 .swiper-slide .txt,.sReportList .item .txt{padding:1em;} .sustainMan dl dt{width:60px;height:60px;background-size:30px;} .honorTit{width:100%;float:none;text-align:center;} .honorSwiper{margin-top:30px;height:360px;} .honorSwiper .swiper-slide{display: block;} .honorSwiper .swiper-slide .item{padding:20px;width:100%;float:none;margin-left:0;} .honorSwiper .swiper-slide .item:nth-child(2n){top:0;} .sustainBox7 .s_logo,.sReportList .s_logo{left:1em;top:1em;width:80px;} .sustainBox7 .swiper-slide,.sReportList .item .w{box-shadow:none;} .sustainBox7 .swiper-slide .btns a,.sReportList .item .btns a{width:auto;display:inline-block;padding:2px 5px;} .sustainBox7 .swiper-slide .btns a span,.sReportList .item .btns a span{background-size:15px;font-size:12px;background-size:1em auto;} .sustainBox7 .swiper-slide:hover .txt,.sReportList .item .w:hover .txt{padding-bottom:30px;} .sReportList .item{width:50%;} .sReportList .item .w{margin:0 6px 12px 6px;} .sReportList{margin:0 -6px;} .historySwiper .historyCon{min-height: 60vw;} .historySwiper .history_item .desc{height:auto;} .historySwiper .history_item:nth-child(1){width:40%;} .historySwiper .history_item:nth-child(2){width:30%;} .historySwiper .history_item:nth-child(1) .desc,.historySwiper .history_item:nth-child(2) .desc{left:15%;} .historySwiper .history_item .desc::after, .historySwiper .history_item .desc::before{border-width: 3px;} .historySwiper .swiper-button-next, .historySwiper .swiper-button-prev{width:20px;height:20px;margin-top:-10px;background-size:6px;bottom:30px;} .historySwiper .swiper-container-horizontal>.swiper-pagination-progress{height:6px;} .historySwiper .swiper-container-horizontal>.swiper-pagination-progress:after{height:4px;top:1px;} .historySwiper .singleItem .history_item .desc .text{padding:8px;width:200%;} .historySwiper .multItem .history_item:nth-child(2){margin-top:22%;} .historySwiper .multItem .history_item:nth-child(2) .desc{bottom:80%;width:140%;padding-bottom:25%;} .strengthThumbs .swiper-slide.active{top:0;} .dataList{margin-top:30px;} .dataList li { position: static; opacity: 1;border:none; transform: rotate(0deg)!important;margin-bottom:10px;} .dataList li:after { height: 8px; width:8px; top:50%; } .dataList li .item{ display:block;transform: rotate(0deg) translate(0, 0)!important; position: static; opacity: 1;} .dataList li .item em{font-size:20px;padding:0 0 0 5px;} .dataList li .item span{margin-bottom:0;white-space: normal;} .soluList dl {width:100%;float:none;margin-left:0;margin-top:1em;} .soluList dl dt img{width:100%;} .soluList dl dd{padding:20px;} .soluSwiper,.soluSwiper .swiper-slide a,.soluSwiper .swiper-pagination{width:100%!important;} .fenbuBox{width:100%!important;position: static;} .soluSwiper .swiper-slide{width:100%;height:auto;} .soluStyle .img{position: static;} .soluStyle .img img{height:auto;max-width: 100%;} .soluStyle .desc{padding:30px!important;} .soluStyle .txt{margin-top:10%!important;} .soluSwiper.default .txt{transform:translateX(0);} .soluStyle .txt,.soluSwiper .swiper-slide:hover .txt{margin-top:10%;width:100%;} .soluSwiper .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;margin:0 4px;} .soluSwiper .swiper-pagination .swiper-pagination-bullet-active{width:6px;height:6px;} .layoutBox{display: block;} .layoutBox .layoutImg,.layoutBox .layoutDesc{width:100%;} .layoutBox .layoutImg img{max-width: 100%;min-height: auto;} .layoutMap .mapTit {left:1em;right:1em;text-align: center;font-size:18px!important;} .layoutMap .mapTit br{display: none;} .layoutMap .mapBox{margin-top:3em;} .mapInfo,.mapPop{display: none;} .mobileMap{display: block;} .mobileMap dl .img{margin:0.6em 0;} .mobileMap dl .desc{line-height:1.8;} .mobileMap dl .desc .txt .f1{padding-left:20px;background:url(../images/layout_icon1.png) no-repeat left center;} .mobileMap dl .desc .txt .f2{padding-left:20px;background:url(../images/layout_icon2.png) no-repeat left center;} .mapDot,.mapDot:after{width:3px;height:3px;} .mapDot:before{width:12px;height:12px;margin-left:-6px;margin-top:-6px;} .processSwiper5{width:auto;margin-left:1em;margin-top:3em;} .processSwiper5 .swiper-slide dl dt:before{background:#313131;} .processSwiper5 .swiper-slide .txt{display: none;} .processSwiper5 .swiper-slide{padding-right:10px;} .processSwiper5_1{padding:2em 1em 0;} .section5 .fp-overflow{display:block;} .processSwiper5 .swiper-container{height:auto;} .processSwiper5 .swiper-slide{width:100%;height:auto!important;padding-right:0; background: url(../images/dot2.png) repeat-x 14px 7px;} .processSwiper5 .swiper-slide:nth-child(1){width:40px;} .processSwiper5 .swiper-slide:nth-child(2){width:80px;} .processSwiper5 .swiper-slide:nth-child(3){width:120px;} .processSwiper5 .swiper-slide:nth-child(4){width:80px;} .processSwiper5 .swiper-slide:nth-child(5){width:200px;} .processSwiper5 .swiper-slide:nth-child(6){width:280px;} .processSwiper5 .swiper-slide:nth-child(7){width:80px;} .processSwiper5 .swiper-slide:nth-child(8){width:80px;} .processSwiper5 .swiper-slide:nth-child(9){width:80px;} .processSwiper5 .swiper-slide:nth-child(10){width:40px;} .processSwiper5 .swiper-slide.active dl dd{padding-top:35px; } .processSwiper5 .swiper-slide.active .year{ transform: translateX(0); } .processSwiper5 .swiper-container-horizontal>.swiper-pagination-progress{top:auto;bottom:0;height:3px;background:none; position: static;margin-top:1.5em;} .processSwiper5 .swiper-container-horizontal>.swiper-pagination-progress:after{width:100%;border-bottom:1px solid rgba(255,255,255,0.1);content:'';position: absolute;left:0px;top:1px;} .processSwiper5 .swiper-pagination-progress .swiper-pagination-progressbar{background:#020C4F;} .processSwiper5_1 .swiper-slide{padding-bottom:30%;} .processBox .desc .f-16{margin-top:0;} .newsInfo .wrap{max-width: none;margin:0 1em;} .newsContent img{max-width: 100%;} .sustainBox5 .pageTit{top:30px;} .infoDiscCont{padding:1em;} .infoDiscTop{padding:1em 0;} .infoDiscTop .infoTab{width:250px;} .infoDiscTop .infoTab{float:none;margin-top:50px;} .infoDiscTop .wrap{position:relative;} .infoDiscTop .searchBox{position:absolute;top:0;left:0;width:100%;} .media_con dl dd a{white-space: normal;} } @media only screen and (max-width:480px){ .techBox1 .techTit{margin-top:40px;padding: 7% 20% 15% 5.5%;} .techBox1 .techTit .txt{padding-bottom:12px;} .techBox1 .techTit .txt:after{height:2px;} .techBox1 .techImg{ box-shadow:0 -5px 20px rgb(0 16 60 / 15%); } .strengthBox{padding:40px 0;} .strengthThumbs{margin-top:30px;} .effectBox{display: block;} .letterSwiper{float:left;height:200px;margin-bottom:30px;} .contentSwiper{width:auto;overflow: hidden;margin-top:5%;margin-bottom:30px;} .manuSwiper{width:100%;clear:both; } .processBox .processTxt,.processBox .processTxt .left:before, .processBox .processTxt .right:before,.markBox .ballBox{width:51vh;height:51vh;} .markList li{border-left-width:25vh;} .processBox .processTxt{padding:2em;} }