锘緻charset "utf-8"; @font-face{font-family:'Jiangxizhuokai';src:url('../fonts/Jiangxizhuokai.ttf') format('truetype');font-style:normal;font-display:swap;} /*鍒濆鍖栨牱寮?/ *{-webkit-tap-highlight-color:transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} /*html5璁剧疆*/ article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;} html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;} body{background-color:#fff;color:#333;font:normal 0.8334vw/1.75em 'Arial','Sans-serif';overflow-x:hidden;word-wrap:break-word;} a{text-decoration:none;outline:none;color:#333;} a:focus{outline:none;-moz-outline:none;} a:hover{color:#017bc8;} a img{border:none;} img{vertical-align:middle;max-width:100%;} li{list-style:none;} select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:'Arial','Sans-serif';font-size:1em;} input:focus{outline:none;} textarea{resize:none;} input::-moz-placeholder{opacity:0.5;color:inherit;} input:-moz-placeholder{opacity:0.5;color:inherit;} input::-webkit-input-placeholder{opacity:0.5;color:inherit;} input:-ms-input-placeholder{opacity:0.5;color:inherit;} textarea::-moz-placeholder{opacity:0.5;color:inherit;} textarea:-moz-placeholder{opacity:0.5;color:inherit;} textarea::-webkit-input-placeholder{opacity:0.5;color:inherit;} textarea:-ms-input-placeholder{opacity:0.5;color:inherit;} table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;} table td,table th{box-sizing:border-box;} main{min-height: 30vw} /*鍏ㄥ眬鏍峰紡*/ .inner{width:93.75%;max-width:90em;margin:0 auto;} .clear{clear:both;height:0px;overflow:hidden;} .figure{overflow:hidden;position:relative;} .figure a{display:block;} .figure img{display:block;width:100%;height:auto;transition:all .5s;} .figure .img{background:no-repeat center center;background-size:cover;display:block;transition:all .3s;} .rows{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;} .wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .omission1{line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } .omission2{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .omission3{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .omission4{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; } .omission5{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; } .omission6{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; } .submit{cursor:pointer;} .fz18{font-size:1.12491em;} .fz28{font-size:1.75em;line-height:1.35em;} .fz24{font-size:1.5em;line-height:1.35em;} .fz32{font-size:1.999837em;line-height:1.35em;} .fz36{font-size:2.25em;line-height:1.35em;} .fz40{font-size:2.5em;line-height:1.35em;} .fz48{font-size:2.8em;line-height:1.35em;} .fz60{font-size:3.7497em;line-height:1.35em;} /*flexbox*/ .flexbox{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;} .tablebox{display:table;table-layout:fixed;width:100%;} /*entry*/ .entry img{max-width:100%;height:auto!important;} .entry ul,.entry ol{margin-left:2em;} .entry ul li{list-style:outside disc none;} .entry ol li{list-style:outside decimal none;} .entry h1{font-size:1.5em;} .entry h2{font-size:1.25em;} .entry h3{font-size:1.125em;} .entry h4{font-size:1em;} .entry h5{font-size:0.875em;} .entry h6{font-size:0.75em;} .entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;} .entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;} .entry table{border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;} .entry th{background-color:#f9f9f9;text-align:center;} .entry td,.entry th{padding:5px;border:1px solid #e4e4e4;} /*logo*/ #logo{width:13.75em;font-size:1em;display:table-cell;vertical-align:middle;position:relative;z-index:10;} #logo a{display:block;overflow:hidden;padding-bottom:22.72727273%;position:relative;} #logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;transition:opacity 0.2s;} #logo i:nth-child(2){opacity:0;} /*navi*/ #navi{display:table-cell;vertical-align:middle;line-height:2em;text-transform:uppercase;} #navi .menu{align-items:center;justify-content:flex-end;padding:0 1.6%;} #navi .parent{padding:0 3.30578512%;position:relative;} #navi .parent > a{padding:1.8125em 0;display:block;position:relative;} #navi .parent > a:after{height:0.125em;background-color:#017bc8;content:'';display:block;position:absolute;left:50%;bottom:0;width:0%;transition:all 0.2s;transform:translateX(-50%);} #navi .cur > a:after,#navi .on > a:after{width:100%;} #navi .drop{position:absolute;top:100%;z-index:5;border-top:1px solid #f0f0f0;background-color:#fff;display:none;} #navi .dot a{color:#000;border-bottom:1px solid transparent;display:block;overflow:hidden;white-space:nowrap;padding-right:1.5em;position:relative;transition:all 0.2s;} #navi .dot a:after{width:1.25em;height:0.35em;background:url(../images/arrow_04.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0;transition:all 0.2s;} #navi .dot a:hover{border-bottom-color:#333;color:#000;} #navi .dot a:hover:after{opacity:1;} #navi .sub{min-width:21.4375em;left:50%;transform:translateX(-50%);padding:2.8125em;} #navi .sub li{font-size:1.25em;line-height:2.4em; font-weight: bold} #navi em{display:none;} #navi .static{position:static;} #navi .column{width:100%;left:0;overflow:hidden;} #navi .column .dot{margin-bottom:2.4%;} #navi .column a{color:#333;} #navi .column a:hover{color:#000;} #navi .list{width:110.13888889%;padding:2.36111111% 0 1.59722222%;} #navi .item{padding:1.26103405% 9.20554855% 1.26103405% 0;width:25%;position:relative;} #navi .item .drop{position:static;display:block;background-color:transparent;border-top:none;} #navi .name{font-size:1.25em;color:#000;line-height:1.35em;margin-bottom:6%;} #navi .intro{font-size:0.875em;color:#666;line-height:1.71428571em;font-weight:lighter;margin-bottom:6%;} /*button*/ #button{display:table-cell;vertical-align:middle;width:6.25em;position:relative;} #button .box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;} #thirty{display:table-cell;vertical-align:middle;width:11.875em;padding-right:1.875em;} #thirty a{display:block;overflow:hidden;} #thirty img{display:block;height:1.9375em;} /*language*/ #language{position:relative;} #language span{display:block;position:relative;padding-right:1.25em;cursor:pointer;} #language span:after{width:0.625em;height:0.375em;background:url(../images/arrow_01_white.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);} #language i{width:1.25em;height:1.25em;background:url(../images/language_01.png) no-repeat center center;background-size:contain;display:block;overflow:hidden;} #language ul{position:absolute;left:50%;transform:translateX(-50%);top:180%;background-color:#fff;min-width:3em;text-align:center;padding:0.35em 0;border-radius:0.25em;box-shadow:0px 0px 1em rgba(0,0,0,0.05);display:none;} #language ul:before{border-bottom:0.35em solid #fff;border-left:0.35em solid transparent;border-right:0.35em solid transparent;content:'';display:block;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);} #language a{color:#333;display:block;padding:0.15em 0.5em;} /*search*/ #search span{width:1.25em;height:1.25em;background:url(../images/search_01.svg) no-repeat center center;background-size:contain;cursor:pointer;display:block;overflow:hidden;} #search span:hover{opacity:0.75;} #search .input{background-color:#fff;position:absolute;right:100%;top:100%;z-index:8;width:18.75em;transform:translateX(2em);display:none;} #search .text{display:block;width:100%;height:2.5em;line-height:1.5em;padding:0.5em 2.75em 0.5em 1em;color:#333;} #search .go{display:block;position:absolute;right:0;top:0;height:100%;width:2.5em;cursor:pointer;background:url(../images/search_02.svg) no-repeat center center;background-size:auto 50%;} /*navbtn*/ #navbtn{display:none;overflow:hidden;} /*header*/ #header{position:absolute;left:0;top:0;width:100%;z-index:1001;padding:0 4.16666667%;color:#fff;transition:all 0.2s;} #header a{color:#fff;} #header.active{background-color:#fff;} #header.active #logo i:nth-child(1){opacity:0;} #header.active #logo i:nth-child(2){opacity:1;} #header.active #search span{background-image:url(../images/search_02.svg);} #header.active #language span:after{background-image:url(../images/arrow_01_black.png);} #header.active #language i{background-image:url(../images/language_02.png);} #header.active #navbtn:before,#header.active #navbtn:after,#header.active #navbtn i{background-color:#333;} #header.active a{color:#333;} /*banner*/ @keyframes scale{ 0%{transform:scale(1.06);} 10%{transform:scale(1.06);} 100%{transform:scale(1);} } #banner{height:100vh;position:relative;background:no-repeat center center;background-size:cover;color:#fff;} #banner .figure{z-index:2;} #banner .img{height:100vh;animation:scale 2s linear 0s;} #banner .img.wap{display: none} #banner .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center; z-index: 10} #banner .name{font-size:3em;line-height:1.5em;} #banner .intro{margin-top:1.38888889%;} #banner video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;} #banner .play{position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;cursor:pointer;} #banner .play p{padding:0.375em 0;} #banner .play i{width:3.125em;height:3.125em;background:url(../images/play_02.svg) no-repeat center center;background-size:contain;display:block;margin:0 auto;transition:all 0.3s;} #banner .play:hover i{transform:scale(0.9);} #banner .tips {position: absolute;bottom:4%;left: 0;padding: 0 4.16666667%;font-size: 0.875em;text-shadow: 1px 1px 3px #333;} @media(max-width:750px){ #banner .img.pc{display: none} #banner .img.wap{display: block} } /*footer*/ #footer{background-color:#122a4e;color:rgba(255,255,255,0.4);padding:2.08333333% 0;position:relative;z-index:2;} #footer .inner{max-width:105em;} #footer a{color:rgba(255,255,255,0.4);} #footer a:hover{color:#fff;} .body_inidex #footer{position:fixed; width: 100%; bottom: 0; z-index: 100; padding: 0; background: none} .body_inidex #foottop{display: none} .body_inidex #footbtm{padding: 1% 0} /*footbtm*/ #footbtm{font-size:0.875em;line-height:2.14285714em;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:1.78571429% 0;} /*pagelist*/ #pagelist li{padding-left:3.14285714em;position:relative;} #pagelist li:before{width:0.14285714em;height:0.14285714em;background-color:rgba(255,255,255,0.4);content:'';display:block;position:absolute;left:1.5em;top:50%;transform:translateY(-50%);} #pagelist li:first-child{padding-left:0;} #pagelist li:first-child:before{display:none;} #copyright a{display:inline-block;} #copyright img{display:inline-block;height:1.14285714em;vertical-align:middle;margin-top:-0.21428571em;} /*foottop*/ #foottop{border-bottom:1px solid rgba(255,255,255,0.1);-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:1.19047619% 0 3.0952381%;} /*site*/ #site{width:16.78571429%;} #site .logo{margin-bottom:24.82269504%;} #site .logo img{display:block;width:100%;height:auto;} /*menu*/ #menu{width:60.41666667%;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} #menu dt{font-size:1.125em;line-height:2.77777778em;margin-bottom:0.27777778em;} #menu dt a{color:#fff;} #menu dt a:hover{opacity:0.4;} #menu dd{line-height:2em;font-size:0.875em;} /*social*/ #social li{margin-right:1.25em;margin-bottom:1.25em;} #social li:last-child{margin-right:0;} #social a{width:2.5em;height:2.5em;border:1px solid rgba(255,255,255,0.2);border-radius:50%;background:no-repeat center center;background-size:contain;display:block;overflow:hidden;text-indent:-99999em;} #social a:hover{border-color:#fff;} #social .wb a{background-image:url(../images/social_wb.png);} #social .fb a{background-image:url(../images/social_fb.png);} #social .tw a{background-image:url(../images/social_tw.png);} /*other*/ #other{border:1px solid rgba(255,255,255,0.2);max-width:100%;width:10em;border-radius:1.5625em;color:#fff;cursor:pointer;position:relative;} #other span{display:block;font-size:0.875em;line-height:3.42857143em;padding:0 2.28571429em 0 1.35714286em;position:relative;} #other span:after{width:0.71428571em;height:0.42857143em;background:url(../images/arrow_01_white.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:1.35714286em;} #other ul{position:absolute;left:0;bottom:100%;border:1px solid rgba(255,255,255,0.2);font-size:0.875em;line-height:2em;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#122a4e;padding:0.25em 0;max-height:12.5em;border-radius:1.78571429em;display:none;} #other a{display:block;padding:0.25em 1.35714286em;color:#fff;} #other a:hover{opacity:0.4;} /*wrapper*/ #wrapper{padding:3.64583333% 0 4.42708333%;overflow:hidden;} /*category*/ #category{font-size:1.125em;line-height:2.22222222em;margin-bottom:4.51388889%;} #category ul{justify-content:center;} #category li{padding:0 0.27777778em 0.27777778em;} #category a{display:block;overflow:hidden;padding:0 1.27777778em;border-radius:1.11111111em;} #category .cur a{background-color:#017bc8;color:#fff;} /*pagenavi*/ #pagenavi{justify-content:center;font-size:0.875em;} #pagenavi a{display:block;margin:1.07142857em;color:#666;border:1px solid #cfcfcf;border-radius:1.78571429em;height:3.57142857em;line-height:3.42857143em;min-width:3.57142857em;text-align:center;padding:0 0.35714286em;position:relative;background-color:#fff;} #pagenavi a:hover{border-color:#017bc8;color:#017bc8;} #pagenavi .a_cur{color:#fff;background-color:#017bc8;border-color:#017bc8;} #pagenavi .a_cur:hover{color:#fff;} #pagenavi .a_arrow{background:#fff no-repeat center center;background-size:12.5% auto;} #pagenavi .a_prev{background-image:url(../images/arrow_02_black.png);} #pagenavi .a_prev:hover{background-image:url(../images/arrow_02_blue.png);} #pagenavi .a_next{background-image:url(../images/arrow_03_black.png);} #pagenavi .a_next:hover{background-image:url(../images/arrow_03_blue.png);} /*newsitem*/ #newslist{margin-bottom:1.73611111%;overflow:hidden;} /*newsitem*/ .newsitem{margin-bottom:2.77777778%;} .newsitem .pic{width:31.94444444%;display:table-cell;vertical-align:top;} .newsitem .img{padding-bottom:56.08695652%;} .newsitem .text{display:table-cell;vertical-align:bottom;padding-right:5.55555556%;} .newsitem .box{border-bottom:1px solid #ededed;padding:3.44444444% 6.66666667% 10.33333333% 0;} .newsitem .date{font-weight:lighter;color:#333;margin-bottom:0.71428571%;} .newsitem .title{font-size:1.5em;line-height:1.5em;color:#010101;margin-bottom:5.11904762%;} .newsitem .excerpt{color:#666;height:3.5em;-webkit-line-clamp:2;font-weight:lighter;} .newsitem a:hover .img{transform:scale(1.1);} .newsitem a:hover .title{color:#017bc8;} /*readmore*/ .readmore .span{display:block;width:8.75em;height:3.125em;color:#017bc8;border-radius:1.5625em;position:relative;border:1px solid rgba(0,123,200,0.3);text-align:right;line-height:3em;padding:0 1.25em;transition:all 0.3s;} .readmore .span:before{width:1.5625em;height:0.4375em;background:url(../images/arrow_04_blue.png) no-repeat right center;background-size:contain;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:-0.5em;transition:all 0.3s;} .readmore .span:hover{padding-right:1.75em;} .readmore .span:hover:before{left:0.5em;} .readmore .white{border-color:#fff;color:#fff;} .readmore .white:before{background-image:url(../images/arrow_04_white.png);} /*newstop*/ #newstop{margin-bottom:5.55555556%;} #newstop .figure{width:62.5%;display:table-cell;vertical-align:middle;} #newstop .img{padding-bottom:56.22222222%;} #newstop .text{display:table-cell;vertical-align:middle;padding:0 4.16666667%;} #newstop .date{font-weight:lighter;color:#333;margin-bottom:1.66666667%;} #newstop .title{font-size:1.5em;line-height:1.5em;height:3em;color:#010101;margin-bottom:7.14285714%;} #newstop .excerpt{color:#666;height:3.5em;-webkit-line-clamp:2;font-weight:lighter;margin-bottom:26.19047619%;} #newstop a{background-color:#f6f9fc;} /*button*/ .button .span{display:block;width:7.5em;height:3.125em;line-height:3em;color:#fff;border-radius:1.5625em;text-align:center;border:1px solid #fff;transition:all 0.3s;} .button .span:hover{background-color:#fff;color:#017bc8;} .button .span:hover .dload{background-image:url(../images/arrow_05_blue.png);} .button .span:hover .pview{background-image:url(../images/arrow_06_blue.png);} .button i{display:inline-block;font-style:normal;background:no-repeat left center;background-size:1em auto;padding-left:1.75em;} .button .dload{background-image:url(../images/arrow_05_white.png);} .button .pview{background-image:url(../images/arrow_06_white.png);} .button .blue{border-color:#017bc8;color:#017bc8;} .button .blue .dload{background-image:url(../images/arrow_05_blue.png);} .button .blue .pview{background-image:url(../images/arrow_06_blue.png);} .button .blue:hover{background-color:#017bc8;color:#fff;} .button .blue:hover .dload{background-image:url(../images/arrow_05_white.png);} .button .blue:hover .pview{background-image:url(../images/arrow_06_white.png);} .button.min .span{display:inline-block;width:auto;padding:0 1.25em;} /*manual*/ #manual{padding-bottom:3.95833333%;position:relative;text-align:center;color:#fff;} #manual:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;padding-bottom:40.27777778%;background:url(../images/manual.jpg) no-repeat center center;background-size:cover;} #manual .info{position:relative;z-index:2;width:68.75%;margin:0 auto;} #manual .figure{box-shadow:0px 1em 1em rgba(0,0,0,0.1);margin-bottom:2.52525253%;} #manual .title{font-size:1.5em;line-height:2.125em;text-align:center;margin-bottom:1.51515152%;} #manual .span{margin:0 auto;} /*videolist*/ #videolist{overflow:hidden;margin-bottom:0.34722222%;} /*videoitem*/ .videoitem{margin-bottom:4.16666667%;position:relative;} .videoitem .img{padding-bottom:36.45833333%;transition-duration:5s;} .videoitem .text{position:absolute;left:0;top:0;height:100%;width:41.45833333%;z-index:2;background:url(../images/video_bg.png) no-repeat left center;background-size:100% 100%;color:#fff;padding:4.16666667% 9.72222222% 4.16666667% 4.16666667%;align-items:center;} .videoitem .play{width:50px;margin-bottom:40px;} .videoitem .play a{display:block;overflow:hidden;padding-bottom:100%;background:#fff url(../images/play.svg) no-repeat center center;background-size:contain;transition:all 0.5s; border-radius: 100px;} .videoitem .play a:hover{transform:scale(0.9);} .videoitem .title{font-size:2.25em;line-height:1.35em;margin-bottom:3.27455919%;} .videoitem .intro{font-weight:lighter;max-height:7em;-webkit-line-clamp:4;} .videoitem:hover .img{transform:scale(1.1);} /*picture*/ #picture{overflow:hidden;margin-bottom:1.73611111%;} #picture .list{width:103.81944444%;} #picture .item{width:33.333%;padding-right:3.01003344%;padding-bottom:3.34448161%;} #picture .figure{margin-bottom:4.88888889%;} #picture .img{padding-bottom:56%;} #picture .tag{font-weight:lighter;color:#000;margin-bottom:2.22222222%;} #picture .title{font-size:1.5em;line-height:1.5em;color:#000;margin-bottom:7.11111111%;} #picture .button .span{margin-right:2.22222222%;margin-bottom:2.22222222%;} #picture .button .span:last-child{margin-right:0;} #picture .button .full{background-color:#017bc8;color:#fff;} #picture .button .full .dload{background-image:url(../images/arrow_05_white.png);} #picture .button .full:hover{background-color:#fff;color:#017bc8;} #picture .button .full:hover .dload{background-image:url(../images/arrow_05_blue.png);} #picture .button .circle{width:3.125em;border-radius:50%;} #picture .button .circle i{display:block;padding-bottom:100%;padding-left:0;background-position:center center;} #picture .info{position:relative;height:100%;overflow:hidden;} #picture .info:hover .img{transform:scale(1.1);} /*speech*/ #speech{position:relative;padding:5.20833333vw 0 6.25%;} #speech:before{width:100%;height:26.5625vw;background:#f6f9fc url(../images/font_mingyang.svg) no-repeat center bottom;background-size:100% auto;content:'';display:block;position:absolute;top:0;left:0;} #speech .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;z-index:2;} #speech .figure{width:33.33333333%;} #speech .text{width:56.59722222%;} #speech .title{margin-bottom:7.97546012%;} #speech .entry{font-weight:lighter;} /*pagepd*/ #pagepd #category{margin-bottom:0;padding:4.86111111% 0 4.51388889%;} /*esgreport*/ #esgreport{padding-bottom:38.54166667%;background:no-repeat center center;background-size:cover;position:relative;} #esgreport .text{left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;color:#fff;text-align:center;} #esgreport .title{margin-bottom:1.73611111%;} #esgreport .entry{width:73.61111111%;min-height:8.75em;-webkit-line-clamp:5;margin:0 auto 4.02777778%;} /*affairs*/ #affairs{overflow:hidden;} #affairs ul{overflow:hidden;width:102.77777778%;} #affairs li{float:left;padding-right:2.7027027%;padding-bottom:2.7027027%;width:31.75675676%;} #affairs .info{background:no-repeat center center;background-size:cover;position:relative;} #affairs .info:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;background-image:linear-gradient(0deg,#007bc7 0%,transparent 75%);z-index:2;} #affairs .info:hover .img{transform:scale(1.1);} #affairs .img{padding-bottom:72.09302326%;transition-duration:3s;} #affairs .text{position:absolute;bottom:0;left:0;width:100%;padding:2.0625em 2.25em;z-index:3;color:#fff;} #affairs .name{font-size:1em;line-height:1.875em;font-weight:lighter;border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:1.375em;margin-bottom:1.375em;} #affairs .intro{font-size:1.5em;font-weight:bold;line-height:1.5em;} #affairs li:nth-child(1){width:36.48648649%;} #affairs li:nth-child(1) .img{padding-bottom:136%;} #affairs li:nth-child(1) .intro{font-size:1.25em;line-height:1.6em;} #affairs li:nth-child(2){width:63.51351351%;} #affairs li:nth-child(2) .img{padding-bottom:36.66666667%;} /*submenu*/ #submenu{background-color:#f6f9fc;} #submenu ul{display:flex;flex-wrap:wrap;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;} #submenu li{line-height:1.875em;padding:0 1.25em;} #submenu a{display:block;white-space:nowrap;position:relative;padding:1.4375em 0;} #submenu a:after{left:0;width:100%;background-color:#017bc8;content:'';display:block;position:absolute;bottom:0;height:2px;opacity:0;} #submenu .cur a{color:#017bc8;} #submenu .cur a:after{opacity:1;} /*performance*/ #performance{padding:3.125% 0 4.375%;} #performance .list{margin-bottom:4.44444444%;} #performance .title{font-size:1.5em;line-height:1.5em;display:table-cell;vertical-align:middle;padding-right:1em;} #performance .title:before{width:0.25em;background-color:#017bc8;height:100%;content:'';display:block;position:absolute;left:0;top:0;opacity:0;transition:all 0.3s;} #performance .btn{display:table-cell;vertical-align:middle;width:6.25em;} #performance .btn a{background:no-repeat center center;background-size:contain;text-indent:-9999em;display:block;overflow:hidden;width:1.125em;height:1.125em;} #performance .btn .view{background-image:url(../images/view_01_gray.png);width:1.375em;} #performance .btn .down{background-image:url(../images/arrow_07_gray.png);} #performance .box{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} #performance .item{border-bottom:1px solid #ddd;position:relative;padding:3.68055556% 0;transition:all 0.3s;} #performance .item:hover{padding-right:2.77777778%;padding-left:2.77777778%;} #performance .item:hover .title:before{opacity:1;} #performance .item:hover .title a{color:#017bc8;} #performance .item:hover .btn .view{background-image:url(../images/view_01_blue.png);} #performance .item:hover .btn .down{background-image:url(../images/arrow_07_blue.png);} /*announcement*/ #announcement{margin-bottom:4.51388889%;} #announcement .item{position:relative;border-bottom:1px solid #ddd;} #announcement .item:before{width:0.25em;background-color:#017bc8;height:100%;content:'';display:block;position:absolute;left:0;top:0;opacity:0;transition:all 0.3s;} #announcement .item:hover:before{opacity:1;} #announcement .title{font-size:1.5em;line-height:1.5em;width:34.375%;display:table-cell;vertical-align:top;padding-right:7.63888889%;padding-top:0.1875em;} #announcement .intro{display:table-cell;vertical-align:top;position:relative;padding-right:1.875em;font-weight:lighter;} #announcement .intro:after{width:0.5625em;height:1.0625em;background:url(../images/arrow_08_gray.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:0.625em;} #announcement .excerpt{color:#666;line-height:1.875em;height:3.75em;-webkit-line-clamp:2;max-width:40em;margin-bottom:1.42076503%;} #announcement .date{color:#999;line-height:1.875em;} #announcement .info{padding:3.33333333% 0 3.47222222%;transition:all 0.3s;} #announcement .info:hover{padding-left:2.77777778%;padding-right:2.77777778%;} #announcement .info:hover .intro:after{background-image:url(../images/arrow_08_blue.png);} #team{overflow:hidden;} #team .list{width:104.02777778%;} #team .item{width:33.333%;padding-right:3.87182911%;padding-bottom:4.00534045%;} #team .info{justify-content:flex-end;position:relative;height:100%;border-bottom:0.25em solid #f5f5f5;padding-bottom:9.77272727%;transition:all 0.3s;} #team .figure{width:100%;max-width:13.75em;margin-bottom:17.27272727%;} #team .img{padding-bottom:100%;} #team .text{width:100%;} #team .name{line-height:1.25em;color:#000;margin-bottom:0.33333333em;transition:all 0.3s;} #team .meta{color:#555;font-weight:lighter;white-space:pre-line;min-height:3.625em;} #team .intro{display:none;} #team .info{cursor:pointer;} #team .info:hover{border-bottom-color:#017bc8;} #team .info:hover .name{color:#017bc8;} /*popup*/ .popup{position:fixed;left:0;top:0;width:100%;height:100%;display:none;background-color:rgba(18,42,78,0.3);z-index:10;} .popup .wrap{align-items:center;justify-content:center;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2em 0;} .popup .box{background-color:#fff;max-width:62.5em;width:80%;position:relative;} .popup .close{width:1.375em;height:1.375em;background:url(../images/close_01_black.png) no-repeat center center;background-size:contain;position:absolute;right:6%;top:0;margin-top:6%;cursor:pointer;z-index:2;} /*person*/ #person .figure{display:table-cell;vertical-align:top;width:30%;} #person .img{padding-bottom:100%;} #person .text{display:table-cell;vertical-align:top;padding:5.6% 6% 6.5%;} #person .name{color:#017bc8;line-height:1.25em;margin-bottom:1.72413793%;padding-right:1.25em;} #person .meta{color:#666;white-space:pre-line;margin-bottom:5.17241379%;} #person .intro{border-top:1px solid #ebeef2;padding:5.68965517% 0;font-weight:lighter;text-align:justify;} /*stockmarket*/ #stockmarket{background-image:linear-gradient(0deg,#f6f9fc 80%,transparent 100%);} #stockmarket .inner{overflow:hidden;} /*stockinfo*/ #stockinfo{background-color:#fff;padding:2.22222222% 4.16666667%;line-height:1.875em;color:#666;font-weight:lighter;margin-bottom:5.55555556%;} #stockinfo .warning{color:#999;margin-top:1.51515152%;} #stockinfo .info{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} #stockinfo .meta{width:75.75757576%;overflow:hidden;} #stockinfo .meta ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:101.5%;} #stockinfo .meta li{padding-right:1.47783251%;padding-bottom:1.47783251%;} #stockinfo .meta .num{font-size:1.75em;line-height:1.21428571em;font-weight:bold;} #stockinfo .meta .red{color:#ed2b30;} #stockinfo .meta .green{color:#008000;} #stockinfo .stock{width:22.72727273%;} #stockinfo .stock .name{font-size:1em;font-weight:lighter;} #stockinfo .stock .price{font-size:1.5em;line-height:1em;font-weight:bold;color:#333;} #stockinfo .stock span{display:inline-block;line-height:1.125em;} #stockinfo .stock .arrow{width:0.625em;height:0.5em;background:url(../images/stock_arrow.png) no-repeat center center;background-size:contain;} #stockinfo .stock .cur{font-size:2.16666667em;} #stockinfo .stock .green{color:#008000;} #stockinfo .stock .green .arrow{background-image:url(../images/stock_down.png);} #stockinfo .stock .red{color:#ed2b30;} #stockinfo .stock .red .arrow{background-image:url(../images/stock_up.png);} /*stocktrend*/ #stocktrend{background-color:#fff;width:79.86111111%;padding:2.77777778% 0 2.77777778% 3.81944444%;margin-bottom:6.94444444%;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;} #stocktrend .cover{width:39.26940639%;} #stocktrend .cover .figure{width:167.44186047%;} #stocktrend .cover .img{padding-bottom:56.11111111%;} #stocktrend .trend{width:52.78538813%;} #stocktrend .trend img{display:block;width:100%;height:auto;} /*boxtitle*/ .boxtitle{text-align:center;line-height:1.35em;margin-bottom:1.73611111%;color:#000;} /*subtitle*/ .subtitle{text-align:center;line-height:1.35em;color:#333;margin-bottom:0.48611111%;} /*about*/ #about{padding:4.79166667% 0;} #about .entry{max-width:63.75em;margin:0 auto;} #about .entry h3{font-size:1.75em;line-height:1.285em;} #leaders {position: relative;padding-top: 6%;} #leaders .bg{background: #f6f9fc no-repeat center bottom; background-size:100%; position: absolute; width: 100%; height: 100%;bottom: 0;z-index: -1;} #leaders .inner{position: relative; z-index: 5} #leaders .flexbox{align-items: center; justify-content: space-between;} #leaders .entry{width: 67%;/* padding-top: 12%; */ padding-bottom: 6%;} #leaders .entry p:not(:last-child){margin-bottom: 25px;} #leaders .pic{width: 28%; order: 2} @media(max-width:1200px){ #leaders .entry{padding: 4% 0} #leaders .inner{padding-top: 5%} #leaders .bg{height: 100%} } @media(max-width:768px){ #leaders .flexbox{display: block} #leaders .entry{width: 100%;} #leaders .pic{display: inline-block;width: 100%; } } /*culture*/ #culture{color:#fff;padding:7.03125% 0 6.25%;background:no-repeat center center;background-size:cover;} #culture .boxtitle{color:#fff;} #culture .entry{max-width:65.75em;margin:0 auto;} #culture .entry ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-left:0;} #culture .entry li{width:49.52471483%;list-style:none;background:rgba(81,124,156,0.2);backdrop-filter:blur(25px);padding:5.32319392% 2% 5.98859316%;margin-bottom:0.95057034%;} #culture .entry h3{font-size:1.5em;line-height:1.16666667em;margin-bottom:7.30688935%;} /*talent*/ #talent{background:no-repeat center top;background-size:100% auto;padding:5.625% 0 4.01041667%;} #talent .entry{margin-bottom:6.59722222%;} #talent .list{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden;} #talent .item{color:#fff;padding:3.75% 4.16666667% 4.16666667%;background:no-repeat center center;background-size:cover;width:49.30555556%;margin-bottom:1.38888889%;} #talent .name{margin-bottom:1.01694915%;} #talent .intro{line-height:1.875em;min-height:5.75em;margin-bottom:5.42372881%;max-width:22.5em;opacity:0.6;} #talent .item:nth-child(1) .intro{opacity:1;} #talent .item .readmore{position: relative; display: inline-block; cursor: pointer;} #talent .item .readmore figure{position: absolute; margin: auto; width:140px; transform: scale(0); height: 140px; left: 110%; top:0; bottom: 0; z-index: 100; transition: 0.5s} #talent .item .readmore figure img{width: 100%;} #talent .item .readmore:hover figure{ transform: scale(1);} @keyframes circle{ 0%{transform:scale(1);opacity:0.6;} 100%{transform:scale(4.4);opacity:0;} } /*layout*/ #layout .boxtitle{margin-bottom:3.47222222%;} #layout .map{padding-bottom:48.47434119%;/* background:url(../images/map.png) no-repeat center center; */background-size:contain;position:relative;} #layout .map li{width:0.48611111%;position:absolute;z-index:2;cursor:pointer;} #layout .map li:nth-child(1){left:15.97222222%;top:40.62947067%;} #layout .map li:nth-child(2){left:50.06944444%;top:31.47353362%;} #layout .map li:nth-child(3){left:79.16666667%;top:38.62660944%;} #layout .map li:nth-child(4){left:79.86111111%;top:43.63376252%;} #layout .map li:nth-child(5){left:79.16666667%;top:49.35622318%;} #layout .map li:nth-child(6){left:79.86111111%;top:49.35622318%;} #layout .map .dot{padding-bottom:100%;background-color:#122a4e;border-radius:50%;} #layout .map .dot:before{width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0;background-color:#122a4e;border-radius:50%;animation:circle 2s linear 0s infinite;} #layout .map .name{position:absolute;left:50%;transform:translateX(-50%);bottom:100%;background-color:#017bc8;color:#fff;white-space:nowrap;padding:0.6875em 2em;margin-bottom:0.625em;display:none;} #layout .map .name:after{border-top:0.5em solid #017bc8;border-left:0.5em solid transparent;border-right:0.5em solid transparent;content:'';display:block;position:absolute;top:100%;left:50%;transform:translateX(-50%);} #layout .list{color:#666;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-top:-7.63888889%;} #layout .list .item{width:49.30555556%;margin-bottom:1.38888889%;} #layout .list .info{position:relative;height:100%;background-color:#fff;padding:7.18309859% 8.45070423% 7.32394366%;box-shadow:0px 0px 1em rgba(0,0,0,0.05);} #layout .list .meta{border-bottom:1px solid #f5f5f5;font-size:0.875em;line-height:2em;padding-bottom:6.77966102%;margin-bottom:5.93220339%;} #layout .list .meta li{width:37.28813559%;} #layout .list .meta li:last-child{width:25.42372881%;} #layout .list .meta .num{color:#333;font-weight:bold;line-height:1.125em;font-size:2em;} #layout .list .item:last-child .meta li{width:50%;} #partners{background:linear-gradient(#ffffff,#e5f2f9); padding:5% 0;display: none;} #partners .txt{text-align: center; padding-bottom: 5%} #partners .list{display: flex;flex-wrap: wrap; justify-content: center;} #partners .list li{width: 16.666%;padding: 1%} #partners .list figure{padding-bottom:57%; position: relative} #partners .list figure img{position:absolute; width: 100%; height: 100%; object-fit: contain; -o-object-fit: contain;mix-blend-mode: multiply } @media(max-width:1200px){ #partners .list li{width: 20%} } @media(max-width:768px){ #partners .list li{width: 33%} } /*integration*/ #integration{color:#fff;padding:18.02083333% 0 6.25%;margin-top:-13.80208333%;background:no-repeat center center;background-size:cover;} #integration .boxtitle{color:#fff;} #integration .entry{max-width:64.375em;margin:0 auto;} /*contact*/ #contact{padding:4.84375% 0 4.27083333%;} #contact .box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:1.875% 0;} /*contactlist*/ #contactlist{width:52.77777778%;} #contactlist .item{background-color:#fff;border:1px solid #ededed;border-left-width:3px;padding:6.57894737% 5.26315789% 6.18421053% 7.5%;margin-bottom:3.94736842%;} #contactlist .top{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;margin-bottom:4.24886191%;} #contactlist .name{line-height:1.66666667em;color:#000;width:calc(100% - 6.25em);} #contactlist p{padding:0.4552352% 0;} #contactlist span{display:table-cell;vertical-align:top;} #contactlist .title{width:2em;color:#666;} #contactlist .info{padding-left:1em;text-align:right;} .msgform .label{display:block;line-height:1.25em;margin-bottom:0.3125em;} .msgform .text{display:block;width:100%;background-color:#f5f5f5;height:3.125em;line-height:1.875em;border-radius:1.5625em;color:#333;padding:0.625em 1.25em;} .msgform .submit{background-color:#007bc8;color:#fff;display:block;width:100%;height:3.125em;border-radius:1.5625em;} /*contactform*/ #contactform{width:43.05555556%;position:relative;} #contactform .form{background-color:#fff;box-shadow:0px 0px 2.96875vw #e1e1e1;border-top:4px solid #f8f8f8;padding:9.35483871% 12.90322581% 9.67741935%;margin-bottom:4.83870968%;} #contactform .fixed{position:fixed;top:0;} #contactform .absolute{position:absolute;top:auto;left:0;bottom:0;} #contactform .title{text-align:center;color:#000;margin-bottom:7.82608696%;} #contactform .item{margin-bottom:5.33049041%;} #contactform .submit{margin-top:4.26439232%;} /*anchor*/ #anchor{position:fixed;right:2.34375%;top:50%;transform:translateY(-50%);z-index:88;color:#000;text-align:right; transition: 0.5s} #anchor li{padding:0.8125em 0;position:relative;} #anchor li:before,#anchor li:after{content:'';display:block;position:absolute;top:50%;} #anchor li:before{width:1px;height:calc(100% - 0.6875em);background-color:#333;margin-top:0.34375em;right:1em;} #anchor li:after{width:0.6875em;height:0.6875em;border:1px solid #333;border-radius:50%;transform:translateY(-50%);right:0.625em;} #anchor li:last-child:before{display:none;} #anchor a{display:inline-block;padding:0 2em 0 1.25em;height:2.125em;line-height:2.125em;border-radius:1.0625em;position:relative;z-index:2;transition:all 0.3s; overflow: hidden;} #anchor a:after{width:1.5em;height:1.5em;background:url(../images/anchor_icon.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:0.3125em;opacity:0;transition:all 0.3s;} #anchor .cur a{background-color:#017bc8;color:#fff;padding-right:2.5em;font-weight:bold;} #anchor .cur a:after{opacity:1;} #anchor.end{top:25%} @media(max-width:768px){ #anchor li:not(.cur) a{opacity: 0; width: 2.125em} #anchor li.cur a{position:absolute; position: absolute; right: 0; top: 0; bottom: 0; white-space: nowrap;} } /*equiptop*/ .equiptop{margin-bottom:4.16666667%;} .equiptop .entry{max-width:48.125em;margin:0 auto;text-align:center;color:#666;} /*pvscope*/ .pvscope{margin-bottom:4.6875%;} .pvscope .list{width:101.38888889%;} .pvscope .item{width:50%;padding-right:1.36986301%;padding-bottom:1.36986301%;} .pvscope .info{position:relative;overflow:hidden;} .pvscope .info:before{background-color:rgba(0,123,200,0.9);position:absolute;content:'';left:0;top:0;width:100%;height:100%;z-index:2;display:block;opacity:0;transition:all 0.3s;} .pvscope .img{padding-bottom:33.8028169%;} .pvscope .text{position:absolute;left:0;bottom:0;width:100%;color:#fff;z-index:3;padding:3.23943662% 4.22535211%;} .pvscope .title{font-size:1.375em;line-height:1.35em;} .pvscope .intro{margin-top:2.76923077%;display:none;} .pvscope .info:hover:before{opacity:1;} .pvscope .info:hover .intro{display:block;} /*pvimgtext*/ .pvimgtext{margin-bottom:5.98958333%;} .pvimgtext .inner{align-items:center;} .pvimgtext .text{width:50.76388889%;padding:0 4.86111111% 0 2.77777778%;} .pvimgtext .title{line-height:1.28571429em;margin-bottom:4.83091787%;} .pvimgtext .entry{color:#666;text-align:justify;} .pvimgtext .figure{width:49.23611111%;} /*graphic*/ .graphic{background-color:#f6fafd;margin-bottom:4.79166667%;padding:5.20833333% 0;} .graphic .inner{align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} .graphic .text{width:32.63888889%;} .graphic .title{line-height:1.28571429em;margin-bottom:4.83091787%;} .graphic .entry{color:#666;text-align:justify;margin-bottom:23.40425532%;} .graphic .data .num{font-size:1.5em;line-height:1.75em;font-weight:bold;} .graphic .figure{width:55.55555556%;} /*pvglass*/ .pvglass{position:relative;z-index:2;} .pvglass ul{background-color:#fff;padding:3.47222222% 0;} .pvglass li{width:25%;text-align:center;padding:2%;} .pvglass .icon{width:23.47883598%;margin:0 auto 6.61375661%;} .pvglass .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;} .pvglass .name{font-size:1.375em;line-height:1.81818182em;margin-bottom:0.22727273em;} .pvglass .intro{color:#666;} .pvglass .intro p{white-space:pre-line;} body .swiper-button-arrow{width:3.25em;height:3.25em;border:1px solid #e2e2e2;border-radius:50%;} body .swiper-button-arrow:after{content:'';width:18%;padding-bottom:34%;background:no-repeat center center;background-size:contain;} body .swiper-button-arrow:hover{background-color:#017bc8;border-color:#017bc8;} body .swiper-button-prev:after{background-image:url(../images/arrow_02_black.png);} body .swiper-button-prev:hover:after{background-image:url(../images/arrow_02_white.png);} body .swiper-button-next:after{background-image:url(../images/arrow_03_black.png);} body .swiper-button-next:hover:after{background-image:url(../images/arrow_03_white.png);} /*pvglassimgs*/ .pvglassimgs{background:no-repeat center center;background-size:cover;padding-top:11.45833333%;margin-top:-3.125%;margin:-3.125% 0 7.29166667%;} .pvglassimgs .inner{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} .pvglassimgs .item{width:49.30555556%;background-color:#fff;margin-top:1.38888889%;padding-top:2.56944444%;} .pvglassimgs .top{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0 5.63380282%;} .pvglassimgs .title{width:calc(100% - 4.5em);} .pvglassimgs .arrow{width:7.625em;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} .pvglassimgs .btm{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:flex-end;} .pvglassimgs .gallery{width:58.45070423%;} .pvglassimgs .img{padding-bottom:71.08433735%;background-size:contain;} .pvglassimgs .text{width:41.54929577%;padding:4.64788732% 2.81690141% 4.64788732% 5.63380282%;} .pvglassimgs .text h4{line-height:1.5em;} .pvglassimgs .page{color:#c3c3c3;line-height:1.875em;} .pvglassimgs .page .cur{font-size:1.5em;} .pvglassimgs .swiper-button-arrow{position:relative;top:auto;left:auto;right:auto;margin-top:0;} /*pvIntro*/ .pvIntro{height:100vh;position:relative;background:no-repeat center center;background-size:cover;color:#fff;margin-bottom:4.79166667%;} .pvIntro .img{height:100vh;animation:scale 2s linear 0s;} .pvIntro .img.wap{display: none} .pvIntro .text{position:absolute;top:19.47916667vh;left:0;width:100%;text-align:center; z-index: 3;} .pvIntro .name{font-size:3em;line-height:1.5em;} .pvIntro .intro{margin-top:1.38888889%;} .pvIntro video {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 2;} /*pvCon*/ .pvCon {position: relative;padding-top: 4.79166667%;background-color: #fff;} /*pvleader*/ .pvleader{background-color:#f6fafd;padding-top:2.86458333%;margin-bottom:5.83333333%;overflow: hidden;} .pvleader .inner{max-width:105em;background-color:#f6fafd;background-image:linear-gradient(0deg,#feffff,#f6fafd 15%);border-radius:0 0 2.5em 2.5em;position:relative;z-index:2;} .pvleader .cover{margin-top:-2.08333333%;} .pvleader .cover .img{padding-bottom:31.25%;background-size: 100%} @media(max-width:750px){ .pvIntro .img.pc{display: none} .pvIntro .img.wap{display:block} } /*pvleaderlist*/ .pvleaderlist{text-align:center;background-color:#fff;max-width:90em;margin:0 auto;} .pvleaderlist .info{position:relative;height:100%;min-height:22.5em;align-items:center;justify-content:center;padding:8.33333333% 11.11111111%;overflow:hidden;} .pvleaderlist .box{width:100%;} .pvleaderlist .icon{width:25%;margin:0 auto 9.64285714%;} .pvleaderlist .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;} .pvleaderlist .title{margin-bottom:1.42857143%;} .pvleaderlist .excerpt{color:#666;} /*.pvleaderlist .excerpt p{white-space:pre-line;}*/ .pvleaderlist .entry{text-align:justify;text-align-last:text;display:none;margin-top:7.85714286%;} .pvleaderlist .info:hover{color:#fff;background-color:#017bc8;} .pvleaderlist .info:hover .icon{display:none;} .pvleaderlist .info:hover .entry{display:-webkit-box;} .pvleaderlist .info:hover .excerpt{color:#fff;} .pvleaderlist .swiper-pagination{display:none;} /*pvleaderslide*/ .pvleaderslide{position:relative;margin-bottom:-21.42857143%;} .pvleaderslide:before{padding-bottom:57.02380952%;background:url(../images/semiarc.png) no-repeat center top;background-size:contain;display:block;content:'';} .pvleaderslide .img{padding-bottom:115%;} .pvleaderslide .swiperpc{position:absolute;left:0;top:0;width:100%;overflow:visible;text-align:center;} .pvleaderslide .swiperpc .icon{width:1.75em;height:1.75em;background:url(../images/icon_01.png) no-repeat 0 0;background-size:100% auto;cursor:pointer;margin:0 auto 0.89285714%;transition:margin 1s;} .pvleaderslide .swiperpc .info{text-align:center;width:53%;margin:0 auto;} .pvleaderslide .swiperpc .title{margin-bottom:15.2027027%;} .pvleaderslide .swiperpc .name{margin-bottom:2.02702703%;color:#666;font-size:1.125em;font-weight:normal;transition:all 1s;} .pvleaderslide .swiperpc .alias{font-size:1em;color:#666;font-weight:normal;opacity:0;transition:all 0.5s;} .pvleaderslide .swiperpc .figure{opacity:0;} .pvleaderslide .swiperpc .swiper-slide .box{opacity:0;transition:all 0.3s;visibility:hidden;} .pvleaderslide .swiperpc .swiper-slide-visible .box{opacity:1;visibility:visible;} .pvleaderslide .swiperpc .cur .icon{background-position:0 100%;margin-bottom:8.03571429%;} .pvleaderslide .swiperpc .cur .alias{display:block;opacity:1;} .pvleaderslide .swiperpc .cur .name{font-size:1.75em;font-weight:bold;line-height:1.35em;color:#333;} .pvleaderslide .swiperpc .cur .figure{opacity:1;} .pvleaderslide .swiperpc .swiper-slide-prev .info{float:right;text-align:left;} .pvleaderslide .swiperpc .swiper-slide-next .info{float:left;text-align:right;} .pvleaderslide .swiperpc .swiper-slide-prev .icon, .pvleaderslide .swiperpc .swiper-slide-next .icon{ border: solid 1px #ced7df; background: #fff; width: 50px; height: 50px; border-radius: 100%; position: relative} .pvleaderslide .swiperpc .swiper-slide-prev .icon:after, .pvleaderslide .swiperpc .swiper-slide-next .icon:after{ left: 0; width: 100%; height: 100%;line-height: 48px; position: absolute; font-family: swiper-icons;font-size: 20px;} .pvleaderslide .swiperpc .swiper-slide-prev .icon:after{content: 'prev';} .pvleaderslide .swiperpc .swiper-slide-next .icon:after{content: 'next';} .pvleaderslide .swiperpc .swiper-slide-prev .icon:hover, .pvleaderslide .swiperpc .swiper-slide-next .icon:hover{background: #007cc6; border-color: #007cc6} .pvleaderslide .swiperpc .swiper-slide-prev .icon:hover:after, .pvleaderslide .swiperpc .swiper-slide-next .icon:hover:after{color: #fff} .pvleaderslide .swiperwap{display:none;} /*pvsolution*/ .pvsolution{overflow:hidden;padding-bottom:5.20833333%;position:relative;} .pvsolution:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;padding-bottom:17.96875%;background-color:#f6fafd;} .pvsolution .boxtitle{margin-bottom:3.54166667%;position:relative;z-index:2;} .pvsolution .list{width:103.125%;position:relative;z-index:2;margin-bottom:0.34722222%;} .pvsolution .item{width:33.333%;padding-right:3.03030303%;padding-bottom:3.03030303%;} .pvsolution .img{padding-bottom:56.22222222%;} .pvsolution .text{padding:5.55555556% 5.55555556%;} .pvsolution .title{font-size:1.375em;line-height:1.35em;margin-bottom:1.25%;} .pvsolution .excerpt{line-height:1.875em;color:#000;height:3.75em;-webkit-line-clamp:2;} .pvsolution .item a{display:block;overflow:hidden;background-color:#fff;position:relative;height:100%;} .pvsolution .item a:hover .img{transform:scale(1.05);} .pvsolution .readmore .span{margin:0 auto;} /*pvtechnique*/ .pvtechnique{background-color:#f1f6fa;position:relative;padding:4.94791667% 0 5.20833333%;margin-bottom:4.94791667%;} .pvtechnique:before{width:50%;height:100%;background-color:#f6fafd;content:'';display:block;position:absolute;left:0;top:0;} .pvtechnique .inner{position:relative;z-index:2;} .pvtechnique .top{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:4.16666667%;} .pvtechnique .left{width:38.19444444%;} .pvtechnique .boxtitle{text-align:left;} .pvtechnique .right{width:59.02777778%;} .pvtechnique .right ul{justify-content:flex-end;} .pvtechnique .right li{color:#999;font-size:1.125em;margin-left:3.29411765%;cursor:pointer;position:relative;padding-bottom:1.29411765%;margin-bottom:1.29411765%;} .pvtechnique .right li:after{content:'';display:block;position:absolute;left:0;bottom:0;height:2px;background-color:#017bc8;width:100%;opacity:0;} .pvtechnique .right li:first-child{margin-left:0;} .pvtechnique .right li:hover{color:#333;} .pvtechnique .right .cur{font-weight:bold;color:#333;} .pvtechnique .right .cur:after{opacity:1;} .pvtechnique .btm{background-color:#fff;} .pvtechnique .text{width:50%;padding:5.20833333% 4.16666667% 11.11111111% 4.16666667%;} .pvtechnique .figure{width:50%;} .pvtechnique .img{padding-bottom:56.11111111%;} .pvtechnique .title{margin-bottom:4.33333333%;} .pvtechnique .intro{line-height:1.875em;max-width:25.625em;} .pvtechnique .swiper-pagination{width:auto;left:4.16666667%;color:#c3c3c3;bottom:0;margin-bottom:4.86111111%;} .pvtechnique .swiper-pagination-current{font-size:1.5em;} /*pvadvantage*/ .pvadvantage{background:url(../images/bg_01.png) no-repeat center bottom #fff;background-size:100% auto;padding-top: 4.79166667%;padding-bottom:6.51041667%;overflow:hidden;position: relative;} .pvadvantage .list{margin-bottom:10.41666667%;} .pvadvantage ul{justify-content:space-evenly;padding:0 3.47222222%;} .pvadvantage li{text-align:center;padding:0.625em;} .pvadvantage li .icon{width:4.4375em;margin:0 auto 1.5625em;} .pvadvantage li .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;} .pvadvantage li h3{font-size:1.375em;line-height:1.35em;} .pvadvantage .elliptic{background:url(../images/elliptic.png) no-repeat center bottom;background-size:100% auto;padding-bottom:33.33333333%;position:relative;} .pvadvantage .elliptic .item{width:28.05555556%;} .pvadvantage .elliptic .info{transform:translateY(0);transition:transform 2s linear 0s;} .pvadvantage .elliptic .pic{padding-bottom:91.58415842%;overflow:hidden;position:relative;margin-bottom:8.66336634%;} .pvadvantage .elliptic .pic img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;} .pvadvantage .elliptic .box{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:flex-end;} .pvadvantage .elliptic .cur .info{transform:translateY(-20%);} .pvadvantage .elliptic .cur .title{opacity:1;} .pvadvantage #carousel{position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:2;} .pvadvantage .title{text-align:center;line-height:1.35em;opacity:0;transition:opacity 2s;} .pvadvantage .arrow-pagenavi{position:absolute;left:50%;bottom:0;width:10.25em;margin-left:-5.125em;transform:translateY(50%);z-index:5;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} .pvadvantage .arrow-pagenavi .swiper-button-arrow{background-color:#fff;border-color:#555;position:relative;right:auto;margin-top:0;} .pvadvantage .arrow-pagenavi .swiper-button-arrow:hover{background: #007cc6; border-color: #007cc6} .pvadvantage .swiper{display:none;} .anniversary .title{font-size:3em;font-family:'Jiangxizhuokai';line-height:1.25em;color:#ae8257;} /*autograph*/ #autograph{background: no-repeat center center;background-size:100%;padding:4.6875% 0;} #autograph .box{width:52.5625em;margin:0 auto;max-width:100%;position:relative;} #autograph .frame{width:32.0625em;background:#fff url(../images/autograph_box.png) no-repeat center center;background-size:100% 100%;margin:0 auto;max-width:100%;} #autograph .frame:before{padding-bottom:162.76803119%;display:block;content:'';} #autograph .info{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);z-index:2;} #autograph .hgroup{width:45.1843044%;margin:0 auto;text-align:center;margin-bottom:2.97265161%;} #autograph .title{margin-bottom:2.10526316%; font-weight: normal} #autograph .alias{color:#cdc1a6;font-size:0.6875em;line-height:1.45454545em;padding:0 1em;} #autograph .album{box-shadow:0px 0px 1em rgba(60,64,66,0.5);margin-bottom:4.75624257%;} #autograph .album i{padding-bottom:49.46492271%;background:no-repeat center center;background-size:cover;display:block;} #autograph .download a{display:block;width:10.625em;height:3.125em;text-align:center;color:#017bc8;border:1px solid #017bc8;border-radius:1.5625em;margin:0 auto;line-height:3.0625em;} #autograph .download i{font-style:normal;display:inline-block;background:url(../images/arrow_05_blue.png) no-repeat left center;background-size:1em auto;padding-left:1.6875em;} #autograph .download a:hover{background-color:#017bc8;color:#fff;} #autograph .download a:hover i{background-image:url(../images/arrow_05_white.png);} /*starting*/ #starting{background:#f5f2ee url(../images/starting.jpg) no-repeat center bottom;background-size:98.07291667% auto;padding:12.5% 0 15.88541667%;position:relative;overflow:hidden;} #starting .text{position:relative;z-index:2;} #starting .logo{max-width:30.4375em;margin:0 auto 4.51388889%;} #starting .logo i{padding-bottom:11.90965092%;background:no-repeat center center;background-size:contain;display:block;} #starting .title{max-width:12.97916667em;margin:0 auto 1.875%; font-weight: normal;} #starting .entry{max-width:41.25em;margin:0 auto;line-height:1.875em;text-align:justify;text-align-last:center;} #starting .gallery .figure{width:26.04166667%;position:absolute;} #starting .gallery .figure:nth-child(1){left:0;top:0;margin-top:5.20833333%;} #starting .gallery .figure:nth-child(2){left:69.27083333%;top:0;width:15.625%;margin-top:5.20833333%;} #starting .gallery .figure:nth-child(3){left:18.75%;bottom:0;width:12.55208333%;margin-bottom:9.375%;} #starting .gallery .figure:nth-child(4){left:62.39583333%;bottom:0;width:10.41666667%;margin-bottom:5.20833333%;} #starting .gallery .figure:nth-child(5){left:81.61458333%;bottom:0;margin-bottom:5.20833333%;} #starting .gallery .img{padding-bottom:66.8%;} #starting .gallery .img:hover{transform:scale(1.05);} /**/ #mingyang{background:#fff url(../images/culture.png) no-repeat center bottom;background-size:100% auto;padding:8.07291667% 0 5.46875%;} #mingyang .title{text-align:center; font-weight: normal} #mingyang .inner{width:auto;max-width:100%;} #mingyang .box{margin:0 -10%;} #mingyang .info{display:block;} #mingyang .img{padding-bottom:66.53846154%;} #mingyang .text{background-color:#fff;padding:6.73076923% 7.69230769%;display:none;} #mingyang .name{font-size:1.375em;line-height:1.36363636em;margin-bottom:1.81818182%;} #mingyang .swiper{padding:2.5% 0;margin:0 -5%;overflow:visible;perspective:3000px;} #mingyang .swiper-slide{transition:opacity 0.05s;opacity:0.7;transition:all 0.05s;} #mingyang .swiper-slide-active{opacity:1;} #mingyang .swiper-slide-active .text{display:block;} #mingyang .swiper-button-arrow{border-color:#373737;margin-top:0;top:70%;width:3.125em;height:3.125em;} #mingyang .swiper-button-arrow:hover{border-color:#017bc8;} #mingyang .swiper-button-prev{left:36.5%;} #mingyang .swiper-button-next{right:36.4%;} /*bottom*/ #bottom{position:absolute;left:0;bottom:0;width:100%;color:rgba(255,255,255,0.6);z-index:101;padding:0 4.16666667%;} #bottom a{color:rgba(255,255,255,0.6);} #bottom a:hover{color:#fff;} #bottom #footbtm{padding:0.625em 0;} #bottom #pagelist li{padding-left:1.25em;} #bottom #pagelist li:before{left:0.5625em;} #bottom #pagelist li:first-child{padding-left:0;} /*indexmenu*/ #indexmenu{position:absolute;left:50%;transform:translateX(-50%);bottom:1.875em;color:#fff;z-index:1000;} #indexmenu ul{align-items:center;height:1.6875em;} #indexmenu li{position:relative;padding-right:2.5em;transition:all 0.3s;cursor:pointer;} #indexmenu li:before{width:2.5em;background-color:rgba(255,255,255,0.3);height:1px;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all 0.2s;} #indexmenu li:last-child{padding-right:0;} #indexmenu li:last-child:before{display:none;} #indexmenu .dot{width:0.5625em;height:0.5625em;border-radius:50%;border:1px solid rgba(255,255,255,0.3);display:block;} #indexmenu .name{display:block;position:absolute;bottom:100%;right:50%;transform:translateX(50%);margin-right:1.25em;white-space:nowrap;visibility:hidden;opacity:0;font-size:0.875em;transition:all 0.3s;} #indexmenu .cur{padding-right:1.875em;} #indexmenu .cur:before{width:1.875em;} #indexmenu .cur .name{opacity:1;visibility:visible;} #indexmenu .cur .dot{width:1.6875em;height:1.6875em;border-color:#fff;background:url(../images/indexmenu.svg) no-repeat center center;background-size:64% auto;} /*indexpage*/ #indexpage{height:100vh;background:no-repeat center center;background-size:cover;color:#fff;} #indexpage .item{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;} #indexpage .itemcur{z-index:99;} #indexpage .figure{width:100vw;height:100vh;position:absolute;left:0;top:0;z-index:1;} #indexpage .img{height:100%;} #indexpage .wap{display:none;} #indexpage .inner{position:relative;height:100vh;z-index:2;} #indexpage .text{position:absolute;left:0;top:36.97916667vh;max-width:80%;} #indexpage .title{font-size:3.5em;line-height:1.35em;margin-bottom:0.17857143em;} #indexpage .readmore{position:absolute;left:0;bottom:25vh;} #indexpage .video{position:absolute;left:0;top:0;width:100%;height:100%;} #indexpage video{width:100%;height:100%;object-fit:cover;display:block;} @media only screen and (max-width:1536px){ #header{padding:0 3.125%;} } @media only screen and (max-width:1280px){ body{font-size:12px;} /*1280px*/ #indexpage .title{font-size:2.8125vw;} } @media only screen and (max-width:1024px){ /*1024px*/ .fz18{font-size:15px;} .fz28{font-size:2.1vw;;} .fz24{font-size:2.2vw;} .fz32{font-size:2.5vw;} .fz36{font-size:2.63671875vw;} .fz40{font-size:3.8vw;} .fz48{font-size:3.9vw;} .fz60{font-size:4vw;} /*1024px*/ #site{width:13.33333333em;} /*1024px*/ #menu{width:65%;} /*1024px*/ #header{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-top:1em;padding-bottom:1em;} /*1024px*/ #logo{display:block;width:165px;} /*1024px*/ #thirty{display:block;padding-right:0;} #thirty img{margin:0 auto;} /*1024px*/ #button{display:block;width:11em;position:static;} /*1024px*/ #search .input{right:3.125%;transform:none;} /*1024*/ #navbtn{position:relative;cursor:pointer;width:1.25em;height:1em;transition:all 0.3s;display:block;z-index:10;} #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:2px;background-color:#fff;display:block;position:absolute;left:50%;margin-left:-0.57142857em;border-radius:1px;transition:all 0.3s;content:'';} #navbtn:before{top:0;} #navbtn:after{bottom:0;} #navbtn i{top:50%;transform:translateY(-50%);} #navbtn.active:before{transform:rotate(45deg);top:50%;background-color:#333;} #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;background-color:#333;} #navbtn.active i{opacity:0;} /*1024px*/ #navi{position:fixed;width:100%;height:100%;background-color:rgba(240,242,247,0.9);z-index:9;left:0;top:0;display:none;} #navi .menu{position:fixed;right:0;top:61.5px;width:80%;max-width:300px;background-color:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100% - 61.5px);display:block;padding:3.5vh;transform:translateX(100%);transition:transform 0.2s;box-shadow:0px 0.05em 1.05em rgba(0,0,0,0.1);border-top-left-radius:5px;} #navi.active .menu{transform:translateX(0);} #navi .parent > a{color:#333;padding:0.5em 0;} #navi .parent > a:after{display:none;} #navi .static{position:relative;} #navi em{display:block;position:absolute;right:-3.5vh;width:2.9em;height:2.9em;z-index:2;top:0;cursor:pointer;} #navi em:after{width:0.40909091em;height:0.40909091em;border-right:0.09090909em solid #333;border-bottom:0.09090909em solid #333;content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-4px 0 0 -5px;transition:all 0.3s;} #navi .on > em:after{border-right-color:#017bc8;border-bottom-color:#017bc8;transform:rotate(45deg);} #navi .drop{position:static;background-color:transparent;border-top:none;} #navi .dot a{padding:0.25em 0;white-space:normal;color:#333;} #navi .sub{min-width:0;transform:none;left:auto;padding:0.5em 0;} #navi .sub li{margin-left:1.5em;line-height:2em;font-size:1em;} #navi .static{position:relative;} #navi .column{overflow:visible;padding-left:1.5em;} #navi .column .dot{margin-bottom:0;} #navi .inner{width:auto;} #navi .list{display:block;width:auto;} #navi .item{width:auto;padding:0;margin-bottom:2%;} #navi .item .drop{display:none;} #navi .name{line-height:2.33333333em;margin-bottom:3%;} #navi .intro{margin-bottom:3%;} /*1024px*/ #newstop .excerpt{margin-bottom:15%;} /*1024px*/ #picture .item{width:50%;} /*1024px*/ #affairs .text{padding:1.5em 2em;} #affairs .name{padding-bottom:1em;margin-bottom:1em;} /*1024px*/ #announcement .title{padding-right:3.5%;} /*1024px*/ #stockinfo .info{display:block;} #stockinfo .stock{width:auto;margin-bottom:2.5%;} #stockinfo .meta{width:auto;} /*1024px*/ #about .entry h3{font-size:2.05078125vw;} /*1024px*/ #contact .box{display:block;} /*1024px*/ #contactlist{width:auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} #contactlist .item{width:48.5%;padding:3.5%;} /*1024px*/ #contactform{width:auto;} #contactform .form{padding:3.5%;} #contactform .fixed,#contactform .absolute{position:static;left:auto;top:auto;bottom:auto; width: 100% !important;} #contactform .title{margin-bottom:3.5%;} #contactform .item{margin-bottom:2.5%;} #contactform .submit{margin-top:1%;} /*1024px*/ .pvleaderlist .swiper-pagination{display:block;} /*1024px*/ #indexpage .title{font-size:28px;} /*1024px*/ .pvleaderslide{padding-top:5%;margin-bottom:0;} .pvleaderslide:before{display:none;} .pvleaderslide .equiptop{margin-bottom:5.5%;} .pvleaderslide .swiperpc{display:none;} .pvleaderslide .swiperwap{display:block;text-align:center;margin-bottom:5%;} .pvleaderslide .figure{margin-bottom:5%;padding:0 5%;} .pvleaderslide .name{font-size:1.35em;line-height:1.5em;margin-bottom:0.25em;} .pvleaderslide .alias{font-size:1.25em;font-weight:normal;line-height:1.35em;color:#666;} /*1024px*/ #mingyang .swiper-button-prev{left:27%;} #mingyang .swiper-button-next{right:27%;} } @media only screen and (max-width:768px){ body{font-size:14px;} .fz24{font-size:20px;} .fz28{font-size:22px;} .fz32{font-size:22px;} .fz36{font-size:22px;} .fz40{font-size:22px;} .fz60{font-size:24px;} /*768px*/ #footbtm{display:block;padding:1em 0; line-height:20px} /*768px*/ #pagelist ul{justify-content:center;} /*768px*/ #copyright{text-align:center;} #foottop{padding:5% 0;} /*768px*/ #menu{display:none;} /*768px*/ #site{width:100%;} #site .logo{margin:0 auto 1.5em;width:30.55555556%;min-width:160px;} /*768px*/ #social ul{justify-content:center;} /*768px*/ #other{margin:0 auto;} #other span{height:2.8em;line-height:2.8em;} /*768px*/ #banner .name{font-size:2em;} /*768px*/ #wrapper{padding:7% 0 8%;} /*768px*/ #category{font-size:1em;margin-bottom:5%;} #category a{padding:0 1em;} /*768px*/ #pagenavi a{margin:0.3em;height:2.8em;min-width:2.8em;line-height:2.8em;} /*768px*/ #header{padding-top:0.875em;padding-bottom:0.875em;} /*768px*/ #logo{width:130px;} /*768px*/ #search .input{right:0;width:100%;background-color:#f9f9f9;} /*768px*/ #thirty{width:110px;} #thirty img{height:20px;} /*768px*/ #button{width:7em;} /*768px*/ #navi .menu{top:54px;height:calc(100% - 54px);} #navi .item em{width:2.32142857em;height:2.32142857em;} #navi .name{font-size:1em;} /*768px*/ .newsitem{margin-bottom:6%;} .newsitem .text{display:block;padding-right:0;margin-bottom:5%;} .newsitem .title{margin-bottom:2.5%;font-size:1.125em;} .newsitem .box{border-bottom:none;padding:0;} .newsitem .pic{display:block;width:auto;} .newsitem a{display:block;} /*768px*/ .readmore .span{width:7.5em;height:2.71428571em;line-height:2.57142857em;} .readmore .span:before{width:1.28571429em;height:0.35714286em;} /*768px*/ #newstop{margin-bottom:7%;} #newstop .figure{width:auto;display:block;} #newstop .text{display:block;padding:7%;} #newstop .title{margin-bottom:2.5%;font-size:1.125em;} #newstop .excerpt{margin-bottom:5%;} #newstop a{display:block;} /*768px*/ .button .span{width:6.42857143em;height:2.71428571em;line-height:2.57142857em;} /*768px*/ #manual{padding-bottom:7%;} #manual:before{padding-bottom:60%;} #manual .info{width:88%;} #manual .figure{margin-bottom:5%;} #manual .title{font-size:1.35em;margin-bottom:3.5%;} /*768px*/ .videoitem{margin-bottom:6%;} .videoitem .img{padding-bottom:75%;} .videoitem .text{width:60%;} .videoitem .play{width:1.78571429em;} .videoitem .title{font-size:1.5em;} /*768px*/ #picture .list{width:auto;display:block;} #picture .item{width:auto;padding-right:0;padding-bottom:5%;} #picture .figure{margin-bottom:3%;} #picture .title{margin-bottom:3.5%;font-size:1.35em;} #picture .button .circle{width:2.71428571em;} /*768px*/ #pagepd #category{padding:1.5em 0 1.35714286em;} /*768px*/ #speech{display:block;padding:7% 0 8%;} #speech .figure{width:auto;} #speech .text{width:auto;margin-bottom:7%;} /*768px*/ #esgreport{padding:12% 0;} #esgreport .text{position:static;transform:none;} #esgreport .title{margin-bottom:5%;} #esgreport .entry{width:auto;min-height:auto;margin-bottom:8%;} /*768px*/ #affairs ul{width:auto;} #affairs li{float:none;width:auto;padding-right:0;} #affairs .text{padding:1em 1.5em;} #affairs .name{padding-bottom:0.75em;margin-bottom:0.75em;} #affairs li:nth-child(n+1){width:auto;} #affairs li:nth-child(n+1) .img{padding-bottom:72.09302326%;} #affairs li:nth-child(n+1) .intro{font-size:1.125em;} /*768px*/ #submenu li{padding:0 2.34375vw;} #submenu a{padding:2.62044271vw 0;} /*768px*/ #performance{padding:5% 0 7%;} #performance .title{font-size: 14px; font-weight: normal} #performance .list{margin-bottom:5%;} #performance .item{font-size:11px;padding:4% 0;} #performance .btn{width:4.5em;} /*768px*/ #announcement{margin-bottom:5%;} #announcement .info{display:block;padding:5% 0;} #announcement .title{display:block;padding:0;width:auto;margin-bottom:2.5%;font-size:1.25em;} #announcement .intro{display:block;} /*768px*/ #stockinfo{padding:5%;} #stockinfo .warning{line-height:1.75em;margin-top:0;} #stockinfo .stock .price{font-size:1.28571429em;} #stockinfo .meta ul{justify-content:flex-start;width:107.71604938%;} #stockinfo .meta li{width: 25%; padding-right:0;padding-bottom:3%;} #stockinfo .meta li.take, #stockinfo .meta li.volume, #stockinfo .meta li.average{width: 33.333%} #stockinfo .meta .num{font-size:1.5em;} /*768px*/ #stocktrend{display:block;padding:5%;width:auto;} #stocktrend .trend{width:auto;margin-bottom:5%;} #stocktrend .cover{width:auto;} #stocktrend .cover .figure{width:auto;} /*768px*/ .boxtitle{margin-bottom:5%;} /*768px*/ #about{padding:7% 0;} #about .entry h3{font-size:16px;} /*768px*/ #culture{padding:10% 0;} #culture .entry ul{display:block;} #culture .entry li{width:auto;} /*768px*/ #talent{padding:8% 0 7%;} #talent .list{display:block;} #talent .item{width:auto;padding:7%;} #talent .item .readmore figure{top: auto; width: 120px; height: 120px;} /*768px*/ #layout .map{font-size:12px;} #layout .map .name{padding:0.35em 1em;} #layout .list{display:block;} #layout .list .item{width:auto;margin-bottom:2%;} #layout .list .info{padding:5%;} #layout .list .meta{padding-bottom:4.5%;margin-bottom:4%;} /*768px*/ #integration{padding:20% 0 8%;} /*768px*/ #contact{padding:8% 0;} /*768px*/ #contactlist{display:block;overflow:hidden;margin-bottom:2%;} #contactlist .item{width:auto;padding:6%;} #contactlist .name{width:calc(100% - 7.5em);} /*768px*/ #contactform .form{padding:2%;} #contactform .title{margin-bottom:5%;} #contactform .item{margin-bottom:5%;} #contactform .label{margin-bottom:2%;} #contactform .submit{margin-top:2%;} /*768px*/ .pvscope .list{display:block;width:auto;} .pvscope .item{width:auto;padding-right:0;} .pvscope .title{font-size:1.125em;} .pvscope .intro{margin-top:2%;} .pvscope .img{padding-bottom:50%;} /*768px*/ .pvimgtext{margin-bottom:8%;} .pvimgtext .inner{display:block;} .pvimgtext .text{width:auto;padding:0;margin-bottom:5%;} .pvimgtext .title{margin-bottom:2.5%;} .pvimgtext .figure{width:auto;} /*768px*/ .graphic{padding:8% 0;margin-bottom:8%;} .graphic .inner{display:block;} .graphic .text{width:auto;margin-bottom:5%;} .graphic .title{margin-bottom:2.5%;} .graphic .entry{margin-bottom:3.5%;} .graphic .figure{width:auto;} /*768px*/ .pvglass li{width:50%;padding:2.5% 1%;} .pvglass .icon{margin-bottom:5%;width:35%;} .pvglass .intro p{white-space:normal;} .pvglass .name{font-size: 16px} /*768px*/ body .swiper-button-arrow{width:2.25em;height:2.25em;} /*768px*/ .pvglassimgs .inner{display:block;} .pvglassimgs .item{width:auto;padding-top:5%;margin-top:5%;} .pvglassimgs .arrow{width:5.25em;} /*768px*/ .pvIntro{margin-bottom:7%;} .pvIntro .name{font-size:2em;} /*768px*/ .pvleader{padding-top:7%;} /*768px*/ .pvsolution{padding-bottom:7%;} .pvsolution:before{padding-bottom:123.69791667vw;} .pvsolution .boxtitle{margin-bottom:5%;} .pvsolution .list{margin-bottom:2%;} .pvsolution .item{width:100%;padding-bottom:5%;} /*768px*/ .pvtechnique{padding:7% 0 8%;} .pvtechnique .top{display:block;} .pvtechnique .left{width:auto;margin-bottom:5%;} .pvtechnique .boxtitle{margin-bottom:3%;} .pvtechnique .right{width:auto;} .pvtechnique .right ul{justify-content:flex-start;} .pvtechnique .right li{font-size:1em;margin-left:0;margin-right:5%;} .pvtechnique .info{display:block;} .pvtechnique .text{width:auto;padding:6%;} .pvtechnique .title{margin-bottom:2.5%;} .pvtechnique .figure{width:auto;} .pvtechnique .swiper-pagination{margin-bottom:2%;} /*768px*/ .pvadvantage{padding-bottom:8%;} .pvadvantage ul{padding:0;} .pvadvantage li{font-size:11px;} .pvadvantage li .icon{width:4em;} .pvadvantage .elliptic{display:none;} .pvadvantage .swiper{display:block;width:60%;margin:0 auto;overflow:visible;} .pvadvantage .swiper .swiper-button-prev{left:auto;right:105%;} .pvadvantage .swiper .swiper-button-next{right:auto;left:105%;} .pvadvantage .figure{margin-bottom:1em;} .pvadvantage .img{padding-bottom:91.58415842%;background-size:contain;} .pvadvantage .swiper-slide-active .title{opacity:1;} /*768px*/ .anniversary .title{font-size:5.46875vw;} /*768px*/ #autograph{padding:10% 0;} #autograph .frame{width:70.98765432%;} #autograph .hgroup{width:52%;} #autograph .title{padding:0 0.5em;} #autograph .alias{padding:0;} #autograph .download{font-size:12px;} /*768px*/ #starting .logo,#starting .title,#starting .entry{margin-bottom:6%;} #starting .gallery{display:flex;flex-wrap:wrap;} #starting .gallery .figure{position:relative;} #starting .gallery .figure:nth-child(n+1){left:auto;top:auto;bottom:auto;right:auto;margin:0;width:33.33%;} #starting .gallery .figure:nth-child(-n+2){width:50%;} /*768px*/ #indexpage .pc{display:none;} #indexpage .wap{display:block;} #indexpage .text{top:20vh; max-width: inherit} #indexpage .title{font-size:30px; padding-bottom: 4%} #indexpage .readmore{bottom:40vh;} /*768px*/ #indexmenu{bottom:20vh;} /*768px*/ .pvleader{margin-top:7%;} /*768px*/ .pvleaderslide .swiperwap{width:60%;margin:0 auto 7%;overflow:visible;} .pvleaderslide .figure{margin-bottom:7%;} .pvleaderslide .name{font-size:1.25em;} .pvleaderslide .alias{font-size:1em;} /*768px*/ #mingyang{padding:8% 0;} #mingyang .inner{width:93.75%;} #mingyang .title{margin-bottom:5%;} #mingyang .box{margin:0;} #mingyang .swiper{overflow:hidden;margin:0;perspective:none;} #mingyang .swiper-slide{transform:none!important;opacity:1;} #mingyang .swiper-button-arrow{top:50%;transform:translateY(-50%);width:2.25em;height:2.25em;} #mingyang .swiper-button-prev{left:3.125%;} #mingyang .swiper-button-next{right:3.125%;} /*768px*/ #team .list{width: 100%; justify-content: space-between} #team .item{width:48%;padding:0;margin-bottom:7%;} #team .info{justify-content:center;padding-bottom:5%;} #team .figure{margin-bottom:5%;} #team .text{text-align:center;} #team .meta{min-height:0;} } @media only screen and (max-width:540px){ /*540px*/ #person .info{display:block;} #person .close{background-color:#fff;border-radius:50%;background-size:50%;} #person .figure{display:block;width:auto;} #person .text{padding:6%;} #person .intro{padding-bottom:0;} } body.show_gray #header{position: relative; box-shadow:0 0 27px rgba(0,0,0,0.1)} .article_details.have_hot{display: flex;flex-wrap: wrap; justify-content: space-between} .article_details.have_hot .details{width: calc(100% - 330px - 5%); max-width: 950px} .article_details .title h1{color: #000000; font-weight: normal; padding: 0; margin: 0; line-height:1.8;} .article_details .title dl{padding-top:1%; padding-bottom:2%} .article_details .title dl span{display: inline-block} .article_details .title dl span.time:not(:last-child){padding-right: 46px} .article_details .article{padding: 4% 0; color: #666666; line-height:2; border-top: solid 1px #ededed; border-bottom: solid 1px #ededed} .article_details .article img{height: auto!important} .article_details .other{padding: 4% 0; display:flex; justify-content: space-between} .article_details .list{width: 70%} .article_details .list p{padding: 5px 0;} .article_details .list i{font-style: normal; padding-right: 10px;} .article_details .back a{display:block;width:8.75em;height:3.125em;color:#017bc8;border-radius:1.5625em;position:relative;border:1px solid rgba(0,123,200,0.3);text-align:right;line-height:3em;padding:0 1.25em;transition:all 0.3s;} .article_details .back a:before{width:1.5625em;height:0.4375em;background:url(../images/arrow_04_blue.png) no-repeat right center;background-size:contain;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:-0.5em;transition:all 0.3s;} .article_details .back a:hover{padding-right:1.75em;} .article_details .back a:hover:before{left:0.5em;} .article_details .hot_list{width: 330px;} .article_details .hot_list h3, .article_details .hot_list h4{ padding: 0 ; margin: 0; font-weight: normal} .article_details .hot_list h3{ font-size: 1.5em;} .article_details .hot_list h4{font-size: 1.125em;} .article_details .hot_list ul{padding: 5% 0} .article_details .hot_list li{padding: 2% 0} .article_details .hot_list .pic img{width: 100%} .article_details .hot_list .txt{padding: 4% 0} .article_details .hot_list .txt time{ color: #666666} @media (max-width:1200px){ .article_details.have_hot .details{width: calc(100% - 260px - 5%);} .article_details .hot_list{width: 260px;} } @media (max-width:640px){ .article_details.have_hot .details{width: 100%} .article_details .title dl span.time:not(:last-child){padding-right: 26px} .article_details .other{display: block} .article_details .list{width: 100%; padding-bottom:5%} .article_details .back a{margin: auto} .article_details .hot_list{width: 100%;padding-top: 4%} .article_details .hot_list h3{font-size: 1.125em;} .article_details .hot_list h3:after{content: ''; display: block; width: 16%; height: 3px; background: #017bc8} .article_details .hot_list li{border-bottom: solid 1px #ededed} .article_details .hot_list .pic{display: none} .article_details .hot_list .txt{padding: 0; display: flex; } .article_details .hot_list h4{font-size: 14px;} .article_details .hot_list .txt time{padding-left: 10px;} } #searchlist{padding-bottom: 3%} #searchlist li{ padding: 2% 0 2% 20px; font-size: 1.125em; border-bottom: solid 1px #ededed; background: url(../images/arrow_03_black.png) no-repeat left; background-size: 8px;} #searchlist li time{float: right; padding-left: 20px; opacity: 0.7} #searchlist li:hover{background-image: url(../images/arrow_03_blue.png)} .sitemap dl{ padding: 2% 0 ; font-size: 1.125em; border-bottom: solid 1px #ededed;} .sitemap dl span{font-size: 1em; display: inline-block; padding-right: 20px; opacity: 0.7} .body_main .anchor:not(.mousewheel_banner){background: #fff;position: relative; z-index: 7} .body_main h2.title{color: #000000} @media(max-width:750px){ .body_main h2.title.fz36{font-size: 28px; line-height: 44px;} .body_main h2.title{padding: 4% 0} } .mousewheel_banner {overflow: hidden} .mousewheel_banner .scrollmagic-pin-spacer{overflow: hidden} .mousewheel_banner .box{position: absolute;top:0; width: 100%; height: 100%; overflow: hidden;} .mousewheel_banner .figure{ height: 100%} .mousewheel_banner .img{ width: 100%;height: 100%} .mousewheel_banner .img.wap{display: none} .mousewheel_banner .info{color: #fff; position:absolute;top:35%;transform:translateY(-50%);left:0;width:100%;text-align:center; z-index: 10} .mousewheel_banner .name{line-height:2em;position: relative} .mousewheel_banner .text{padding-top: 3%; position: relative} .mousewheel_banner .intro{padding-top: 3%;position: relative; max-width: 1100px; margin: auto} .mousewheel_banner video{position: absolute; width: 100%; height: 100%; top: 0; object-fit: cover; transition: 0.5s; z-index: 5} @media(max-width:750px){ .mousewheel_banner .img.pc{display: none} .mousewheel_banner .img.wap{display: block} .mousewheel_banner .name.fz48{font-size:40px;padding-bottom: 4%} .mousewheel_banner .intro.fz18{font-size: 14px} } .overview_main .overview{ background: #f6fafd;padding-top:5%; padding-bottom:5%;} .overview_main .overview .txt{ text-align: center; line-height: 2} .overview_main .overview .max_1100{max-width: 1100px; margin: auto} .overview_main .overview .text.center{text-align: center; padding-bottom:3%} .overview_main .overview.bgwhite{background: #ffffff;} .overview_main .box{position: relative} .overview_main .info_box{position:absolute; width: 100%; top: 50%; transform:translateY(-50%);} .overview_main .info{ color: #fff} .overview_main .ul_txt{max-width: 730px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between} .overview_main .ul_txt li{width: 32%;padding: 5% 0; font-size: 18px; line-height: 1.5} .overview_main .ul_txt b{font-size: calc(100vw*50/1920);} @media(max-width:768px){ .overview_main .overview .txt.fz24{font-size: 16px;line-height:26px;} .overview_main .ul_txt li{ font-size: 14px; } .overview_main .ul_txt b{font-size:22px;} } .classify_overview{text-align: center; padding-top:5%; padding-bottom: 4%} .classify_overview .info{padding-top: 2%} .editor_infobg_photo{border: solid 1px #f0f5f8} .editor_infobg_photo .infobg{background: #f0f5f8; padding: 4%} .editor_infobg_photo .desc:not(:last-child){padding-bottom: 3%} .editor_infobg_photo .photo{text-align: center} @media(min-width:768px){ .editor_infobg_photo{display: flex; align-items: center; justify-content: space-between} .editor_infobg_photo .infobg{width: 46%;} .editor_infobg_photo .photo{width: 54%} } .overview_pic_info{padding-top: 5%;padding-bottom: 1%} .overview_pic_info .text{text-align: center; padding-bottom: 5%} .overview_pic_info .title{padding-bottom: 2%} .overview_pic_info .pic_info{box-shadow: 0 0 30px rgba(225,225,225,0.5)} @media(min-width:768px){ .overview_pic_info .pic_info{display: flex; justify-content: space-between} .overview_pic_info .pic{width: 56%} .overview_pic_info .info{width: 44%; padding: 4%} } @media(max-width:768px){ .overview_pic_info .pic_info .info.fz18{font-size: 14px} } .classify_feature{ max-width:105em; margin: 0 auto; position: relative; overflow: hidden} .classify_feature .info_box{position:absolute; width: 100%; bottom: 15%;} .classify_feature .swiper-slide{color: #fff;} .classify_feature .swiper{height: 120px;} .classify_feature .swiper-slide{height: 40px;line-height: 40px; transition: 0.5s} .classify_feature .swiper-slide:before{content: '';display: inline-block; vertical-align: super; margin-right: 20px; width: 10px; height: 2px; background: #fff} .classify_feature .swiper-slide:not(.swiper-slide-active){opacity: 0.5; font-size: 18px;} .classify_feature .swiper-slide.swiper-slide-active{font-size:2.734375vw;} @media(min-width:768px){ .classify_feature .swiper-slide.swiper-slide-active{font-size: 1.75em;} } @media(max-width:768px){ .classify_feature figure{width: 150%} .classify_feature .swiper-slide:not(.swiper-slide-active){font-size: 14px;} .classify_feature .swiper-slide.swiper-slide-active{font-size:16px;} } .classify_model{position: relative; margin-top: 5%; background: linear-gradient(-45deg,#ffffff,#abd3ea)} .classify_model .tab_title{font-size: 18px;} .classify_model .tab_title .slick-slide{cursor: pointer; color: #666666; position: relative; border: none} .classify_model .tab_title .slick-slide i{box-shadow: 0 0 0 1px #fff; position: absolute; top: 0; bottom: 0; left: 18px; margin: auto; width: 7px; height: 7px; border-radius: 100px;background: linear-gradient(-45deg,rgba(255,255,255,0),#abd3ea)} .classify_model .tab_title .slick-current{color: #007cc6;} .classify_model .tab_title .slick-current i{background: #007cc6 url(../images/icon_01.png) no-repeat center -28px;left: 9px; width: 27px; height: 27px;box-shadow: 0 0 0 9px rgba(0,124,198,0.15)} .classify_model .tab_title .slick-current i:before{content: '';position: absolute; z-index: -1; left:13px; top:0; bottom: 0; margin: auto; width: 1px; height: 400%; background: linear-gradient(rgba(255,255,255,0),#5babda,rgba(255,255,255,0))} .classify_model .tab_item{position: relative} .classify_model .tab_item figure img{width: 100%} .classify_model .model_parameter{display: none;} .classify_model .txt_p{padding-top: 5%; padding-bottom: 5%} .classify_model .txt_p p{padding-left: 46px; line-height: 34px!important; background: url(../images/p_icon.png) no-repeat left 10px} .classify_model .txt_p p:not(:last-child){margin-bottom: 10px!important;} .classify_model .txt_dl{padding-top: 5%; padding-bottom: 5%} .classify_model .txt_dl dl{display: flex;padding: 2% 0; border-bottom: solid 1px rgba(170,198,213,0.9)} .classify_model .txt_dl dlafter{content: ''; display: block; height: 1px; background: rgba(255,255,255,0.15)} .classify_model .txt_dl dl dt{width: 30%; text-align: right} .classify_model .txt_dl dl dd{padding-left:10%} .classify_model .btn a{text-align: center; padding: 0 20px; min-width: 120px; line-height: 50px; display: inline-block; border-radius: 30px; cursor: pointer; background-color: #ffffff} .classify_model .btn a.view_video{color: #fff; background-color: #007cc6; margin-right: 20px} .classify_model .btn a.view_video:before{content: ''; display: inline-block; width:27px; height: 17px; vertical-align: middle; background: url(../images/icon_play.png) no-repeat left center} .classify_model .btn a.view_info:after{content: ''; display: inline-block; width:27px; height: 17px; vertical-align: middle; background: url(../images/icon_back.png) no-repeat right center} .classify_model .slick-arrow{position: absolute; z-index: 10;left: 5px; width: 35px; height: 35px; bottom:20%; background: #d9ebf4; border-radius: 100px} .classify_model .slick-arrow:before{content: '';position: absolute; margin: auto;left: 0; right: 0; width: 8px; height: 8px; border-top: solid 2px #6f7172;border-right: solid 2px #6f7172} .classify_model .slick-arrow.slick-prev{transform: translateY(-45px)} .classify_model .slick-arrow.slick-prev:before{transform:rotate(-45deg);top: 15px; } .classify_model .slick-arrow.slick-next:before{transform:rotate(135deg);bottom: 15px; } .classify_model .slick-arrow:hover{background-color: #007cc6} .classify_model .slick-arrow:hover:before{border-top-color: #fff;border-right-color: #fff} @media(min-width:1024px){ .classify_model .tab_title{position: absolute; display: flex; flex-wrap: wrap; align-items: center;padding-bottom: 5%; width:260px; height: 100%;z-index: 9; left:5%;} .classify_model .tab_title:before{content: '';top:0; position: absolute; left: 22px; width: 1px; height: 100%;background: rgba(255,255,255,0.4)} .classify_model .tab_title .slick-slide{line-height: 85px; padding-left:57px; width: 100%!important; } .classify_model .info_box{position:absolute; width: 100%; top:50%; transform:translateY(-50%);} .classify_model .model_info{max-width: 840px;padding-left: 250px;} .classify_model .model_parameter{max-width: 840px;padding-left: 250px;} } @media(max-width:1300px){ .classify_model .tab_title .slick-slide{line-height:60px; } .classify_model .slick-arrow{bottom: 5%} } @media(max-width:1024px){ .classify_model .tab_title{padding-left: 50px; padding-right: 50px;} .classify_model .tab_title:before{content: '';bottom:24px; position: absolute; left: 0; width: 100%; height:1px;background: rgba(255,255,255,0.4)} .classify_model .tab_title .slick-list{padding-bottom:40px;} .classify_model .tab_title .slick-slide{text-align: center} .classify_model .tab_title .slick-slide i{left: 0; right: 0; top: auto; bottom: -19px} .classify_model .tab_title .slick-current i{ bottom: -30px} .classify_model .tab_title .slick-current i:before{height: 200%; top: auto} .classify_model .slick-arrow{bottom: 20px; top: 0;margin: auto} .classify_model .slick-arrow.slick-prev{left: 10px; transform: rotate(270deg) translateY(0)} .classify_model .slick-arrow.slick-next{left: auto; right:10px;transform: rotate(270deg)} .classify_model .tab_item{display: flex;flex-wrap: wrap} .classify_model .info_box{order: 2;padding: 4% 0} .classify_model .info_box, .classify_model .figure{width: 100%} .classify_model .btn a.view_arameter{background-color: #eee} } @media(max-width:768px){ .classify_model .txt_p.fz18{font-size: 14px} .classify_model .txt_p p{ padding-left: 30px; line-height:24px!important;background-position: left 2px;} .classify_model .btn a{line-height: 40px;} .classify_model .txt_dl.fz18{font-size: 14px} .classify_model .txt_dl dl dt{width:40%} .classify_model .model_info .sub.fz24{font-size: 18px;} } .video_files{position: absolute; width: 100%; height: 100%; z-index: 10} .video_files video{position: absolute; width: 100%; height: 100%; object-fit: cover} .video_files .close{position: absolute;right:30px;top: 30px;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(45deg,#ea5504,#ff6e03);cursor: pointer;} .video_files .close::before, .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .video_files .close::before{ transform:rotate(45deg);} .video_files .close::after{ transform:rotate(-45deg);} .advantage_main .inner{max-width:105em; } .advantage_main .title{text-align: center; padding-top: 4%; padding-bottom: 2%} .advantage_rotate{position: relative; background: url(../images/semiarc.png) no-repeat center 0.8em; background-size: 100%;} .advantage_rotate .swiper{width: 85%; margin: auto;} .advantage_rotate .swiper-slide .box{text-align: center; transition: 1s; position: relative} .advantage_rotate .swiper-slide .box .icon{position: relative; width: 1.75em; height: 1.75em; top:0; left: 0; right: 0; margin: auto; background: url(../images/icon_01.png) no-repeat 0 100%; background-size: 100% auto;} .advantage_rotate .swiper-slide .box .sub{padding-top:5%; padding-bottom:2%} .advantage_rotate .swiper-slide .box figure{margin: auto; max-width: 400px; padding-bottom:37.203%; position: relative} .advantage_rotate .swiper-slide .box figure img{position: absolute;left: 0; width: 100%; height: 100%; object-fit: contain;-o-object-fit: contain;} .advantage_rotate .swiper-slide:not(.swiper-slide-active) .box{transform: scale(0.2)} .advantage_rotate .swiper-button-prev:after, .advantage_rotate .swiper-button-next:after{background:no-repeat;font-size: 20px;} .advantage_rotate .swiper-button-prev, .advantage_rotate .swiper-button-next{color: #fff; border: solid 1px #007cc6; z-index: 10; background: #007cc6; width: 50px; height: 50px; border-radius: 100%;} .advantage_rotate .swiper-button-disabled{color: #626262; opacity: 1!important; background-color: #fff; border-color: #ced7df} @media(max-width:768px){ .advantage_rotate .swiper{width:100%;} .advantage_rotate .swiper-slide .box figure{padding:3% 0;max-width:none;} .advantage_rotate .swiper-slide .box figure img{position: relative;} } .plan_value{padding-top: 5%; padding-bottom: 5%} .plan_value .title{text-align: center} .plan_value .swiper-title {padding:3.5% 0; font-weight: bold} .plan_value .swiper-title ul{justify-content: center} .plan_value .swiper-title ul li{color: #cccccc; cursor: pointer; margin: 0px 30px} .plan_value .swiper-title ul li.cur{color: #000000} .plan_value .box{background: #f0f5f8} .plan_value .box .info{width: 50%;padding: 5% 4%} .plan_value .box .sub{color: #000; font-weight: bold} .plan_value .box .txt{padding: 4% 0} .plan_value .box .sub_tit{color: #007bc8; padding-top: 4%; padding-bottom: 2%} .plan_value .box .sub_txt{ padding-bottom:6%} .plan_value .box figure{width: 50%;} .plan_value .box figure img{width: 100%} .plan_value .swiper-pagination-fraction{position: absolute; width: auto; left: 4%; bottom:8%; color: #c3c3c3} .plan_value .swiper-pagination-current{font-size: 1.5em;} .plan_value.column_85 .swiper-pagination-fraction{left: auto; right: 55%;bottom:15%;} @media(max-width:1024px){ .plan_value .swiper-title ul li{margin: 0px 10px} } @media(max-width:768px){ .plan_value .swiper-title ul li{margin: 10px} .plan_value .box .info, .plan_value .box figure{width: 100%} .plan_value .box .info{order: 2;} .plan_value .box .txt{padding: 4% 0} .plan_value .swiper-pagination{top: 2%; bottom: auto} .plan_value.column_85 .swiper-pagination-fraction{top: auto; bottom: 6%; right: 5%} } .plan_value_full{padding-top: 5%; padding-bottom: 5%; overflow: hidden} .plan_value_full:not(.show_list) .text{position: absolute} .plan_value_full .swiper-title {padding-bottom: 3.5%;font-weight: bold} .plan_value_full .swiper-title ul{justify-content:flex-end} .plan_value_full .swiper-title ul li{color: #cccccc; cursor: pointer; margin: 0px 30px} .plan_value_full .swiper-title ul li.cur{color: #000000} .plan_value_full .box{justify-content: space-between} .plan_value_full .box .info{width:260px;padding: 5% 0} .plan_value_full .box .sub{color: #000; font-weight: bold} .plan_value_full .box .txt{padding: 8% 0; color: #666666} .plan_value_full .box figure{width:calc(100% - 320px);} .plan_value_full .box figure img{width:121.4%; max-width: none} .plan_value_full .swiper-pagination{width: auto!important; display: flex;align-items: center; bottom: 10%!important} .plan_value_full .swiper-pagination:before{content: '';position: absolute; z-index: -1; width: 100%; height: 1px; top: 50%; left: 0; background: #e0e0e0} .plan_value_full .swiper-pagination-bullet{position: relative;border: solid 1px #e0e0e0; background: #fff;opacity: 1;margin-left: 0!important; margin-right: 0!important; } .plan_value_full .swiper-pagination-bullet:not(:last-child){margin-right: 30px!important;} .plan_value_full .swiper-pagination-bullet-active{width: 25px; height: 25px; background: #007bc8;border: none} .plan_value_full .swiper-pagination-bullet-active:before{content: '';left: 0; position: absolute; width: 100%; height: 100%; background: url(../images/icon_logo.png) no-repeat center center; border-radius:100%;} .plan_value_full .swiper{overflow: inherit} .plan_value_full .swiper-slide .box{transition: 0.5s} .plan_value_full:not(.show_list) .swiper-slide:not(.swiper-slide-active) .box{transform: scale(0)} .plan_value_full.show_list .swiper-wrapper{flex-wrap: wrap} .plan_value_full.show_list .swiper-slide:not(:last-child){margin-bottom:5%} .plan_value_full.show_list .text{text-align: center; padding-bottom: 3.5%} @media(max-width:1024px){ .plan_value_full:not(.show_list) .text{position:relative; text-align: center; padding-bottom: 3.5%} .plan_value_full .swiper-title ul{justify-content: center} .plan_value_full .swiper-title ul li{margin: 0px 10px} .plan_value_full .box figure img{width:100%;} } @media(max-width:768px){ .plan_value_full .swiper-title ul li{margin: 10px} .plan_value_full .box .info, .plan_value_full .box figure{width: 100%} .plan_value_full .box .info{order: 2; padding-bottom: 0} .plan_value_full .box .txt{padding: 4% 0} .plan_value_full .swiper-pagination{position: relative!important} } .plan_value_photo {padding-top: 5%; padding-bottom: 5%} .plan_value_photo .inner{position: relative} .plan_value_photo .text{text-align: center; padding-bottom: 5%} .plan_value_photo .swiper-slide{color: #fff; } .plan_value_photo .info{position: absolute; max-width: 360px; z-index: 2; left: 4%; top: 50%; transform: translateY(-50%)} .plan_value_photo .sub_icon{padding-bottom: 6%; width: 20%} .plan_value_photo .sub_title{padding-top: 3%; padding-bottom: 3%} .plan_value_photo .pic img{width: 100%} .plan_value_photo .swiperTitle{position: absolute; width: 100%; padding: 4%; bottom: 0; z-index: 2} .plan_value_photo .swiperTitle .swiper-slide{cursor: pointer;line-height: 3; border-bottom: solid 6px rgba(255,255,255,0.4)} .plan_value_photo .swiperTitle .swiper-slide-thumb-active{border-bottom-color: #ffffff} @media(max-width:768px){ .plan_value_photo .swiperTitle{position: relative;padding-left: 0; padding-right: 0} .plan_value_photo .swiperTitle .swiper-wrapper{display: flex; flex-wrap: wrap; justify-content: space-between;} .plan_value_photo .swiperTitle .swiper-slide{color: #333333; border-bottom-color: #eeeeee; min-width:48%; width:auto!important; margin-right: 0px!important; } .plan_value_photo .swiperTitle .swiper-slide-thumb-active{color: #017bc8; border-bottom-color: #017bc8} .plan_value_photo .swiper-slide{overflow: hidden;} .plan_value_photo .pic {width:200%} } .full_photo_info {padding-bottom:5%} .full_photo_info .info{padding: 3% 0} .full_photo_info .details{padding-top:4%; padding-bottom: 4%} .full_photo_info .tit{color: #007bc8} .full_photo_info .txt{padding-bottom: 4%} .full_photo_info .swiper-pagination{width: auto!important; display: flex;align-items: center; left: 60%!important; bottom: 2%!important} .full_photo_info .swiper-pagination:before{content: '';position: absolute; z-index: -1; width: 100%; height: 1px; top: 50%; left: 0; background: #e0e0e0} .full_photo_info .swiper-pagination-bullet{position: relative;border: solid 1px #e0e0e0; background: #fff;opacity: 1;margin-left: 0!important; margin-right: 0!important; } .full_photo_info .swiper-pagination-bullet:not(:last-child){margin-right: 30px!important;} .full_photo_info .swiper-pagination-bullet-active{width: 25px; height: 25px; background: #007bc8;border: none} .full_photo_info .swiper-pagination-bullet-active:before{content: '';left: 0; position: absolute; width: 100%; height: 100%; background: url(../images/icon_logo.png) no-repeat center center; border-radius:100%;} .full_photo_info .swiper{overflow: inherit} .full_photo_info .swiper-slide .box{transition: 0.5s} .full_photo_info .swiper-slide:not(.swiper-slide-active) .box{transform: scale(0)} @media(min-width:768px){ .full_photo_info .box{justify-content: space-between} .full_photo_info .info{width: 40%; order: 2} .full_photo_info figure{width: 54%} .full_photo_info figure img{width: 130%; margin-left: -30%; max-width: none;} } @media(max-width:768px){ .full_photo_info .info, .full_photo_info figure{width: 100%} .full_photo_info .details{padding-bottom: 0} .full_photo_info .swiper-pagination{position: relative!important; left: 0!important; bottom: auto!important; margin-top: 3%} } .case_intro_photo{padding-bottom: 5%} .case_intro_photo .text{text-align: center; padding-bottom: 5%} .case_intro_photo .info1{ padding-bottom: 4%; margin-bottom: 4%; border-bottom: solid 1px #f5f5f5} .case_intro_photo .num_txt{display: flex;flex-wrap: wrap; justify-content: space-between} .case_intro_photo .num_txt dl{width: 25%} .case_intro_photo .item{padding-bottom: 5%} .case_intro_photo .tit{padding-bottom: 3%} @media(min-width:768px){ .case_intro_photo .item{display: flex;justify-content: space-between;} .case_intro_photo .infobox{width: 40%} .case_intro_photo .picbox{width: 56%} .case_intro_photo .item:nth-child(odd) .infobox{order: 2} } @media(max-width:768px){ .case_intro_photo .num_txt dl{width:48%; padding: 4% 0;} .case_intro_photo .info2{padding-bottom: 4%} } .lvnengyun_clouds .item{position: relative} .lvnengyun_clouds .desc{padding: 20px 0;} @media(min-width:768px){ .lvnengyun_clouds .infobox{color: #fff; position: absolute; width: 100%; top: 50%; transform: translateY(-50%)} .lvnengyun_clouds .title{color: #fff!important} .lvnengyun_clouds .info{width:50%; max-width: 580px} .lvnengyun_clouds .item .inner{display: flex} .lvnengyun_clouds .item:nth-child(even) .inner{justify-content: flex-end} } @media(max-width:768px){ .lvnengyun_clouds figure{ width: 93.75%;margin: auto} .lvnengyun_clouds .item{padding-bottom: 4%} } .lvnengyun_advantage{padding-top: 5%; padding-bottom: 5%} .lvnengyun_advantage .title{padding-bottom:3%; text-align: center} .lvnengyun_advantage .info{color: #fff; position: absolute; padding:8%;} @media(min-width:640px){ .lvnengyun_advantage .list{max-width: 1400px;display: flex;flex-wrap: wrap} .lvnengyun_advantage .item{width:50%;position: relative} .lvnengyun_advantage .item:nth-child(odd){ margin-top: -6%} .lvnengyun_advantage .item:nth-child(even){margin-top:8%} .lvnengyun_advantage .title{padding-bottom:10%; } .lvnengyun_advantage .info{line-height: 2.5} } @media(max-width:768px){ .lvnengyun_advantage .desc.fz18{padding:6% 0; font-size: 14px; line-height: 24px} } .lvnengyun_application{ padding-bottom: 5%} .lvnengyun_application .center{text-align: center} .editor_lvnengyun_yyfw{display: flex; flex-wrap: wrap; justify-content: space-between} .editor_lvnengyun_yyfw dl{width: 18%; text-align: center;margin: 2% 0; border: solid 2px #007bc8;padding: 2%;line-height: 2.2; border-radius: 10px;} .editor_lvnengyun_yyfw dl dt{ color: #007bc8;line-height:2.5} .editor_lvnengyun_yyfw dl dt:after{content: ''; display: block; width: 10%; height: 2px; background: #c0c0c0; margin: auto} .editor_lvnengyun_yyfw dl dd{padding: 3% 0} @media(max-width:960px){ .editor_lvnengyun_yyfw dl{width: 30%} } @media(max-width:768px){ .editor_lvnengyun_yyfw.fz18{font-size: 14px} .editor_lvnengyun_yyfw dl{width:48%; line-height: 24px;} } .lvnengyun_case {background:#fff url(../images/line.jpg) repeat-x center 8%!important} .lvnengyun_case .center{text-align: center; padding-bottom: 3%} .lvnengyun_case .item{padding: 2% 0} .application_case{background:linear-gradient(#f6fafd,#ffffff)!important;padding-top: 5%; padding-bottom: 5%} .application_case .title{text-align: center; padding-bottom: 3.5%} .application_case .intro{text-align: center; padding-bottom: 4%; max-width: 1075px; margin: auto;} .application_case .list_item{justify-content: space-between} .application_case .item{width:49.302%;} .application_case .item figure{position: relative; padding-bottom:56.34%; overflow: hidden} .application_case .item figure img{position: absolute; width: 100%; height: 100%;object-fit: cover; transition: all .3s;} .application_case .item figure .view_video{position: absolute; font-size: 0; width: 60px; height: 60px; bottom: 20px; left: 20px; z-index: 5; background:rgba(0,0,0,0.6) url(../images/icon_play.png) no-repeat center center; border-radius: 100%; cursor: pointer} .application_case .item .info{padding: 5% 0} .application_case .item .txt{margin-top: 3%} .application_case .item:hover figure img{ transform: scale(1.1);} @media(max-width:768px){ .application_case .item{width:100%; padding-bottom: 6%} } .editor_p{padding-top: 5%; padding-bottom: 5%} .editor_p p{padding-left: 46px; line-height: 34px!important; background: url(../images/p_icon.png) no-repeat left 10px} .editor_p p:not(:last-child){margin-bottom: 10px!important;} @media(max-width:768px){ .editor_p p{padding-left: 30px; line-height: 24px !important; background-position: left 2px;} } .about_num {position: relative} .about_num .num_box .inner{display: flex; justify-content: flex-end} .about_num .num_box .num_txt{display: flex; flex-wrap: wrap; align-items: baseline} .about_num .num_box dl {padding: 20% 0; line-height: 1.2;width: 100%} .about_num .num_box dl dt{font-size: 2em} .about_num .num_box dl dt b{font-size: 2em; font-weight: normal; color: #027cc7;padding: 0px 10px} @media(min-width:768px){ .about_num .num_box{position: absolute;width: 100%;top: 50%; transform: translateY(-50%); z-index: 5; } .about_num .num_box .num_txt{max-width: 220px;} } @media(max-width:768px){ .about_num .num_box dl{padding:5% 0; width: 50%} .about_num .num_box dl dt{font-size: 1.2em} .about_num .num_box dl dt b{font-size:1.6em;} .about_num .num_box .num_txt{width: 100%} } .intro_zhyw .num_box{background: #f7fafb; text-align: center; padding-top: 6%; padding-bottom:3%} .intro_zhyw .num_box .inner{display: flex;justify-content: center} .intro_zhyw .num_box dl{width: 33%;} .intro_zhyw .num_box dl dt{color: #666666; line-height: 2} .intro_zhyw .num_box dl dt sup{font-size: 1.5em} .intro_zhyw .num_box dl dt b{font-size: 2.187325em; font-weight: normal} .intro_zhyw .num_box dl dd{font-size: 1.12491em; } .intro_zhyw .num_box dl:not(:last-child){border-right: solid 1px #e0e0e0} .intro_zhyw .intro_box{text-align: center; padding-top: 4%;} .intro_zhyw .intro_box .intro{padding: 2% 0; max-width: 1140px; margin: auto} .intro_zhyw figure img{width: 100%} .side_consult{ position: fixed; right: 2%; bottom: 20%; z-index: 10} .side_consult h5{text-align: center} .side_consult .consult{text-align: center;padding-left: 20px; position: relative; z-index: 10} .side_consult .consult i{display: block; width:65px; height: 65px; cursor: pointer;border-radius: 100%; background:#007bc8 url(../images/icon_consult.png) no-repeat center center; box-shadow: 0 0 20px rgba(0,123,200,0.2);} .side_consult .consult span{display: block; color: #007bc8} .side_consult .icon{width: 1.75em; height: 1.75em; margin:20px auto; background: url(../images/icon_01.png) no-repeat 0 100%; background-size: 100% auto;} .side_consult .form_box{right: 100%; position: absolute; top: -100%;transform: translateY(-50%); background: #fff; width: 400px; padding:30px 35px; box-shadow: 0 0 0 10px rgba(0,0,0,0.09); border: solid 1px #f5f3ff; border-radius: 5px; display: none} .side_consult .form_box .jt{width:20px; height: 20px; position: absolute; right:-10px; bottom:28%;} .side_consult .form_box .jt:before, .side_consult .form_box .jt:after{content: ''; position: absolute;width: 100%; height: 100% ;transform: rotate(45deg); } .side_consult .form_box .jt:before{ z-index: 2; background: linear-gradient(45deg,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 50%)} .side_consult .form_box .jt:after{ right: -11px; background: linear-gradient(45deg,rgba(0,0,0,0) 50%,rgba(0,0,0,0.09) 50%)} .side_consult .item{padding: 5px 5px 5px 40px; height: 52px; border: solid 1px #dddddd; border-radius: 5px; margin-bottom: 14px; position: relative} .side_consult .item:before{content: ''; left: 15px; position: absolute; width:20px; height: 40px; background: no-repeat left 10px} .side_consult .item.i1:before{background-image: url(../images/i1.png)} .side_consult .item.i2:before{background-image: url(../images/i2.png)} .side_consult .item.i3:before{background-image: url(../images/i3.png)} .side_consult .item.i4:before{background-image: url(../images/i4.png)} .side_consult .item.i5:before{background-image: url(../images/i5.png)} .side_consult .item.i6:before{background-image: url(../images/i6.png)} .side_consult label{position: absolute; color: #afafaf;line-height: 40px;} .side_consult .item input, .side_consult .item textarea{width: 100%; height: 40px; line-height: 40px; border: none} .side_consult .btn_submit{color: #fff; width: 100%; height: 50px; cursor: pointer; background: #007bc8; border-radius: 5px;} @media(max-width:768px){ .side_consult .consult{padding-left: 10px } .side_consult .consult i{display: block; width:55px; height: 55px;} .side_consult .form_box{width: 78vw; padding: 10px; top: -80%} .side_consult .item{padding-top: 0; padding-bottom: 0; height: 42px;} .side_consult .btn_submit{height: 40px;} } /**/ /* 20240115 */ .application_case .readmore .span { margin: 0 auto; } /* 20240402 */ .gdr-pop{ background: #fff; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 360px; height: 280px; padding: 20px 20px 0; border-radius: 4px; z-index: 99999; display: none; box-shadow: 0 0 4px #d1d1d1; } .gdr-tit{ color: #343434; font-size: 24px; font-family: Arial; font-weight: bold; line-height: 30px; padding: 0 0 19px; border-bottom: 1px solid #F0F2F5; margin: 0 0 30px; } .gdr-close{ position: absolute; right: 16px; top: 30px; background: url(../images/close.png) 0 0 no-repeat; width: 17px; height: 17px; display: block; } .gdr-pop .select{ background: #F0F2F5; border-radius: 4px; position: relative; height: 40px; width: 100%; display: block; padding: 0 20px; } .gdr-pop .button-box{ position: absolute; left: 0; bottom: 0; width: 100%; border-top: 2px solid #F0F2F5; line-height: 60px; display: flex; justify-content: center; } .gdr-pop .button-box .button{ width: 50%; text-align: center; } .gdr-pop .button-box .button-confirm { border-right: 2px solid #F0F2F5; color: #0079b1; } .pagetit{ margin-bottom: 40px; position: relative; font-size: 30px; } .pagetit::after{ position: absolute; left: 0; bottom: -15px; content: ''; width: 160px; height: 4px; background: #0079b1; } .submenu41{ cursor: pointer; }