body{overflow-x:hidden;} .wrap{max-width:1440px;margin:0 auto;} /*heder style start*/ .header{position:fixed;left:0;top:0;right:0;z-index:999999;height:70px;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .header *{box-sizing:content-box;} .header.headerHid{transform:translateY(-100%);-webkit-transform:translateY(-100%);} .header .logo{display:block;height:26px;margin-top:22px;float:left;} .header .wrap{max-width:none;margin:0 80px;} .header .logo .logo2{display:none} .header .headerRight{float:right;} .header .mainMenu .item{float:left;padding:0 1.6em;position:relative;} .header .mainMenu .item a.mNav{display:block;line-height:70px;color:#fff;transition:0.3s all ease;-webkit-transition:0.3s all ease;position:relative;} .header .mainMenu .item .subNav{display:none;position:absolute;left:1.6em;top:100%;background:#fff;width:200px;padding:12px;border-radius:0 0 12px 0;} .header .mainMenu .item .subNav .sItem{display:block;padding:1em 0;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;margin-left:-1px;transition:0.3s all ease;-webkit-transition:0.3s all ease;width:50%;float:left;width:50%;text-align:center;} .header .mainMenu .item .subNav .sItem:last-child,.header .mainMenu .item .subNav .sItem:nth-last-child(2){border-bottom:none;} .header .mainMenu .item .subNav .sItem:nth-child(2n){border-right:none;} .header .mainMenu .item .subNav .sItem:nth-child(2n+1){clear:both;} .header .mainMenu .item .subNav .sItem .subNavFont{height:3em;margin:0 0.4em;} .header .mainMenu .item .subNav .sItem .icon{display:block;width:36px;height:30px;margin:0 auto;margin-bottom:0.6em;} .header .search,.header .share,.header .lan .icon{display:block;width:20px;padding-left:2em;height:70px;cursor:pointer;background-repeat:no-repeat;background-size:20px auto;background-position:right center;transition:0.3s all ease;-webkit-transition:0.3s all ease;} .header .search.on::after,.header .search:hover::after,.header .share:hover::after,.header .lan:hover .icon::after{content:'';position:absolute;right:0;bottom:0;width:20px;height:2px;background-color:#020C4F;display:block;z-index:9;} .header .search{background-image:url(../images/icon1.png);position:relative;} .header .searchTxt{display:none;position:absolute;right:-1em;top:100%;text-align:center;} .header .search .searchTxt::before{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;content:''; position: absolute; top:0;right:1em;} .header .share{background-image:url(../images/icon2.png);display:inline-block;position:relative;} .header .lan .icon{background-image:url(../images/icon3.png);display:inline-block;position:relative;} .header .lan .lanDrop{opacity:0;visibility:hidden;transition:all 0.3s;position:absolute;left:0;top:100%;right:0;} .header .lan .lanDrop .mask{position:absolute;left:0;top:0;right:0;bottom:-100px;background:rgba(0,0,0,0.8);z-index:1;} .header .lan .lanDrop .lanCont{background:#fff;position:relative;z-index:2;border-top:1px solid #e5e5e5;padding:50px 0;} .header .lan .lanDrop .w{max-width:1200px;margin:0 auto;} .header .lan .lanDrop .title{text-align:center;margin-bottom:1em;font-family:"AliBold";} .header .lan .lanDrop dl{width:25%;float:left;} .header .lan .lanDrop dl:nth-child(4n+1){clear:both;} .header .lan .lanDrop dl dt,.header .lan .lanDrop dl dd{margin:0 40px;} .header .lan .lanDrop dl dt{line-height:2.4;border-bottom:1px solid #e5e5e5;color:#999;text-transform:uppercase;margin-bottom:0.6em;} .header .lan .lanDrop dl dd{line-height:3;} .header .lan .lanDrop dl dd a{display:block;} .header .lan .lanDrop dl dd a .line{display:inline-block;line-height:2;} /*.header .lan .lanDrop dl dd a:hover,*/.header .lan .lanDrop dl dd a.on{color:#020C4F;} /*.header .lan .lanDrop dl dd a:hover .line,*/.header .lan .lanDrop dl dd a.on .line{border-bottom:2px solid #020C4F;} .header .lan .lanDrop dl dd a span{font-family:"AliBold";display:inline-block;margin-right:1.6em;} .header .lan:hover .lanDrop{opacity:1;visibility:visible;} .header .search .searchTxt{padding-top:10px;} .header .search .searchTxt .w{padding:1em;background:#fff;border-radius:8px;box-shadow:0px 0px 12px rgba(153,153,153,0.3);} .header .search .searchTxt .searchTxtWrap{width:200px;margin:0 auto;border:1px solid #e5e5e5;} .header .search .searchTxt input{border:none;width:100%;line-height:2.4;width:100%;padding:0 1em;} .header .search .searchTxt button{float:right;width:3em;height:2.4em;border:none;background:url(../images/icon1.png) center no-repeat;background-color:#020C4F;} .subNavCont .subNavItem{display:none;} .subNavTab {text-align:center;} .subNavTab span{display:inline-block;line-height:3;margin:0 0.4em;cursor:pointer;} .subNavTab span.on,.subNavTab span:hover{color:#020C4F} .fullSubNav{display:none;width:100%;position: fixed;left:0;top:70px;background:#fff; border-top:1px solid #e5e5e5;padding:50px 0 80px;z-index: 100;} .fullSubNav .wrap{display:flex;justify-content: center;} .fullSubNav .fullItem{padding:0 30px;} .fullSubNav .fullTitle{padding-bottom:15px;border-bottom:1px solid #e5e5e5;text-transform: uppercase;} .fullSubNav .fullMenu{margin-top:20px;} .fullSubNav .fullMenu a{display: block;margin:15px 0;} .fullSubNav .fullMenu a:hover,.fullSubNav .fullMenu a.active{color:#020C4F;text-decoration: underline;} .header .mainMenu .item:hover .fullSubNav{display:block;} .header:hover,.header.on,.header.noBan{background:#fff;border-bottom:1px solid #e5e5e5;} .header:hover .mainMenu .item a.mNav,.header.on .mainMenu .item a.mNav,.header.noBan .mainMenu .item a.mNav{color:#3e3a39;} .header:hover .logo .logo2,.header.on .logo .logo2,.header.noBan .logo .logo2{display:block;} .header:hover .logo .logo1,.header.on .logo .logo1,.header.noBan .logo .logo1{display:none;} .header:hover .search,.header.on .search,.header.noBan .search{background-image:url(../images/icon01.png);} .header:hover .share,.header.on .share,.header.noBan .share{background-image:url(../images/icon02.png);} .header:hover .lan .icon,.header.on .lan .icon,.header.noBan .lan .icon{background-image:url(../images/icon03.png);} .header .search:hover{background-image:url(../images/icon001.png);} .header .share:hover{background-image:url(../images/icon002.png);} .header .lan:hover .icon{background-image:url(../images/icon003.png);} .header .mainMenu .item:hover .subNav{display:block;} .header .search.on .searchTxt{display:block;} .header .mainMenu .item:hover a.mNav,.header .mainMenu .item.on a.mNav,.header .mainMenu .item .subNav a.sItem:hover{color:#020C4F;} .header .mainMenu .item:hover a.mNav::after,.header .mainMenu .item.on a.mNav::after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:3px;background:#020C4F;} /*heder style end*/ /*footer style start*/ .footer{padding:60px 0 50px 0;border-top:2px solid #020C4F;} .footer .footerLogo{height:26px;margin-bottom:40px;} .footer .contactWay .item{display:block;float:left;margin-right:80px;} .footer .contactWay .item:last-child{margin-right:0;} .footer .contactWay .item .icon{border:1px solid #d8d8d8;border-radius:50%;margin-right:1.4em;width:46px;height:46px;} .footer .contactWay .item .f2{color:#777;} .footer .footerMenu{width:50%;} .footer .footerMenu a.item{color:#777;display:block;float:left;width:33.3%;margin-bottom:0.9em;} .footer .bot{padding-top:30px;margin-top:100px;border-top:1px solid #ebebeb;} .footer .otherMenu a.item{color:#666;} .footer .copyright{color:#777;margin-top:1em;} .footer .copyright a{color:#777;} .footer .share .item{display:inline-block;margin-left:10px;border:1px solid #d8d8d8;border-radius:50%;width:50px;position:relative;} .footer .share .item .ewm,.header .share .ewm{width:110px;padding:10px;text-align:center;background:#fff;position:absolute;left:50%;bottom:82%;margin-bottom:18px;margin-left:-60px;opacity:0;visibility:hidden;box-shadow:0px 0px 12px rgba(153,153,153,0.3);border-radius:8px;transition:all 0.3s;} .footer .share .item:hover .ewm,.header .share:hover .ewm{opacity:1;visibility:visible;} .footer .share .item .ewm:after,.header .share .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;} .footer .share .item .ewm .f-14,.header .share .ewm .f-14{margin-top:5px;} .footer .otherMenu a.item,.footer .footerMenu a.item,.footer .contactWay .item .f2,.footer .share .item > img{transition:0.5s all ease;-webkit-transition:0.5s all ease;} .footer .otherMenu a.item:hover,.footer .footerMenu a.item:hover,.footer .contactWay .item:hover .f2,.footer .copyright a:hover{color:#020C4F;} .footer .contactWay .item:hover .f2{text-decoration:underline;} .footer .share .item:hover > img{transform:rotate(360deg);-webkit-transform:rotate(360deg);} .header .share .ewm{margin:10px 0 0 -46px;top:100%;bottom:auto;} .header .share .ewm:after{border-top:none;border-bottom:10px solid #fff;bottom:auto;top:-10px;} /*footer style end*/ .pageAnchor{position:absolute;left:0;top:-70px;} .floatBox{position:fixed;right:0;bottom:200px;z-index:999998;} .floatBox .item{position:relative;width:60px;height:60px;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;margin-bottom:2px;background-color:#9faabc;} .floatBox .msg{background-image:url(../images/float1.png);} .floatBox .gotop{background-image:url(../images/float2.png);} .floatBox .item:hover{background-color:#020C4F;} .floatBox .msg:hover{background-image:url(../images/float02.jpg?v=1.0);} .floatMsgPopBox{position:absolute;right:100%;display:none;padding-right:20px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .floatMsgPop{position:relative;padding:30px;border-radius:20px;background:#fff;width:310px;box-shadow:0px 0px 12px rgba(153,153,153,0.3);} .floatBox .msg:hover .floatMsgPopBox{display:block;} .floatMsgPop::after{content:"";position:absolute;right:-8px;top:50%;margin-top:-4px;border-left:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;} .floatMsgPop .mItem{padding:30px 0;border-bottom:1px dashed #d9d9d9;} .floatMsgPop .mItem:first-child{padding-top:0 !important;} .floatMsgPop .mItem:last-child{padding-bottom:0 !important;border:none;} .floatMsgPop .mItem .icon{width:48px;height:48px;border-radius:50%;border:1px solid #dadada;margin-right:20px;} .floatMsgPop .mItem a.sItem{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#777;line-height:2;} .floatMsgPop .mItem a.sItem:hover{color:#020C4F;} /*index style start*/ a.whiteMore,a.redMore,a.grayMore,.whiteMore{display:inline-block;height:2.6em;line-height:2.6;padding:0 2em;border-radius:2em 0 2em 0;overflow:hidden;position:relative;} a.whiteMore span,a.redMore span,a.grayMore span,.whiteMore span{position:relative;z-index:2;transition:0.5s all ease;-webkit-transition:0.5s all ease;display:inline-block;line-height:1;} a.whiteMore::before,a.redMore::before,a.grayMore::before,.whiteMore::before{content:"";display:inline-block;position:absolute;z-index:1;left:-100%;top:0;width:100%;height:100%;transition:0.5s all ease;-webkit-transition:0.5s all ease;} a.whiteMore:hover::before,a.redMore:hover::before,a.grayMore:hover::before,.whiteMore:hover::before{left:0;} a.whiteMore::before,.whiteMore::before{background:#fff;} a.redMore::before,a.grayMore::before{background:#020C4F;} a.whiteMore:hover span,.whiteMore:hover span{color:#020C4F} a.redMore:hover span,a.grayMore:hover span{color:#fff;} a.grayMore:hover{border-color:#020C4F;} a.whiteMore,.whiteMore{border:1px solid #fff;} a.redMore{border:1px solid #020C4F;} a.grayMore{border:1px solid #b8b8b8;} a.whiteMore span,.whiteMore span{color:#fff;} a.redMore span{color:#020C4F;} .banner .item{position:relative; } .banner .item .wrap,.banner .item .txt{position:absolute;width:1440px;margin:0;} .banner .item .font,.banner .item .txt{color:#fff;} .banner .item .font .tit,.banner .item .txt .tit{font-family:"AliBold";} .banner .item .font .desc,.banner .item .txt .desc{margin-top:1em;max-height:18em;line-height:1.8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;text-align: justify;} .banner .swiper-slide img{ margin: 0 !important; width: 100%; height: 100%; } .banner .swiper-container{ height: 100vh !important; } .banner .swiper-pagination{left:0;right:0;bottom:78px;} .banner .swiper-pagination .swiper-pagination-bullet{width:18px;height:2px;border-radius:0;opacity:0.4;background:#fff;margin:0 5px;} .banner .swiper-pagination .swiper-pagination-bullet-active{width:48px;opacity:1;} .banner .swiper-button-next,.banner .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;} .banner .swiper-button-next{right:60px;background-image:url(../images/arrow2.png);} .banner .swiper-button-prev{left:60px;background-image:url(../images/arrow1.png);} .banner .swiper-button-prev:hover{background-color:#020C4F;transition:0.5s;} .banner .swiper-button-next:hover{background-color:#020C4F;transition:0.5s;} .mbanner .mswiper-container{ height: 100vh !important; width: 100%; } .mbanner .swiper-slide .item{ position: relative; height: 100%; width: 100%; overflow: hidden; } .mbanner .swiper-slide .item .font .tit{ font-family: rr; font-size: .48rem; font-weight: 500; line-height: .56rem; letter-spacing: 0em; text-align: left; } .mbanner .swiper-slide .item .font .desc{ font-family: ll; font-size: .24rem; font-weight: 400; line-height: .52rem; letter-spacing: 0em; text-align: justify; margin-top: 0.32rem; } .mbanner .swiper-slide .item>div{ position: absolute; z-index: 10; color: #FFFFFF; width: 6rem; top: 4.9rem; left: 0.75rem; margin: 0; -webkit-transform: translate(0,0); } .mbanner .swiper-slide img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mbanner .swiper-slide video{ width: 100%; height: 100vh; object-fit: fill; } .mbanner .txt{ position: absolute; color: #FFFFFF; width: 6.4rem; top: 4.9rem; left: .55rem; } .mbanner .txt .tit{ font-family: rr; font-size: .48rem; font-weight: 500; line-height: .56rem; letter-spacing: 0em; text-align: left; } .mbanner .txt .desc{ font-family: ll; font-size: .24rem; font-weight: 400; line-height: .52rem; letter-spacing: 0em; text-align: justify; margin-top: .32rem; } .mbanner .swiper-pagination{left:0;right:0;bottom:78px;} .mbanner .swiper-pagination .swiper-pagination-bullet{width:18px;height:2px;border-radius:0;opacity:0.4;background:#fff;margin:0 5px;} .mbanner .swiper-pagination .swiper-pagination-bullet-active{width:48px;opacity:1;} .mbanner .swiper-button-next,.mbanner .swiper-button-prev{width: .4rem ;height: .4rem;margin-top:-30px;border:1px solid rgba(255,255,255,0.5);border-radius:50%;background-size:10px auto; background-size: .1rem auto;} .mbanner .swiper-button-next{right: 。2rem; background-image:url(../images/arrow2.png);} .mbanner .swiper-button-prev{left: .2rem; background-image:url(../images/arrow1.png);} .mbanner .swiper-button-prev:hover{background-color:#020C4F;transition:0.5s;} .mbanner .swiper-button-next:hover{background-color:#020C4F;transition:0.5s;} .downBtn{overflow:hidden;display:block;cursor:pointer;position:absolute;width: .3rem;height:.28rem;left:50%;margin-left:-15px;bottom:30px;background:url(../images/arrow3.png) center no-repeat;background-size:contain;z-index:99;-webkit-animation:arrowdown 1s ease infinite;animation: arrowdown 1s ease infinite;} @keyframes arrowdown { 0% {transform:translateY(0);} 50% {transform:translateY(30%);} 100% {transform:translateY(0);} } @-webkit-keyframes arrowdown { 0% {-webkit-transform:translateY(0);} 50% {-webkit-transform:translateY(30%);} 100% {-webkit-transform:translateY(0);} } @keyframes slowScale { 0% { transform: scale(1.1); } 50% { transform: scale(1); } 100%{ transform: scale(1.1); } } @keyframes slowScale1 { 0% { transform: scale(1.1); } /* 50% { transform: scale(1); } */ 100%{ transform: scale(1); } } @keyframes slideInup { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .mbanner .swiper-slide-active .tit{ animation: slideInup 2s forwards; } .mbanner .swiper-slide-active .desc{ animation: slideInup 4s forwards; } .mbanner .swiper-slide-active img{ animation:slowScale1 6s linear ; } .banner .swiper-slide-active img{ animation:slowScale1 6s linear ; } .indIndustry .gallery-thumbs{position:absolute;left:0;bottom:0;right:0;z-index:99;} .indIndustry .gallery-thumbs .swiper-slide{width:18.75%;transition:0.5s all ease;-webkit-transition:0.5s all ease;overflow:hidden;} .indIndustry .gallery-thumbs .swiper-slide-active{width:50%;} .indIndustry .item{position:relative;overflow:hidden;} .indIndustry .item .img{width:100%;max-height:none;} .indIndustry .item .font{position:absolute;left:2em;right:2em;bottom:2em;top:2em;color:#fff;} .indIndustry .item .font a.contBox{height:100%;display:flex; justify-content: space-between; color:#fff;} .indIndustry .item .font .icon,.indIndustry .item .font .industryRight{display:none;} .indIndustry .item .font .industryRight{float:right;width:54%;position:relative;} .indIndustry .item .font .desc{margin-bottom:1em;text-align:justify;} .indIndustry .item .font .arrow1 img{transition:0.5s all ease;transition:0.5s all ease;} .indIndustry .item .font .arrow1:hover img{transform:translate(10%,-10%);-webkit-transform:translate(10%,-10%);} .indIndustry .item .font .whiteMore{position:absolute;display:none;right:0;bottom:0;line-height:normal;height:auto;border-radius:1.8em 0 1.8em 0;padding:0.5em 1.8em;} .indIndustry .item .font .tit{text-align:center;position:absolute;left:0;right:0;bottom:0;font-family:"AliMedium"; height:auto;} .indIndustry .swiper-slide-active .item .img{filter: blur(6px);} .indIndustry .swiper-slide-active .industryLeft{float:left;display:flex; justify-content: space-between; flex-direction: column;} .indIndustry .swiper-slide-active .item .font .icon,.indIndustry .swiper-slide-active .item .font .industryRight{display:block;} .indIndustry .swiper-slide-active .item .font .industryRight{display:flex; justify-content: space-between; flex-direction: column;} .indIndustry .swiper-slide-active .item .font .tit{position:static;font-size:42px;max-width:8em;text-align:left;margin-right:1em;margin-bottom:1em;line-height:1.2;} .indIndustry .swiper-slide-active .item .font{left:6%;top:15%;right:6%;bottom:12%;} .indIndustry .swiper-slide-active .item .font .whiteMore{display:block;} .indDevelop1{background:url(../images/earth.jpg) center no-repeat;background-size:auto 82%;} .indDevelop1 .cont{position:absolute;width:100%;} .indDevelop1 .cont .tclImg{width:52%;margin:0 auto;} .indDevelop1 .cont .font{text-align:center;margin-top:3.4em;font-family:"AliMedium";} .indDevelop2{background:url(../images/developBg.jpg) center bottom no-repeat;background-size:cover;overflow:hidden;} .indDevelop2 .cont{position:absolute;left:0;right:0;bottom:20px;color:#fff;} .indDevelop2 .cont .tit,.indDevelop2 .cont .desc{text-align:center;} .indDevelop2 .cont .tit{font-family:"AliMedium";} .indDevelop2 .cont .desc{max-width:940px;line-height:2;margin:1em auto 2em auto;} .indDevelop2 .cont .itemBox{margin-bottom:4em;display:flex;justify-content:space-between;} .indDevelop2 .cont .item .w{display: flex;padding:0 1em;} .indDevelop2 .cont .item .icon{margin-right:1.4em;width:62px;height:62px;flex-shrink: 0;} .indDevelop2 .cont .item .font {overflow:visible;} .indDevelop2 .cont .item .font .f1{line-height:1;white-space: nowrap;} .indDevelop2 .cont .item .font .f1 em{font-style:none;font-family:"AliBold";} .indDevelop2 .cont .item .font .f1 span{vertical-align:0.2em;display:inline-block;margin-left:0.5em;} .indDevelop2 .cont .item .font .f2{text-align: justify;} .indDevelop2 .cont .remarks{margin-top:2em;text-align:center;} .indDevelop2 .section4_tan{ position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 22; transition: 1s; background:#fff; } .indDevelop2 .section4_tan img{position:absolute;} @keyframes tan { from {transform: scale(1);opacity: 1;} to {transform: scale(3);opacity: 0;} } @-webkit-keyframes tan { from {transform: scale(1);opacity: 1;} to {transform: scale(3);opacity: 0;} } .indDevelop2 .tan_act{ animation: tan 2s forwards; -webkit-animation: tan 2s forwards; /* Safari 与 Chrome */ } .indPrice{padding:100px 0;background:url(../images/priceBg.jpg) left top no-repeat;background-size:100% auto;} .indPrice .tit,.indPrice .desc,.indMedia .tit,.indMedia .desc{text-align:center;} .indPrice .tit,.indMedia .tit{font-family:"AliMedium";line-height:1;} .indPrice .desc,.indMedia .desc{color:#777;margin:1.4em 0 2.4em 0;} .indPrice .indPriceBox{margin:0 -10px;} .indPrice .indPriceItem{width:50%;float:left;} .indPrice .indPriceItem .w{margin:0 10px;padding:40px 60px;border:1px solid #d6dbe1;} .indPrice .indPriceItem .indPriceTit{line-height:32px;} .indPrice .indPriceItem .indPriceTab{float:right;line-height:32px;} .indPrice .indPriceItem .indPriceTab span{display:block;cursor:pointer;float:left;padding:0 1.4em;border-radius:3px;margin-left:10px;color:#666;background:#ececec;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .indPrice .indPriceItem .indPriceTab span:hover,.indPrice .indPriceItem .indPriceTab span.on{color:#fff;background:#020C4F;} .indPrice .indPriceItem .top{padding-bottom:2.8em;margin-bottom:2.8em;border-bottom:1px dashed #ccc;} .indPrice .indPriceItem .bot .cont{display:none;} .indPrice .indPriceItem .sItem{width:33.3%;float:left;} .indPrice .indPriceItem .sItem .f2{font-weight:bold;} .indMedia{padding:100px 0;background:url(../images/priceBg.jpg) left top no-repeat;background-size:100% auto;} .indMedia .top,.indMedia .bot{margin:0 -15px} .indMedia .w{margin:0 15px;} .indMedia .w img{ width: 100%; } .indMedia .title{} .indMedia .title,.indMedia a.more{transition:0.5s all ease;-webkit-transition:0.5s all ease;} .indMedia a.more{display:inline-block;padding-right:1.6em;background:url(../images/arrow4.png) right center no-repeat;color:#777;} .indMedia a.more:hover{color:#020C4F;background-image:url(../images/arrow5.png);} .indMedia .title:hover{color:#020C4F;} .indMedia .indMediaSwiper .item .title:hover{text-decoration:underline;color:#fff;} .indMedia .indMediaSwiper{width:66.667%;float:left;height: 6.53rem;} .indMedia .indMediaSwiper .item .img{ display: inline-block !important; height: 100%; width: 100%; } .indMedia .indMediaSwiper .item .img img {min-width:100%;height: 100%; width: 100%;} .indMedia .indMediaSwiper .swiper-slide{overflow:hidden;} .indMedia .indMediaSwiper .w{position:relative;height: 100%;} .indMedia .indMediaSwiper .w .swiper-container{ height: 100%; } .indMedia .indMediaSwiper .item{display:inline-block;position:relative;height: 100%;width: 100%;} .indMedia .indMediaSwiper .item .font{position:absolute;left:40px;bottom:30px;right:250px;color:#fff;} .indMedia .indMediaSwiper .swiper-pagination{right:40px;bottom:40px;} .indMedia .indMediaSwiper .swiper-pagination .swiper-pagination-bullet{opacity:1;vertical-align:middle;background:#fff;margin:0 0.4em;} .indMedia .indMediaSwiper .swiper-pagination .swiper-pagination-bullet-active{background:#fff;width:14px;height:14px;} .indMedia .firstMedia .font{padding:50px;border:1px solid #d6dbe1;} .indMedia .firstMedia .font .date,.indMedia .bot .item .date{color:#020C4F;} .indMedia .firstMedia .font .title,.indMedia .bot .item .title{margin:0.8em 0;display:block;} .indMedia .firstMedia a.more{margin-top:1.29em;} .indMedia .bot{margin-bottom:60px;} .indMedia .bot .item{width:33.3%;float:left;margin-top:30px;} .indMedia .bot .item .w{padding:40px 40px 30px 40px;border:1px solid #d6dbe1; min-height: 290px;} .indMedia .bot .item a.more{margin-top:2em;} /*全屏高度 start*/ .banner,.indIndustry,.indDevelop1,.indDevelop2{position:relative;height:100vh;} .indIndustry .gallery-top .swiper-slide img{height:100vh;min-width:100%;max-width:none;} .banner .item video{display:block;object-fit:fill;} .banner .swiper-slide .item{height:100vh;overflow:hidden;} .banner .swiper-slide .item a video{ margin-top: 0 !important; } .banner .swiper-slide .item a img{ width: 100%; height: 100%; } /*全屏高度 end*/ /*动画 start*/ .banner .item .font .tit,.banner .item .font .desc,.banner .item .txt .tit,.banner .item .txt .desc{transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;} .banner .item .font .tit,.banner .item .txt .tit,.indDevelop1 .cont .tclImg,.indIndustry .item,.indDevelop2 .cont .tit,.indPrice .tit, .indMedia .tit{transition:1s all ease;-webkit-transition:1s all ease;} .banner .item .font .desc,.banner .item .txt .desc,.indDevelop1 .cont .font,.indDevelop2 .cont .desc,.indPrice .desc, .indMedia .desc{transition:1s 0.5s all ease;-webkit-transition:1s 0.5s all ease;} .banner .swiper-slide-active .item .font .tit,.banner .swiper-slide-active .item .font .desc,.banner .swiper-slide-active .item .txt .tit,.banner .swiper-slide-active .item .txt .desc{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;} .indDevelop1 .cont .tclImg{transform:scale(2) translateY(-100px);-webkit-transform:scale(2) translateY(-100px);} .indDevelop1 .cont .font, .indDevelop2 .cont .tit, .indDevelop2 .cont .desc, .indDevelop2 .cont .itemBox, .indDevelop2 .cont .whiteMore, .indDevelop2 .cont .remarks, .indPrice .tit, .indMedia .tit, .indPrice .desc, .indMedia .desc, .indPrice .indPriceBox, .indMedia .top, .indMedia .bot, .indMedia .redMore{transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;} .indMedia .top{ display: flex; } .myContainer .section.currentSection .indDevelop1 .cont .tclImg{transform:scale(1) translateY(0);-webkit-transform:scale(1) translateY(0);} .myContainer .section.currentSection .indDevelop1 .cont .font, .myContainer .section.currentSection .indDevelop2 .cont .desc, .myContainer .section.currentSection .indDevelop2 .cont .tit, .myContainer .section.currentSection .indDevelop2 .cont .itemBox, .myContainer .section.currentSection .indDevelop2 .cont .whiteMore, .myContainer .section.currentSection .indDevelop2 .cont .remarks, .myContainer .section.currentSection .indPrice .tit, .myContainer .section.currentSection .indMedia .tit, .myContainer .section.currentSection .indPrice .desc, .myContainer .section.currentSection .indMedia .desc, .myContainer .section.currentSection .indPrice .indPriceBox, .myContainer .section.currentSection .indMedia .top, .myContainer .section.currentSection .indMedia .bot, .myContainer .section.currentSection .indMedia .redMore{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;} .indDevelop2 .cont .itemBox,.indPrice .indPriceBox,.indMedia .top,.indMedia .bot,.indMedia .redMore{transition:1s 1s all ease;-webkit-transition:1s 1s all ease;} .indDevelop2 .cont .whiteMore,.indDevelop2 .cont .remarks{transition:1s 1.5s all ease;-webkit-transition:1s 1.5s all ease;} .indIndustry .item{transform:translateX(-100%);-webkit-transform:translateX(-100%);display:block;} .myContainer .section.currentSection .indIndustry .item{transform:translateX(0);-webkit-transform:translateX(0);} /*动画 end*/ /*index style end*/ /*价格公示中英 start*/ .mt100{margin-top:80px;} .pt80{padding-top:80px;} .pb80{padding-bottom:80px;} .pb100{padding-bottom:100px;} .mt60{margin-top:60px;} .mb60{margin-bottom:60px;} .pad100{padding:100px 0;} .noBanMt{margin-top:70px;} .page{text-align:center;} .page a,.page span{display:inline-block;margin:0 2px;min-width:3em;height:3em;line-height:3;text-align:center;border-radius:1.5em;border:1px solid #d4d4d4;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .page .prev,.page .next{background-position:center;background-repeat:no-repeat;} .page .prev{background-image:url(../images/arr_left1.png);} .page .next{background-image:url(../images/arr_right1.png);} .page .prev:hover{background-image:url(../images/arr_left2.png);} .page .next:hover{background-image:url(../images/arr_right2.png);} .page a:hover,.page span{background-color:#020C4F;border-color:#020C4F;color:#fff;} .goToPage,.totalPageNum{display:inline-block;margin-left:2em;} .goToPage input{height:2em;width:3em;border:1px solid #d4d4d4;text-align:center;margin:0 0.6em;-moz-appearance:textfield;} .goToPage input::-webkit-outer-spin-button,.goToPage input::-webkit-inner-spin-button {-webkit-appearance: none !important;} .goToPage .btn{display:inline-block;cursor:pointer;margin-left:1em;} .goToPage .btn:hover{color:#020C4F;} .pageTit{text-align:center;margin-bottom:60px;} .pageTit .title{line-height:1;} .pageTit .description{margin:1.8em auto 0 auto;color:#999;max-width:80%;} .ban{position:relative;height:100vh;overflow:hidden;} .ban > img{min-height:100vh;min-width:100%;max-width:none;max-height:none;} .ban > video{display:block;min-width:100%;min-height:100vh;object-fit:fill;} .ban .font{position:absolute;color:#fff;line-height:1.2;transform:translate(-50%,-70%);-webkit-transform:translate(-50%,-70%);} .ban .wrap{width:1440px;margin:0 auto;} .ban .font .f3{font-family:"AliMedium";line-height:1.5;} .ban .font .f2,.ban .font .f3{margin-top:0.6em;} .ban .font .f4{margin-top:1em;line-height:1.5;} .ban .font .f4 .sItem{line-height:1;margin-bottom:0.6em;} .ban .font .f4 .sItem img{height:1em;margin-right:0.4em;} .ban.noBanMt{height:auto !important;} .ban2{position:relative;height:300px;background-position:center;background-repeat:no-repeat;background-size:auto 100%;} .ban2 .font{position:absolute;color:#fff;line-height:1;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);text-align: justify;} .ban2 .wrap{width:1440px;margin:0 auto;} .priceFastNav{position:absolute;left:0;bottom:100px;right:0;z-index:99;} .priceFastNav .itemBox{margin:0 -1em;display:flex;justify-content:flex-start; align-items: flex-end;} .priceFastNav .item{flex:1;max-width:33.3%;} .priceFastNav .item .w{display:block;margin:0 1em;color:#fff;overflow:hidden;} .priceFastNav .item .w span{display:block;} .priceFastNav .item .f1{padding-bottom:1em;margin-bottom:1em;position:relative;} .priceFastNav .item .f1::before,.priceFastNav .item .f1::after{content:"";position:absolute;bottom:0;width:100%;height:1px;} .priceFastNav .item .f1::before{background:rgba(255,255,255,0.4);left:0;} .priceFastNav .item .f1::after{background:#020C4F;left:-100%; /* transition:0.5s all ease;-webkit-transition:0.5s all ease; */ } .priceFastNav .item .w:hover .f1::after,.priceFastNav .item.on .w .f1::after{left:0;} /*.priceFastNav .item .w:hover,.priceFastNav .item.on .w{color:#020C4F;}*/ .priceFastNav .item .f2{text-transform:uppercase;} .pricePublic .item{margin-bottom:60px;} .pricePublic .item:last-child{margin-bottom:0;} .pricePublic .itemSwiper{width:59.7%;float:left;position:relative;margin-right:80px;} .pricePublic .itemSwiper .swiper-button-next,.pricePublic .itemSwiper .swiper-button-prev{width:50px;height:50px;margin-top:-25px;border:1px solid #c8cace;border-radius:50%;background-size:10px auto;} .pricePublic .itemSwiper .swiper-button-prev{left:30px;background-image:url(../images/arrow6.png);} .pricePublic .itemSwiper .swiper-button-next{right:30px;background-image:url(../images/arrow7.png);} .pricePublic .itemSwiper .swiper-button-prev:hover{background-image:url(../images/arrow11.png);border-color:#020C4F;background-color:#020C4F;} .pricePublic .itemSwiper .swiper-button-next:hover{background-image:url(../images/arrow12.png);border-color:#020C4F;background-color:#020C4F;} .pricePublic .itemTit{font-family:"AliBold";line-height:1;border-bottom:1px solid #e4e4e4;padding-bottom:0.4em;margin-top:1em;} .pricePublic .sItem{margin-top:50px;} .pricePublic .sItem:first-child{margin-top:0;} .pricePublic .sItem .label{display:inline-block;padding:0 1em;min-width:4em;height:2em;line-height:2;text-align:center;border-radius:4px;color:#020C4F;background:#f4f4f4;} .pricePublic .sItem .sItemData{line-height:24px;margin-top:1.8em;} .pricePublic .sItem .sItemData span{display:block;float:left;min-width:4em;padding:0 1em;text-align:center;} .pricePublic .sItem .sItemData .f1{color:#777;} .pricePublic .sItem .sItemData .f2{font-weight:bold;padding:0;text-align:left;margin-left:2em;} .priceList .w1{width:30%;float:left;} .priceList .w2{width:70%;float:left;} .priceList .th{padding:1.5em 0;border-top:2px solid #e50113;border-bottom:1px solid #e5e5e5;} .priceList .th span{color:#777;text-transform:uppercase;} .priceList .tr{display:block;padding:0.9em 0;text-transform:uppercase;border-bottom:1px solid #e5e5e5;} .priceList a.tr{color:#777;} .priceList .tr:hover .w2{color:#e50113;} .thirdParty .grayMore{margin:0 10px;} .priceInfo .tableDate{text-align:center;color:#777;position:relative;} .priceInfo .tableDate::after,.priceInfo .tableDate::before{content:"";display:block;border-top:1px solid #e5e5e5;position:absolute;top:50%;} .priceInfo .tableDate::before{left:0;} .priceInfo .tableDate::after{right:0;} .priceInfo .tableTit{text-align:center;margin:2em 0 1em 0;} .priceInfo .tableTit .img{display:inline-block;height:20px;} .priceInfo .tableTit .font{display:inline-block;line-height:20px;vertical-align:top;padding-left:1em;margin-left:1em;border-left:1px solid #e5e5e5;} .priceInfo .tableRemarks{line-height:1.8;text-align:center;margin-top:2em;} .priceInfo .tableRemarks .f1{color:#020C4F;} .priceInfo .tableRemarks .f2{color:#999;} .priceInfo .priceTable{} .priceInfo .priceTable table{width:100%;} .priceInfo .priceTable table tr th,.priceInfo .priceTable table tr td{padding:1.2em 1.6em;border-left:1px solid #eaedf0;} .priceInfo .priceTable table tr th{background:#f8f6f6;border-top:3px solid #020C4F;} .priceInfo .priceTable table tr th:nth-child(1){width:18%;} .priceInfo .priceTable table tr th:nth-child(2){width:20%;} .priceInfo .priceTable table tr td{border-bottom:1px solid #eaedf0;} .priceInfo .priceTable table tr th:last-child,.priceInfo .priceTable table tr td:last-child{border-right:1px solid #eaedf0;} /*价格公示中英 end*/ /*关于我们 start*/ .aboutVideo video{width:100%;display:block;} .aboutVideoBtn{position:absolute;display:none;border-radius:1.3em;background:rgba(0,0,0,0.5);cursor:pointer;margin:-1.3em 0 0 -1.3em;z-index:9;} .ban:hover .aboutVideoBtn,.banner:hover .aboutVideoBtn{display:block;} .aboutVideoBtn .icon{display:block;width:2.6em;height:2.6em;float:left;} .aboutVideoBtn .icon img{margin:0 !important;} .aboutVideoBtn .ff{display:block;line-height:2.6;overflow:hidden;padding:0 1.5em 0 1em;color:#fff;} .aboutPage .section1 .font{position:absolute;color:#fff;} .aboutPage .section1 .itemBox{display:flex;justify-content:space-between;} .aboutPage .section1 .itemBox .icon{float:left;margin-right:1.2em;width:84px;height:84px;border-radius:50%;overflow:hidden;} .aboutPage .section1 .itemBox .f1{font-family:"AliMedium";line-height:1;margin-top:0.66em;} .aboutPage .section1 .itemBox .f1 em{vertical-align:top;display:inline-block;} .aboutPage .section1 .itemBox .f1 span{vertical-align:-2px;display:inline-block;margin-right:4px;} .aboutPage .section1 .remarks{margin-top:1.6em;text-align:center;} .aboutPage .section2{background:#f3f5f6;} .aboutPage .section2 .itemBox{margin:0 -15px;} .aboutPage .section2 .itemBox .item{width:33.3%;float:left;} .aboutPage .section2 .itemBox .w{margin:0 15px;} .aboutPage .section2 .itemBox .font{padding:40px;border-radius:0 0 40px 0;background:#fff;box-shadow:0 0 15px 5px rgba(0,0,0,0.1);} .aboutPage .section2 .itemBox .f1{margin-bottom:0.2em;height: 3em;} .aboutPage .section2 .itemBox a.w .f1:hover{color:#020C4F;} .aboutPage .section2 .itemBox .f2{text-align:justify;height:6em;overflow-y:auto;} .aboutPage .section3 .itemBox{margin:0 -15px;} .aboutPage .section3 .item{width:33.3%;float:left;} .aboutPage .section3 .item .w{margin:0 15px;position:relative;} .aboutPage .section3 .item .font{position:absolute;left:0;bottom:0;right:0;color:#fff;padding:1em;} .aboutPage .section3 .item .font::before{content:"";position:absolute;left:0;bottom:-3px;width:0;height:3px;background:#020C4F;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .aboutPage .section3 .item a.w:hover .font::before{width:100%;} .aboutPage .section2 .itemBox a.w,.aboutPage .section3 .itemBox a.w{display:block;} .aboutPage .section4{position:relative;} .aboutPage .section4 > video{display:block;width:100%;} .aboutPage .section4 .pageTit{position:absolute;left:0;right:0;top:70px;color:#fff;} .aboutPage .section4 .itemBox{position:absolute;left:0;top:0;width:100%;height:100%;} .aboutPage .section4 .itemBox .item{width:16.6%;float:left;display:block;position:relative;height:100%;border-left:1px solid rgba(255,255,255,0.3);margin-left:-1px;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .aboutPage .section4 .itemBox .item:first-child{border:none;} .aboutPage .section4 .itemBox .item.on{width:50%;} .aboutPage .section4 .itemBox .item.on span{transform:scale(2) translate(-50%,-50%);-webkit-transform:scale(2) translate(-50%,-50%);} .aboutPage .section4 .itemBox .item span{display:block;position:absolute;color:#fff;transition:0.5s all ease;-webkit-transition:0.5s all ease;word-break: break-word;} .aboutPage .section5 .itemBox{max-width:980px;margin:0 auto;} .aboutPage .section5 .itemBox .item{width:50%;float:left;margin-top:0.8em;} .aboutPage .section5 .itemBox .title{padding-left:15px;margin-top:1.6em;} .aboutPage .section5 .itemBox a.w{transition: 0.5s;display:block;padding:30px;border:1px solid #d6dbe1;border-radius:10px;margin:0 15px;color:#333;} .aboutPage .section5 .itemBox .w .tel,.aboutPage .section5 .itemBox .w .mail{display:block;height:3em;line-height:3;padding-left:1.6em;background-size:1em auto;background-repeat:no-repeat;background-position:left center;} .aboutPage .section5 .itemBox .w .tel{background-image:url(../images/icon_tel.png);} .aboutPage .section5 .itemBox .w .mail{background-image:url(../images/icon_mail.png);} .aboutPage .section5 .itemBox .w .btn{display:block;height:3em;text-align:left;} .aboutPage .section5 .itemBox .w .btn .f1{display:block;} .aboutPage .section5 .itemBox .w .btn .f2{display:block;color:#777;} .aboutPage .section5 .itemBox a.w:hover .tel,.aboutPage .section5 .itemBox a.w:hover .mail,.aboutPage .section5 .itemBox .w:hover .btn .f2{color:#020C4F;} .aboutPage .section5 .itemBox a.w:hover{border-color: #020C4F;transition: 0.5s;} .videoPop{position:fixed;width:100%;top:0;bottom:0;right:-100%;transition:0.5s all ease;-webkit-transition:0.5s all ease;z-index:999999;} .videoPop .mask{position:absolute;width:100%;top:0;left:0;height:100%;background:rgba(0,0,0,0.8);} .videoPop .close{color:#fff;position:absolute;right:1em;top:1em;cursor:pointer;} .videoPop .cont{position:absolute;width:100%;} .videoPop .cont video{max-width:100%;max-height:90vh;margin:0 auto;display:block;} .videoPop.on{right:0;} .msgPop{display:none} .msgPop .popMask{position:fixed;width:100%;top:0;left:0;width:100%;height:100%;z-index:999999;background:rgba(0,0,0,0.8);} .msgPop .cont{position:fixed;z-index:999999;background:#fff;padding:60px;border-radius:10px;width:440px;} .msgPop .cont .title{text-align:center;margin-bottom:1em;line-height:1;} .msgPop .cont .close{width:1.125em;height:1.125em;background:url(../images/close.png) center no-repeat;background-size:contain;position:absolute;right:1.8em;top:1.8em;cursor:pointer;} .msgPop .cont .item{margin-bottom:1em;display:flex;align-items: center;} .msgPop .cont .name{float:left;width:5.6em;/*line-height:3;*/text-align:right;margin-right:1em; } .msgPop .cont .name span{display:inline-block;/*line-height:1.6;margin-top:0.8em;*/} .msgPop .cont .ovh{flex:1;} .msgPop .cont .hasBorder{border:1px solid #d6dbe1;border-radius:6px;} .msgPop .cont .form-group{margin:0;overflow: visible;} .msgPop .cont .txt{line-height:3;width:100%;padding:0 1em;} .msgPop .cont .date{line-height:3;width:100%;} .msgPop .cont .date .form-control{border:none;box-shadow: none;width:90%;height:auto;line-height: 3;padding:0 1em;} .msgPop .cont .date .input-group-addon{border:none;} .msgPop .cont .date .input-group *{box-sizing: border-box;} .msgPop .cont .textarea{width:90%;line-height:1.5;height:4.5em;padding:1em 5%;} .msgPop .cont .sub,.msgPop .cont .reset{width:48%;height:2.4em;border-radius:6px;} .msgPop .cont .sub{float:left;background:#020C4F;border:1px solid #020C4F;color:#fff;} .msgPop .cont .reset{float:right;background:#eee;border:1px solid #eee;color:#777;} .msgPop .cont .sub:hover{background:none;color:#020C4F;} .msgPop .cont .reset:hover{background:none;} .msgPop .cont .checkbox{display:inline-block;position:relative;margin-right:0.7em;} .msgPop .cont .checkbox:last-child{margin-right:0;} .msgPop .cont .checkbox label{display:inline-block;line-height:3;padding-left:1.5em;background:url(../images/checkbox2.png) left center no-repeat;} .msgPop .cont .checkbox input{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;} .msgPop .cont .checkbox input[type='radio']:checked + label{background-image:url(../images/checkbox1.png);} /*关于我们 end*/ /*诚信与合规 start*/ .cooperationPage .section1{background-position:left center;background-size:auto 100%;background-repeat:no-repeat;} .cooperationPage .section1 .font{width:50%;float:right;padding:200px 0 180px 0;background:url(../images/sincerity1.jpg) center bottom no-repeat;background-size:contain;} .cooperationPage .section1 .font .title{margin-bottom:0.4em;} .cooperationPage .section1 .font .subTitle{margin-bottom:2em;} .cooperationPage .description{color:#777;line-height:1.8;} .cooperationPage .section2{background:url(../images/sincerity2.jpg) center no-repeat;background-size:cover;} .cooperationPage .section2 .img{border-radius:50%;overflow:hidden;margin:0 10%;width:33.4%;} .cooperationPage .section2 .font .title{margin-bottom:0.8em;} .cooperationPage .section3{padding:150px 0 130px 0;background:url(../images/sincerity3.jpg) center no-repeat;background-size:cover;} .cooperationPage .section3 .img{width:50%;margin-right:6%;} .cooperationPage .section3 .title{margin-bottom:0.6em;} .cooperationPage .section3 .item{} .cooperationPage .section3 .item .itemTit{font-family:"AliMedium";line-height:1.58;padding:0.5em 1em 0.5em 0;border-bottom:1px solid transparent;cursor:pointer;position:relative;} .cooperationPage .section3 .item .itemTit::after{content:"+";display:block;position:absolute;right:0;top:50%;height:1em;width:1em;text-align:center;line-height:1;margin-top:-0.5em;} .cooperationPage .section3 .item .itemTit img{height:1.58em;margin-right:0.3em;} .cooperationPage .section3 .item .icon2,.cooperationPage .section3 .item.on .icon1{display:none;} .cooperationPage .section3 .item .itemDesc{display:none;padding:1em 0;color:#777;} .cooperationPage .section3 .item.on .icon2{display:inline-block;} .cooperationPage .section3 .item.on .itemTit{border-color:#b6c0c9;} .cooperationPage .section3 .item.on .itemTit::after{content:"-";} /*诚信与合规 end*/ /*单晶硅片 start*/ .siliconPage .section,.tilePage .section1{position:relative;} .tilePage .section1 video{display:block;width:100%;} .siliconPage .section .wrap,.tilePage .section1 .wrap{position:absolute;width:1440px;color:#fff;} .siliconPage .section:nth-child(2n) .font,.tilePage .section1 .font{float:right;} .siliconPage .section .font .f1,.tilePage .section1 .font .f1{margin-bottom:0.4em;} .siliconPage .section video,.tilePage .section5 video{width:100%;object-fit:fill;display:block;} .screenSection{background:#f5f5f5;position:relative;} .screenSwiperBox{width:47%;float:left;} .screenCondition{width:53%;position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)} .screenSwiper{position:relative;} .screenSwiper .swiper-button-prev,.screenSwiper .swiper-button-next{width:50px;height:50px;margin-top:-25px;border-radius:50%;background-color:#fff;background-size:10px auto;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .screenSwiper .swiper-button-prev{background-image:url(../images/arrow6.png);left:60px;} .screenSwiper .swiper-button-next{background-image:url(../images/arrow7.png);right:60px;} .screenSwiper .swiper-button-prev:hover{background-image:url(../images/arrow11.png);background-color:#020C4F;} .screenSwiper .swiper-button-next:hover{background-image:url(../images/arrow12.png);background-color:#020C4F;} .screenCondition .conditionWrap{margin-left:60px;max-width:90%;max-height:720px;overflow-y:auto;min-height:480px;} .screenCondition .conditionItem{max-width:96%;margin-bottom:4em;} .screenCondition .conditionItem:last-child{margin-bottom:0 !important;} .screenCondition .conditionItem .title{margin-bottom:0.4em;padding-left:0.8em;background:url(../images/silicon.png) left center no-repeat;background-size:0.33em auto;} .screenCondition .conditionItem .conditionTab1{display:inline-block;padding:0.25em;border-radius:1.3em;background-color:#fff;} .screenCondition .conditionItem .conditionTab1 span,.screenCondition .conditionItem .conditionTab2 span,.screenCondition .conditionItem .conditionTab3 span{transition:0.5s all ease;-webkit-transition:0.5s all ease;display:inline-block;line-height:2.1;height:2.1em;border-radius:1.05em;padding:0 1em;cursor:pointer;} .screenCondition .conditionItem .conditionTab1 span.on,.screenCondition .conditionItem .conditionTab1 span:hover{background-color:#020C4F;color:#fff;} .screenCondition .conditionItem .conditionTab2 span.on,.screenCondition .conditionItem .conditionTab2 span:hover,.screenCondition .conditionItem .conditionTab3 span.on,.screenCondition .conditionItem .conditionTab3 span:hover{background-color:#fff;} .screenCondition .conditionItem .conditionTable table,.screenCondition .conditionItem .conditionTable2 table{width:100%;display:none;} .screenCondition .conditionItem .conditionTable table th{text-align:center;padding:0.5em 0.8em;background-color:#ededed;border-right:1px solid #f2f2f2;word-break: break-word;} .screenCondition .conditionItem .conditionTable table th{min-width:7em;} .screenCondition .conditionItem .conditionTable table th:nth-child(1){min-width: 8em;} .screenCondition .conditionItem .conditionTable table th:nth-child(3){min-width:3em;} .screenCondition .conditionItem .conditionTable table th:last-child,.screenCondition .conditionItem .conditionTable2 table td:last-child{border-right:none;} .screenCondition .conditionItem .conditionTable table td,.screenCondition .conditionItem .conditionTable2 table td{text-align:center;padding:0.92em 0.6em;background-color:#fff;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;word-break: break-word;} .screenCondition .conditionItem .conditionTable table tr:last-child td,.screenCondition .conditionItem .conditionTable2 table tr:last-child td{border-bottom:none;} .screenCondition .conditionItem .conditionTable .tableItem,.screenCondition .conditionItem .conditionTab2,.screenSwiper .swiperItem,.screenCondition .conditionItem .conditionTab3,.screenCondition .conditionItem .conditionTable .tableItem .monoduplex{display:none; word-wrap: break-word;word-break: break-word;} .screenCondition .conditionItem .remarks{margin-top:0.8em;text-align:right;} .screenCondition .conditionItem .conditionTable2 table td:first-child{background-color:#ededed;border-color:#fff;text-align:left;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#9a9a9a !important;opacity:1 !important;width:2px !important;} .mCSB_scrollTools .mCSB_draggerRail{background-color:#dcdcdc !important;opacity:1 !important;} /*单晶硅片 end*/ /*叠瓦 start*/ .tileBanItem{margin:2.8em -3.4em 0 -3.4em;} .tileBanItem .item{float:left;text-align:center;border-right:1px solid rgba(255,255,255,0.2);} .tileBanItem .item:last-child{border:none;} .tileBanItem .item .w{margin:0 3.4em;} .tilePage .section2{padding-top:100px;} .tilePage .section2 .wrap,.tilePage .section3 .wrap{max-width:1560px;position:relative;} .tilePage .section2 .wrap{padding:80px 0;} .tilePage .section2 .img{position:absolute;width:30%;} .tilePage .section2 .itemBox{position:relative;} .tilePage .section2 .itemBox .item{width:36%;float:left;} .tilePage .section2 .itemBox .item .icon{width:58px;margin-top:0.6em;} .tilePage .section2 .itemBox .item .f1{margin-bottom:0.2em;font-family:"AliMedium";} .tilePage .section2 .itemBox .item .f2{margin-bottom:2em;overflow:hidden;text-align: justify;/*height:4.5em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;*/} .tilePage .section2 .itemBox .item:nth-child(2n){margin-left:28%;} .tilePage .section2 .itemBox .item:nth-child(2n+1){clear:both;} .tilePage .section2 .itemBox .item:nth-child(2n) .icon{float:left;margin-right:2em;} .tilePage .section2 .itemBox .item:nth-child(2n+1) .icon{float:right;margin-left:2em;} .tilePage .section2 .itemBox .item:nth-child(2n+1) .f1{text-align:right;} .tilePage .section3{padding:160px 0 110px 0;background:url(../images/tile1.jpg) center no-repeat;background-size:cover;} .tilePage .section3 .img{float:left;width:51%;position:relative;} .tilePage .section3 .img img{position:relative;z-index:2;} .tilePage .section3 .img .circle{position:absolute;width:92%;border-radius:50%;z-index:1;border:1px dashed rgba(255,255,255,0.2);} .tilePage .section3 .right{width:42%;color:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .tilePage .section3 .right .f1{margin-bottom:0.5em;padding-left:30px;} .tilePage .section3 .right .f2{margin-bottom:4em;padding-left:30px;text-align: justify;} .tilePage .section3 .right .itemBox{margin:0 -2em;} .tilePage .section3 .right .itemBox .item{width:50%;float:left;border-left:1px solid rgba(255,255,255,0.2);margin-left:-1px;} .tilePage .section3 .right .itemBox .item:first-child{border:none;} .tilePage .section3 .right .itemBox .w{margin:0 2em;} .tilePage .section3 .right .itemBox .font{margin-bottom:0.8em;padding-left:30px;} .tilePage .section4{padding:300px 0 200px 0;background:url(../images/tile2.jpg) center no-repeat;background-size:cover;} .tilePage .section4 .cont{max-width:50%;margin:0 auto;color:#fff;} .tilePage .section4 .cont .left{position:relative;width:87.5%;} .tilePage .section4 .cont .left .font{position:absolute;right:90%;top:8%;width:62%;text-align: justify;} .tilePage .section4 .cont .right{position:absolute;right:8%;top:34%;width:13.3%;} .tilePage .section4 .cont .right .font{position:absolute;left:120%;top:0;width:360%;text-align: justify;} .tilePage .section4 .cont .right .line{width:109%;position:absolute;left:-65%;top:40%;} /*叠瓦 end*/ /*人才发展 start*/ .talentPage .section:nth-child(2n){background-color:#f6f7f9;} .talentPage .section .img{width:54%;display:block;position:relative;} .talentPage .section .img .btn{display:block;position:absolute;color:#fff;right:1.8em;bottom:1.8em;height:2.25em;line-height:2.25;} .talentPage .section .img .btn img{width:2.25em;display:inline-block;border:1px solid #fff;border-radius:50%;margin-left:1em;margin-top:-1px;} .talentPage .section:nth-child(2n+1) .img{float:right;margin-left:80px;} .talentPage .section:nth-child(2n) .img{float:left;margin-right:80px;} .talentPage .section .font .title{margin-top:1em;} .talentPage .section .font .description{color:#777;padding:0.9em 0 2em 0;border-bottom:1px solid #e5e5e5;text-align: justify;} .talentPage .section .font .ff{line-height:2;margin-top:1.6em;} .talentPage .section .font .ff p{padding-left:0.8em;background:url(../images/silicon.png) left center no-repeat;background-size:0.5em auto;} .talentPage .section1 .contItem{display:none;} .talentPage .section1 .contItem .img{float:right;margin-left:100px;width:59.72%;} .talentPage .section1 .contItem .font{padding-top:6.6em;background:url(../images/talent2.png) left 2.6em no-repeat;background-size:auto 1.8em;text-align: justify;} .talentPage .section1 .tabs{border-top:1px solid #e5e5e5;} .talentPage .section1 .tabs .item{width:100%;text-align:center;/*height:4em;line-height:4;*/padding:1.5em 10px;margin-top:-2px;border-top:3px solid transparent;color:#777;} .talentPage .section1 .tabs .item:hover,.talentPage .section1 .tabs .swiper-slide.on .item{color:#020C4F;border-color:#020C4F;cursor:pointer;} .talentPage .section2 .title{position:absolute;color:#fff;left:1em;right:1em;top:2.6em;text-align:center;font-family:"AliMedium";} .talentPage .section2 a > img{width:100%;} /*人才发展 end*/ /*中环文化 start*/ .culturePage video{display:block;width:100%;object-fit:fill;} .culturePage .section1 .font{max-width:830px;margin:0 auto;line-height:2;margin-bottom:3em;} .culturePage .section1 .goOn{position:relative;height:0.6em;} .culturePage .section1 .goOn::before{content:"";display:block;position:absolute;left:0;width:100%;height:1px;top:50%;background:#e5e5e5;} .culturePage .section1 .goOn span{display:block;position:absolute;left:50%;top:0;height:0.6em;line-height:0.6;background:#fff;padding:0 0.6em;} .culture-trigger,.culture-trigger2 { position: absolute; top: -30vh; width: 100%; } .culture-parallax-video{position: relative;background-color: black;overflow: hidden;} .culture-parallax-video .background_video { position: absolute;object-fit: cover;object-position: center;top: 0;width: 100%;height: 100%;transform:scale(1.3);will-change: transform; transition: transform 0.6s cubic-bezier(0, 0, 0, 1) 0s; transform-origin: center;} .culture-parallax-video .border-effect {position: absolute;width: 100%;height: 100vh;} .culture-parallax-video .border-effect__border-top, .culture-parallax-video .border-effect__border-right, .culture-parallax-video .border-effect__border-bottom, .culture-parallax-video .border-effect__border-left {background-color: #fff;position: absolute; margin: 0;} .culture-parallax-video .border-effect__border-top {top: 0;left: 0; width: 100%;height: 80px;} .culture-parallax-video .border-effect__border-right {top: 0;left: auto;right: 0;width: 80px;height: 100%;} .culture-parallax-video .border-effect__border-bottom {top: auto; bottom:0;left: 0;width: 100%;height: 80px;} .culture-parallax-video .border-effect__border-left {top: 0;left: 0; width: 80px; height: 100%;} .culture-parallax-video .culture_words {display: flex; flex-wrap: wrap;align-items: center;justify-content: center; height: 100vh; position: relative;} .culturePage .section2 .pageTit{width:50%;max-width:940px;} .culturePage .section2 .pageTit,.culturePage .section3 .pageTit{position:absolute;color:#fff;} .culturePage .section2 .pageTit .title,.culturePage .section3 .pageTit .title{line-height:1.5;} .culturePage .section2 .pageTit .description,.culturePage .section3 .pageTit .description{color:#fff;} .culturePage .section3 .pageTit{width:60%;max-width:870px;} .culturePage .section3 .pageTit .description{margin-top:1.5em;} .culturePage .section4 .contBox{width:60.4%;float:left;min-height:10px;margin:0 !important;} .culturePage .section4 .contBox .contItem > img{width:100%;} .culturePage .section4 .contBox .contItem{position:relative;display:none;} .culturePage .section4 .contBox .contItem .font{position:absolute;left:1em;right:1em;bottom:0.8em;text-align:center;color:#fff;font-family:"AliMedium";} .culturePage .section4 .tabBox .tabItem{overflow:hidden;width:50%;float:left;position:relative;cursor:pointer;} .culturePage .section4 .tabBox .tabItem > img.pCenter{position:absolute;height:100%;max-width:none;} .culturePage .section4 .tabBox .tabItem .font{position:absolute;left:0;right:0;bottom:0;border-top:3px solid transparent;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .culturePage .section4 .tabBox .tabItem .font .w{padding:1.8em;} .culturePage .section4 .tabBox .tabItem .font .f1{font-family:"AliMedium";color:#fff;} .culturePage .section4 .tabBox .tabItem .font .f2{display:none;margin-top:1em;} .culturePage .section4 .tabBox .tabItem:hover .font .f1,.culturePage .section4 .tabBox .tabItem.on .font .f1{color:#333;} .culturePage .section4 .tabBox .tabItem:hover .font .f2,.culturePage .section4 .tabBox .tabItem.on .font .f2{display:block;color:#777;} .culturePage .section4 .tabBox .tabItem:hover .font,.culturePage .section4 .tabBox .tabItem.on .font{top:0;background:rgba(255,255,255,0.9);border-color:#020C4F;} .culturePage .section4 .tabBox .tabItem:hover .font .w,.culturePage .section4 .tabBox .tabItem.on .font .w{padding:0;position:absolute;top:1.8em;right:1.8em;bottom:1.8em;left:1.8em;overflow-y:auto;} .culturePage .section5{background:#fafbfb;} .cultureSwiper{position:relative;} .cultureSwiper .item .img{max-width:190px;margin:1em auto 2em auto;border-radius:50%;overflow:hidden;border:5px solid #fff;box-shadow:0 0 8px 4px #e5e7ec;} .cultureSwiper .item .font{text-align:center;max-width:270px;margin:0 auto;} .cultureSwiper .item .font .f1,.cultureSwiper .item .font .f2{font-family:"AliMedium";} .cultureSwiper .item .font .f3{color:#777;margin-top:0.4em;} .cultureSwiper .swiper-button-next,.cultureSwiper .swiper-button-prev,.speechSwiper .swiper-button-prev,.speechSwiper .swiper-button-next,.previewNews .swiper-button-prev,.previewNews .swiper-button-next,.playbackSwiper .swiper-button-prev,.playbackSwiper .swiper-button-next{width:50px;height:50px;margin-top:-26px;border:1px solid #c8cace;border-radius:50%;background-size:10px auto;} .cultureSwiper .swiper-button-prev,.speechSwiper .swiper-button-prev,.previewNews .swiper-button-prev,.playbackSwiper .swiper-button-prev{left:-26px;background-image:url(../images/arrow6.png);} .cultureSwiper .swiper-button-next,.speechSwiper .swiper-button-next,.previewNews .swiper-button-next,.playbackSwiper .swiper-button-next{right:-26px;background-image:url(../images/arrow7.png);} .cultureSwiper .swiper-button-prev:hover,.speechSwiper .swiper-button-prev:hover,.previewNews .swiper-button-prev:hover,.playbackSwiper .swiper-button-prev:hover{background-image:url(../images/arrow11.png);border-color:#020C4F;background-color:#020C4F;} .cultureSwiper .swiper-button-next:hover,.speechSwiper .swiper-button-next:hover,.previewNews .swiper-button-next:hover,.playbackSwiper .swiper-button-next:hover{background-image:url(../images/arrow12.png);border-color:#020C4F;background-color:#020C4F;} /*中环文化 end*/ /*全球产业布局 start*/ .globalPage .ban{height:100vh;background:url(../images/global1.jpg) center no-repeat;background-size:cover;} .globalPage .globalEarth{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} .globalPage .globalEarth .globalMapImg{height:43.2vh;position:relative;} .globalPage .globalMap{position:absolute;left:0;bottom:0;width:100%;text-align:center;margin-bottom:4.6vh;} .globalPage .globalMap .globalMapImg{height:70vh;position:relative;display:inline-block;} .globalPage .globalMap .remarks{text-align:right;padding-right:2em;color:#667285;opacity:0;} .globalPage .pageTit{color:#fff;margin-bottom:0;} #globalMap{transform:scale(2);-webkit-transform:scale(2);opacity:0;} .globalDot{display:block;width:32px;height:32px;text-align:left;position:absolute;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)} .globalDot span{width:28px;height:28px;left:0;top:0;border-radius:50%;position:absolute;border:2px solid #f7b8b8;animation:dotAnimate 2s ease-out both;animation-delay:calc(0.2s * var(--i));-webkit-animation:dotAnimate 2s ease-out both;-webkit-animation-delay:calc(0.2s * var(--i));;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transform:scale(0);-webkit-transform:scale(0);} .globalDot em{position:absolute;display:block;height:10px;width:10px;border-radius:50%;border:1px solid #fff;background:#020C4F;top:50%;left:50%;margin-left:-6px;margin-top:-6px;} .globalDot .ff,.globalDot .ff2{position:absolute;left:120%;top:50%;line-height:1;margin-top:-0.5em;white-space:nowrap;color:#fff;} .globalDot .ff2{left:auto;right:120%;} .globalPop{width:330px;padding:7px;background:#fff;border-radius: 10px; position: absolute;left:50%;bottom:50px;transform:translateX(-50%);box-sizing: border-box;z-index: 999; opacity: 0;visibility: hidden; transition:all 0.3s;} .globalPop: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;} .globalPop dl{margin-bottom:1em;} .globalPop dl:nth-last-child(1){margin-bottom:0;} .globalPop dl dt{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(230,0,18,0.3);line-height: 22px;} .globalPop dl dt img{margin-right:10px;} .globalPop dl dd{padding-left:10px; position: relative;margin-top:4px;text-align: justify;} .globalPop dl dd:before{content:'+'; position: absolute; top:0;left:0;} .globalPopCon{max-height:306px;padding:23px;overflow-y:auto;} .bottomPop{left:0;right:0;bottom:50px;position: absolute;background:#242e3e;padding:5.55vh 0;border-top:1px solid rgba(255,255,255,0.1); opacity: 0;visibility: hidden;} .bottomPop .wrap{display: flex;} .bottomPop .item{ width:15.2%;padding:15px;background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.5);box-sizing: border-box;margin-right:10px;cursor:pointer;transition:all 0.3s;} .bottomPop .item:hover{background:rgba(255,255,255,0.1);width:16%;} .globalMap.active .bottomPop{bottom:0;opacity: 1;visibility: visible;transition:all 0.5s ease 0.5s;} .globalMap.active .globalDot:hover{z-index: 100;} .globalMap.active .globalDot:hover .globalPop{opacity: 1;visibility: visible; bottom:30px;} .scrollbar::-webkit-scrollbar-thumb{width:2px; background-color:#c0c0c0; height:10px; -webkit-border-radius:2px;margin-right:10px; } .scrollbar::-webkit-scrollbar-thumb:hover{background-color:#c0c0c0;height:10px;-webkit-border-radius:2px;} .scrollbar::-webkit-scrollbar{width:2px;height:2px;} .scrollbar::-webkit-scrollbar-track-piece{background-color:#f0f0f0;-webkit-border-radius:0;} .scrollbar::-webkit-scrollbar-thumb:active{height:10px;background-color:#020C4F;-webkit-border-radius:2px;} @keyframes dotAnimate { 0% { transform:scale(0); opacity: 1; } 100% { transform:scale(1); opacity: 0; } } @-webkit-keyframes dotAnimate { 0% { -webkit-transform:scale(0); opacity: 1; } 100% { -webkit-transform:scale(1); opacity: 0; } } .mapMobileData{display:none;} /*全球产业布局 end*/ .newsContent video{display:block;max-width:100%;object-fit:fill;margin:0 auto;} .pvChartFont{line-height:1.8;margin-top:0.6em;text-align: justify;} .pvChartFont span{display:inline-block;margin-right:0.4em;font-family:'AliBold';} .pvChartBox{padding:20px 0;background: #f7f9fc;height: 600px;} .sharesChartBox{overflow-x:auto;overflow-y:hidden;} .sharesChartCont{width:1050px;height:600px;overflow:hidden;display:none;} .sharesChartCont iframe{width:1320px;height:600px;} .history_page .eventBlock_wrapper .eventBlock_eventWrapper .eventBlock_audioWrapper .audioBlock_btn-focuson a.BtnFocusOn_btn{color:#fff;} /*pdf 预览*/ .pdfViewPop{position:fixed;width:100%;height:100%;left:0;top:0;z-index:9999991;display:none;} .pdfViewPop .pdfViewBox{height:100vh;position:relative;background:rgba(0,0,0,0.8);} /*pdf 预览*/ /*产品认证与应用案例*/ .applyCasePage .applyCaseTop{background:#fff;} .applyCasePage .soluList dl:nth-child(1),.applyCasePage .soluList dl:nth-child(2),.applyCasePage .soluList dl:nth-child(3){margin-top:0;} .applyCasePage .applyCaseTab a{display:inline-block;width:7em;text-align:center;line-height:2.3em;height:2.3em;background:#fff;} .applyCasePage .applyCaseTab a:hover,.applyCasePage .applyCaseTab a.on{background:#020C4F;color:#fff;} .applyCasePage .soluList dl{background:#fff;border-radius:10px;} .applyCasePage .soluList dl dt{padding:20px 20px 0 20px;} .applyCasePage .soluList dl dd{border:none;padding:20px;} .applyCasePage .soluList dl dt a{display:block;position:relative;} .applyCasePage .soluList dl dt .label{display:block;position:absolute;left:0;top:0;padding:0 1.2em;height:2.1em;line-height:2.1;border-radius:0 0 10px 0;background:#020C4F;color:#fff;} .applyCasePage .applyCaseSwiper{position:relative;padding-bottom:110px;} .applyCasePage .applyCaseSwiper .item{padding:50px;text-align:center;background:#f1f3f4;} .applyCasePage .applyCaseSwiper .item .title{margin-top:1.4em;} .applyCasePage .applyCaseSwiper .swiper-button-prev,.applyCasePage .applyCaseSwiper .swiper-button-next{left:50%;bottom:0;top:auto;margin-top:0 !important; width:50px;height:50px;border-radius:50%;border:1px solid #dbdbdb;background-position:center;background-repeat:no-repeat;background-size:10px auto;} .applyCasePage .applyCaseSwiper .swiper-button-prev{margin-left:-60px;background-image:url(../images/arrow6.png);} .applyCasePage .applyCaseSwiper .swiper-button-next{margin-left:10px;background-image:url(../images/arrow7.png);} .applyCasePage .applyCaseSwiper .swiper-button-prev:hover{background-image:url(../images/arrow11.png);background-color:#020C4F;} .applyCasePage .applyCaseSwiper .swiper-button-next:hover{background-image:url(../images/arrow12.png);background-color:#020C4F;} /*产品认证与应用案例*/ /*活动预告 start*/ .outLink{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);} .outLink .cont{position:absolute;text-align:center;} .outLink a,.outLink span{color:#fff;display:inline-block;margin:0.6em 0;} .outLink a{background:#020C4F;padding:0 2em 0 3em;height:3em;line-height:3;border-radius:1.5em;position:relative;} .outLink a::before{display:inline-block;content:"";border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:10px solid transparent;position:absolute;left:2em;top:50%;margin-top:-6px;} .outLink span{display:block;} .previewPage{padding-top:160px;} .previewPage .section1{background:url(../images/preview1.jpg) center no-repeat;background-size:auto 100%;margin-bottom:60px;} .previewPage .section1 .font{max-width:1140px;margin:0 auto;} .previewPage .section1 .line{font-size:36px;line-height:10px;text-align:center;position:relative;} .previewPage .section1 .line::before,.previewPage .section1 .line::after,.previewPage .section3 .title::before,.previewPage .section3 .title::after{content:"";position:absolute;top:50%;border-top:1px solid #ddd;} .previewPage .section1 .line::before{left:0;right:50%;margin-right:0.6em;} .previewPage .section1 .line::after{left:50%;right:0;margin-left:0.6em;} .previewPage .section2{position:relative;z-index:99;margin-bottom:80px;} .previewPage .section2 .wrap,.previewPage .section3 .wrap{max-width:1000px;margin:0 auto;} .previewPage .section2 .left{position:absolute;left:0;top:50%;width:71.5%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .previewPage .section2 .left .font{position:absolute;left:9.5%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .previewPage .section2 .left .font .title{margin-bottom:1.2em;} .previewPage .section2 .left .font .btn{line-height:2.4em;display:inline-block;padding:0 1em;border-radius:1.2em;background:#020C4F;color:#fff;cursor:pointer;} .previewPage .section2 .left .font .btn span{display:inline-block;padding-left:2em;background:url(../images/preview4.png) left center no-repeat;background-size:1.2em auto;} .previewPage .section2 .right{float:right;position:relative;width:40%;z-index:999;} .previewPage .section2 .right .font{color:#fff;position:absolute;} .previewPage .section2 .right .font span{font-size:90px;} .previewPage .section2 .right .font em{font-size:40px;} .previewPage .section3{padding-bottom:180px;} .previewPage .section3{position:relative;z-index:9;} .previewPage .section3 .pBg{position:absolute;left:0;width:100%;top:-10%;z-index:-1;} .previewPage .section3 .pCont{padding:60px;background:url(../images/preview5.jpg) center no-repeat;border:1px solid #e2e2e2;border-radius:20px;overflow:hidden;} .previewPage .section3 .title{text-align:center;position:relative;line-height:2.2;} .previewPage .section3 .title span{display:inline-block;width:4em;height:2.2em;background:url(../images/preview6.png) right center no-repeat;background-size:auto 100%;} .previewPage .section3 .title::before{left:0;right:50%;margin-right:3em;} .previewPage .section3 .title::after{left:50%;right:0;margin-left:3em;} .previewPage .section3 .font{margin:2.5em 0;} .previewPage .section3 .signoff{text-align:right;} .previewPage .section3 .signoff span{text-align:left;display:inline-block;} .previewPage .section3 .signoff span em,.previewPage .section4 .font .title{font-family:"AliBold";} .previewPage .section4{padding-bottom:180px;position:relative;} .previewPage .section4 .pBg{position:absolute;left:0;width:100%;top:-20%;z-index:-1;} .previewPage .section4 .img{width:59.5%;position:relative;border-radius:24px;overflow:hidden;z-index:2;} .previewPage .section4 .font{border-radius:16px;padding:16px;position:absolute;width:46.7%;background:#fff;box-shadow:0 0 12px 6px rgba(81,123,164,0.1); right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .previewPage .section4 .font .w{padding:40px 0 40px 42%;border:1px dashed #020C4F;border-radius:16px;} .previewPage .section4 .font .btn{height:2.4em;line-height:2.4;display:inline-block;border-radius:1.2em;background:#020C4F;color:#fff;cursor:pointer;margin-top:2.5em;padding:0 1em;} .previewPage .section4 .font .btn::before{vertical-align:-4px;margin-right:10px;content:"";border-left:12px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;display:inline-block;} .previewPage .section5{padding-bottom:150px;} .previewPage .scheduleBox{background:url(../images/preview7.jpg) center no-repeat;background-size:100% 100%;border-radius:16px;border:1px solid #e6eaed;} .scheduleYearBox{width:29.4%;float:left;} .scheduleYear,.scheduleList{height:240px;margin:0 70px;} .scheduleYear .swiper-container{ width: 100%; height: 100%;} .scheduleYear .swiper-slide{line-height:120px;box-sizing: border-box;cursor:pointer;} .scheduleYear .swiper-slide .date{margin-right:0.4em;color:#ccc;} .scheduleYear .swiper-slide .time{color:#777;border-bottom:3px solid #e9e9e9;padding-bottom:0.4em;display:inline-block;line-height:1;vertical-align:0.4em;} .scheduleYear .swiper-slide.active .date{color:#333;} .scheduleYear .swiper-slide.active .time{border-color:rgba(230,0,18,0.2);} .scheduleYear .swiper-container-vertical>.swiper-pagination-progress{left:auto;right:0;width:3px;background:none;} .scheduleYear .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;} .scheduleYear .swiper-pagination-progress .swiper-pagination-progressbar{background:#020C4F;} .scheduleList{margin:0 60px 0 110px;overflow-x:hidden;overflow-y:auto;} .scheduleList .cont{display:none;} .scheduleList .item{padding-bottom:1.5em;position:relative;padding-left:40px;} .scheduleList .item:last-child{padding-bottom:0;} .scheduleList .item::before{content:'';display:block;width:6px;height:6px;border-radius:50%;border:2px solid #020C4F;background:#fff;position:absolute;left:0;top:0.75em;margin-top:-4px;z-index:2;} .scheduleList .item::after{content:'';position:absolute;left:4px;top:0.75em;bottom:-0.6em;border-left:1px solid #e3e3e4;display:block;z-index:1;} .scheduleList .item:last-child::after{display:none;} .scheduleList .item .time{margin-right:1em;color:#020C4F;} .scheduleList .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#020C4F !important;opacity:1;width:4px !important;} .scheduleList .mCSB_scrollTools .mCSB_draggerRail{width:4px;} .previewPage .section6{padding-bottom:150px;} .previewPage .section7{padding-bottom:160px;} .previewPage .section8{padding-bottom:140px;} .speechSwiper{position:relative;margin:0 100px;} .speechSwiper .swiper-button-next,.playbackSwiper .swiper-button-next{right:-100px;} .speechSwiper .swiper-button-prev,.playbackSwiper .swiper-button-prev{left:-100px;} .speechSwiper .swiper-slide{padding-top:50px;} .speechSwiper .item .w{max-width:200px;margin:0 auto;padding:16px;box-sizing:border-box;border-radius:50%;background:#fff;position:relative;} .speechSwiper .item .circle{position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid rgba(230,0,18,0.2);border-radius:50%;z-index:1;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .speechSwiper .item .circle::before{content:"";opacity:0;position:absolute;left:-3px;top:50%;margin-top:-3px;width:6px;height:6px;border-radius:50%;background:#020C4F;} .speechSwiper .item .line{position:absolute;left:0;top:0;right:0;bottom:50%;overflow:hidden;opacity:0;transition:0.5s all ease;-webkit-transition:0.5s all ease;} .speechSwiper .item .line:before{content:"";position:absolute;left:0;right:0;top:0;height:200%;border-radius:50%;border:1px solid #020C4F;transition:0.5s 0.5s all ease;-webkit-transition:0.5s 0.5s all ease;} .speechSwiper .item:hover .circle{transform:scale(1.2);-webkit-transform:scale(1.2);border-color:transparent;} .speechSwiper .item:hover .circle::before{opacity:1;} .speechSwiper .item:hover .line{opacity:1;} .speechSwiper .item .img{border-radius:50%;background:url(../images/preview14.png) center no-repeat;background-size:contain;text-align:center;position:relative;} .speechSwiper .item .img img{max-height:none;position:absolute;left:50%;bottom:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:100%;z-index:2;} .speechSwiper .item .font{text-align:center;margin-top:1.6em;} .previewPage .section9{background:#f3f5f7;} .playbackSwiper{position:relative;margin:0 100px;} .playbackSwiper .item{position:relative;border-radius:16px;overflow:hidden;} .playbackSwiper .item .img img{width:100%;} .playbackSwiper .item .font{position:absolute;left:0;right:0;bottom:0;padding:1em;color:#fff;background:rgba(0,0,0,0.5);} .playbackSwiper .item .btn{position:absolute;height:2.6em;line-height:2.6;background:rgba(0,0,0,0.5);color:#fff;padding:0 1em 0 3.6em;border-radius:1.3em;cursor:pointer;} .playbackSwiper .item .btn::before{content:"";display:block;position:absolute;left:0;top:0;width:2.6em;height:2.6em;border-radius:50%;background:#020C4F;} .playbackSwiper .item .btn::after{content:"";display:block;border-left:10px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;position:absolute;left:0;top:0;left:1.3em;top:1.3em;margin:-7px 0 0 -4px;} .playbackSwiper .swiper-slide{opacity:0;} .playbackSwiper .swiper-slide.swiper-slide-active{opacity:1;width:50%;} .playbackSwiper .swiper-slide.swiper-slide-prev,.playbackSwiper .swiper-slide.swiper-slide-next{opacity:0.3;} .previewNews{position:relative;} .previewNews .swiper-button-next{right:-80px;} .previewNews .swiper-button-prev{left:-80px;} .previewNews .item{border-radius:10px;overflow:hidden;display:block;} .previewNews .item span{display:block;} .previewNews .item .img img{width:100%;} .previewNews .item .font{background:#fff;padding:1em 1.6em;} .previewNews .item .font:hover{color:#020C4F;} .wonderfulImg .imgItem{float:left;} .wonderfulImg.wonderOne .imgItem{float:none;max-width:1276px;margin:0 auto;} .wonderfulImg.wonderTwo .imgItem{width:49.5%;} .wonderfulImg.wonderTwo .imgItem:nth-child(2){margin-left:1%;} .wonderfulImg.wonderThree .imgItem{width:32.3%;margin-left:1%;} .wonderfulImg.wonderThree .imgItem:nth-child(1){width:66.6%;margin-left:0;} .wonderfulImg.wonderThree .imgItem:nth-child(3){margin-top:1%;} .wonderfulImg.wonderFour .imgItem{width:18.8%;margin-left:1%;} .wonderfulImg.wonderFour .imgItem:nth-child(1),.wonderfulImg.wonderFour .imgItem:nth-child(2){width:39.6%;} .wonderfulImg.wonderFour .imgItem:nth-child(1){margin-left:0;} .wonderfulImg.wonderFour .imgItem:nth-child(4){margin-top:1.1%;} .wonderfulImg.wonderFive .imgItem{width:24%;margin-left:1%;} .wonderfulImg.wonderFive .imgItem:nth-child(1){width:50%;margin-left:0;} .wonderfulImg.wonderFive .imgItem:nth-child(4),.wonderfulImg.wonderFive .imgItem:nth-child(5){margin-top:1%;} /*活动预告 end*/ .layui-layer-phimg{position:relative;} a.downloadImgBtn{position:absolute;line-height:2.4;display:block;background:#020C4F;color:#fff;padding:0 1em;border-radius:1.2em;left:50%;bottom:2em;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);z-index:99;white-space:nowrap;width:4em;} a.downloadImgBtn:hover{text-decoration:underline;} @media only screen and (max-width:1800px){ .banner .item .wrap,.banner .item .txt{width:auto;left:200px;right:200px;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);} } @media only screen and (max-width:1880px){ .f-36{font-size:28px;} } @media only screen and (max-width:1600px){ .f-16{font-size:14px;} .f-18{font-size:16px;} .f-24,.f-20{font-size:16px;} .f-30{font-size:24px;} .f-36{font-size:22px;} .f-40{font-size:28px;} .f-48,.indIndustry .swiper-slide-active .item .font .tit{font-size:32px;} .f-60{font-size:42px;} .wrap,.ban .wrap,.ban2 .wrap{margin:0 80px;width:auto;max-width:none;} .ban .font,.ban2 .font{left:80px;right:80px;transform:translate(0,-70%);-webkit-transform:translate(0,-70%);} .ban .font .wrap,.ban2 .font .wrap{margin:0 !important;} .ban2 .font{transform:translate(0,-50%);-webkit-transform:translate(0,-50%);} .pageTit{margin-bottom:50px;} .footer{padding:50px 0 40px 0;} .footer .bot{margin-top:90px;} .footer .contactWay .item .icon{width:40px;height:40px;} .footer .share .item{width:46px;height:46px;} .indIndustry .item .font .icon{width:30px;} .indDevelop2 .cont .remarks{margin-top:1.4em;} .indDevelop2 .cont .itemBox{margin-bottom:2.8em;} .indDevelop2 .cont .item .icon{width:52px;height:52px;} .indPrice .desc, .indMedia .desc{margin:1em 0 2em 0;} .indMedia .firstMedia .font{padding:53px 40px;} .indMedia .bot{margin-bottom:50px;} .indMedia{padding:90px 0;} .pt80{padding-top:70px;} .pb80{padding-bottom:70px;} .pb100{padding-bottom:90px;} .mt60{margin-top:50px;} .mb60{margin-bottom:50px;} .pad100{padding:90px 0;} a.whiteMore, a.redMore, a.grayMore{padding:0 1.2em;line-height:2;height:2em;border-radius:1.4em 0 1.4em 0;} .indIndustry .item .font .whiteMore{padding:0.4em 1.2em; border-radius:1.4em 0 1.4em 0;} .indIndustry .item .font .arrow1{width:1.6em;display:inline-block;} .floatBox .item{width:50px;height:50px;} .floatMsgPop{padding:20px;width:300px;} .floatMsgPop .mItem{padding:20px 0;} .floatMsgPop .mItem .icon{width:42px;height:42px;margin-right:1em;} .banner .swiper-button-next, .banner .swiper-button-prev{width:50px;height:50px;margin-top:-25px;} .pricePublic .item{margin-bottom:50px;} .pricePublic .itemSwiper{margin-right:70px;} .aboutPage .section1 .itemBox .icon{width:70px;height:70px;} .cooperationPage .section1 .font{padding:180px 0 160px 0;} .cooperationPage .section3{padding:100px 0;} .siliconPage .section .wrap,.tilePage .section1 .wrap{width:auto;left:80px;right:80px;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);margin:0;} .screenCondition .conditionItem{margin-bottom:3em;} .screenCondition .conditionWrap{margin:0 40px;} .tilePage .section4{padding:250px 0 150px 0;} .tileBanItem{margin: 2em -2em 0 -2em;} .tileBanItem .item .w{margin:0 2em;} .tilePage .section2{padding-top:90px;} .tilePage .section2 .wrap{padding:70px 0;} .tilePage .section2 .itemBox .item .icon{width:56px;} .tilePage .section3{padding:120px 0 100px 0;} .tilePage .section3 .img{width:42%;} .talentPage .section:nth-child(2n+1) .img{margin-left:70px;} .talentPage .section:nth-child(2n) .img{margin-right:70px;} .talentPage .section1 .contItem .img{margin-left:90px;} .culturePage .section4 .tabBox .tabItem .font .w{padding:1.5em;} .culturePage .section4 .tabBox .tabItem:hover .font .w,.culturePage .section4 .tabBox .tabItem.on .font .w{padding:0;top:1.5em;right:1.5em;bottom:1.5em;left:1.5em;} .pvChartBox{height:400px;} .aboutPage .section3 .item .w .img{max-height:400px;} .applyCasePage .applyCaseSwiper .item{padding:40px;} .previewPage .section3 .pCont{padding:60px 80px 80px 80px;} .previewPage .section4 .font .btn::before{border-width:6px;vertical-align:0;border-left-width:8px;} .scheduleYear{margin:0 60px;} .scheduleList{margin:0 50px 0 90px;} .previewPage{padding-top:120px;} .previewPage .section3,.previewPage .section4{padding-bottom:120px;} .previewPage .section5,.previewPage .section6,.previewPage .section7,.previewPage .section8{padding-bottom:120px;} .speechSwiper,.playbackSwiper{margin:0 90px;} .speechSwiper .swiper-button-prev, .playbackSwiper .swiper-button-prev{left:-90px;} .speechSwiper .swiper-button-next, .playbackSwiper .swiper-button-next{right:-90px;} .speechSwiper .item .w{max-width:192px;} .previewNews .swiper-button-prev{left:10px;} .previewNews .swiper-button-next{right:10px;} .header .lan .lanDrop .lanCont{padding:40px 0;} .header .lan .lanDrop dl dt,.header .lan .lanDrop dl dd{margin:0 30px;} .outLink a::before{border-left:8px solid #fff;border-right:8px solid transparent;} } @media only screen and (max-width:1560px){ .indMedia .firstMedia .font{padding:50px 40px;} } @media only screen and (max-width:1440px){ .f-18{font-size:14px;} .f-30{font-size:20px;} .f-36{font-size:22px;} .f-40{font-size:26px;} .f-48,.indIndustry .swiper-slide-active .item .font .tit{font-size:28px;} .f-60{font-size:36px;} .banner .item .wrap,.banner .item .txt{left:180px;right:180px;} .wrap,.ban .wrap,.header .wrap,.header .lan .lanDrop .w{margin:0 70px;} .ban .font,.ban2 .font{left:70px;right:70px;} .header .lan .lanDrop .w{max-width:none;} .header .logo{margin-top:17px;height:26px;} .header .mainMenu .item a.mNav{line-height:60px;} .header,.header .search, .header .share, .header .lan .icon{height:60px;} .header .search, .header .share, .header .lan .icon{width:18px;background-size:18px auto;} .header .search:hover::after,.header .share:hover::after,.header .lan .icon:hover::after{width:18px;} .header .mainMenu .item .subNav .sItem .icon{width:34px;height:28px;} .fullSubNav{top:60px;padding:40px 0;} .fullSubNav .fullMenu a{margin:10px 0;} .noBanMt{margin-top:60px;} .pageAnchor{top:-60px;} .footer{padding:40px 0 30px 0;} .footer .bot{margin-top:80px;} .footer .contactWay .item .icon{margin-right:1em;} .footer .contactWay .item{margin-right:60px;} .footer .copyright{margin-top:0.6em;} .footer .share .item{width:40px;height:40px;} .indIndustry .swiper-slide-active .item .font .icon,.indIndustry .swiper-slide-active .item .font .arrow1{display:block;width:22px;} .indDevelop2 .cont .item .icon{width:50px;height:50px;} .indMedia .firstMedia .font{padding:44px 40px;} .indMedia .bot{margin-bottom:40px;} .indMedia{padding:80px 0;} .mt100{margin-top:70px;} .pt80{padding-top:60px;} .pb80{padding-bottom:60px;} .pb100{padding-bottom:80px;} .mt60{margin-top:40px;} .mb60{margin-bottom:40px;} .pad100{padding:80px 0;} .floatBox .item{width:40px;height:40px;} .floatMsgPopBox{border-radius:10px;} .floatMsgPop .mItem{padding:1em 0;} .floatMsgPop .mItem .icon{width:36px;height:36px;margin-right:0.6em;} .banner .swiper-button-next, .banner .swiper-button-prev,.screenSwiper .swiper-button-next,.screenSwiper .swiper-button-prev,.cultureSwiper .swiper-button-next,.cultureSwiper .swiper-button-prev,.applyCasePage .applyCaseSwiper .swiper-button-prev,.applyCasePage .applyCaseSwiper .swiper-button-next,.speechSwiper .swiper-button-prev,.speechSwiper .swiper-button-next,.previewNews .swiper-button-prev,.previewNews .swiper-button-next,.playbackSwiper .swiper-button-prev,.playbackSwiper .swiper-button-next{width:40px;height:40px;margin-top:-21px;background-size:8px auto;} .cultureSwiper .swiper-button-next{right:-21px;} .cultureSwiper .swiper-button-prev{left:-21px;} .banner .swiper-button-next{right:46px;} .banner .swiper-button-prev{left:46px;} .pricePublic .item{margin-bottom:40px;} .pricePublic .itemSwiper{margin-right:60px;} .pageTit{margin-bottom:40px;} .pageTit .description{max-width:100%;} .pricePublic .itemTit{margin-top:0.4em;} .pricePublic .sItem{margin-top:30px;} .aboutPage .section1 .itemBox .icon{width:66px;height:66px;} .aboutPage .section4 .pageTit{top:60px;} .cooperationPage .section1 .font{padding:160px 0 140px 0;} .cooperationPage .section3{padding:80px 0;} .siliconPage .section .wrap,.tilePage .section1 .wrap{left:70px;right:70px;} .screenCondition .conditionItem{margin-bottom:2em;max-width:100%;} .screenCondition .conditionWrap{margin:0 40px;max-height:620px;} .screenCondition .conditionItem .conditionTable table th{font-size:14px;} .screenCondition .conditionItem .conditionTable table td, .screenCondition .conditionItem .conditionTable2 table td{font-size:13px;} .screenSwiper .swiper-button-next{right:40px;} .screenSwiper .swiper-button-prev{left:40px;} .tilePage .section2{padding-top:80px;} .tilePage .section2 .itemBox .item .icon{width:46px;} .tilePage .section3{padding:100px 0 90px 0;} .tilePage .section3 .right .f2{margin-bottom:3em;} .talentPage .section:nth-child(2n+1) .img{margin-left:60px;} .talentPage .section:nth-child(2n) .img{margin-right:60px;} .talentPage .section1 .contItem .img{margin-left:80px;} .tilePage .section4{padding:200px 0 100px 0;} .sharesChartCont{width:920px;height:500px;overflow:hidden;} .sharesChartCont iframe{width:1200px;height:500px;} .globalDot:nth-of-type(1) .globalPop{left:100px;transform:translateX(0);bottom:auto;top:50%;transform:translateY(-50%);} .globalDot:nth-of-type(1) .globalPop:after{border:none;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff;left:-10px;bottom:auto;top:50%;margin-top:-10px;margin-left:0;} .globalMap.active .globalDot:nth-of-type(1):hover .globalPop{bottom:auto;left:80px;} .applyCasePage .applyCaseSwiper .swiper-button-prev{margin-left:-50px;} .applyCasePage .applyCaseSwiper{padding-bottom:80px;} .applyCasePage .applyCaseSwiper .item{padding:30px;} .previewPage .section3 .pCont{padding:60px;} .previewPage{padding-top:100px;} .previewPage .section3,.previewPage .section4{padding-bottom:80px;} .previewPage .section5,.previewPage .section6,.previewPage .section7,.previewPage .section8{padding-bottom:100px;} .scheduleYear{margin:0 50px;} .scheduleList{margin:0 40px 0 70px;} .speechSwiper,.playbackSwiper{margin:0 80px;} .speechSwiper .swiper-button-prev, .playbackSwiper .swiper-button-prev{left:-80px;} .speechSwiper .swiper-button-next, .playbackSwiper .swiper-button-next{right:-80px;} .speechSwiper .item .w{max-width:182px;} .header .share .ewm:after,.header .search .searchTxt::before{border-width:6px;} .header .search .searchTxt{padding-top:6px;} .header .share .ewm{margin-top:6px;} .header .share .ewm:after{top:-6px;} .header .share .ewm:after{margin-left:-3px;} } @media only screen and (max-width:1366px){ .indMedia{padding:60px 0;} .pt80{padding-top:40px;} .pb80{padding-bottom:40px;} .pb100{padding-bottom:60px;} .mt60{margin-top:30px;} .mb60{margin-bottom:30px;} .pad100{padding:60px 0;} .pricePublic .item{margin-bottom:30px;} .pricePublic .itemSwiper{margin-right:40px;} .indMedia .firstMedia .font{padding:36px;} .footer{padding:40px 0 30px 0;} .footer .bot{margin-top:60px;} .footer .contactWay .item{margin-right:40px;} .footer .copyright{margin-top:0.4em;} .cooperationPage .section1 .font{padding:150px 0 130px 0;} .screenCondition .conditionWrap{margin:0 30px;} .tilePage .section2 .itemBox .item:nth-child(2n) .icon{margin-right:1.5em;} .tilePage .section2 .itemBox .item:nth-child(2n+1) .icon{margin-left:1.5em;} .tilePage .section2{padding-top:60px;} .tilePage .section3{padding:90px 0 80px 0;} .talentPage .section:nth-child(2n+1) .img{margin-left:40px;} .talentPage .section:nth-child(2n) .img{margin-right:40px;} .talentPage .section1 .contItem .img{margin-left:60px;} .applyCasePage .applyCaseTit{margin-top:0.3em;} .applyCasePage .applyCaseSwiper .item{padding:20px;} .previewPage{padding-top:80px;} .previewPage .section5,.previewPage .section6,.previewPage .section7,.previewPage .section8{padding-bottom:80px;} .speechSwiper,.playbackSwiper{margin:0 70px;} .speechSwiper .swiper-button-prev, .playbackSwiper .swiper-button-prev{left:-70px;} .speechSwiper .swiper-button-next, .playbackSwiper .swiper-button-next{right:-70px;} .speechSwiper .item .w{max-width:172px;} } @media only screen and (max-width:1280px){ .f-24,.f-20{font-size:16px;} .f-30{font-size:18px;} .f-36,.f-40{font-size:20px;} .f-48,.indIndustry .swiper-slide-active .item .font .tit{font-size:26px;} .f-60{font-size:32px;} .banner .item .wrap,.banner .item .txt{left:160px;right:160px;} .wrap,.ban .wrap,.header .wrap,.header .lan .lanDrop .w{margin:0 60px;} .ban .font,.ban2 .font{left:60px;right:60px;} .header .logo{margin-top:14px;height:22px;} .header .mainMenu .item a.mNav{line-height:50px;} .header,.header .search, .header .share, .header .lan .icon{height:50px;} .header .mainMenu .item{padding:0 1.2em;} .header .mainMenu .item .subNav{left:1.2em;} .header .mainMenu .item .subNav .sItem{padding:0.8em 0 0.6em;} .header .mainMenu .item .subNav .sItem .icon{width:26px;height:22px;} .fullSubNav{top:50px;} .noBanMt{margin-top:50px;} .pageAnchor{top:-50px;} .footer{padding:30px 0;} .footer .bot{margin-top:60px;} .footer .footerLogo{margin-bottom:20px;height:22px;} .footer .contactWay .item .icon{margin-right:0.6em;} .footer .contactWay .item{margin-right:40px;} .footer .copyright{margin-top:0.4em;} .indDevelop2 .cont .item .icon{width:48px;height:48px;} .indIndustry .item .font .whiteMore{max-width: 38%;} .indMedia .firstMedia .font{padding:32px;} .indMedia .w{margin:0 10px;} .indMedia .top, .indMedia .bot{margin:0 -10px;} .indMedia .bot{margin-bottom:30px;} .indMedia .bot .item{margin-top:20px;} .indMedia{padding:50px 0;} .mt100{margin-top:60px;} .pt80{padding-top:40px;} .pb80{padding-bottom:40px;} .pb100{padding-bottom:50px;} .mt60{margin-top:30px;} .mb60{margin-bottom:30px;} .pad100{padding:50px 0;} .banner .swiper-button-next{right:40px;} .banner .swiper-button-prev{left:40px;} .pricePublic .item{margin-bottom:30px;} .pricePublic .itemSwiper{margin-right:40px;} .pageTit{margin-bottom:20px;} .priceFastNav{bottom:80px;} .pricePublic .sItem{margin-top:20px;} .aboutPage .section1 .itemBox .icon{width:60px;height:60px;margin-right:1em;} .aboutPage .section2 .itemBox,.aboutPage .section3 .itemBox{margin:0 -10px;} .aboutPage .section2 .itemBox .w,.aboutPage .section3 .item .w,.aboutPage .section5 .itemBox a.w{margin:0 10px;} .aboutPage .section2 .itemBox .font{padding:30px;} .aboutPage .section5 .itemBox a.w{padding:1.6em;} .aboutPage .section4 .pageTit{top:50px;} .msgPop .cont .checkbox{margin-right:0.6em;} .msgPop .cont{padding:30px; } .msgPop .cont .close{right:1em;top:1em;} .cooperationPage .section1 .font{padding:100px 0 80px 0;} .cooperationPage .section3{padding:50px 0;} .siliconPage .section .wrap,.tilePage .section1 .wrap{left:60px;right:60px;} .screenCondition .conditionWrap{max-height:560px;} .tileBanItem{margin:1em -1em 0 -1em;} .tileBanItem .item .w{margin:0 1em;} .tilePage .section2 .itemBox .item:nth-child(2n) .icon{margin-right:1em;} .tilePage .section2 .itemBox .item:nth-child(2n+1) .icon{margin-left:1em;} .tilePage .section2{padding-top:50px;} .tilePage .section2 .wrap{padding:60px 0;} .tilePage .section3{padding:70px 0;} .tilePage .section3 .right .f2{margin-bottom:2em;} .talentPage .section .font .description{padding-bottom:1em;} .talentPage .section .font .ff{margin-top:0.8em;} .talentPage .section1 .contItem .img{margin-left:50px;} .culturePage .section1 .font{margin-bottom:2em;} .culturePage .section4 .tabBox .tabItem .font .w{padding:1em;} .culturePage .section4 .tabBox .tabItem:hover .font .w,.culturePage .section4 .tabBox .tabItem.on .font .w{padding:0;top:1em;right:1em;bottom:1em;left:1em;} .previewPage .section2{margin-bottom:40px;} .previewPage .section2 .right .font span{font-size:80px;} .previewPage .section2 .right .font em{font-size:30px;vertical-align:4px;} .previewPage .section3 .pCont{padding:40px;} .previewPage{padding-top:60px;} .previewPage .section3,.previewPage .section4{padding-bottom:60px;} .previewPage .section5,.previewPage .section6,.previewPage .section7,.previewPage .section8{padding-bottom:60px;} .scheduleYear{margin:0 40px;} .scheduleList{margin:0 30px 0 50px;} .scheduleYear .swiper-slide{line-height:1.6;} .scheduleYear .swiper-slide .date{display:block;} .speechSwiper,.playbackSwiper{margin:0 60px;} .speechSwiper .swiper-button-prev, .playbackSwiper .swiper-button-prev{left:-60px;} .speechSwiper .swiper-button-next, .playbackSwiper .swiper-button-next{right:-60px;} .speechSwiper .item .w{max-width:152px;} .header .lan .lanDrop .lanCont{padding:20px 0;} .header .lan .lanDrop dl dt,.header .lan .lanDrop dl dd{margin:0 20px;} } @media only screen and (max-width:1024px){ .wrap, .ban .wrap, .header .wrap,.header .lan .lanDrop .w,.previewPage .section2 .wrap,.previewPage .section3 .wrap{margin:0 2em;} .ban .font,.ban2 .font{left:2em;right:2em;text-align:center;} .ban{height:auto;} .ban > img{min-height:0;min-width:100%;max-width:100%;} .ban > video{min-height:0;min-width:100%;max-width:100%;} .ban2{height:200px;} .header .logo{margin-top:16px;height:18px;} .header .mainMenu .item a.mNav{line-height:3em;display:inline-block;} .header .lan{float:none;} .header, .header .share, .header .lan .icon{height:50px;float:none;} .mobileBtn{position:fixed;width:20px;height:19px;transition: 0.5s all;right:2em;top:15px;z-index:9999999;} .mobileBtn:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid #020C4F;border-bottom:2px solid #020C4F;transition:0.2s all;-webkit-transition:0.2s all;} .mobileBtn:after {content:'';position:absolute;top:8px;right:0;left:0;height:2px;overflow:hidden;background:#020C4F;transition:0.2s all;-webkit-transition:0.2s all;-moz-transition:0.2s all;-o-transition:0.2s all;} .header.open .mobileBtn::before {-webkit-transform: rotate3d(0, 0, 1, 45deg) translate(-2px,3px);transform: rotate3d(0, 0, 1, 45deg) translate(-2px,3px);border-bottom: 0;top:7px;left:1px;right:1px;} .header.open .mobileBtn::after {-webkit-transform: rotate3d(0, 0, 1, -45deg) translate(-2px,2px);transform: rotate3d(0, 0, 1, -45deg) translate(-2px,2px);top: 6px;left:1px;right:1px;} .header .headerRight{position:fixed;width:100%;top:51px;bottom:0;right:-100%;background:#fff;overflow-y:auto;transition:0.2s all;-webkit-transition:0.2s all;} .header.open .headerRight{right:0;} .header .mainMenu{float:none;margin-top:4.4em;} .header .mainMenu .item{float:none;padding:0 2em;} .header .mainMenu .item::after{content:"+";position:absolute;right:1.5em;top:0.9em;font-size:1.4em;line-height:1.2;width:1.2em;display:block;text-align:center;} .header .mainMenu .item.on::after{content:"-";color:#020C4F;} .header .mainMenu .item .subNav{position:static;width:auto;padding:1em 0 0 0;} .header .mainMenu .item:hover .subNav,.header .mainMenu .item:hover .fullSubNav{display:none;} .header .mainMenu .item .subNav .sItem{border:none;padding:0;/*height:22px;*/line-height:22px;text-align:left;margin-bottom:1em;display:flex;} .header .mainMenu .item .subNav .sItem .icon{float:left;display:inline-block;margin-bottom:0;margin-right:0.4em;margin-left:0.2em;flex-shrink: 0;} .header .mainMenu .item .subNav .sItem .subNavFont{/*display:inline-block;*/height:auto;line-height:1.5;vertical-align:middle;} .header .search,.header.on .search{background:none;width:0;height:0;padding:0;position:static;} .header .search .searchTxt{display:block;top:1em;left:2em;right:2em;padding:0;} .header .search .searchTxt .searchTxtWrap{width:auto;} .header .search .searchTxt .w{box-shadow:none;padding:0;} .header .search .searchTxt::before{display:none;} .shareLan{float:none;text-align:center;} .header .share, .header .lan{display:inline-block;margin:1.6em 1em;height:18px;padding-left:0;} .header .lan .icon{height:18px;padding-left:0;} .header .share .ewm{padding:6px;margin-left:-58px;} .header .search:hover::after,.header .share:hover::after,.header .lan:hover .icon::after{background:none;} .header .lan .lanDrop{position:fixed;top:50px;} .header .lan .lanDrop dl dt, .header .lan .lanDrop dl dd{margin:0 10px;text-align:left;} .subNavCont .subNavItem{display:block;} .subNavTab {display:none;} .fullSubNav{position:static;padding:1em 0;border-top:none;} .fullSubNav .wrap{display: block;margin:0!important;} .fullSubNav .fullItem{padding:0;margin-bottom:25px;} .fullSubNav .fullTitle{padding-bottom:10px;} .fullSubNav .fullMenu{margin-top:0;} .footer .footerLogo{height:18px;} .footer{padding:2em 0;} .footer .bot{margin-top:2em;padding-top:2em;} .footer .copyright{margin-top:0;} .footer .share .item,.floatBox .item{width:30px;height:30px;} .floatMsgPopBox{padding-right:10px;} .floatMsgPop{padding:1em;width:260px;} .floatMsgPop.f-16{font-size:12px;} .floatMsgPop .mItem .icon{width:32px;height:32px;} /* .banner,.ban{margin-top:50px;} */ .banner .swiper-button-next,.banner .swiper-button-prev,.screenSwiper .swiper-button-next, .screenSwiper .swiper-button-prev,.cultureSwiper .swiper-button-next,.cultureSwiper .swiper-button-prev,.applyCasePage .applyCaseSwiper .swiper-button-prev,.applyCasePage .applyCaseSwiper .swiper-button-next,.speechSwiper .swiper-button-prev,.speechSwiper .swiper-button-next,.previewNews .swiper-button-prev,.previewNews .swiper-button-next,.playbackSwiper .swiper-button-prev,.playbackSwiper .swiper-button-next{width:30px;height:30px;margin-top:-15px;background-size:6px auto;} .cultureSwiper .swiper-button-next{right:0;} .cultureSwiper .swiper-button-prev{left:0;} .banner .swiper-button-next{right:2em;} .banner .swiper-button-prev{left:2em;} .banner .item .wrap,.banner .item .txt{left:120px;right:120px;text-align:center;} .banner .item .font .desc,.banner .item .txt .desc{margin:0 auto;margin-top:1em;} .f-14{font-size:12px;} .f-24,.f-16,.f-18,.f-20{font-size:12px;} .f-36,.f-40,.f-30{font-size:16px;} .f-60,.f-48,.indIndustry .swiper-slide-active .item .font .tit{font-size:18px;} .banner .item .font .tit,.banner .item .txt .tit{font-size:20px;} .downBtn{display:none;} .indMedia .indMediaSwiper .item .font{left:2em;bottom:2em;right:150px;} .indMedia .indMediaSwiper .swiper-pagination{right:2em;bottom:2em;} .indIndustry, .indDevelop1, .indDevelop2{height:auto;} .indIndustry .item{transform:translateX(0);-webkit-transform:translateX(0);} .indIndustry .item .font{left:1em;right:1em;top:1em;bottom:1em;} .indIndustry .swiper-slide-active .item .font{left:2em;right:2em;top:2em;bottom:2em;} .indDevelop1 .cont .tclImg {transform:scale(1) translateY(0);-webkit-transform:scale(1) translateY(0);opacity:1;} .indDevelop1 .cont .font, .indDevelop2 .cont .tit, .indDevelop2 .cont .desc, .indDevelop2 .cont .itemBox, .indDevelop2 .cont .whiteMore, .indDevelop2 .cont .remarks, .indPrice .tit, .indMedia .tit, .indPrice .desc, .indMedia .desc, .indPrice .indPriceBox, .indMedia .top, .indMedia .bot, .indMedia .redMore{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;} .indDevelop2 .cont,.indDevelop2 .section4_tan,.indDevelop2 .section4_tan img{position:static;} .indDevelop2 .section4_tan img{transform:translate(0,0);-webkit-transform:translate(0,0);width: 100%;} .indDevelop2 .cont .desc{margin:1em auto;max-width:60%;} .indDevelop2 .cont{position:relative;} .indDevelop2 .cont .wrap{position:absolute;left:0;right:0;bottom:2em;} .indDevelop2 .cont .remarks{margin-top:1em;} .indDevelop2 .cont .itemBox{margin:0 auto;display:block;max-width:640px;} .indDevelop2 .cont .itemBox .item{width:50%;float:left;margin-bottom:1em;} .indDevelop2 .cont .itemBox .item:nth-child(2n+1){clear:both;} .indDevelop2 .cont .item .icon{width:40px;height:40px;margin-right:1em;} .indMedia{padding:2em 0;} .mt100{margin-top:50px;} .pt80{padding-top:2em;} .pb80{padding-bottom:2em;} .pb100{padding-bottom:2em;} .mt60{margin-top:2em;} .mb60{margin-bottom:2em;} .pad100{padding:2em 0;} .indMedia .firstMedia .font{padding:19px;} .indMedia .bot .item .w{padding:1.6em;} .indMedia .bot .item a.more{margin-top:1.6em;} .priceFastNav{bottom:2em;} .pricePublic .itemSwiper{margin-right:2em;} .pricePublic .sItem .sItemData,.pricePublic .sItem{margin-top:1em;} .page a, .page span{min-width:2.4em;height:2.4em;line-height:2.4;border-radius:1.2em;} .page .prev, .page .next{background-size:8px auto;} .pricePublic .itemSwiper .swiper-button-next, .pricePublic .itemSwiper .swiper-button-prev{width:32px;height:32px;margin-top:-16px;background-size:6px auto;} .pricePublic .itemSwiper .swiper-button-next{right:1em;} .pricePublic .itemSwiper .swiper-button-prev{left:1em;} .priceInfo .priceTable table tr th,.priceInfo .priceTable table tr td{padding:1em;} .aboutPage .section1 .itemBox .icon{width:56px;height:56px;} .aboutPage .section2 .itemBox .font{padding:1em;border-radius:0 0 10px 0;} .aboutPage .section5 .itemBox a.w{margin:0 1em;} .aboutPage .section4 .pageTit{top:2em;} .aboutPage .section4 .itemBox .item.on span{transform:scale(1.5) translate(-50%,-50%);-webkit-transform:scale(1.5) translate(-50%,-50%);} .aboutPage .section4 .itemBox .item{width:20%;} .aboutPage .section4 .itemBox .item.on{width:40%;} .ban:hover .aboutVideoBtn,.banner:hover .aboutVideoBtn{display:none;} .cooperationPage .section3 .img{margin-right:4%;} .cooperationPage .section3{padding:2em 0;} .siliconPage .section .wrap,.tilePage .section1 .wrap{left:2em;right:2em;} .screenCondition .conditionWrap{margin:0 1.5em;max-height:460px;} .screenSwiper .swiper-button-next{right:2em;} .screenSwiper .swiper-button-prev{left:2em;} .tileBanItem{text-align:center;} .tileBanItem .item{display:inline-block;float:none;} .tilePage .section2{padding-top:2em;} .tilePage .section2 .wrap,.tilePage .section3{padding:30px 0;} .tilePage .section2 .itemBox .item .icon{width:36px;} .tilePage .section3 .right .f2{margin-bottom:1em;} .tilePage .section3 .right .itemBox{margin:0 -1em;} .tilePage .section3 .right .itemBox .w{margin:0 1em;} .screenCondition .conditionItem .conditionTable table th,.screenCondition .conditionItem .conditionTable table td,.screenCondition .conditionItem .conditionTable2 table td{padding:0.5em;} .talentPage .section2 .title{top:2em;} .talentPage .section:nth-child(2n+1) .img{margin-left:2em;} .talentPage .section:nth-child(2n) .img{margin-right:2em;} .talentPage .section1 .contItem .img{margin-left:2em;} .talentPage .section .font .title{margin-top:0;} .talentPage .section .img .btn{right:1em;bottom:1em;height:1.8em;line-height:1.8;} .talentPage .section .img .btn img{width:1.8em;} .culturePage .section1 .font{margin-bottom:1em;} .culturePage .section2 .pageTit,.culturePage .section3 .pageTit{width:80%;} .culturePage .section4 .contBox{width:auto;float:none;} .culturePage .section4 .tabBox .tabItem{width:25%;} .globalPage .ban{height:auto;background:none;} .globalPage .globalEarth{position:static;transform:translate(0,0);-webkit-transform:translate(0,0);padding:2em 1em;} .globalPage .globalEarth,.globalPage .globalMap{background:url(../images/global1.jpg) center no-repeat;background-size:cover;} .globalPage .globalEarth .globalMapImg,.globalPage .globalMap .globalMapImg{height:auto;width:auto;} .globalPage .globalEarth .globalMapImg{max-width:467px;margin:0 auto;} .globalPage .globalMap{position:static;margin-bottom:0;padding:2em 0;} #globalMap{transform:scale(1);-webkit-transform:scale(1);opacity:1;} .globalPage .globalMap .remarks{opacity:1;text-align:center;padding-right:0;font-size:12px;padding:5px 0;} .globalDot .ff,.globalDot .ff2{font-size:12px;transform:scale(0.8);-webkit-transform:scale(0.8);left:80%;} .globalDot{width:24px;height:24px;} .globalDot span{width:20px;height:20px;} .globalDot em{width:6px;height:6px;margin:-4px 0 0 -4px;} .globalPop{width:220px;} .globalPopCon{max-height:200px;padding:10px;} .globalPop dl dt img{width:18px;margin-right:5px;} .globalMap .globalDot:hover{z-index: 100;} .globalMap .globalDot:hover .globalPop{opacity: 1;visibility: visible; bottom:30px;} .globalMap .bottomPop{position: static; opacity: 1;visibility: visible;margin-top:1em;padding:1em 0; } .globalMap .bottomPop .wrap{justify-content: center;} .globalMap .bottomPop .item{width:auto;padding:8px 10px;margin:0 3px;} .globalMap .bottomPop .item:hover{width:auto;padding:8px 16px;} .aboutPage .section3 .item .w .img{max-height:none;} .pdfViewPop .pdfViewDownClose,.pdfViewPop .pdfjs .backTop,.pdfViewPop .pdfViewDownLoad{width:32px;height:32px;line-height:32px;right:14px;} .pdfViewPop .pdfjs .backTop{bottom:80px;} .applyCasePage .applyCaseSwiper .swiper-button-prev{margin-left:-40px;} .applyCasePage .applyCaseSwiper{padding-bottom:50px;} .applyCasePage .applyCaseSwiper .item{padding:1em;} .applyCasePage .applyCaseSwiper .item .title{margin-top:1em;} .applyCasePage .soluList dl dt{padding:1em 1em 0 1em;} .applyCasePage .soluList dl dd{border:none;padding:1em;} .previewPage .section3 .pCont{padding:2em;} .previewPage .section4 .font .w{padding-top:2em;padding-bottom:2em;} .scheduleYear{margin:0 2em;} .scheduleList{margin:0 2em;} .previewPage{padding-top:50px;} .previewPage .section1{margin-bottom:50px;} .previewPage .section2{margin-bottom:2em;} .previewPage .section3,.previewPage .section4{padding-bottom:2em;} .previewPage .section5,.previewPage .section6,.previewPage .section7,.previewPage .section8{padding-bottom:2em;} .speechSwiper,.playbackSwiper{margin:0;} .speechSwiper .swiper-button-prev, .playbackSwiper .swiper-button-prev{left:10px;} .speechSwiper .swiper-button-next, .playbackSwiper .swiper-button-next{right:10px;} } @media only screen and (max-width:768px){ .wrap, .ban .wrap, .header .wrap,.header .lan .lanDrop .w,.previewPage .section2 .wrap,.previewPage .section3 .wrap{margin:0 1em;} .ban .font,.ban2 .font{left:1em;right:1em;text-align:center;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);max-height: 100%;overflow-y:auto;} .ban .font .f1{font-size:12px;} .tileBanItem{display:flex;} .tileBanItem .item .w{margin:0 10px;} .header, .header .share, .header .lan .icon{height:42px;} .header .logo{margin-top:12px;} .mobileBtn{top:11px;right:1em;} /* .banner, .ban{margin-top:43px;} */ .banner .swiper-button-prev{left:5px;position: absolute; width: .4rem;height: .4rem;} .banner .swiper-button-next{right:5px;position: absolute; width: .4rem;height: .4rem;} .banner .item .wrap,.banner .item .txt{ width: 6.4rem; top: 6rem; left: 0.55rem;} .header .lan .lanDrop{top:42px;} .noBanMt{margin-top:43px;} .pageAnchor{top:-43px;} .header.open .headerRight{top:43px;} .header .search .searchTxt{left:1em;right:1em;} .header .mainMenu .item{padding:0 1em;} .footer .contactWay .item{float:none;margin:0 0 1em 0;} .footer .bot{margin-top:1em;} .indIndustry .item .font .whiteMore{max-width: 100%;} .indIndustry .swiper-slide-active .item .font{left:1em;right:1em;top:1em;bottom:1em;padding-bottom:3em;} .indIndustry .item .font .desc{line-height:1.5;} a.whiteMore, a.redMore, a.grayMore{line-height:2;height:2em;border-radius:1.2em 0 1.2em 0;padding:0 1.2em;} .indDevelop2 .cont .desc{max-width:80%;} .indMedia .top{ flex-direction: column; } .indMedia .indMediaSwiper{ height: auto; } .indMedia .indMediaSwiper .w{ height: 3.68rem !important; } .indMedia .firstMedia .font,.indMedia .bot .item .w{padding:1em;} .indMedia .bot .item .w{min-height:auto !important; } .indMedia .firstMedia a.more,.indMedia .bot .item a.more{margin-top:1em; width: auto; height: auto; font-size: 0.12rem; line-height: 1; } .indMedia a.more{ background-size: 0.2rem 0.15rem; } .banner .item .font .tit,.banner .item .txt .tit{ font-family: mm; font-size: .48rem; font-weight: 500; line-height: .56rem; letter-spacing: 0em; text-align: left; } .banner .item .font .desc,.banner .item .txt .desc{ font-family: ll; font-size: .24rem; font-weight: 400; line-height: .52rem; letter-spacing: 0em; text-align: justify; } .aboutPage .section1 .itemBox .icon{width:36px;height:36px;} .aboutPage .section1 .itemBox .f1{margin-top:2px;} .aboutPage .section1 .itemBox .f1 span{vertical-align:0;} .priceFastNav{position:static;margin:1em 0 0 0;} .priceFastNav .item .w{color:#333;} .priceFastNav .item .f1{padding-bottom:0.4em;margin-bottom:0.4em;} .priceFastNav .item .f1::before{background-color:#ccc;} .f-36,.f-40,.f-30{font-size:14px;} .f-60,.f-48,.indIndustry .swiper-slide-active .item .font .tit{font-size:16px;} .pricePublic .sItem .sItemData, .pricePublic .sItem{margin-top:0.6em;} .cooperationPage .section1 .font{padding:2em 0;} .cooperationPage .section2 .img{margin:0 2em;} .siliconPage .section .wrap,.tilePage .section1 .wrap{left:1em;right:1em;} .tilePage .section1 .wrap{position: static;transform: translate(0);color: #333;padding:1.5em 1em;} .screenSwiperBox{float:none;width:auto;} .screenCondition{width:auto;padding:2em 0;position:static;transform:translateY(0);-webkit-transform:translateY(0);width:auto;} .screenCondition .conditionWrap{margin:0 1em;max-height:none;} .screenCondition .conditionItem{margin-bottom:1em;max-width:none;} .screenCondition .conditionWrap{max-height:none;max-width:none;min-height:0;} .tilePage .section2 .img{position:static;transform:translate(0,0);-webkit-transform:translate(0,0);max-width:400px;margin:0 auto;} .tilePage .section2 .itemBox .item{width:47%;} .tilePage .section2 .itemBox .item:nth-child(2n){margin-left:6%;} .tilePage .section2 .itemBox .item:nth-child(2n+1) .f1{text-align:left;} .tilePage .section2 .itemBox .item:nth-child(2n+1) .icon{float:left;margin:0.6em 1em 0 0;} .talentPage .section:nth-child(2n+1) .img,.talentPage .section:nth-child(2n) .img,.talentPage .section1 .contItem .img{float:none;width:auto;margin:0 0 2em 0;} .talentPage .section1 .contItem .font{padding-top:0;background:none;} .screenSwiper .swiper-button-next{right:1em;} .screenSwiper .swiper-button-prev{left:1em;} .culture-parallax-video .culture_words{height:75vw;} .culture-parallax-video .background_video{top:0!important;transform:scale(1)!important;} .culture-parallax-video .border-effect{display: none;} .goToPage,.totalPageNum{margin-left:1em;} .applyCasePage .applyCaseTit{margin-top:0.4em;} .previewPage .section2 .right .font span{font-size:60px;} .previewPage .section2 .right .font em{font-size:24px;vertical-align:4px;} } @media only screen and (max-width:640px){ .footer .contactWay .item .icon{width:40px;height:40px;} .footer .footerMenu{display:none;} .footer .bot{text-align:center;margin-top:0;padding-top:1em;} .footer .bot .fl,.footer .bot .fr{float:none;} .footer .bot .share{margin-top:1em;} .footer .contactWay .item .icon{width:32px;height:32px;} .footer .contactWay .item{line-height:32px;} .footer .contactWay .item .f1,.footer .contactWay .item .f2{display:inline-block;} .footer .share .item{width:32px;height:32px;} .footer .share .item .ewm{width:80px;padding:6px;margin-left:-48px;top:auto;} .footer .share .item .ewm:after{top:auto;border-top:10px solid #fff;border-bottom:none;} .banner .item .font .desc, .banner .item .txt .desc{max-height:none;-webkit-line-clamp:999;} /*.banner .item .font .desc{display:none;}*/ .banner .item video,.banner .item img{height:100vh;} .ban2{height:160px;background-position:72% center;} .indMedia .indMediaSwiper{width:auto;float:none;margin:0 0 1em 0;} .indMedia .bot .item{width:auto;float:none;} .indMedia .bot .item .description,.indMedia .firstMedia .description{display:none;} .indMedia .bot .item a.more,.indMedia .firstMedia a.more{margin-top:0;} .indIndustry .gallery-top{display:none;} .indIndustry .swiper-slide-active .item .img{filter:none;} .indIndustry .swiper-slide-active .item .font{top:auto;} .indIndustry .gallery-thumbs{position:static;} .indDevelop2{background-size:auto 236px;background-position:center 160px;background-color:#3bbfcb;padding-bottom:2em;padding-top:410px;} .indDevelop2 .cont .wrap{position:static;} .indDevelop2 .section4_tan{position:absolute;top:0;left:0;height:auto;bottom:auto;} .indDevelop2 .cont .itemBox .item{width:auto;float:none;} .indDevelop2 .cont .item .icon{width:38px;height:38px;} .indDevelop2 .cont{position:static;} .priceFastNav{margin:0;} .priceFastNav .itemBox{display:block;} .priceFastNav .item{width:auto;float:none;margin-top:1em;max-width:100%;} .pricePublic .itemSwiper{width:auto;float:none;margin:0 0 1em 0;} .pricePublic .item{margin-bottom:2em;} .page a, .page span{margin-bottom:0.4em;} .goToPage{display:block;margin:1em auto 0 auto;text-align:center;} .priceInfo .priceTable table tr th,.priceInfo .priceTable table tr td{padding:0.4em;} .priceInfo .priceTable table tr th:nth-child(1){width:6em;} .priceInfo .priceTable table tr th:nth-child(2){width:5em;} .aboutPage .section1 .itemBox{display:block;} .aboutPage .section1 .itemBox .icon{margin-right:0.4em;} .aboutPage .section1 .itemBox .item{width:50%;float:left;margin-bottom:1em;} .aboutPage .section1 .remarks{margin-top:0.6em;} .aboutPage .section2 .itemBox .item,.aboutPage .section3 .item{width:auto;max-width:460px;margin:0 auto 1em auto;float:none;} .aboutPage .section5 .itemBox .item{width:auto;float:none;} .aboutPage .section5 .itemBox a.w{padding:1em;} .aboutPage .section4 .itemBox .item span{font-size:12px;} .aboutPage .section4 .itemBox .item.on span{transform: scale(1.2) translate(-50%,-50%);-webkit-transform: scale(1.2) translate(-50%,-50%);} .msgPop .cont {padding:20px;width:300px;} .msgPop .cont .txt,.msgPop .cont .checkbox label,.msgPop .cont .date .form-control{line-height:2.4;} .msgPop .cont .textarea{padding:0.4em 5%;} .msgPop .cont .close{width:0.8em;height:0.8em;} .cooperationPage .section1{padding-top:50%;background-size:100% auto;background-position:center top;} .cooperationPage .section1 .font{padding:1em;width:auto;float:none;background-size:cover;} .cooperationPage .section1 .font .subTitle{margin-bottom:1em;} .cooperationPage .section1 .wrap{margin:0;} .cooperationPage .section2 .img,.cooperationPage .section3 .img{width:auto;margin:0 0 2em 0;float:none;} .screenCondition .conditionItem .conditionTable table th,.screenCondition .conditionItem .conditionTable table td,.screenCondition .conditionItem .conditionTable2 table td{padding:4px;} .tilePage .section4{padding:2em;} .tilePage .section4 .cont .left{width:auto;} .tilePage .section4 .cont{max-width:none;text-align:center;} .tilePage .section4 .cont .right .line{display:none;} .tilePage .section4 .cont .left .font,.tilePage .section4 .cont .right,.tilePage .section4 .cont .right .font{position:static;width:auto} .tilePage .section4 .cont .right{margin-top:2em;} .tilePage .section4 .cont .right .font{margin-top:1em;} .ban .font .f3{font-size:15px;} .ban .font .f4,.tileBanItem .item .w .f1,.tileBanItem .item .w .f2,.tileBanItem .item .w .f1 span{font-size:13px;} .tileBanItem{margin-top:5px;} .tilePage .section2 .itemBox .item{float:none;width:auto;margin-bottom:1em;} .tilePage .section2 .itemBox .item .f2{height:auto;-webkit-line-clamp:999;margin-bottom:0;} .tilePage .section2 .itemBox .item:nth-child(2n){margin-left:0;} .tilePage .section3 .img{float:none;margin:0 0 2em 0;width:auto;} .tilePage .section3 .right{position:static;transform:translateY(0);-webkit-transform:translateY(0);width:auto;} .talentPage .section:nth-child(2n+1) .img,.talentPage .section:nth-child(2n) .img,.talentPage .section1 .contItem .img{margin-bottom:1em;} .talentPage .section1 .tabs .item{padding:1em 10px;} .culturePage .section2 .pageTit,.culturePage .section3 .pageTit{margin-top:1em;position:static;transform:translate(0,0);-webkit-transform:translate(0,0);width:auto;max-width:none;color:#333;} .culture-parallax-video .background_video{position:static;} .culture-parallax-video .culture_words{height:auto;background:#fff;} .culturePage .section2 .pageTit,.culturePage .section3 .pageTit{margin-left:1em;margin-right:1em;} .culturePage .section2 .pageTit .description, .culturePage .section3 .pageTit .description{color:#777;} .culturePage .section4 .tabBox .tabItem .font .w{display:none;} .culturePage .section4 .tabBox .tabItem:hover .font, .culturePage .section4 .tabBox .tabItem.on .font{top:auto;} .globalPage .globalEarth .globalMapImg{width:60%;} .pvChartBox{height:360px;} .globalMap .bottomPop .item em{display: block;} .indMedia .indMediaSwiper .item .font{left:1em;bottom:2em;right:1em} .indMedia .indMediaSwiper .swiper-pagination{left:1em;right:1em;bottom:6px;} .globalDot em{width:4px;height:4px;margin:-3px 0 0 -3px;} .mapMobileData{display:block;padding:1em;background:#fff;text-align:left;} .mapMobileData .item{font-size:12px;margin-bottom:2em;} .mapMobileData .item .ff,.mapMobileData .item .ff2{font-size:14px;margin-bottom:0.6em;} .mapMobileData .item dl{margin-bottom:0.8em;} .mapMobileData .item dt{line-height:1.4;margin-bottom:0.4em;} .mapMobileData .item dt img{height:1.4em;margin-right:0.4em;} .mapMobileData .item dd{line-height:1.6;} .globalMap.active .globalDot:hover .globalPop,.globalMap .globalDot:hover .globalPop{opacity:0 !important;visibility:hidden !important;} .applyCasePage .soluList dl:nth-child(2), .applyCasePage .soluList dl:nth-child(3){margin-top:1em;} .applyCasePage .soluList dl dt{padding:10px 10px 0 10px;} .applyCasePage .soluList dl dd{border:none;padding:10px;} .previewPage{padding-top:2em;} .previewPage .section1{margin-bottom:2em;} .previewPage .section1 .line{margin-top:28px;} .previewPage .section2 .right .font span{font-size:30px;} .previewPage .section2 .right .font em{font-size:16px;} .previewPage .section2 .left .font .title{margin-bottom:0.4em;} .previewPage .section3 .pCont{padding:1em;} .previewPage .section4 .img{width:auto;margin-bottom:1em;} .previewPage .section4 .font{position:relative;transform:translateY(0);-webkit-transform:translateY(0);width:auto;} .previewPage .section4 .font .w{padding:2em;} .previewPage .section4 .font .btn{margin-top:1em;} .scheduleYearBox{float:none;width:auto;} .scheduleYear{height:auto;} .scheduleYear .swiper-slide{padding:1em 0;} .wonderfulImg .imgItem{width:auto !important;float:none !important;margin:0 0 1em 0 !important;} .header .lan .lanDrop dl{width:auto;float:none;margin:0 0 1em 0;} .header .lan .lanDrop dl:last-child{margin-bottom:0;} .header .lan .lanDrop .lanCont{position:absolute;top:0;bottom:0;overflow-y:auto;left:0;right:0;} } @media screen and (max-width:750px) { .banner,.indIndustry,.indDevelop1,.indDevelop2{position:relative;height: 100% !important;} } @media only screen and (max-width:480px){ .globalPage .globalMap .globalMapImg{width:940px;margin-left:-65%;} #globalMap{overflow-x:auto;} /*.pvChartBox{width:800px;height:400px;} .pvChartWrap{overflow-x:auto;}*/ }