.zbanner{} .zbanner img{width:100%} img{max-width: 100%} .content{width: 72.92vw;margin:0 auto} .content1{width: 72.92vw;margin: -44px auto 0;margin-top: -2.29vw;} .nav1{height: 90px;text-align:center;position: relative;z-index: 9;height: 4.69vw;margin-bottom: 8vw;} .nav1>ul{display:flex;box-shadow: 0 0 20px rgba(0,0,0,.04);position: relative;height: 4.69vw;} .nav1>ul>li{width: 25%;justify-content: space-between;line-height: 90px;line-height: 4.69vw;background:#fff} .nav1>ul>li span{font-size: 16px;font-size:0.83vw;color: #494a4a;padding-left: 76px;padding-left:3.96vw;background: url(../image/aboutIcon1.png) center left no-repeat;display: inline-block;background-size: 2.76vw;} .nav1>ul>li.active{background:#f4faff;border-bottom:1px solid #005bac} .nav1>ul>li>a{/* background: #fff; */display: block;} .nav2{height: 87px;margin-top: 0;height:4.53vw;left: 0;position: absolute;z-index: -1;} .nav2 ul {display:flex;/* background: #fff; */border-bottom: 1px solid #dfdfdf;line-height: 87px;line-height:4.53vw;justify-content: center;} .nav2 ul li{padding: 0 20px;margin:0 52px;padding: 0 1.04vw;margin: 0 2.71vw} .nav2 ul li a{font-size:16px;color:#494a4a;font-size:0.83vw;display: block;width: 100%;height: 100%;} .nav2 ul li.active{border-bottom:1px solid #005bac} .nav2 ul li.active a{color:#005bac;} /*.nav1>ul>li.pro1_70{display: none;}*/ .aboutCon .info{line-height:2} .aboutCon .info .aboutLogo{margin-bottom: 2.08vw;display: none;} .aboutCon .info .aboutLogo img{width: 30%;} .aboutCon .info .msg .aboutImg{width:calc(576 / 1920 * 100vw);float:right;margin-left:calc(40 / 1920 * 100vw);margin-bottom: calc(40 / 1920 * 100vw);} .aboutCon .info .msg img{width: 100%} .aboutCon .number{/* background:url(../image/aboutIcon2.png) top left no-repeat; */background-size: 902px;background-size: 46.98vw;} .aboutCon .number ul{display:flex;margin: 40px 0 110px;justify-content: space-between;margin-top: 0;} .aboutCon .number ul li{/* margin-right:50px; *//* float: left; *//* margin-right:2.6vw; *//* max-width: 83px; */background-position-y: 4px!important;} .aboutCon .number ul li:last-child{margin-right:0} .aboutCon .number ul li span{font-weight:bold;font-size:30px;color:#252525;padding-left:30px;font-size:1.56vw;padding-left:1.56vw;background: url(../image/aboutIcon2.png) 0 center no-repeat;background-size: 46.98vw;background: none;} .aboutCon .number ul li em{font-weight:bold;font-size:12px;color:#252525;font-size:0.625vw;font-style: normal;} .aboutCon .number ul li p{font-size:14px;color:#4d4d4d;font-size:0.73vw} .aboutCon .number ul li:nth-child(2) span{background-position-x: -118px;background-position-x: -8.7vw;} .aboutCon .number ul li:nth-child(3) span{background-position-x: -239px;background-position-x: -17.6vw;} .aboutCon .number ul li:nth-child(4) span{background-position-x: -371px;background-position-x: -27.3vw;} .aboutCon .number ul li:nth-child(5) span{background-position-x: -496px;background-position-x: -36.4vw;} .aboutCon .number ul li:nth-child(6) span{background-position-x: -625px;background-position-x: -45.7vw;} .pageCon{margin-top: 71px;margin-top: 3.7vw} .historyCon{/* background: url(../images/historyBk.png) center top no-repeat; */background-size: 8.39vw;/* height: 1994px; *//* height: 103.85vw; */padding-bottom: 4.9vw;} .historyCon ul{padding-top:2.6vw;position:relative;padding-bottom: 67px;padding-bottom: 5.52vw;} .historyCon ul:before{content:"";width:1px;height:100%;background:#dddddd;position:absolute;top:0;left:50%} .historyCon ul:after{content:"";width:13px;height:13px;background:#fff;/* background:url(../image/historyIcon1.png) center center no-repeat; *//* background-size: 100%; */position:absolute;top: 0;left: calc(50% - 6px);border: 1px solid #ddd;border-radius: 50%;width: 0.67vw;height: 0.67vw;left: calc(50% - 0.35vw);} .historyCon ul li{position:relative;display: flex;justify-content: space-between;width: 515px;width:26.82vw;margin-left: 140px;margin-left:7.29vw} .historyCon ul li:after{content:"";width:13px;height:13px;background:#fff;background:url(../image/historyIcon1.png) center center no-repeat;background-size: 100%;position:absolute;top: 0;border-radius: 50%;width: 0.67vw;height: 0.67vw;/* left: calc(50% - 0.35vw); */right: -39px;right: -2.73vw;top: 3vw;} .historyCon ul li:nth-child(2n){margin-left: 745px;flex-direction: row-reverse;margin-left: 38.8vw} .historyCon ul li:nth-child(2n) .Txt{text-align:left;margin-top: 0;} .historyCon ul li:nth-child(2n)::after{left:-2.65vw} .historyCon ul li .Img{width: 170px;height: 170px;text-align: center;line-height: 170px;margin-top:2.08vw;/* margin-top: 99px; */width: 8.85vw;height: 8.85vw;line-height: 8.85vw;/* margin-top: 5.16vw; */position:relative;} .historyCon ul li .Img:after{content:"";width:100%;height:100%;position:absolute;background: url(../image/historyBk2.png) center center no-repeat;background-size: 100%;left:0;z-index:-1} .historyCon ul li .Img .img{width: 130px;height: 130px;vertical-align: middle;width: 6.77vw;height: 6.77vw;border-radius: 50%;overflow: hidden;display: inline-block;} .historyCon ul li .Img .img img{max-width:100%;max-height:100%;} .historyCon ul li .Txt{width: 300px;color: #333;text-align: right;/* margin-top: 50px; */width: 15.63vw;/* margin-top: 2.6vw; */} .historyCon ul li .Txt .title{font-size: 26px;font-size: 1.35vw;font-weight: bold;} .historyCon ul li .Txt .en{font-size: 20px;font-size: 1.04vw} .historyCon ul li .Txt .time{font-size: 24px;line-height: 1.8;font-weight: 600;font-size: 1.25vw} .historyCon ul li .Txt .summary{font-size: 14px;line-height: 1.8;font-size: 0.73vw;} .historyCon ul li:hover::after{background-image:url(../image/historyIcon2.png);width:19px;height:19px;width:1.04vw;height:1.04vw;right:-2.9vw} .historyCon ul li:nth-child(2n):hover::after{left:-2.8vw} .historyCon ul li:hover .Img:after{animation: rotate 5s infinite linear;background-image:url(../image/historyBk3.png)} .historyCon ul li:hover .Txt .title,.historyCon ul li:hover .Txt .en,.historyCon ul li:hover .Txt .time{color:#005bac} .historyFoot{text-align:center;font-size:14px;font-size: 0.73vw;color:#666;line-height:1.5;margin-top: 0.3vw;} @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes rotate1 { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } @keyframes translateY { from { margin-top: 0; } to { margin-top: -10px; } } .techCon{padding-bottom:115px;padding-bottom:5.99vw} .techCon .info{line-height:2;color:#666;font-size:14px;font-size: 0.73vw;} .techCon .title{font-weight:bold;padding-left:30px;margin:30px 0 20px;font-size:22px;padding-left:1.56vw;margin:1.56vw 0 1.04vw;font-size:1.15vw;color:#005bac;background:url(../image/aboutIcon1_1.png) left center no-repeat;background-size: 21px;background-size:1.09vw;} .techCon .summary{line-height: 2;font-size:14px;font-size: 0.73vw;color:#666666} .newsCon ul li{padding: 18px 48px;padding:0.94vw 2.5vw;box-shadow:0 0 30px rgba(155,155,155,.1);margin-bottom:30px;margin-bottom:1.56vw;transition:all .35s ease-in-out;} .newsCon ul li a{display:flex;justify-content:space-between;align-items: center;} .newsCon ul li .Txt{width:874px;width:45.52vw} .newsCon ul li .Txt .title{font-size:22px;font-size:1.14vw;color:#333333;line-height:2;margin-bottom: 0.5vw;} .newsCon ul li .Txt .summary{font-size:14px;font-size: 0.73vw;color:#666;line-height:2;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .newsCon ul li .Txt .time{color:#666666;font-size:14px;font-size: 0.73vw;padding-left:30px;padding-left:1.56vw;margin-top:22px;margin-top:1.14vw;background:url(../image/newsIcon1.png) center left no-repeat;background-size: 17px;background-size:0.89vw} .newsCon ul li .Img{width:363px;width:18.91vw;overflow:hidden;height: auto;width: calc(337 / 1920 * 100vw);} .newsCon ul li .Img img{transition:all .3s ease-in-out;vertical-align: middle;} .newsCon ul li:hover{box-shadow:0 0 20px rgba(0,92,172,0.5)} .newsCon ul li:hover .title{color:#005bac} .newsCon ul li:hover img{transform:scale(1.2)} #pages{margin:60px auto 120px;text-align:center;margin: 3.125vw auto 6.25vw} #pages span{display:none} #pages a{margin:0 3px;margin:0 0.15vw;width:38px;height:38px;line-height:38px;width:1.98vw;height:1.98vw;line-height:1.98vw;display:inline-block;border:1px solid #f2f2f2;border-radius:5px;font-size:14px;font-size: 0.73vw;color:#666666} #pages a:nth-of-type(1),#pages a:last-child{width:auto;padding:0 15px;padding:0 0.78vw} #pages a:hover{border-color:#005bac;color:#005bac} #pages a.currentpage{background:#005bac;color:#fff} #pages a.slh:hover{cursor:unset;border:1px solid #f2f2f2;color:#666} .newsInfoCon{padding-bottom:105px;position: relative;padding-bottom: 5.47vw} .newsInfoCon .title{color:#222222;font-size: 28px;text-align: center;font-size: 1.46vw} .newsInfoCon .row{display:flex;justify-content:center;color:#666;font-size:14px;font-size: 0.73vw;margin-top:20px;margin-top:1.04vw;padding-bottom:30px;padding-bottom:1.56vw;border-bottom:1px solid #e8e8e8} .newsInfoCon .row>div{padding-left:22px;font-size:1.15vw;background:url(../image/newsIcon1.png) left center no-repeat;font-size: 0.73vw;background-size: auto 0.94vw;} .newsInfoCon .row>div:nth-child(1){margin-right:38px;margin-right:1.98vw} .newsInfoCon .row>div:nth-child(2){background-image:url(../image/newsIcon2.png)} .newsInfoCon .info{padding-top:30px;padding-top:1.56vw;line-height:2;font-size:14px;font-size: 0.73vw;color:#666} .pn_page{font-size:14px;font-size: 0.73vw;color:#333} .pn_page p{margin-bottom:15px;margin-bottom: 0.78vw} .pn_page a{color:#666;} .return{padding-left:40px;padding-left:2.08vw;background:url(../image/return.png) center left no-repeat;background-size: 25px 25px;background-size:1.3vw;line-height: 40px;line-height:2.08vw;position: absolute;right: 0;bottom: 130px;bottom:6.77vw;display: block;color: #666;font-size: 14px;font-size: 0.73vw;} .newsInfoCon .info p{width:auto!important;height:auto!important;} .caseCon{padding-bottom:8.4vw} .caseCon ul{display:flex;justify-content: left;flex-wrap:wrap;} .caseCon li{transition:all .3s ease-in-out;cursor:pointer;width: 338px;margin-right:15px;margin-bottom: 45px;width:24%;margin-right:1.3%;margin-bottom:2.34vw;box-shadow:0 0 20px rgba(146,146,146,.14)} .caseCon li:nth-child(4n){margin-right: 0} .caseCon li .Img{width: 100%;height: 250px;height:13vw;overflow:hidden} .caseCon li p{font-size:20px;color:#333333;text-align:center;line-height:65px;font-size:1.04vw;line-height:3.39vw;transition:all .3s ease-in-out;font-size: 16px;line-height: 1.39vw;padding: 0 10px;height: calc(100% - 13vw);box-sizing: border-box;line-height: calc(100% - 13vw);line-height: 3.39vw;} .caseCon li p span{vertical-align: middle;line-height: 1.39vw;display: inline-block;font-size: 16px;height: auto;width: 100%;} .caseCon li:hover{background-color: #005bac;} .caseCon li:hover p{color:#fff} @keyframes opacity1{ from{opacity:0} to{opacity:1} } @keyframes width{ from{width:0} to{width:100%} } @keyframes scale1{ from{transform:scale(0)} to{transform:scale(1)} } .fancybox-overlay{background:rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;width: 100%!important;height: 100%!important;z-index: 10000;animation:opacity1 .5s ease-in-out} .fancybox-skin{padding: 0!important;} .fancybox-nav{width: 30px;height: 50px;background-color: #005bac;background-size: 6px 10px;top: calc(50% - 25px);margin-left: -30%;opacity: 0;left: -60px;background-color: #bbb} .fancybox-next{left:auto;right: -60px;margin-right:-30%} .fancybox-nav span{position: relative;left: 0;visibility: inherit;right:0;display: block;width: 100%;height: 100%;} .fancybox-nav span:after{content: "";position: absolute;width: 10px;height: 10px;border: 1px solid #fff;border-right: 0;border-top: 0;} .fancybox-prev span:after{transform: rotate(45deg);top: 10px;left: 11px;} .fancybox-next span:after{transform: rotate(-135deg);top: 10px;right: 11px;} .fancybox-nav:hover{background-color: #005bac} .fancybox-overlay{line-height: 100vh;text-align: center;transition: all .35s ease-in-out;} .fancybox-outer{/*width: 867px;*//*height: 695px;position: absolute;top:calc(50% - 345px);left: calc(50% - 434px);height: 70vh;top: 10vh;*/display: inline-block;vertical-align: middle;} .fancybox-inner{display: none;/*width: 867px;*//*height: 635px;*/max-width: 100%;max-height: 100%;position: relative;transition:all 1s ease-in-out;} .fancybox-inner.show{display:block;} .fancybox-inner img{height: 70vh;width: auto;/* border: 1px solid #00A0E9; */box-sizing: border-box;transition: all 1s ease-in-out;} .fancybox-inner.show img{animation:scale1 .5s ease-in-out} .fancybox-inner p{padding: 15px;line-height: 28px;font-size: 20px;text-align: center;background: rgba(0, 0, 0, 0.5);position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;color:#fff} .fancybox-inner p span{position: relative;} .fancybox-inner p span i{content: "";position: absolute;width:6px;height: 6px;border-radius: 50%;background: #000;left: -13px;top: 8px;display: none;} .tankuang{background:rgba(0,0,0,.4);position:fixed;width:100%;height:100%;top:0;left:0;z-index:1111111;text-align:center;line-height:100vh;display:none;} .tankuang img{vertical-align:middle;min-width:38%;max-width:80%;max-height:80%} .qualityCon{padding-bottom:70px;padding-bottom:3.646vw} .qualityCon .row{position: relative} .qualityCon .row .Img{width: 670px;height: 436px;width:34.9vw;height:22.71vw} .qualityCon .row .Img img{height:100%} .qualityCon .row .Txt{width: 845px;width:44.01vw;height: 300px;height:15.625vw;position: absolute;right: 0;top: calc(50% - 150px);top:calc(50% - 7.81vw);background: #fff;padding: 70px 105px;padding:3.646vw 5.47vw;box-sizing: border-box;line-height: 3;font-size: 16px;font-size:0.83vw;color: #333333;box-shadow:0 0 18px rgba(0,91,172,.1)} .qualityCon ul{display:flex;flex-wrap:wrap;margin-top:50px;margin-top:2.6vw} .qualityCon ul li{width: 46%;margin-right:4%;} .qualityCon .title{font-weight:bold;padding-left:30px;padding-left:1.56vw;margin:30px 0 20px;margin:1.56vw 0 1.04vw;font-size:22px;font-size:1.15vw;padding-left:1.56vw;margin:1.56vw 0 1.04vw;font-size:1.15vw;color:#005bac;background:url(../image/aboutIcon1_1.png) left center no-repeat;background-size: 21px;background-size:1.09vw;} .qualityCon .summary{line-height: 2;font-size:14px;font-size: 0.73vw;color:#666666} .qualityCon1{padding-bottom:180px;padding-bottom:9.375vw} .qualityCon1 .row{text-align:center;} .qualityCon1 .row .title{color:#222222;font-size:28px;margin-bottom:30px;font-size:1.46vw;margin-bottom:1.56vw} .qualityCon1 .row .summary{color:#666666;font-size:14px;font-size: 0.73vw;margin-bottom:40px;margin-bottom:2.08vw} .qualityCon1 ul{display:flex;flex-wrap:wrap} .qualityCon1 ul li{width:32%;height:13.02vw;margin-right:1%;margin-bottom:0.8vw;position:relative;overflow:hidden} .qualityCon1 ul li img{transition:all .35s ease-in-out} .qualityCon1 ul li:nth-child(3n){margin-right:0} .qualityCon1 ul li p{color:#fff;font-size:16px;font-size:0.83vw;position:absolute;right:28px;right:1.46vw;bottom:42px;bottom:2.19vw} .qualityCon1 ul li p:after{content:"";position:absolute;width:33px;width:1.72vw;height:1px;background:#005bac;right:0;bottom:-8px;} .qualityCon1 ul li:hover img{transform:scale(1.2)} /* 原料供应 */ .ylgy{background:url(../image/logoBk.png) center center no-repeat;background-size:cover} .qualityCon2{position:relative;height: 37vw;margin-top: 5.2vw;} .qualityCon2 .txt p{font-size:28px;color:#005bac;font-size:1.46vw} .qualityCon2 .txt .summary{margin-top:1vw;color:#666666;line-height:2;width: 22.66vw;} .qualityCon2 ul{position:absolute;top: 0;} .qualityCon2 ul li{background:url(../image/logoIcon.png) center center no-repeat;background-size: 100%;width: 179px;height: 202px;line-height: 180px;text-align: center;width: 9.3vw;height: 10.52vw;line-height: 9.37vw;position: absolute;left: 455px;top: 53px;top: 2.76vw;left: 23.7vw;} .qualityCon2 ul li img{vertical-align:middle;max-width: 80%;max-height: 90%;} .qualityCon2 ul li:nth-child(2){left: 622px;left: 32.4vw;} .qualityCon2 ul li:nth-child(3){left: 789px;left: 41.09vw;} .qualityCon2 ul li:nth-child(4){left: 956px;left: 49.79vw;} .qualityCon2 ul li:nth-child(5){left: 205px;top: 196px;left: 10.68vw;top: 10.21vw;} .qualityCon2 ul li:nth-child(6){left: 372px;top: 196px;left: 19.375vw;top: 10.21vw;} .qualityCon2 ul li:nth-child(7){left: 539px;top: 196px;left: 28.07vw;top: 10.21vw;} .qualityCon2 ul li:nth-child(8){left: 706px;top: 196px;left: 36.77vw;top: 10.21vw;} .qualityCon2 ul li:nth-child(9){left: 873px;top: 196px;left: 45.47vw;top: 10.21vw;} .qualityCon2 ul li:nth-child(10){left: 1039px;top: 196px;left: 54.11vw;top: 10.21vw;} .qualityCon2 ul li:nth-child(11){left: 288px;top: 340px;left: 15vw;top: 17.71vw;} .qualityCon2 ul li:nth-child(12){left: 455px;top: 340px;left: 23.7vw;top: 17.71vw;} .qualityCon2 ul li:nth-child(13){left: 622px;top: 340px;left: 32.4vw;top: 17.71vw;} .qualityCon2 ul li:nth-child(14){left: 789px;top: 340px;left: 41.09vw;top: 17.71vw;} .qualityCon2 ul li:nth-child(15){left: 956px;top: 340px;left: 49.79vw;top: 17.71vw;} .qualityCon2 ul li:nth-child(16){left: 539px;top: 484px;left: 28.07vw;top: 25.21vw;} .qualityCon2 ul li:nth-child(17){left: 706px;top: 484px;left: 36.77vw;top: 25.21vw;} .qualityCon2 ul li:nth-child(18){left: 372px;top: 484px;left: 19.375vw;top: 25.21vw;} .qualityCon2 ul li:nth-child(19){left: 873px;top: 484px;left: 45.47vw;top: 25.21vw;} .videoCon{padding-bottom:90px;padding-bottom: 4.69vw} .videoCon ul{display:flex;justify-content:left;flex-wrap:wrap} .videoCon ul li{width: 49%;margin-right: 2%;position:relative;margin-bottom:1.46vw;height: 20vw;} .videoCon ul li:after{position:absolute;content:"";width: 50px;height: 50px;background: url(../image/videoIcon.png) center center no-repeat;left: calc(50% - 25px);top: calc(50% - 25px);width:2.6vw;height:2.6vw;left: calc(50% - 1.3vw);top: calc(50% - 1.3vw);border-radius: 50%;transition: all .35s ease-in-out;background-size: 100%;} .videoCon ul li:nth-child(2n){margin-right:0} .videoCon ul li p{position:absolute;bottom:0;left:0;line-height:60px;padding:0 25px;box-sizing:border-box;background:rgba(102,102,102,.4);width:100%;color:#fff;font-size:20px;line-height:3.125vw;padding:0 1.3vw;font-size:1.04vw} .videoCon ul li:hover::after{top: calc(50% - 30px);transform: scale(1.2) } .videoCon ul li:hover p{background: rgba(0, 91, 172, 1) } .tankuang .videoBox{width:auto;/* height:80%; *//* width: 37%; */margin: 0 auto;position: relative;top: 15%;max-width: 66%;height: auto;} .tankuang video{display:inline-block;/* vertical-align:middle; */position:relative;width: 100%;display: block;} .tankuang span{display:block;width: 30px;height: 30px;right: -15px;top: -15px;background: #fff url(../image/close.png) center center no-repeat;position:absolute;/* background: red; */border-radius: 50%;cursor: pointer;width:1.56vw;height:1.56vw;right:-0.78vw;top:-0.78vw} .vrCon{margin-top: 5.2vw;position: absolute;position: relative;height: 100vh;} .videoCon .Img{height:100%;overflow:hidden} .videoCon img{width: 100%} .vrCon .content{position: absolute;top:0;left: 50%;transform: translate(-50%); height: 100%;} .vrCon .img{width: 950px;height: 793px;background: url(../image/vrBk1.png) center center no-repeat;position: relative ;width: 49.48vw;height: 41.3vw;position: absolute;background-size: 100%;left: 50%;transform: translate(-50%,-50%);top: 50%;} .vrCon .img:before{content:"";position: absolute ;width: 100%;height: 100%;left: 0;top:0;background: url(../image/vrBk3.png) center center no-repeat;background-size:100%;animation: rotate1 15s linear infinite;} .vrCon .img:after{content:"";position: absolute ;width: 100%;height: 100%;left: 0;top:0;background: url(../image/vrBk4.png) center center no-repeat;background-size:100%;animation: rotate 15s linear infinite;} .vrCon .img img{top:50%;position: absolute ;left: 50%;transform: translate(-50%,-50%); width: 314px;height: 314px;width: 16.35vw;height: 16.35vw;} .vrCon .btnBox{top: 50%;margin-top: -5vw;right: 0;position: absolute;display: block;transition: all .35s ease-in-out;} .vrCon .btn{width: 148px;height: 148px;background: url(../image/vrBtn.png) center center no-repeat;background-size:100%;margin-bottom: 30px;width: 7.71vw;height: 7.71vw;margin-bottom: 1.56vw; position:relative} .vrCon .btn:after{position:absolute;width:20px;height:20px;content:"";background:url(../image/1.png) center center no-repeat;background-size:cover;right: 10px;top:calc(50% - 10px);animation:mymove 2s linear infinite;-webkit-animation: mymove 2s linear infinite;} .vrCon .btnBox:hover{transform: translateY(-10px) } .vrCon .btnBox:hover .btn:after{display:none} .vrCon .btnBox .btn:hover{animation:rotate 15s linear infinite;animation-fill-mode:forwards} .vrCon .btnBox:hover p{font-weight: bold } .vrCon .btnBox p{color: #fff;font-size:16px;display: block ;width: 100%;text-align: center ;font-size: 0.83vw} @keyframes mymove{ 0%{right:5px} 50%{right:25px;} 100%{right:5px} } /* 企业文化 */ /* 企业文化-社会责任 */ /* .cultrue .nav1 ul li,.product .nav1 ul li{width:33.3%} */ .cultrue3 ul{margin-bottom:100px;margin-bottom:5.2vw} .cultrue3 ul li{display:flex;justify-content: space-between;margin-bottom:30px;margin-bottom:1.56vw} .cultrue3 ul li .left{width:50%;padding:20px;background:#f7f7f8;box-sizing:border-box;padding:1.04vw} .cultrue3 ul li .left img{width:100%;height:100%;} .cultrue3 ul li .right{width:50%;} .cultrue3 ul li .Txt{margin-left:54px;box-sizing:border-box;height: 100%;position: relative;overflow: hidden;} .cultrue3 ul li .title{font-size:22px;color:#333333;margin-top:70px;margin-bottom:36px;font-size:1.146vw;margin:3.65vw 0 1.875vw} .cultrue3 ul li .summary{border-top:1px solid #e2e3e7;font-size:16px;color:#666666;line-height:2;padding-top:36px;font-size:0.83vw;padding-top:1.875vw} .cultrue3 ul li .bkBox{position:absolute;right:0;bottom:95px;z-index:-1;bottom:4.95vw} .cultrue3 ul li .en{bottom:17px;position:absolute;right:0;font-size:92px;color:#e2e3e7;right: -10px;bottom:0.89vw;font-size:4.79vw;right: 0;line-height: 1;bottom: 0.4vw;} .cultrue3 ul li .time{font-size:32px;color:#f4f6f9;font-size:1.67vw;text-transform: uppercase;line-height: 1;} .cultrue3 ul li:nth-child(2n){flex-direction:row-reverse} .cultrue3 ul li:nth-child(2n) .Txt{margin-right:54px;margin-left:0;margin-right:2.81vw} /* 人才发展 */ /* .person .nav1 ul li{width:33.3%} */ /* 人才发展-人才理念 */ .person1>.summary{color:#333333;text-align:center;font-size:18px;margin-bottom:30px;font-size: calc(28 / 1920 * 100vw);margin-bottom:1.5625vw;} .person1 .info{font-size:14px;color:#333333;line-height:2;margin-bottom:50px;font-size:0.73vw;margin-bottom:2.6vw} .person1 ul{display:flex;flex-wrap:wrap;} .person1 ul li{width:278px;/* height:329px; */margin-right:96px;box-shadow: 0 0 18px rgba(61,93,121,0.1);margin-bottom: 120px;text-align:center;width:14.48vw;min-height:17.135vw;margin-right: 5vw;margin-bottom: 6.25vw} .person1 ul li:nth-child(4n){margin-right:0} .person1 ul li .Img{width:100%;height:100px;line-height:100px;height:5.21vw;line-height: 5.21vw} .person1 ul li img{vertical-align:middle} .person1 ul li .title{font-size:16px;color:#005bac;line-height:1;margin-bottom:34px;font-size: 0.83vw;margin-bottom: 0;} .person1 ul li .summary{padding: 34px;line-height:2;font-size:14px;color:#666666;padding: 1.77vw;font-size: 0.73vw} /* 人才发展-晋升通道 */ .person2>ul{margin-bottom:100px;margin-bottom: 5.21vw} .person2>ul>li{position:relative;overflow:hidden;margin-bottom:40px;margin-bottom: 2.08vw} .person2>ul>li .left{text-align:left;width:839px;/* height:345px; */margin-top:44px;width:43.7vw;/* height:17.97vw; */margin-top:2.3vw;background: #f5f7fa url(../image/personBK2.png) top center no-repeat;background-size:100%;/* overflow:hidden; */display: inline-block;margin-bottom: 54px;margin-bottom: 2.8vw;/* padding-top: 30px; */} .person2>ul>li .Txt{margin:95px 60px 50px 70px;margin: 4.95vw 3.125vw 2.6vw 3.646vw;margin: 2.6vw 3.125vw 2.6vw 3.646vw;} .person2>ul>li .Txt .summary>p{margin-bottom: 10px;} .person2>ul>li .Txt .title{font-size:28px;color:#222222;margin-bottom:35px;font-size: calc(28 / 1920 * 100vw);margin-bottom: 1.5625vw;} .person2>ul>li .Txt .summary{color:#333333;font-size:16px;line-height: 2;font-size: 0.73vw;} .person2>ul>li .Txt .summary li{padding-left:50px;background:url(../image/person_icon.png) left center no-repeat;padding-left: 2.604vw} .person2>ul>li .right{width:50%;height:443px;position:absolute;right:0;top:0;z-index:-1;background: url(../image/personBk.png) 2.6vw 2.6vw no-repeat;background-size: 654px;height: 23.07vw;background-size: 34.0625vw} .person2>ul>li .right .Img{width:685px;height:433px;width:35.68vw;height:22.55vw;overflow:hidden} .person2>ul>li .right .Img img{width:34.5vw} .person2>ul>li:nth-child(2n){text-align:right} .person2>ul>li:nth-child(2n) .right{left:0} .process1{background:#fcfcfe;padding: 84px 160px 60px;margin:70px auto 120px;box-sizing:border-box;border:1px solid #ebecf2;padding: 4.375vw 8.33vw 3.125vw} .process1 ul li{text-align:center;background:#fff;box-shadow:0 4px 18px rgba(6,101,245,.06);position:relative;margin-bottom: 85px;padding: 0 50px;box-sizing: border-box;margin-bottom:4.375vw;padding:0 2.6vw} .process1 ul li .title{width:238px;height:46px;line-height:46px;position:absolute;left:calc(50% - 119px);top:-23px;font-size:18px;color:#ffffff;background: linear-gradient(94deg,#1587cc,#005cad);width:12.4vw;height: 2.4vw;line-height: 2.4vw;left: calc(50% - 6.2vw);top:-1.2vw;font-size: 0.94vw} .process1 ul li .summary{font-size:16px;color:#333333;padding-top:50px;margin-bottom:35px;font-size: 0.83vw;padding-top: 2.6vw;margin-bottom: 1.82vw} .process1 ul li .stepBox{/* padding-bottom: 100px; */display:flex;flex-wrap: wrap;/* align-items: center; */justify-content: center;/* padding: 0 50px; */} .process1 ul li .stepBox .step{margin-right:135px;position:relative;margin-bottom: 100px;margin-right: 7.03vw;margin-bottom: 5.2vw} .process1 ul li .stepBox .step .Img{width:47px;height:47px;line-height: 47px;border:1px solid #005bac;border-radius:50%;text-align:center;box-shadow: 0 10px 11px rgb(6 101 245 / 14%);display: inline-block;position: relative;box-sizing: border-box;width: 2.45vw;height: 2.45vw;line-height: 2.45vw;} .process1 ul li .stepBox .step .Img:after{left:108px;top:18px;position:absolute;content:"";width:16px;height:11px;background:url(../image/process_step.png) center center no-repeat;background-size:contain;left: 5.625vw;top: 0.94vw;width: 0.83vw;height: 0.57vw} .process1 ul li .stepBox .step .Img img{vertical-align:middle;max-width:50%;} .process1 ul li .stepBox .step p{position:absolute;word-break: keep-all;transform: translateX(-50%);left: 50%;margin-top: 28px;font-size:16px;color:#333333;margin-top: 1.46vw;font-size: 0.83vw} .process1 ul li:nth-child(3){margin-bottom:0} .process1 ul li:nth-child(3) .stepBox .step{margin-right:100px;margin-right: 5.2vw;/* margin-right: 4.8vw; */} .process1 ul li:nth-child(3) .stepBox .step .Img:after{left:90px;left:4.69vw} .process1 ul li .stepBox .step:last-child{margin-right:0} .process1 ul li .stepBox .step:last-child .Img:after{display:none} .process2{background:url(../image/process2_Bk.png) top center no-repeat;background-size:100%;min-height:854px;min-height: 44.48vw} .process2>ul{padding-top:368px;display:flex;justify-content: center;padding-top:19.17vw} .process2>ul>li{position:relative;margin: 0 46px;height: 41px;margin: 0 2.4vw;height: 2.14vw} .process2>ul>li .title{width:138px;height:41px;font-size:18px;color:#333333;line-height:41px;text-align:center;background:#fff;border-radius:2px;width: 7.19vw;height: 2.14vw;font-size:0.94vw;line-height: 2.14vw;} .process2>ul>li .Img{background:url(../image/process2_iconG.png) center center no-repeat;background-size:contain;height:115px;width: 100%;height: 5.99vw} .process2>ul>li .info{position:absolute;width:304px;padding-top:15px;transform:translate(-50%);left:50%;font-size:14px;color:#333333;line-height:1.5;width: 15.83vw;padding-top: 0.78vw;font-size: 0.73vw} .process2>ul>li:nth-child(2n+1) .Img{transform:rotate(180deg);position:absolute;bottom: 41px;bottom: 2.14vw} .process2>ul>li:nth-child(2n+1) .info{bottom:156px;padding: 0;padding-bottom: 15px;bottom:8.125vw;padding-bottom:0.78vw} .process2>ul>li:hover .title,.process2>ul>li.active .title{background:#005bac;color:#fff} .process2>ul>li:hover .Img{background-image:url(../image/process2_iconB.png);transform: rotate(180deg);} .process2>ul>li:nth-child(2n+1):hover .Img{transform: rotate(0);} .process2>ul>li .info ul li{margin-bottom:10px;position:relative;margin-bottom: 0.52vw} .process2>ul>li .info ul li:after{content:"";position:absolute;width:4px;height:4px;background:#333;border-radius:50%;left:-14px;top:8px;width: 0.21vw;height: 0.21vw;left: -0.73vw;top:0.42vw} .process2>ul>li:nth-child(1) .info,.process2>ul>li:nth-child(3) .info,.process2>ul>li:nth-child(4) .info{width:200px;width: 10.42vw;width: 11vw;} .recuritNav{margin:70px auto 50px;text-align:center;margin: 3.65vw auto 2.6vw} .recuritNav a{background:#e7e7e7;color:#333333;font-size:16px;display:inline-block;width:130px;height:46px;line-height:46px;margin:0 8px;border-radius:5px;box-sizing:border-box;border:1px solid #e7e7e7;font-size: 0.83vw;width: 6.77vw;height: 2.4vw;line-height: 2.4vw;margin: 0 0.42vw} .recuritNav a.active,.recuritNav a:hover{color:#005bac;border:1px solid #005bac;background:#fff} .recurit ul{margin-bottom:95px;margin-bottom: 4.95vw} .recurit ul li{display:flex;height:70px;line-height:70px;text-align:center;font-size:16px;height: 3.65vw;font-size:0.83vw;line-height: 3.65vw;} .recurit ul li p{border-left:1px solid #eeeeee;width: 18.5%;box-sizing:border-box;border-bottom:1px solid #eeeeee;} .recurit ul li:nth-child(2n+1) p{background:#edf3fc} .recurit ul li:nth-child(1) p{/* width:300px; */border-right:1px solid #317aba;background:#005bac;color:#fff;} .recurit ul li p:nth-child(1),.recurit ul li p:last-child{width:23%} .recurit ul li p:last-child{border-right:1px solid #eeeeee} .recruit2{display:flex;justify-content: space-between;align-items: flex-start;padding-bottom: 70px;color: #333;line-height: 2;padding-bottom: 3.65vw} .recruit2 .left{padding:50px;box-sizing:border-box;background:#fff;width:69%;padding: 2.6vw} .recruit2 .left .title{font-size:28px;color:#222222;margin-bottom: 27px;line-height: 1.2;font-size: 1.46vw;margin-bottom: 1.41vw} .recruit2 .left .jianjie{margin-bottom:34px;color: #222;margin-bottom: 1.77vw} .recruit2 .left .jianjie .row{margin-bottom:15px;margin-bottom: 0.78vw} .recruit2 .left .jianjie .row span{background:url(../image/recuritIcon1.png) left center no-repeat;padding: 0 15px 0 25px;background-size:auto 17px;padding: 0 0.78vw 0 1.3vw;background-size: auto 0.88vw} .recruit2 .left .jianjie .row span:nth-child(1){padding-right:25px;padding-right: 1.3vw} .recruit2 .left .jianjie .row span:nth-child(2){background-image:url(../image/recuritIcon2.png)} .recruit2 .left .jianjie .row span:nth-child(3){background-image:url(../image/recuritIcon3.png)} .recruit2 .left .jianjie .row span:nth-child(4){background-image:url(../image/recuritIcon4.png)} .recruit2 .left .jianjie .row span:nth-child(5){background-image:url(../image/recuritIcon5.png)} .recruit2 .left .jianjie p{background:url(../image/recuritIcon5.png) left center no-repeat;padding: 0 15px 0 25px;background-size:auto 17px;padding: 0 0.78vw 0 1.3vw;background-size: auto 0.88vw} .recruit2 .right{width:29%;box-sizing:border-box;background: #fff;padding: 50px 40px;padding: 2.6vw 2.08vw} .recruit2 .right .head{margin-bottom: 15px;color:#005bac;font-size:18px;padding-left:32px;background:url(../image/recuritIcon6.png) left center no-repeat;line-height: 25px;background-size: auto 100%;margin-bottom: 0.78vw;font-size: 0.94vw;padding-left:1.67vw;line-height: 1.3vw} .recruit2 .right .title{color:#999999;font-size:16px;margin-bottom: 15px;line-height: 1.2;font-size: 0.83vw;margin-bottom: 0.78vw} .recruit2 .right .imgBox{margin-bottom:25px;margin-bottom: 1.3vw} .recruit2 .right .imgBox a{margin-bottom:15px;margin-bottom: 0.78vw;display: inline-block;width: 94px;height: 40px;margin-right: 40px;border: 1px solid #c4c4c4;border-radius: 5px;line-height: 40px;text-align: center;font-size: 0;width: 4.9vw;height: 2.08vw;margin-right: 2.08vw;line-height: 2.08vw;margin-right: 0.6vw;} .recruit2 .right .imgBox a:nth-child(3n){margin-right: 0} .recruit2 .right .imgBox a img{max-width: 100%;max-height: 100%;vertical-align: middle;display: inline-block;} .recruit2 .right .imgBox a:hover{border-color:#5290c7} .recruit2 .right .msg{font-size:14px;color:#222222;font-size: 0.73vw} .letter{margin-bottom:80px;margin-bottom:4.17vw} .letter .row{display:flex;line-height:45px;margin-bottom:20px;line-height:2.34vw;margin-bottom:1.04vw;position: relative;width: 100%;flex-wrap: wrap;} .letter .row p{width:300px;text-align:right;margin-right:20px;color:#666666;font-size:16px;width:15.625vw;margin-right:1.04vw;font-size:0.833vw;width: 15vw;} .letter .row p i{color:red;margin-right:10px;margin-right:0.52vw} .letter .row input{font-size:14px;width:900px;border:1px solid #c8c8c8;border-radius:5px;padding:0 25px;box-sizing:border-box;margin-right:187px;width:46.875vw;padding:0 1.3vw;margin-right:9.74vw;font-size: 0.73vw} .letter .row textarea{width:900px;border:1px solid #c8c8c8;border-radius:5px;padding:10px 25px;box-sizing:border-box;margin-right:187px;height:185px;width:46.875vw;padding:0.52vw 1.3vw;margin-right:9.74vw;height:9.635vw} .letter .row input[type=submit]{position:absolute;width:200px;height:45px;background:#005bac;color:#fff;letter-spacing: 5px;right: 187px;width:10.42vw;height:2.34vw;right:9.74vw;right: 0;} .letter .row .vcBox{width:440px;position:relative;border:1px solid #c8c8c8;border-radius:5px;width:22.92vw} .letter .row .vcBox input{width:calc(100% - 74px);line-height:45px;border:0;border-right:1px solid #c8c8c8;border-radius:0;width:calc(100% - 3.85vw);line-height:2.34vw} .letter .row .vcBox .Img{position:absolute;width:74px;right:0;top:0;width:3.85vw} .letter .row .red{color:red;font-size:12px;padding-left:calc(310 / 1920 * 100vw);position: absolute;left: 87%;top:0;padding-left: 0;} .letter .row .red5{padding-left:5px;left: 54%;} .positionCon{height:630px;margin-top: -2.4vw;height: 32.81vw;position:relative;margin-top: -6.4vw;} .positionCon #maps,#allmap{height:100%} .positionCon .info{position:absolute;background:rgba(255,255,255,.8);top:200px;right:260px;padding: 30px 25px 15px;width: 465px;border-radius:5px;/* top:10.42vw; */right:13.54vw;width:24.22vw;padding:1.56vw 1.3vw 0.78vw;;top: 50%;transform: translatey(-50%) } .positionCon .info ul li{margin-bottom:20px;display: flex;line-height: 28px;justify-content: space-between;margin-bottom:1.04vw;line-height:1.46vw} .positionCon .info ul li span{transition:all .35s ease-in-out;display:inline-block;width:28px;height:28px;background-repeat:no-repeat;background-size:28px;width:1.46vw;height:1.46vw;background-size:1.46vw} .positionCon .info ul li p{width:calc(100% - 43px);font-size:14px;color:#333333;width:21.875vw;font-size:0.73vw} .positionCon .info ul li p i{font-size:16px;font-size: 0.83vw;} /* .positionCon .info ul li:hover p{color:#005bac} .positionCon .info ul li:hover span{background-position:left bottom} */ .map_message{padding-left: 128px;position: relative;height: 120px;background: #fff;padding-left: 6.67vw;height: 6.25vw} .map_message img{position:absolute;left:0px;height: 6.25vw} .BMap_top{display:none;} .BMap_pop div{overflow:unset!important} .BMap_pop>div:nth-child(1){display:none;} .BMap_pop>div:nth-child(3){display:none;} .BMap_pop>div:nth-child(5){display:none;} .BMap_pop>div:nth-child(7){display:none;} .BMap_pop>div:nth-child(8){display:none;} .BMap_pop .BMap_center{background-color: unset!important;border: 0!important;} .BMap_bottom{display:none;} .BMap_shadow img{display: none;} .BMap_bubble_content{background:none;line-height:64px;background:#fff;text-align:center;width: 210px!important;overflow:unset;margin-left: -18px;line-height: 3.33vw;width: 10.94vw;margin-left: -0.94vw} .BMap_bubble_content p{position:relative; box-shadow: 0 3px 15px rgba(0,0,0,10%);} .BMap_bubble_content p:after{position:absolute;content:"";border-width:10px;border-color: #fff transparent transparent transparent;border-style:solid;bottom:-20px;z-index:999;left:calc(50% - 10px);border-width: 0.52vw;bottom:-1.04vw;left: calc(50% - 0.52vw)} .hornor{background:url(../image/hornorBk.png) left top no-repeat;background-size:cover;} .hornor .nav2 ul{background: none} .hornorCon{position: relative;z-index: 1;} .hornorCon .wordsBox{position:relative;display:flex} .hornorCon .wordsBox .box{background:url(../image/hornorBk2.png) left top no-repeat;width:500px;padding:36px 42px 65px;box-sizing:border-box;background-size:61px;width: 26.04vw;padding: 1.875vw 2.19vw 3.39vw;background-size: 3.18vw } .hornorCon .wordsBox .box p.title{font-size:28px;color:#222222;margin-bottom:25px;font-size:1.46vw;margin-bottom: 1.3} .hornorCon .wordsBox .box ul li{padding-left:22px;margin-bottom:10px;color:#666;font-size:16px;position:relative;padding-left: 1.15vw;margin-bottom: 0.52vw;font-size:0.83vw} .hornorCon .wordsBox .box ul li:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;left:0;top:calc(50% - 3px);border:1px solid #005bac;width: 0.3vw;height: 0.3vw;top:calc(50% - 0.15vw)} .hornorCon .wordsBox .tab{position:absolute;right:0;text-align:center;z-index: 9;} .hornorCon .wordsBox .tab a{display:block;background:url(../image/hornorBk3.png) bottom center no-repeat;background-size:100%;font-size:16px;color:#333333;width:159px;height:40px;line-height:40px;margin-bottom:20px;letter-spacing: 5px;font-size:0.83vw;width: 8.28vw;height:2.08vw;line-height: 2.08vw;margin-bottom: 1.04vw} .hornorCon .wordsBox .tab a.active,.hornorCon .wordsBox .tab a:hover{background-position:top;color:#fff} .hornorCon .wordsBox .bk{margin-right:140px;position:absolute;right:0;z-index: -1;margin-right: 7.3vw;opacity: 0.5;} .hornorCon .wordsBox .bk .en{color: #f7f8f9;font-size:70px;font-size:3.64vw;text-transform:uppercase;text-shadow: rgb(209 214 220/ 50%) 1px 0 0, rgb(209 214 220/ 50%) 0 1px 0, rgb(209 214 220/ 50%) -1px 0 0, rgb(209 214 220/ 50%) 0 -1px 0;} .hornorCon .wordsBox .bk p{color: #f7f8f9;font-size:50px;font-size:2.6vw;text-align:right;text-shadow: rgb(209 214 220/ 50%) 1px 0 0, rgb(209 214 220/ 50%) 0 1px 0, rgb(209 214 220/ 50%) -1px 0 0, rgb(209 214 220/ 50%) 0 -1px 0;} .hornorCon .imgBox .row{margin-bottom:150px;position: relative;margin-bottom: 7.81vw} .hornorCon .imgBox .row img{height:150px;margin-right:88px;height:7.81vw;margin-right:4.58vw;} .hornorCon .imgBox .row1 .bk{width:1250px;height:40px;background:#fff;box-shadow:0 26px 48px rgba(155,155,155,.2);left:-260px;position:absolute;width: 65.1vw;height: 2.08vw;left:-13.54vw} .hornorCon .imgBox .row2{text-align:right;} .hornorCon .imgBox .row2 img{margin-right:2.08vw} .hornorCon .imgBox .row2 img:last-of-type{margin-right:0} .hornorCon .imgBox .row2 .bk{width:1454px;height:40px;background:#fff;box-shadow:0 26px 48px rgba(155,155,155,.2);right:-260px;position:absolute;width:75.73vw;height:2.08vw;right: -13.54vw} .hornorCon .imgBox .row3{position: relative;height:150px;margin-bottom:160px;height: 7.81vw;margin-bottom: 8.33vw} .hornorCon .imgBox .row3 .swiper-container{width:1195px;width:62.24vw;height: 100%;} .hornorCon .imgBox .row3 .swiper-slide {width: auto;height: 100%;/* margin-right: 46px!important; *//* margin-right: 2.4vw!important; *//* margin-right: 1.9vw!important; *//* margin-right: 0!important; *//* padding-right: 1.9vw!important; */box-sizing: border-box;} .hornorCon .imgBox .row3 .swiper-slide img{height:100%;/* margin-right: 30px; */} .hornorCon .imgBox .row3 .bk{width:100vw;height:40px;background:#fff;box-shadow:0 26px 48px rgba(155,155,155,.2);left:-363px;position:absolute;height: 2.08vw;left: -13.5vw;} .hornorCon .imgBox .row3 .swiper-button-prev{width:60px;height:60px;border-radius:50%;box-shadow:0 0 10px rgba(155,155,155,0.2);background:#fff url(../image/hornorBtn.png) left center no-repeat;left: 0;width: 3.12vw;height: 3.12vw;background-size: 6.24vw;margin-top: -1.56vw;} .hornorCon .imgBox .row3 .swiper-button-next{width:60px;height:60px;border-radius:50%;box-shadow:0 0 10px rgba(155,155,155,0.2);background:#fff url(../image/hornorBtn.png) right center no-repeat;right: 0;width: 3.12vw;height: 3.12vw;background-size: 6.24vw;margin-top: -1.56vw;} .proCon{margin-bottom:90px;margin-bottom:4.69vw} .product .head{text-align:center;padding-bottom: 12px;position:relative;margin-bottom:45px;z-index: 1;padding-bottom: 0.625vw;margin-bottom: 2.34vw} .product .title{font-size:28px;color: #222;font-size: 1.46vw} .product .en{left:50%;transform:translate(-50%);z-index:-1;position:absolute;bottom:0;font-size:38px;color:#f8fafd;opacity:0.5;text-shadow: rgba(0,91,172,0.2) 1px 0 0, rgba(0,91,172,0.2) 0 1px 0, rgba(0,91,172,0.2) -1px 0 0, rgba(0,91,172,0.2) 0 -1px 0;font-size: 1.6vw;text-transform: uppercase;font-size: 1.98vw;width:100%} .proCon .proList ul li{position:relative;margin-bottom:30px;margin-bottom: 1.56vw} .proCon .proList ul li .left{width:910px;height:400px;display:inline-block;width: 47.4vw;height: 20.83vw;overflow: hidden } .proCon .proList ul li .left img{transition: all .35s ease-in-out ;width: 100%;} .proCon .proList ul li .right{z-index:10;padding:30px 50px;box-sizing:border-box;width:502px;height:400px;position:absolute;right:0;top:0;padding: 1.56vw 2.6vw;width: 26.14vw;height: 20.83vw;background-size: 52.3vw;background-size: 200%;} .proCon .proList ul li .right:after{z-index:-1;content:"";background:url(../image/proBk.png) right bottom no-repeat;background-size:200%;width:100%;height:100%;position:absolute;left:0;top:0} .proCon .proList ul li .right p.title{font-size:22px;color:#333333;margin-bottom:15px;font-size: 1.14vw;margin-bottom: 0.78vw;font-weight: bold;} .proCon .proList ul li .right .summary{color:#333333;font-size:16px;line-height:2;font-size: 0.83vw} .proCon .proList ul li .right .summary p{margin-bottom:15px;margin-bottom: 0.78vw;font-weight: bold;} .proCon .proList ul li .right .icon{width:50px;height:50px;width: 2.605vw;height: 2.605vw;background:url(../image/proIcon.png) left top no-repeat;background-size: 100% 200%;box-sizing: border-box;} .proCon .proList ul li .right .summary p span{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: 100;} .proCon .proList ul li .right .Img{position:absolute;right:0;bottom:0;opacity: 0.3;bottom:0;display:none;} .proCon .proList ul li:nth-child(2n){text-align:right} .proCon .proList ul li:nth-child(2n) .right{left:0;background-position-x:left;text-align:left} .proCon .proList ul li:nth-child(2n) .right:after{background-position-x:left} .proCon .proList ul li:hover .right:after{background-position-y:top} .proCon .proList ul li:hover .right .summary{color:#fff} .proCon .proList ul li:hover .right p.title{color:#fff} .proCon .proList ul li:hover .right .icon{background-position:bottom} .proCon .proList ul li:hover .left img{transform: scale(1.1) } .proCon .proList ul li:hover .right .Img{display:block} .pro_caseCon{background:#f6f6f8;padding:100px 0;padding: 5.2vw 0} /* .pc-slide {width: 1200px;margin: 0 auto;} */ .pro_caseCon .pc-slide{position:relative;display: flex;justify-content: space-between;flex-flow: row-reverse;margin-top: 0;} .pro_caseCon .view{width: 700px;height:420px;height: 21.875vw;width: 36.49vw;overflow: hidden;width: 50%;} /* .pro_caseCon .view .arrow-left{left:0;} .pro_caseCon .view .arrow-right {right:0;} */ .pro_caseCon .view .swiper-container {height: 100%;width: 100%;} .pro_caseCon .view .swiper-container img{width:100%;height:auto;} .pro_caseCon .view .swiper-container .swiper-wrapper,.proCon .view .swiper-container .swiper-slide{height:100%} .pro_caseCon .view .swiper-container .swiper-slide{position:relative} .pro_caseCon .view .swiper-container .swiper-slide .mb{background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;text-align:center;z-index: 0;} .pro_caseCon .view .swiper-container .swiper-slide .mb p{font-size:24px;color:#fff;margin-top:20%;font-size: 1.25vw;position: relative;z-index: 1;} .pro_caseCon .view .swiper-container .swiper-slide .mb a{transition:all .35s ease-in-out;width:125px;height:30px;display:inline-block;border:1px solid #fff;line-height:30px;color:#fff;margin-top:10%;font-size:14px;opacity:0.5;width:6.51vw;height: 1.56vw;line-height: 1.56vw;font-size: 0.73vw;position: relative;z-index: 1;} .pro_caseCon .view .swiper-container .swiper-slide .mb a:hover{background:#0556a3;color:#fff;opacity:1;border:0} .pro_caseCon .preview {width: 861px;/* position: relative; */margin-bottom: 17px;margin: 0 auto;width: 660px;overflow: hidden;padding-top: 55px;box-sizing: border-box;width: 44.84vw;margin-bottom: 0.885vw;width: 34.375vw;padding-top:2.6vw} .pro_caseCon .preview .swiper-container {width: 100%;height: 76px;box-sizing:border-box;margin-top: 105px;height: 3.96vw;margin-top: 5.47vw;} .pro_caseCon .preview .swiper-slide {/* width: 155px; *//* height: 164px; */cursor:pointer;padding: 0 7px;height: 100%;width: 124px;padding: 0 0.36vw;width: 6.46vw;box-sizing: border-box;} .pro_caseCon .preview .arrowBox{position:absolute;left:50%;transform:translate(-50%);display: flex;z-index: 11;bottom: 0;} .pro_caseCon .view .arrow-left,.pro_caseCon .view .arrow-right {width:54px;height:54px;background:url(../image/pro_caseBtn.png) left top no-repeat;background-size:108px;/* position: absolute; *//* top:49px; */z-index: 10;color:#353535;text-align:center;display: block;width: 2.81vw;height: 2.81vw;background-size: 200%;left: calc(50% - 2.81vw);bottom: 0;top: auto;} .pro_caseCon .view .arrow-right {background-position:right bottom;left: 50%;} .pro_caseCon .view .arrow-left:after,.pro_caseCon .view .arrow-right:after{content:""} .pro_caseCon .preview img {width: 100%;height: 100%;} .pro_caseCon .preview .swiper-slide-thumb-active img {padding: 0;border: 2px solid #0556a3;box-sizing: border-box;} .pro_caseCon .preview .swiper-slide p{width:100%;text-align:center;font-size:12px;color:#2c2c2c;line-height: 16px;padding-top: 5px;font-size: 0.625vw;line-height: 0.83vw;padding-top: 0.26vw} .pro_hornorCon{padding:85px 0 115px;background:url(../image/pro_hornorBk.png) bottom left no-repeat;padding: 4.43vw 0 5.99vw} .glory {position: relative;height: 392px;margin-top: 80px;height: 20.42vw;margin-top: 4.17vw} .glory .swiper-slide {width: 270px;height: 392px;width: 350px;width: 18.23vw;height: 20.42vw;width: 22.42vw;width: 20vw;} .glory .swiper-button-next, .glory .swiper-button-prev {width: 60px;height: 60px;border-radius: 50%;background: #e8e8e8 url("../image/pro_hornorBtn.png") left top no-repeat;background-size:120px;box-shadow:0 0 10px rgba(155,155,155,0.2);width: 3.125vw;height: 3.125vw;background-size: 200%;} .glory .swiper-button-prev {left: 0;} .glory .swiper-button-next {background-position-x: right;right:0} .glory .swiper-button-prev:hover,.glory .swiper-button-next:hover{background-position-y:bottom;box-shadow:0 0 10px rgba(0,91,172,0.2)} .glory .swiper-button-prev:after,.glory .swiper-container-rtl .swiper-button-next:after{content:""} .glory .swiper-button-next:after,.glory .swiper-container-rtl .swiper-button-prev:after{content:""} .pro_serviceCon{padding:80px 0 110px;padding: 4.17vw 0 5.73vw} .pro_serviceCon .pro_service{margin-top:60px;margin-top: 3.125vw} .pro_serviceCon .msg{position:relative;font-size:14px;color:#fff;line-height:2;background:url(../image/pro_serviceBk.png) center center no-repeat;background-size:cover;box-sizing:border-box;padding:45px 110px 35px 350px;padding: 2.34vw 5.73vw 1.82vw 18.23vw} .pro_serviceCon .msg:after{content:"";position:absolute;top:50px;left:108px;background:url(../image/pro_service1.png) center center no-repeat;width: 82px;height: 88px;background-size: 100%;top: 2.6vw;left: 5.625vw;width: 4.27vw;height: 4.58vw} .pro_serviceCon ul{padding-top:35px;display:flex;flex-wrap:wrap;padding-top: 1.82vw} .pro_serviceCon ul li{width:50%;padding:0 40px 20px;box-sizing:border-box;padding: 0 2.08vw 1.04vw} .pro_serviceCon ul li span{font-size:34px;color:#a4acb4;margin-bottom:10px;display:block;font-size: 1.77vw;margin-bottom: 1.04vw;font-weight: bold;} .pro_serviceCon ul li .summary{font-size:14px;color:#333333;line-height:2;font-size: 0.73vw} .culture .head{text-align:center;padding-bottom: 12px;position:relative;margin-bottom:45px;z-index: 1;width: 100%;margin-bottom: 2.34vw;padding-bottom: 0.625vw;padding-bottom: calc(20 / 1920 * 100vw);} .culture .title{font-size:28px;color: #222;font-size: 1.46vw} .culture .en{left:50%;transform:translate(-50%);z-index:-1;position:absolute;bottom:0;font-size:38px;color:#f8fafd;opacity:0.5;text-shadow: rgba(0,91,172,0.2) 1px 0 0, rgba(0,91,172,0.2) 0 1px 0, rgba(0,91,172,0.2) -1px 0 0, rgba(0,91,172,0.2) 0 -1px 0;font-size: 1.6vw;text-transform: uppercase;font-weight: bold;font-size: 1.98vw;width: 100%;} .culture{background:#f6f6f6} .culture1{/* padding-top:90px; *//* padding-top: 4.69vw */} .culture1 .row .head{margin-bottom:20px;margin-bottom: 1.04vw} .culture1 .row>p{text-align:center;font-size:16px;font-size: 0.83vw} .culture1 .row>.summary{width:60%;text-align:center;margin:0 auto;;line-height:2} .culture1 .row1{background:url(../image/qy_vision.png) center center no-repeat;padding:55px 0;box-sizing:border-box;padding: 2.86vw 0} .culture1 .row1 .title{color:#fff} .culture1 .row1 .en{opacity:0.5;color:#4077bc;text-shadow: rgba(255,255,255,0.2) 1px 0 0, rgba(255,255,255,0.2) 0 1px 0, rgba(255,255,255,0.2) -1px 0 0, rgba(255,255,255,0.2) 0 -1px 0;} .culture1 .row1>p{color:#fff;margin-bottom:20px;margin-bottom: 1.04vw} .culture1 .row1>.summary{color:#c3ddf4;} .culture1 .row2{padding:70px 0;padding: 3.65vw 0} .culture1 .row2>p{color:#333333;margin-bottom:50px;margin-bottom: 2.6vw} .culture1 .row2 .summary{color:#777777;} .culture1 .row3{padding:55px 0 60px;background:url(../image/qy_core.png) center center no-repeat;background-size:cover;padding: 2.86vw 0 3.125vw} .culture1 .row3>p{color:#333333;margin-bottom:50px;margin-bottom: 2.6vw} .culture1 .row3 .summary{color:#777777;} .culture1 .row3 ul{display:flex;justify-content:space-between;margin:0 133px;padding-top:30px;margin: 0 6.93vw;padding-top: 1.56vw} .culture1 .row3 ul li{position:relative;text-align:center} .culture1 .row3 ul li span{display:inline-block;width:60px;height:55px;margin-bottom:35px;width: 3.125vw;height: 2.86vw;margin-bottom: 1.82vw;transition:all .3s ease-in-out} .culture1 .row3 ul li p{color:#333333;font-size:16px;font-size: 0.83vw} .culture1 .row3 ul li:hover span{transform:scale(1.1) translateY(-20%)} .culture1 .row4{padding:55px 0 60px;background:url(../image/qy_spirit.png) center center no-repeat;background-size:cover;padding: 2.86vw 0 3.125vw} .culture1 .row4 .content{width:calc(100% - 172px);width: calc(100% - 8.96vw)} .culture1 .row4 .title{color:#fff} .culture1 .row4 .en{opacity: 0.5;color: #025cad;text-shadow: rgba(255,255,255,0.2) 1px 0 0, rgba(255,255,255,0.2) 0 1px 0, rgba(255,255,255,0.2) -1px 0 0, rgba(255,255,255,0.2) 0 -1px 0;} .culture1 .row4 ul{display:flex;justify-content:space-between;margin-top: 30px;margin-top: 1.56vw} .culture1 .row4 ul li{width:25%;padding:0 35px;box-sizing:border-box;border-right:1px solid #166dbb;text-align:center;padding: 0 1.82vw} .culture1 .row4 ul li:nth-child(4n){border-right:0} .culture1 .row4 ul li span{display:block;height:60px;margin-bottom:15px;height: 3.125vw;margin-bottom: 0.78vw;transition:all .3s ease-in-out} .culture1 .row4 ul li>p{font-size:22px;color:#fff;margin-bottom:15px;font-size: 1.15vw;margin-bottom: 0.78vw;} .culture1 .row4 ul li .summary{font-size:14px;color:#8ab2d6;line-height:2;font-size:0.73vw } .culture1 .row4 ul li:hover span{transform:scale(1.1) translateY(-20%)} .culture1 .row5{margin-top:90px;margin-top: 4.69vw} .culture1 .row.box1{height:248px;display:flex;text-align:center;margin-bottom:30px;height: 12.92vw;margin-bottom: 1.56vw;overflow: hidden;} .culture1 .row.box1 .left{width:786px;width: 40.94vw;overflow: hidden;} .culture1 .row.box1 img{transition:all .35s ease-in-out} .culture1 .row.box1 .right{width:614px;padding-top:60px;background:#f3f3f3;width: 31.98vw;padding-top: 1.56vw} .culture1 .row.box1 .right .summary{margin-top:44px;margin-top: 2.3vw} .culture1 .row.box1:hover img{transform:scale(1.2)} .culture1 .row8{margin-top:90px;/* background: #005bac url(../image/qy_work.png) left top no-repeat; */background-size:auto 100%;height:412px;padding:62px 0 55px;box-sizing:border-box;margin-top: 4.69vw;height: 21.46vw;padding: 3.23vw 0 2.86vw;position: relative;} .culture1 .row8:before{content:"";width: 46%;height:100%;top:0;right:0;position:absolute;background: #005bac;} .culture1 .row8:after{content:"";width: 54%;height:100%;top:0;left:0;position:absolute;background: url(../image/qy_work.png) left top no-repeat;background-size: cover;} .culture1 .row8 .content{display:flex;justify-content:space-between;position: relative;z-index: 1;} .culture1 .row8 .left{width:475px;height:285px;background:rgba(255,255,255,.9);position:relative;margin-left:200px;width: 24.74vw;height: 14.84vw;margin-left: 10.42vw} .culture1 .row8 .left .head{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .culture1 .row8 .right{width:550px;margin-right:34px;width: 28.65vw;margin-right:1.77vw} .culture1 .row8 .right ul li{margin-bottom:20px;margin-bottom: 1.04vw} .culture1 .row8 .right ul li p{padding-left:30px;background-repeat:no-repeat;font-size:16px;color:#fff;background-size: auto 100%;padding-left: 1.56vw;font-size: 0.83vw;} .culture1 .row8 .right ul li .summary{padding-left:30px;font-size:14px;color:#8ab2d6;line-height:1.5;margin-top:5px;padding-left: 1.56vw;font-size: 0.73vw;margin-top: 0.26vw} .culture1 .row9{margin:90px auto;padding:55px 0 73px;background:url(../image/qy_quality.png) left center no-repeat;text-align:right;margin: 4.69vw auto;padding: 2.86vw 0 3.8vw} .culture1 .row9 .title{color:#fff} .culture1 .row9 .en{opacity: 0.3;color: #646260;text-shadow: rgba(255,255,255,0.4) 1px 0 0, rgba(255,255,255,0.4) 0 1px 0, rgba(255,255,255,0.4) -1px 0 0, rgba(255,255,255,0.4) 0 -1px 0;} .culture1 .row9 .Con{text-align:left;width:890px;display:inline-block;margin: 20px 0 0;padding: 35px 85px 48px 75px;box-sizing: border-box;background: rgba(0,91,172,0.2);width: 46.35vw;margin: 1.04vw 0 0} .culture1 .row9 .Con p{color:#fff;font-size:16px;margin-bottom:15px;font-size: 0.83vw;margin-bottom: 0.78vw} .culture1 .row9 .Con .summary{color:rgba(255,255,255,.6);line-height:2;font-size:14px;font-size: 0.73vw} .picCon .tab{/* position:absolute; *//* right:0; */text-align:center;display: flex;width: 100%;justify-content: center;margin-bottom: 60px;margin-bottom: 3.12vw;} .picCon .tab a{display:block;background:url(../image/hornorBk3.png) bottom center no-repeat;background-size:100%;font-size:16px;color:#333333;width:159px;height:40px;line-height:40px;/* margin-bottom:20px; */letter-spacing: 5px;font-size:0.83vw;width: 8.28vw;height:2.08vw;line-height: 2.08vw;/* margin-bottom: 1.04vw */margin: 0 -5px;} .picCon .tab a.active,.picCon .tab a:hover{background-position:top;color:#fff} .picCon ul{display:flex;flex-wrap:wrap;margin-bottom:40px;margin-bottom: 2.08vw} .picCon ul li{margin-right: 25px;border-bottom:1px solid #9c9c9c;margin-bottom:40px;margin-right: 1.3vw} .picCon ul li:nth-child(3n){margin-right:0} .picCon ul li .Img{width:448px;height:325px;width: 23.33vw;height: 16.93vw;overflow: hidden } .picCon ul li .Img img{transition: all .35s ease-in-out } .picCon ul li p{line-height:67px;line-height: 3.49vw;color: #666;} .picCon ul li:hover img{transform: scale(1.2) } .picCon ul li:hover p{color: #005bac} .sell{margin-bottom:120px;margin-bottom: 6.25vw} .sell .tab{text-align:center;} .sell .tab a{padding:0 40px;color:#666;font-size:18px;line-height:1;position:relative;padding: 0 2.08vw;font-size: 0.94vw} .sell .tab a.active,.sell .tab a:hover{color: #333;font-weight:bold} .sell .tab a:after{position:absolute;content:"";width:2px;height:90%;right:0;background:#c9c9c9} .sell .tab a:last-child::after{display:none} .sell .tab a.sell67{display:none;} .sell .mapBox{position: relative} .sell .mapBox .mapMsg{position: absolute;bottom: 50px;/* left: 50%; *//* transform: translateX(-50%); */padding-left:80px;box-sizing:border-box;background:url(../image/sell_icon.png) left top no-repeat;width: auto;left: 13.5vw;bottom: 2.6vw;padding-left: calc(85 / 1920 * 100vw);background-size: calc(62 / 1920 * 100vw);} .sell .mapBox .mapMsg .row{margin-bottom:10px;margin-bottom: 0.52vw} .sell .mapBox .mapMsg .row i{color:#999;font-size:16px;font-size:0.83vw } .sell .mapBox .mapMsg .row .remark{color:#005bac;font-size: 18px;position:relative;display:inline-block;padding-right:34px;/* font-size: 1.04vw; */padding-right: 1.77vw} .sell .mapBox .mapMsg .row .remark .icon{cursor:pointer;display:inline-block;width:11px;height:11px;background:url(../image/sell_icon1.png) bottom center no-repeat;position:absolute;right:0;/* background:red; */top:calc(50% - 5px);width: 0.57vw;height: 0.57vw;top:calc(50% - 0.26vw);background-size: 100%;} .sell .mapBox .mapMsg .row .remark .icon .Img{display:none;width: calc(100 / 1920 * 100vw);height: calc(100 / 1920 * 100vw);padding:calc(10 / 1920 * 100vw);border:1px solid #005bac;background:#fff;left: 200%;top:50%;transform:translate(0,-50%);position: absolute;} .sell .mapBox .mapMsg .row .remark .icon .Img:after{content:"";position:absolute;width:0;height:0;border-width:4px;border-style:solid;border-color:transparent #005bac transparent transparent;left:-8px;top:calc(50% - 4px)} .sell .mapBox .mapMsg .row .remark .icon .Img img{width:100%} .sell .mapBox .mapMsg .row:nth-child(1) .remark{font-weight:bold;font-size: 22px;} .sell .clickBtn{text-align:center} .sell .clickBtn p{margin-bottom: calc(40 / 1920 * 100vw);color:#666;font-size:calc(12 / 1920 * 100vw);padding-right: calc(50 / 1920 * 100vw);background:url(../image/stop.png) right center no-repeat;display:inline-block;cursor: pointer;background-size: calc(18 / 1920 * 100vw);} .sell table{text-align:center} .sell table th{line-height:70px;font-size:16px;color:#fff;background: #005bac;border-right: 1px solid rgba(255,255,255,.2);font-weight: normal;font-size: 0.83vw;line-height: 3.64vw} .sell table th:nth-child(1){width:657px;width: 34.22vw;width: 27vw;} .sell table th:nth-child(2){width:203px;width: 10.57vw} .sell table th:nth-child(3){width:297px;width: 15.47vw} .sell table th:nth-child(4){width:240px;width: 12.5vw} .sell table th:nth-child(5){width: 12vw;} .sell table td{padding:20px 0;border: 1px solid #f4f4f4;color: #333;font-size: 14px;padding: 1.04vw;font-size:0.73vw;} .sell table tr:nth-child(2n+1){background:#edf3fc} /* .sell table td:nth-child(2) .tdCon{display:flex;justify-content: center;align-items: center;position:relative;} .sell table td:nth-child(2) .icon{display:inline-block;width:11px;height:11px;background: url(../image/sell_icon1.png) center top no-repeat;margin-right: 10px;width: 0.57vw;height: 0.57vw;margin-right: 0.52vw;position: relative;cursor: pointer;background-size: 100%;} .sell table td:nth-child(2) .icon .wxkuan{display:none;width:calc(150 / 1920 * 100vw);height:calc(150 / 1920 * 100vw);padding:calc(10 / 1920 * 100vw);border:1px solid #005bac;background:#fff;left: calc(-150 / 1920 * 100vw - 300%);top:50%;transform:translate(0,-50%);position: absolute;z-index: 1;} .sell table td:nth-child(2) .icon .wxkuan:after{content:"";position:absolute;width:0;height:0;border-width:4px;border-style:solid;border-color: transparent transparent transparent #005bac;right: -8px;top:calc(50% - 4px)} .sell table td:nth-child(2) .wxkuan{position:absolute;width:200px;height:200px;left:50%;transform:translate(-50%);width: 10.42vw;height: 10.42vw} .sell table td:nth-child(2) .icon .wxkuan img{width:100%} */ .sell table td:nth-child(3) .tdCon{display:flex;justify-content: center;align-items: center;position:relative;} .sell table td:nth-child(3) .icon{display:inline-block;width:11px;height:11px;background: url(../image/sell_icon1.png) center top no-repeat;margin-right: 10px;width: 0.57vw;height: 0.57vw;margin-right: 0.52vw;position: relative;cursor: pointer;background-size: 100%;} .sell table td:nth-child(3) .icon .wxkuan{display:none;width: calc(100 / 1920 * 100vw);height: calc(100 / 1920 * 100vw);padding:calc(10 / 1920 * 100vw);border:1px solid #005bac;background:#fff;left: calc(-150 / 1920 * 100vw - 300%);top:50%;transform:translate(0,-50%);position: absolute;z-index: 1;} .sell table td:nth-child(3) .icon .wxkuan:after{content:"";position:absolute;width:0;height:0;border-width:4px;border-style:solid;border-color: transparent transparent transparent #005bac;right: -8px;top:calc(50% - 4px)} .sell table td:nth-child(3) .wxkuan{position:absolute;width:200px;height:200px;left:50%;transform:translate(-50%);width: 10.42vw;height: 10.42vw} .sell table td:nth-child(3) .icon .wxkuan img{width:100%} .whhd{background:url(../image/cultrue2_bk.png) center center no-repeat} .cultrue2 .pc-slide {/* width: 1200px; */margin: 0 auto;} .cultrue2 .view .swiper-container {/*width: 1153px;*//* width:600px; */height: auto;} .cultrue2 .view .swiper-container .swiper-slide{background: url(../image/cultrue2_bk.png) center center no-repeat} .cultrue2 .view .swiper-container .info{color: #333333;font-size: 15px;line-height: 2;margin-bottom: 40px;font-size:0.78vw} .cultrue2 .view .swiper-container .mySwiper2{/* height: calc(650 / 720 * 100vw); */} .cultrue2 .view .swiper-container .ul{height: 660px;position: relative;margin-bottom: 70px;/* width: 34.375vw; */margin-bottom: 3.65vw;height: calc(660 / 1920 * 100vw);left: 0;transition: all .3s ease-in-out;} .cultrue2 .view .swiper-container .ul li{margin-right: 24px;width: calc((100% - 48px)/3);position:absolute;height: 254px;left: 0;top:0;margin-right: 1.25vw;width: calc((100% - 2.5vw)/3);height: 13.23vw} .cultrue2 .view .swiper-container .ul li:nth-child(3n){margin-right: 0} .cultrue2 .view .swiper-container .ul li:nth-child(6n+2){height: 384px;left: calc(((100% - 48px)/3) + 24px);height: 20vw;left: calc(((100% - 2.5vw)/3)+1.25vw)} .cultrue2 .view .swiper-container .ul li:nth-child(6n+3){height: 254px;left: auto;right: 0;height: 13.23vw} .cultrue2 .view .swiper-container .ul li:nth-child(6n+4){height: 384px;left: 0;top: auto;bottom: 0;height: 20vw} .cultrue2 .view .swiper-container .ul li:nth-child(6n+5){height: 254px;left: calc(((100% - 48px)/3) + 24px);top: auto;bottom: 0;height: 13.23vw;left:calc(((100% - 2.5vw)/3)+1.25vw) } .cultrue2 .view .swiper-container .ul li:nth-child(6n+6){height: 384px;left: auto;top: auto;bottom: 0;right: 0;height: 20vw} .cultrue2 .view .swiper-container .ul li .Img{width: 100%;height: 100%} .cultrue2 .view .swiper-container img{width:100%;height:auto;} .cultrue2 .view .swiper-container .swiper-slide p{width: 100%;text-align: center;font-size: 16px;line-height: 40px;padding-top: 20px;font-size: 0.83vw;line-height: 2.08vw;padding-top: 1.04vw} .cultrue2 .view .arrow-left{left:0;} .cultrue2 .view .arrow-right {right:0;} .cultrue2 .preview {/* width: 861px; */position: relative;margin-bottom: 17px;margin: 0 auto;margin-bottom: 0.88vw} .cultrue2 .preview .swiper-container {/* width: 844px; */height: 160px;box-sizing:border-box;height: 120px;margin-bottom: 40px;height: 8.33vw;height: 6.25vw;margin-bottom: 2.08vw} .cultrue2 .preview .swiper-slide {width: 138px;cursor:pointer;/* padding: 0 12px; *//* margin-right: 24px; */width: calc(159 / 1920 * 100vw);/* padding-right: calc(24 / 1920 * 100vw); */} .cultrue2 .preview .swiper-slide .img{width: calc(135 / 1920 * 100vw);} .cultrue2 .preview .arrow-left,.cultrue2 .preview .arrow-right {background:#d1d1d1;position: absolute;/*top:72px;*/top:49px;width:30px;height:24px;z-index: 10;color:#353535;text-align:center;line-height:24px;top: 2.55vw;height: 1.25vw;width: 1.56vw;} .cultrue2 .preview .arrow-left{left:0;} .cultrue2 .preview .arrow-right {right:0;} .cultrue2 .preview img {width: 100%;height: 78px;height: 4.06vw} .cultrue2 .preview .swiper-slide-thumb-active img {padding: 0;border: 2px solid #005bac;box-sizing: border-box;} .cultrue2 .preview .swiper-slide p{width: calc(135 / 1920 * 100vw);text-align:center;font-size:12px;color:#2c2c2c;line-height: 16px;padding-top: 5px;font-size: 0.625vw;line-height: 0.83vw;padding-top: 0.26vw} .cultrue2 .preview .arrow-left:hover,.preview .arrow-right:hover{/* background:#f08d33; */color:#fff;} .cultrue2 .pages{/* border-top:1px solid #dadada; */margin-bottom: 100px;text-align: center;height: 1px;font-size: 0;margin-bottom: 5.2vw;} .cultrue2 .pages .icon{width: 20px;height: 20px;background: url(../image/culture2_icon.png) right center no-repeat;display: inline-block;margin: -10px 45px 0;background-size: auto 100%;width: 1.04vw;height: 1.04vw;margin: -0.52vw 2.34vw 0} .cultrue2 .pages .icon.active{background-position:left} .cultrue2 .preview .swiper-slide-thumb-active p{color:#005bac} .proinfoCon{margin-top: 110px;margin-top: 5.73vw} .proinfoCon .pc-slide{display: flex;justify-content: space-between;} .proinfoCon .pc-slide .preview{width: 334px;height: 475px;width: 24%;width: 17.4vw;height: 24.74vw;height: 24vw;background: #005bac;overflow-y: scroll;} .proinfoCon .pc-slide .preview .swiper-wrapper{flex-wrap:wrap} .proinfoCon .pc-slide .preview .swiper-slide{display: flex;background: #005bac;height: 90px;line-height: 90px;align-items: center;padding-left: 113px;padding-left: 30%;position: relative;height: 4.69vw;line-height: 4.69vw;padding-left: 5.88vw;height: 4.78vw;line-height: 4.78vw;padding-left: 4vw;} .proinfoCon .pc-slide .preview .swiper-slide img{height: 42px;margin-right: 20px;opacity: 0.1;height: 2.19vw;margin-right: 1.04vw;width: 5vw;height: auto;} .proinfoCon .pc-slide .preview .swiper-slide p{color: #fff;line-height: 1.5;opacity: 0.4;} .proinfoCon .pc-slide .preview .swiper-slide:after{content: "";width: 15px;height: 2px;background: #fff;position: absolute ;left: 50px;left: 2.6vw;transition: all .35s ease-in-out ;width: 0.78vw} .proinfoCon .pc-slide .preview .swiper-slide:hover,.proinfoCon .pc-slide .preview .swiper-slide.active-nav{background: #0556a3;} .proinfoCon .pc-slide .preview .swiper-slide:hover img,.proinfoCon .pc-slide .preview .swiper-slide:hover p,.proinfoCon .pc-slide .preview .swiper-slide.active-nav img,.proinfoCon .pc-slide .preview .swiper-slide.active-nav p{opacity: 1} .proinfoCon .pc-slide .preview .swiper-slide:hover::after,.proinfoCon .pc-slide .preview .swiper-slide.active-nav::after{width: 30px;width: 1.56vw} .proinfoCon .pc-slide .view{width: 1046px;height: 475px;width: 75%;width: 54.48vw;height: 24.74vw;height: 24vw;overflow: hidden;} .proinfoCon .pc-slide .view .swiper-slide img{width:100%} .proinfoCon .view .arrow-left,.proinfoCon .view .arrow-right {left:30px;width:54px;height:54px;background:url(../image/pro_caseBtn.png) left top no-repeat;background-size:108px;position: absolute;top: calc(50% - 27px);z-index: 10;color:#353535;text-align:center;display: block;width: 2.81vw;height: 2.81vw;background-size: 5.62vw;border-radius: 50%;left: 1.56vw;width: 2.8vw;height: 2.8vw;background-size: 5.625vw;top:calc(50% - 1.4vw);background-size: 200%;} .proinfoCon .view .arrow-right {background-position:right top;left: auto;right: 30px;right: 1.56vw} .proinfoCon .view .arrow-left:hover,.proinfoCon .view .arrow-right:hover{background-position-y: bottom} .proinfoCon .row{display: flex;justify-content: space-between;line-height: 30px;margin-top: 60px;margin-bottom: 65px;line-height: 1.56vw;margin-top: 3.125vw;margin-bottom: 3.38vw;position:relative;overflow: visible;} .proinfoCon #li{position:absolute;/* background:red; */width: 1px;height:200px;margin-top: -350px;z-index: 10;} .proinfoCon .row a{padding-left: 48px;color: #333333;font-size: 16px;padding-left: 2.5vw;font-size: 0.83vw;position: relative;} .proinfoCon .row.fixed{position:fixed;top:0;z-index: 99999;left:0;background: #fff;width: 100%;margin-top: 0;opacity: 1!important;height: 5.2vw;/* justify-content: space-around; */padding: 0 calc(230 / 1920 * 100vw);box-sizing: border-box;} .proinfoCon .row.fixed a{font-size:calc(24 / 1920 * 100vw);background-size: calc(32 / 1920 * 100vw)!important;padding-left: calc(60 / 1920 * 100vw);line-height: 5.2vw;font-size: 16px;} .proinfoCon .row a.active:after{content:'';width:100%;height:3px;background:#005bac;display:block;position:absolute;bottom: 0px;left: 0;} .proinfoCon .row a.active:before{content:'';width: 0;height: 0;/* background: url(../images/icon-down1.png) center center no-repeat; */display:block;position:absolute;bottom: calc(-24 / 1920 * 100vw);left: 50%;margin-left: calc(-12 / 1920 * 100vw);border-width: calc(12 / 1920 * 100vw);border-style: solid;border-color: #005bac transparent transparent;} .pro_descript{background: #f6f6f8;padding: 70px 0 50px;padding: 3.64vw 0 2.6vw} .proInfo .head{text-align:center;padding-bottom: 12px;position:relative;margin-bottom:45px;z-index: 1;padding-bottom: 0.625vw;margin-bottom: 2.34vw;padding-bottom: 20px;padding-bottom: 1.04vw;} .proInfo .title{font-size:28px;color: #222;font-size: 1.46vw;} .proInfo .en{left:50%;transform:translate(-50%);z-index:-1;position:absolute;bottom:0;font-size:38px;color:#f8fafd;opacity:0.5;text-shadow: rgba(0,91,172,0.2) 1px 0 0, rgba(0,91,172,0.2) 0 1px 0, rgba(0,91,172,0.2) -1px 0 0, rgba(0,91,172,0.2) 0 -1px 0;font-size: 1.6vw;text-transform: uppercase;font-size: 1.98vw;width:100%} .proInfo .info{/* line-height: 2; */margin-bottom: 80px;margin-bottom: 4.17vw} .pro_descript .info{text-align: center;line-height: 2;font-size: 14px;color: #333;margin-bottom: 0;font-size: 0.73vw} .pro_details{padding-top: 85px;padding-top: 4.43vw} .pro_details .info{margin-top: 60px;margin-top: 3.125vw} .proInfo .info tr:nth-child(2n+1){background: #edf3fc;border: 1px solid #edf3fc;} .table{display:block;} .tableM{display:none} .proInfo .info table td{border: 1px solid #edf3fc;border-color: #edf3fc!important;text-align: center;} .proInfo .info table td *{text-align:center!important} .proInfo .info table tr:nth-child(2n+1) td{border-color:#edf3fc #fff!important} .proInfo .info table tr:nth-child(2n+1) td:first-child{border-color: #edf3fc #fff #edf3fc #edf3fc!important;} .proInfo .info table tr:nth-child(2n+1) td:last-child{border-color: #edf3fc #edf3fc #edf3fc #fff!important;} .proInfo #proinfo3 .head{margin-bottom:0} .proInfo table{max-width:100%!important;width: 100%!important;border: 0;line-height: 50px;} .search .pageCon ul li{line-height:30px} .search .pageCon ul li a{color:#666} .search .pageCon ul li:hover a{color:#005bac} .clear:after{display:none} .positionCon .info ul li.last span{position: relative;} .positionCon .mapImg{height: 100%;} .positionCon .mapImg img{width: 100%;height: 100%;} .positionCon .info ul li.last p a{color:#333333;} .positionCon .info ul li.last canvas{ position: absolute;top: -6px;left: -6px;width: 40px;height: 40px;cursor: pointer;} .positionCon .mapImg2{display: none;} .positionCon .mapImgBox{position: relative;} .positionCon .mapInfo{position: absolute;left: 50%;transform: translateX(-50%);top: 12vw;} .positionCon .mapInfo img{position:absolute;left:50%; top: -20px; max-width: 35px;transform: translateX(-50%);} .positionCon #footer-logo-canvas1{width:40px;height: 40px;} @media(max-width:1500px){ .positionCon .info ul li.last canvas{width: 35px;height: 35px;} } @media(max-width:880px){ .info img{height:auto} .zbanner{/* margin-top: calc(70 / 750 * 100vw); */height: calc(358 / 750 * 100vw);margin-bottom: calc(70 / 750 * 100vw);} .zbanner img{/* width: auto; */height: calc(460 / 750 * 100vw);max-width: none;height: auto;} .clear:after{display:block} img{max-width: 100%} .content{width: calc(710 / 750 * 100vw);margin:0 auto;overflow-x: scroll;} .content1{width: calc(710 / 750 * 100vw);margin: -44px auto 0;margin-top: calc(-72 / 750 * 100vw);} .nav1.proNav{height: 90px;height: auto;margin-bottom: calc(55 / 750 * 100vw);} .nav1.proNav>ul{height: auto;flex-wrap: wrap;padding-bottom: calc(108 / 750 * 100vw);box-shadow: none;} .nav1.proNav>ul>li{line-height: calc(90 / 750 * 100vw);margin-bottom: calc(20 / 750 * 100vw);box-shadow: 0 0 20px rgb(0 0 0 / 4%);width: 100%!important;} .nav1.proNav>ul>li span{font-size: calc(24 / 750 * 100vw);padding-left: calc(73 / 750 * 100vw);background-size: calc(50 / 750 * 100vw);padding-top: 0;background-position: center left;width: 40%;text-align: left;margin-top: 0;} .nav1.proNav>ul>li.active{background:#f4faff;border-bottom:1px solid #005bac;} .nav1.proNav>ul>li>a{} .nav2{height: calc(70 / 750 * 100vw);bottom: 0;width: 100vw;left: calc(-20 / 750 * 100vw);z-index: 1;} .nav2 ul {line-height: calc(70 / 750 * 100vw);} .nav2 ul li{padding: 0 20px;margin:0 52px;padding: 0 1.04vw;margin: 0 2.71vw} .nav2 ul li a{font-size: calc(24 / 750 * 100vw);} .nav2 ul li.active{border-bottom:1px solid #005bac} .nav2 ul li.active a{color:#005bac;} .aboutCon .info{line-height:2;position: relative;font-size: calc(24 / 750 * 100vw);margin-bottom: 0;} .aboutCon .info .aboutLogo{margin-bottom:calc(30 / 750 * 100vw)} .aboutCon .info .aboutLogo img{width:60%!important} .aboutCon .info .msg{padding-bottom: calc(420 / 750 * 100vw);} .aboutCon .info .msg img{position:absolute;bottom:0;left:0} .aboutCon .number{background-size: 902px;background-size: 46.98vw;} .aboutCon .number ul{margin: 0 0 calc(70 / 750 *100vw);flex-wrap: wrap;} .aboutCon .number ul li{margin-right: 1%;width: 29%;margin-top: calc(50 / 750 * 100vw);background-size: calc(30 / 750 * 100vw)!important;} .aboutCon .number ul li:last-child{margin-right:0} .aboutCon .number ul li span{font-size: calc(44 / 750 * 100vw);padding-left: calc(38 / 750 * 100vw);background-size: calc(902 / 750 * 100vw);} .aboutCon .number ul li em{font-size: calc(18 / 750 * 100vw);} .aboutCon .number ul li p{font-size: calc(20 / 750 * 100vw);} .aboutCon .number ul li:nth-child(2) span{background-position-x: calc(-165 / 750 * 100vw);} .aboutCon .number ul li:nth-child(3) span{background-position-x: calc(-335 / 750 * 100vw);} .aboutCon .number ul li:nth-child(4) span{background-position-x: calc(-523 / 750 * 100vw);} .aboutCon .number ul li:nth-child(5) span{background-position-x: calc(-697 / 750 * 100vw);} .aboutCon .number ul li:nth-child(6) span{background-position-x: calc(-877 / 750 * 100vw);} .aboutCon .number ul li:nth-child(3n){width: 28%;margin-right: 0;} .zhuzi .info{overflow-y:scroll} .zhuzi img{max-width:unset;} .Content{min-height:54vh} .pageCon{margin-top:0} .historyCon{/* background: url(../images/historyBk.png) center top no-repeat; */background-size: 8.39vw;/* height: 1994px; *//* height: 103.85vw; */padding-bottom: 4.9vw;} .historyCon ul{padding-top:2.6vw;position:relative;padding-bottom: 67px;padding-bottom: 5.52vw;} .historyCon ul:before{content:"";width:1px;height:100%;background:#dddddd;position:absolute;top:0;left:50%} .historyCon ul:after{content:"";width:13px;height:13px;background:#fff;/* background:url(../image/historyIcon1.png) center center no-repeat; *//* background-size: 100%; */position:absolute;top: 0;left: calc(50% - 6px);border: 1px solid #ddd;border-radius: 50%;width: 0.67vw;height: 0.67vw;left: calc(50% - 0.35vw);} .historyCon ul li{width: 100%;margin-left: 0;flex-direction: row-reverse;margin-bottom: calc(30 / 750 * 100vw);} .historyCon ul li:after{content:"";width: calc(13 / 750 * 100vw);height: calc(13 / 750 * 100vw);left: 50%;top: calc(48 / 750 * 100vw);transform: translate(-50%);} .historyCon ul li:nth-child(2n){margin-left: 745px;flex-direction: row;margin-left: 0;} .historyCon ul li:nth-child(2n) .Img{margin-left:calc(140 / 750 * 100vw);margin-right: 0;} .historyCon ul li:nth-child(2n) .Txt{text-align:left;margin-top: 0;} .historyCon ul li:nth-child(2n)::after{left: 50%;} .historyCon ul li .Img{margin-top: 0;width: calc(168 / 750 * 100vw);height: calc(168 / 750 * 100vw);line-height: calc(168 / 750 * 100vw);margin-right: calc(140 / 750 * 100vw);} .historyCon ul li .Img:after{content:"";width:100%;height:100%;position:absolute;background: url(../image/historyBk2.png) center center no-repeat;background-size: 100%;left:0;z-index:-1} .historyCon ul li .Img .img{width: calc(130 / 750 * 100vw);height: calc(130 / 750 * 100vw);} .historyCon ul li .Img .img img{max-width:100%;max-height:100%;} .historyCon ul li .Txt{width: calc(310 / 750 * 100vw);} .historyCon ul li .Txt .title{font-size: calc(26 / 750 * 100vw);} .historyCon ul li .Txt .en{font-size: calc(20 / 750 * 100vw);} .historyCon ul li .Txt .time{line-height: 1.8;font-weight: 600;font-size: calc(24 / 750 * 100vw);} .historyCon ul li .Txt .summary{line-height: 1.8;font-size: calc(20 / 750 * 100vw);} .historyCon ul li:hover::after{width: calc(19 / 750 * 100vw);height: calc(19 / 750 * 100vw);} .historyCon ul li:nth-child(2n):hover::after{left: 50%;} .historyCon ul li:hover .Img:after{animation: rotate 5s infinite linear;background-image:url(../image/historyBk3.png)} .historyCon ul li:hover .Txt .title,.historyCon ul li:hover .Txt .en,.historyCon ul li:hover .Txt .time{color:#005bac} .historyFoot{text-align:center;font-size:14px;font-size: calc(24 / 750 * 100vw);color:#666;line-height:1.5;margin-top: 0.3vw;} .techCon{padding-bottom: calc(65 / 750 * 100vw);} .techCon ul li{margin-top: 20px;} .techCon .info{line-height:2;color:#666;font-size:14px;font-size: calc(24 / 750 * 100vw);} .techCon .title{padding-left: calc(44 / 750 * 100vw);margin: calc(20 / 750 * 100vw) 0 calc(17 / 750 * 100vw);font-size: calc(30 / 750 * 100vw);background-size: auto calc(28 / 750 * 100vw);} .techCon .summary{font-size: calc(24 / 750 * 100vw);} .newsCon ul li{padding:calc(18 / 750 * 100vw) calc(19 / 750 * 100vw) calc(22 / 750 * 100vw);margin-bottom:calc(20 / 750 * 100vw)} .newsCon ul li .Txt{width: 100%;} .newsCon ul li .Txt .title{font-size: calc(26 / 750 * 100vw);line-height:2;margin-bottom: calc(10 / 750 * 100vw);font-weight: bold;} .newsCon ul li .Txt .summary{font-size: calc(22 / 750 * 100vw);line-height: calc(33 / 750 * 100vw);height: calc(66 / 750 * 100vw);overflow: hidden;margin-bottom: calc(20 / 750 * 100vw);} .newsCon ul li .Txt .time{font-size: calc(20 / 750 * 100vw);padding-left: calc(35 / 750 * 100vw);margin-top: 0;background-size: calc(24 / 750 * 100vw);} .newsCon ul li .Img{display: none;} .newsCon ul li .Img img{transition:all .3s ease-in-out} .newsCon ul li:hover .title{color:#005bac} .newsCon ul li:hover img{transform:scale(1.2)} #pages{margin:60px auto 120px;text-align:center;margin: calc(60 / 750 * 100vw) auto calc(100 / 750 * 100vw);font-size: 0;} #pages span{display:none} #pages a{margin:0 3px;margin: 0 calc(3 / 750 * 100vw);width:38px;height:38px;line-height:38px;width: calc(38 / 750 * 100vw);height: calc(38 / 750 * 100vw);line-height: calc(38 / 750 * 100vw);font-size: calc(24 / 750 * 100vw);margin: 3px 0;margin-right: 3px;display: inline-block;} #pages a:nth-of-type(1),#pages a:last-child{padding: 0 calc(15 / 750 * 100vw);padding: 0 1px;} #pages a:hover{border-color:#005bac;color:#005bac} #pages a.currentpage{} .newsInfoCon{padding-bottom:105px;position: relative;padding-bottom: 5.47vw} .newsInfoCon .title{font-size: calc(30 / 750 * 100vw);} .newsInfoCon .row{font-size: calc(22 / 750 * 100vw);margin-top: calc(20 / 750 * 100vw);padding-bottom: calc(20 / 750 * 100vw);} .newsInfoCon .row>div{padding-left: calc(40 / 750 * 100vw);font-size: calc(22 / 750 * 100vw);background-size: auto calc(22 / 750 * 100vw);} .newsInfoCon .row>div:nth-child(1){margin-right: calc(60 / 750 * 100vw);} .newsInfoCon .row>div:nth-child(2){} .newsInfoCon .info{padding-top: calc(30 / 750 * 100vw);line-height:2;font-size: calc(24 / 750 * 100vw);} .pn_page{font-size:14px;font-size: calc(24 / 750 * 100vw);color:#333} .pn_page p{margin-bottom:15px;margin-bottom: 0.78vw} .pn_page a{color:#666;} .return{padding-left: calc(59 / 750 * 100vw);background-size: auto calc(47 / 750 * 100vw);line-height: calc(47 / 750 * 100vw);display: block;font-size: calc(24 / 750 * 100vw);position: unset;margin-top: calc(20 / 750 * 100vw);} .picCon .tab{margin-bottom: calc(40 / 750 * 100vw);} .picCon .tab a{width: calc(159 / 750 * 100vw);height: calc(40 / 750 * 100vw);line-height: calc(40 / 750 * 100vw);font-size: calc(24 / 750 * 100vw);margin: calc(0 / 750 * 100vw);letter-spacing: 0;} .picCon .tab a.active,.picCon .tab a:hover{} .picCon ul{display:flex;flex-wrap:wrap;margin-bottom:40px;margin-bottom: 2.08vw} .picCon ul li{margin-bottom: calc(42 / 750 * 100vw);margin-right: calc(22 / 750 * 100vw);width: calc(344 / 750 * 100vw);border-color: #f0f0f0;} .picCon ul li:nth-child(3n){margin-right:calc(22 / 750 * 100vw)} .picCon ul li:nth-child(2n){margin-right:0} .picCon ul li .Img{width: 100%;height: calc(245 / 750 * 100vw);} .picCon ul li .Img img{} .picCon ul li p{line-height: calc(62 / 750 * 100vw);font-size: calc(24 / 750 * 100vw);} .picCon ul li:hover img{transform: scale(1.2) } .picCon ul li:hover p{color: #005bac} .videoCon{padding-bottom:90px;padding-bottom: 4.69vw} .videoCon ul{display:flex;justify-content:left;flex-wrap:wrap} .videoCon ul li{margin: 0 auto;margin-bottom: calc(30 / 750 * 100vw);width: calc(684 / 750 * 100vw);height: 44vw;} .videoCon ul li:after{width: calc(50 / 750 * 100vw);height: calc(50 / 750 * 100vw);left: calc(50% - (25 / 750 * 100vw));top: calc(50% - (25 / 750 * 100vw));} .videoCon ul li:nth-child(2n){margin-right: auto;} .videoCon ul li p{font-size: calc(20 / 750 * 100vw);line-height: calc(60 / 750 * 100vw);padding: 0 calc(23 / 750 * 100vw);} .videoCon ul li:hover::after{top: calc(50% - 30px);transform: scale(1.2) } .videoCon ul li:hover p{font-weight: bold ;background: rgba(0, 91, 172, 0.7) } .proCon{margin-bottom: calc(60 / 750 * 100vw);} .product .head{padding-bottom: calc(28 / 750 * 100vw);margin-bottom: calc(37 / 750 * 100vw);} .product .title{font-size: calc(30 / 750 * 100vw);} .product .en{font-size: calc(40 / 750 * 100vw);} .proCon .proList ul li{margin-bottom: calc(40 / 750 * 100vw);/* padding-bottom: calc(532 / 750 * 100vw); */} .proCon .proList ul li .left{height: calc(313 / 750 * 100vw);width: 100%;display: block;} .proCon .proList ul li .left img{transition: all .35s ease-in-out } .proCon .proList ul li .right{padding:30px 50px;width:502px;height:400px;background-size:1004px;padding: calc(40 / 750 * 100vw) calc(37 / 750 * 100vw) calc(20 / 750 * 100vw);width: 100%;height: calc(535 / 750 * 100vw);background-size: 200%;bottom: 0;top: auto;position: unset;background: #f6f6f8;} .proCon .proList ul li .right p.title{font-size: calc(30 / 750 * 100vw);margin-bottom: calc(25 / 750 * 100vw);} .proCon .proList ul li .right .summary{line-height:2;font-size: calc(24 / 750 * 100vw);} .proCon .proList ul li .right .summary p{margin-bottom:15px;margin-bottom: 0.78vw} .proCon .proList ul li .right .icon{width:50px;height:50px;width: calc(72 / 750 * 100vw);height: calc(72 / 750 * 100vw);background:url(../image/proIcon.png) left top no-repeat;background-size:100%} .proCon .proList ul li .right .summary p span{display: block ;text-overflow: ellipsis;white-space: nowrap;overflow: hidden } .proCon .proList ul li:nth-child(2n){text-align:right} .proCon .proList ul li:nth-child(2n) .right{left:0;background-position-x:left;text-align:left;width: calc(710 / 750 * 100vw);height: auto;} .proCon .proList ul li:hover .right{background-position-y:top;background:#005bac} .proCon .proList ul li:hover .right .summary{color:#fff} .proCon .proList ul li:hover .right p.title{color:#fff} .proCon .proList ul li:hover .right .icon{background-position:bottom} .proCon .proList ul li:hover .left img{transform: scale(1.1) } .proCon .proList ul li .right:after{transform:rotate(90deg);background-size: auto 200%;top: auto;bottom: 0;display: none;} .pro_caseCon{background:#f6f6f8;padding:100px 0;padding: 5.2vw 0} /* .pc-slide {width: 1200px;margin: 0 auto;} */ .pro_caseCon .pc-slide{position:relative;display: block;padding-bottom: calc(120 / 750 * 100vw);} .pro_caseCon .view{width: 700px;height:420px;height: calc(420 / 750 * 100vw);width: 100%;overflow: hidden;position: relative;} .pro_caseCon .view .arrow-left{left:0;left: auto;right: calc(54 / 750 * 100vw);} .pro_caseCon .view .arrow-right {right:0;left: auto;} .pro_caseCon .view .swiper-container {height: 100%;width: 100%;} .pro_caseCon .view .swiper-container img{width:100%;height:auto;} .pro_caseCon .view .swiper-container .swiper-wrapper,.proCon .view .swiper-container .swiper-slide{height:100%} .pro_caseCon .view .swiper-container .swiper-slide{position:relative} .pro_caseCon .view .swiper-container .swiper-slide .mb{background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;text-align:center;} .pro_caseCon .view .swiper-container .swiper-slide .mb p{font-size: calc(20 / 750 * 100vw);} .pro_caseCon .view .swiper-container .swiper-slide .mb a{width: calc(127 / 750 * 100vw);height: calc(34 / 750 * 100vw);line-height: calc(34 / 750 * 100vw);font-size: calc(14 / 750 * 100vw);} .pro_caseCon .preview {margin-bottom: 0.885vw;width: 100%;padding-top:2.6vw} .pro_caseCon .preview .swiper-container {width: 100%;height: calc(80 / 750 * 100vw);margin-top: calc(35 / 750 * 100vw);bottom: 0;position: absolute;} .pro_caseCon .preview .swiper-slide {/* margin-right: calc(20 / 750 * 100vw); */height: 100%;width:calc(132 / 750 * 100vw);padding: 0 calc(20 / 750 * 100vw) 0 0;} .pro_caseCon .preview .arrowBox{bottom: calc(120 / 750 * 100vw);right: 0;left: auto;transform: translate(0);} .pro_caseCon .view .arrow-left,.pro_caseCon .view .arrow-right {width: calc(54 / 750 * 100vw);height: calc(54 / 750 * 100vw);} .pro_caseCon .view .arrow-right {background-position:right bottom} .pro_caseCon .preview img {width: 100%;height: 100%;} .pro_caseCon .preview .active-nav img {padding: 0;border: 2px solid #0556a3;box-sizing: border-box;} .pro_caseCon .preview .swiper-slide p{width:100%;text-align:center;font-size:12px;color:#2c2c2c;line-height: 16px;padding-top: 5px;font-size: 0.625vw;line-height: 0.83vw;padding-top: 0.26vw} .pro_hornorCon{padding:85px 0 115px;background:url(../image/pro_hornorBk.png) bottom left no-repeat;padding: 4.43vw 0 5.99vw} .glory {height: calc(294 / 750 * 100vw);margin-top: calc(30 / 750 * 100vw);} .glory .swiper-slide {width: 270px;height: 392px;width: 350px;width: 18.23vw;height: 20.42vw;width: 22.42vw;width: calc(170 / 750 * 100vw);height: calc(300 / 750 * 100vw);width: 30vw;} .glory .swiper-button-next, .glory .swiper-button-prev {width: calc(60 / 750 * 100vw);height: calc(60 / 750 * 100vw);} .glory .swiper-button-prev {left: 0;} .glory .swiper-button-next {background-position-x: right;right:0} .glory .swiper-button-prev:hover,.glory .swiper-button-next:hover{background-position-y:bottom;box-shadow:0 0 10px rgba(0,91,172,0.2)} .glory .swiper-button-prev:after,.glory .swiper-container-rtl .swiper-button-next:after{content:""} .glory .swiper-button-next:after,.glory .swiper-container-rtl .swiper-button-prev:after{content:""} .pro_serviceCon{padding:80px 0 110px;padding: 4.17vw 0 5.73vw} .pro_serviceCon .pro_service{margin-top:60px;margin-top: 3.125vw;width: 100%;} .pro_serviceCon .msg{position:relative;font-size: calc(24 / 750 * 100vw);color:#fff;line-height:2;background:url(../image/pro_serviceBk.png) center center no-repeat;background-size:cover;box-sizing:border-box;padding:45px 110px 35px 350px;padding: calc(45 / 750 * 100vw) calc(50 / 750 * 100vw) calc(40 / 750 * 100vw) calc(170 / 750 * 100vw);} .pro_serviceCon .msg:after{top: calc(50 / 750 * 100vw);left: calc(40 / 750 * 100vw);width: calc(84 / 750 * 100vw);height: calc(90 / 750 * 100vw);} .pro_serviceCon ul{flex-wrap:wrap;padding-top:calc(30 / 750 * 100vw);display:block} .pro_serviceCon ul li{width: 100%;padding:0 40px 20px;box-sizing:border-box;padding: 0 calc(20 / 750 * 100vw);margin-bottom: calc(50 / 750 * 100vw);} .pro_serviceCon ul li span{font-size: calc(44 / 750 * 100vw);} .pro_serviceCon ul li .summary{font-size:14px;color:#333333;line-height:2;font-size: calc(24 / 750 * 100vw);} .proinfoCon{margin-top: 110px;margin-top: calc(90 / 750 * 100vw);} .proinfoCon .pc-slide{display: block;} .proinfoCon .pc-slide .preview{/* width: 334px; *//* height: 475px; *//* width: 24%; *//* width: 17.4vw; *//* height: 24.74vw; *//* height: 24vw; */width: 100%;/* height: calc(270 / 750 * 100vw); */height: auto;background: #005bac;} .proinfoCon .pc-slide .preview .swiper-wrapper{/* width:100%; */} .proinfoCon .pc-slide .preview .swiper-slide{display: flex;background: #005BB4;height: 90px;line-height: 90px;align-items: center;padding-left: 113px;padding-left: 30%;height: 4.69vw;line-height: 4.69vw;padding-left: calc(113 / 750 * 100vw);height: calc(90 / 750 * 100vw);line-height: calc(90 / 750 * 100vw);/* width: 50%!important; */box-sizing: border-box;padding-left: calc(48 / 750 * 100vw);} .proinfoCon .pc-slide .preview .swiper-slide img{height: 42px;margin-right: 20px;opacity: 0.4;height: calc(42 / 750 * 100vw);margin-right: calc(20 / 750 * 100vw);width: auto;margin-right: 0;height: calc(60 / 750 * 100vw);} .proinfoCon .pc-slide .preview .swiper-slide p{color: #fff;line-height: 1.5;opacity: 0.4;font-size: calc(24 / 750 * 100vw);} .proinfoCon .pc-slide .preview .swiper-slide:after{content: "";width: 15px;height: 2px;background: #ffffff85;position: absolute;left: 50px;left: calc(25 / 750 * 100vw);transition: all .35s ease-in-out;width: calc(15 / 750 * 100vw);} .proinfoCon .pc-slide .preview .swiper-slide:hover,.proinfoCon .pc-slide .preview .swiper-slide.active-nav{background: #0556a3} .proinfoCon .pc-slide .preview .swiper-slide:hover img,.proinfoCon .pc-slide .preview .swiper-slide:hover p,.proinfoCon .pc-slide .preview .swiper-slide.active-nav img,.proinfoCon .pc-slide .preview .swiper-slide.active-nav p{opacity: 1} .proinfoCon .pc-slide .preview .swiper-slide:hover::after,.proinfoCon .pc-slide .preview .swiper-slide.active-nav::after{width: 30px;width: calc(30 / 750 * 100vw);background: #fff;} .proinfoCon .pc-slide .view{/* width: 1046px; *//* height: 475px; *//* width: 75%; *//* width: 54.48vw; *//* height: 24.74vw; *//* height: 24vw; *//* overflow: hidden; */width: 100%;height: calc(316 / 750 * 100vw);margin-top: calc(20 / 750 * 100vw);} .proinfoCon .view .arrow-left,.proinfoCon .view .arrow-right {left:30px;/* width:54px; *//* height:54px; *//* background:url(../image/pro_caseBtn.png) left top no-repeat; *//* background-size:108px; *//* position: absolute; *//* top: calc(50% - 27px); *//* z-index: 10; *//* color:#353535; *//* text-align:center; *//* display: block; *//* width: 2.81vw; *//* height: 2.81vw; *//* background-size: 5.62vw; *//* border-radius: 50%; */left: 1.56vw;width: calc(60 / 750 * 100vw);height: calc(60 / 750 * 100vw);/* background-size: 5.625vw; */top: calc(50% - calc(30 / 750 * 100vw));} .proinfoCon .view .arrow-right {background-position:right top;left: auto;right: 30px;right: 1.56vw} .proinfoCon .view .arrow-left:hover,.proinfoCon .view .arrow-right:hover{background-position-y: bottom} .proinfoCon .row{flex-wrap: wrap;/* line-height: 30px; *//* margin-top: 60px; *//* margin-bottom: 65px; */line-height: calc(35 / 750 * 100vw);/* margin-top: 3.125vw; *//* margin-bottom: 3.38vw */display: block;} .proinfoCon .row a.tab{padding-left: 48px;color: #333333;font-size: 16px;padding-left: calc(54 / 750 * 100vw);font-size: calc(26 / 750 * 100vw);/* width: 33%; */box-sizing: border-box;margin-bottom: calc(30 / 750 * 100vw);margin-right: calc(40 / 750 * 100vw);display: block;float: left;margin-right: calc(115 / 750 * 100vw);} .proinfoCon .row a.tab:nth-of-type(3n){margin-right:0} /* .proinfoCon .row:after{content:"";width: calc(79 / 375 * 100vw);height:30px;position:relative;padding-left: calc(54 / 750 * 100vw);margin-right: calc(40 / 750 * 100vw);box-sizing: border-box;visibility: hidden;display: none;} .proinfoCon .row.fixed:after{width: calc(67 / 375 * 100vw);} */ .pro_descript{background: #f6f6f8;padding: 70px 0 50px;padding: calc(70 / 750 * 100vw) 0;} .proInfo .head{text-align:center;padding-bottom: 12px;position:relative;margin-bottom:45px;z-index: 1;padding-bottom: 0.625vw;margin-bottom: calc(42 / 750 * 100vw);padding-bottom: 20px;padding-bottom: calc(20 / 750 * 100vw);height: calc(45 / 750 * 100vw);} .proInfo .pro_technical .head{margin-bottom:calc(82 / 750 * 100vw)} .proInfo .head .summary{top:110%;position:absolute;left:50%;transform:translate(-50%);width:100%;font-size: calc(24 / 750 * 100vw);} .proInfo .title{font-size:28px;color: #222;font-size: calc(30 / 750 * 100vw);} .proInfo .en{left:50%;transform:translate(-50%);z-index:-1;position:absolute;bottom:0;font-size:38px;color:#f8fafd;opacity:0.5;text-shadow: rgba(0,91,172,0.2) 1px 0 0, rgba(0,91,172,0.2) 0 1px 0, rgba(0,91,172,0.2) -1px 0 0, rgba(0,91,172,0.2) 0 -1px 0;font-size: 1.6vw;text-transform: uppercase;font-size: calc(40 / 750 * 100vw);width:100%} .proInfo .info{line-height: 1.5;margin-bottom: 80px;margin-bottom: calc(80 / 750 * 100vw);overflow-x: scroll;font-size: calc(24 / 750 * 100vw)!important;line-height: 2;} .proInfo .info *{font-size: calc(26 / 750 * 100vw)!important;} .proInfo .info img{/* max-width: unset!important; */} .proInfo table{max-width: unset!important;/* width: auto!important; */width: 600px!important;} #proinfo3 table{width: 100%!important;} .pro_descript .info{text-align: center;line-height: 2;font-size: 14px;color: #333;margin-bottom: 0;font-size: 0.73vw} .pro_details{padding-top: 85px;padding-top: calc(70 / 750 * 100vw);} .pro_details .info{margin-top: 60px;margin-top: 3.125vw;overflow-x: scroll;} .proInfo .info tr:nth-child(2n+1){background: #edf3fc} .proInfo .info{line-height:2} .table{display:none} .tableM{display:block} .proinfoCon .row.fixed{padding: 2vw 10vw;height: auto;border-bottom: 1px solid #ccc;margin-bottom: 0;padding: 2vw 0 2vw 10vw;} .proinfoCon .row.fixed a{margin-bottom:1vw;background-size: calc(72 / 1920 * 100vw)!important;padding-left: calc(100 / 1920 * 100vw);font-size: 12px;padding-bottom: 0;line-height: 8vw;margin-right: calc(89 / 750 * 100vw);} .caseCon{padding-bottom:8.4vw} .caseCon ul{display:flex;justify-content: left;flex-wrap:wrap;} .caseCon li{cursor:pointer;width: 338px;margin-right:15px;margin-bottom: 45px;width: 49%;margin-right: 2%;margin-bottom: calc(15 / 750 * 100vw);box-shadow:0 0 20px rgba(146,146,146,.14)} .caseCon li:nth-child(2n){margin-right: 0} .caseCon li .Img{width: 100%;height: 250px;height: calc(264 / 750 * 100vw);overflow:hidden} .caseCon li p{font-size:20px;color:#333333;text-align:center;/* line-height:65px; */font-size: calc(24 / 750 * 100vw);/* line-height: calc(60 / 750 * 100vw); */height: auto;padding: 10px 0;} .caseCon li p span{line-height:1.2;font-size: 14px;} .fancybox-overlay{background:rgba(0,0,0,0.8);position: f initial;} .fancybox-skin{padding: 0!important;} .fancybox-nav{width: calc(30 / 750 * 100vw);height: calc(50 / 750 * 100vw);background-color: #005bac;background-size: calc(6 / 750 * 100vw) calc(10 / 750 * 100vw);top: calc(50% - calc(25 / 750 * 100vw));margin-left: -30%;opacity: 0;left: -60px;background-color: #bbb;left: calc(-60 / 750 * 100vw);} .fancybox-next{left:auto;right: calc(-60 / 750 * 100vw);margin-right:-30%} .fancybox-nav span{position: relative;left: 0;visibility: inherit;right:0;display: block;width: 100%;height: 100%;position: absolute;top: 90%;} .fancybox-nav span:after{content: "";position: absolute;width: calc(10 / 750 * 100vw);height: calc(10 / 750 * 100vw);border: 1px solid #fff;border-right: 0;border-top: 0;} .fancybox-prev span:after{transform: rotate(45deg);top: calc(10 / 750 * 100vw);left: calc(11 / 750 * 100vw);} .fancybox-next span:after{transform: rotate(-135deg);top: calc(10 / 750 * 100vw);right: calc(11 / 750 * 100vw);} .fancybox-overlay{line-height: 100vh;text-align: center;} .fancybox-outer{/*width: 867px;*//*height: 695px;position: absolute;top:calc(50% - 345px);left: calc(50% - 434px);height: 70vh;top: 10vh;*/display: inline-block;vertical-align: middle;width: 80%;} .fancybox-inner{display: none;/*width: 867px;*//*height: 635px;*/max-width: 100%;max-height: 100%;position: relative;} .fancybox-inner.show{display:block} .fancybox-inner img{height: auto;width: 100%;/* border: 1px solid #00A0E9; */box-sizing: border-box;} .fancybox-inner p{padding: 0 4vw;line-height: 3;font-size: calc(20 / 750 * 100vw);text-align: center;background: rgba(0, 0, 0, 0.5);position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;color:#fff} .fancybox-inner p span{position: relative;} .fancybox-inner p span i{content: "";position: absolute;width:6px;height: 6px;border-radius: 50%;background: #000;left: -13px;top: 8px;display: none;} .tankuang{background:rgba(0,0,0,.4);position:fixed;width:100%;height:100%;top:0;left:0;z-index:1111111;text-align:center;line-height:100vh;display:none;} .tankuang img{vertical-align:middle;min-width:38%;max-width:80%;max-height:80%} .tankuang .videoBox{max-width: 85%;height: auto;top: 30%;} .tankuang span{width: calc(50 / 750 * 100vw);height: calc(50 / 750 * 100vw);right: calc(-25 / 750 * 100vw);top: calc(-25 / 750 * 100vw);} /* 原料供应 */ .ylgy{background:url(../image/logoBk.png) center center no-repeat;background-size:cover} .qualityCon2{position:relative;height: calc(604 / 750 * 100vw);/* margin-top:calc(180 / 750 * 100vw) ; */} .qualityCon2 .txt{/* position:absolute; *//* top:calc(-150 / 750 * 100vw) */} .qualityCon2 .txt p{font-size:28px;color:#005bac;font-size: calc(30 / 750 * 100vw);} .qualityCon2 .txt .summary{margin-top: 2vw;color:#666666;line-height: 1.6;width: 100%;font-size: calc(24 / 750 * 100vw);} .qualityCon2 ul{position:absolute;top: 0;margin-top: 20vw;} .qualityCon2 ul li{/* background:url(../image/logoIcon.png) center center no-repeat; *//* background-size: 100%; *//* width: 179px; *//* height: 202px; *//* line-height: 180px; *//* text-align: center; *//* width: 9.3vw; *//* height: 10.52vw; */line-height: calc(134 / 750 * 100vw);/* position: absolute; *//* left: 455px; *//* top: 53px; */top: 2.76vw;/* left: 23.7vw; */width: calc(117 / 750 * 100vw);height: calc(134 / 750 * 100vw);left: calc(180 / 750 * 100vw);} .qualityCon2 ul li img{vertical-align:middle;max-width: 65%;max-height: 40%;} .qualityCon2 ul li:nth-child(2){left: 622px;left: calc(287 / 750 * 100vw);} .qualityCon2 ul li:nth-child(3){left: 789px;left: calc(393 / 750 * 100vw);} .qualityCon2 ul li:nth-child(4){left: 956px;left: calc(499 / 750 * 100vw);} .qualityCon2 ul li:nth-child(5){left: 205px;top: 196px;left: calc(21 / 750 * 100vw);top: calc(111 / 750 * 100vw);} .qualityCon2 ul li:nth-child(6){left: 372px;top: 196px;left: calc(127 / 750 * 100vw);top: calc(111 / 750 * 100vw);} .qualityCon2 ul li:nth-child(7){left: 539px;top: 196px;left: calc(234 / 750 * 100vw);top: calc(111 / 750 * 100vw);} .qualityCon2 ul li:nth-child(8){left: 706px;top: 196px;left: calc(340 / 750 * 100vw);top: calc(111 / 750 * 100vw);} .qualityCon2 ul li:nth-child(9){left: 873px;top: 196px;left: calc(446 / 750 * 100vw);top: calc(111 / 750 * 100vw);} .qualityCon2 ul li:nth-child(10){left: 1039px;top: 196px;left: calc(553 / 750 * 100vw);top: calc(111 / 750 * 100vw);} .qualityCon2 ul li:nth-child(11){left: 288px;top: 340px;left: calc(75 / 750 * 100vw);top: calc(201 / 750 * 100vw);} .qualityCon2 ul li:nth-child(12){left: 455px;top: 340px;left: calc(181 / 750 * 100vw);top: calc(201 / 750 * 100vw);} .qualityCon2 ul li:nth-child(13){left: 622px;top: 340px;left: calc(286 / 750 * 100vw);top: calc(201 / 750 * 100vw);} .qualityCon2 ul li:nth-child(14){left: 789px;top: 340px;left: calc(392 / 750 * 100vw);top: calc(201 / 750 * 100vw);} .qualityCon2 ul li:nth-child(15){left: 956px;top: 340px;left: calc(499 / 750 * 100vw);top: calc(201 / 750 * 100vw);} .qualityCon2 ul li:nth-child(16){left: 539px;top: 484px;left: calc(233 / 750 * 100vw);top: calc(292 / 750 * 100vw);} .qualityCon2 ul li:nth-child(17){left: 706px;top: 484px;left: calc(340 / 750 * 100vw);top: calc(292 / 750 * 100vw);} .qualityCon2 ul li:nth-child(18){left: 372px;top: 484px;left: calc(128 / 750 * 100vw);top: calc(292 / 750 * 100vw);} .qualityCon2 ul li:nth-child(19){left: 873px;top: 484px;left: calc(446 / 750 * 100vw);top: calc(292 / 750 * 100vw);} .qualityCon1{padding-bottom:180px;padding-bottom:9.375vw} .qualityCon1 .row{text-align:center;} .qualityCon1 .row .title{color:#222222;font-size:28px;margin-bottom:30px;font-size: calc(30 / 750 * 100vw);margin-bottom:1.56vw} .qualityCon1 .row .summary{color:#666666;font-size:14px;font-size: calc(24 / 750 * 100vw);margin-bottom:40px;margin-bottom:2.08vw} .qualityCon1 ul{display:flex;flex-wrap:wrap;display:block} .qualityCon1 ul li{width:32%;height:13.02vw;margin-right:1%;margin-bottom:0.8vw;position:relative;width: 100%;height: auto;margin-bottom: 3vw;} .qualityCon1 ul li:nth-child(3n){margin-right:0} .qualityCon1 ul li p{color:#fff;font-size:16px;font-size: calc(26 / 750 * 100vw);position:absolute;right:28px;right:1.46vw;bottom:42px;bottom:2.19vw} .qualityCon1 ul li p:after{content:"";position:absolute;width:33px;width:1.72vw;height:1px;background:#005bac;right:0;bottom:-8px;} .qualityCon{padding-bottom:70px;padding-bottom:3.646vw} .qualityCon .row{padding-bottom: calc(146 / 750 * 100vw);} .qualityCon .row .Img{/* width: 670px; *//* height: 436px; */width: 100%;height: calc(470 / 750 * 100vw);} .qualityCon .row .Img img{height:100%} .qualityCon .row .Txt{width: calc(676 / 750 * 100vw);padding: calc(38 / 750 * 100vw) calc(30 / 750 * 100vw);line-height: 1.5;left: calc(15 / 750 * 100vw);bottom: 0;top: auto;height: auto;font-size: calc(24 / 750 * 100vw);line-height: 2;} .qualityCon ul{display:flex;flex-wrap:wrap;margin-top:50px;margin-top: calc(40 / 750 * 100vw);} .qualityCon ul li{width: 46%;margin-right: 0;width: 100%;margin-bottom: 10px;} .qualityCon .title{font-weight:bold;padding-left:30px;padding-left:1.56vw;margin:30px 0 20px;margin:1.56vw 0 1.04vw;font-size:22px;font-size:1.15vw;padding-left: calc(44 / 750 * 100vw);margin:1.56vw 0 1.04vw;font-size: calc(28 / 750 * 100vw);color:#005bac;background-size: 21px;background-size: calc(30 / 750 * 100vw);margin: calc(20 / 750 * 100vw) 0 calc(17 / 750 * 100vw);} .qualityCon .summary{line-height:1.5;font-size:14px;font-size: calc(24 / 750 * 100vw);color:#666666} .culture .head{/* text-align:center; *//* padding-bottom: 12px; *//* position:relative; *//* margin-bottom:45px; *//* z-index: 1; *//* width: 100%; *//* margin-bottom: 2.34vw; *//* padding-bottom: 0.625vw; */padding-bottom: calc(20 / 750 * 100vw);} .culture .title{font-size:28px;color: #222;font-size: calc(30 / 750 * 100vw);} .culture .en{/* left:50%; *//* transform:translate(-50%); *//* z-index:-1; *//* position:absolute; *//* bottom:0; *//* font-size:38px; *//* color:#f8fafd; *//* opacity:0.5; *//* text-shadow: rgba(0,91,172,0.2) 1px 0 0, rgba(0,91,172,0.2) 0 1px 0, rgba(0,91,172,0.2) -1px 0 0, rgba(0,91,172,0.2) 0 -1px 0; *//* font-size: 1.6vw; *//* text-transform: uppercase; *//* font-weight: bold; */font-size: calc(40 / 750 * 100vw);/* width: 100%; */} .culture{background:#f6f6f6} .culture1{/* padding-top:90px; *//* padding-top: 4.69vw */} .culture1 .row .head{margin-bottom:20px;margin-bottom: calc(26 / 750 * 100vw);} .culture1 .row>p{text-align:center;font-size:16px;font-size: calc(26 / 750 * 100vw);} .culture1 .row>.summary{width: 90%;text-align:center;margin:0 auto;;line-height:2;font-size: calc(24 / 750 * 100vw);} .culture1 .row1{background:url(../image/qy_vision.png) center center no-repeat;padding:55px 0;box-sizing:border-box;padding: calc(50 / 750 * 100vw) 0;} .culture1 .row1 .title{color:#fff} .culture1 .row1 .en{opacity:0.5;color:#4077bc;text-shadow: rgba(255,255,255,0.2) 1px 0 0, rgba(255,255,255,0.2) 0 1px 0, rgba(255,255,255,0.2) -1px 0 0, rgba(255,255,255,0.2) 0 -1px 0;} .culture1 .row1>p{color:#fff;margin-bottom:20px;margin-bottom: calc(30 / 750 * 100vw);} .culture1 .row1>.summary{color:#c3ddf4;} .culture1 .row2{padding:70px 0;padding: calc(50 / 750 * 100vw) 0;} .culture1 .row2>p{color:#333333;margin-bottom:50px;margin-bottom: 2.6vw} .culture1 .row2 .summary{color:#777777;} .culture1 .row3{padding:55px 0 60px;background-color: #f9fbfd;background-size:cover;padding: calc(50 / 750 * 100vw) 0 0;width: 100%;} .culture1 .row3>p{color:#333333;margin-bottom:50px;margin-bottom: 2.6vw} .culture1 .row3 .summary{color:#777777;} .culture1 .row3 ul{/* display:flex; *//* justify-content:space-between; *//* margin:0 133px; *//* padding-top:30px; *//* margin: 0 6.93vw; *//* padding-top: 1.56vw; */flex-wrap: wrap;} .culture1 .row3 ul li{position:relative;text-align:center;width: 25%;margin-bottom: calc(60 / 750 * 100vw);} .culture1 .row3 ul li span{display:inline-block;width:60px;height:55px;margin-bottom:35px;width: calc(60 / 750 * 100vw);height: calc(50 / 750 * 100vw);margin-bottom: calc(40 / 750 * 100vw);transition:all .3s ease-in-out} .culture1 .row3 ul li span img{height:100%} .culture1 .row3 ul li p{color:#333333;font-size:16px;font-size: calc(26 / 750 * 100vw);} .culture1 .row3 ul li:hover span{transform:scale(1.1) translateY(-20%)} .culture1 .row4{padding:55px 0 60px;background:url(../image/qy_spirit.png) center center no-repeat;background-size:cover;padding: calc(55 / 750 * 100vw) 0 calc(65 / 750 * 100vw);} .culture1 .row4 .content{width:calc(100% - 172px);width: calc(100% - 8.96vw)} .culture1 .row4 .title{color:#fff} .culture1 .row4 .en{opacity: 0.5;color: #025cad;text-shadow: rgba(255,255,255,0.2) 1px 0 0, rgba(255,255,255,0.2) 0 1px 0, rgba(255,255,255,0.2) -1px 0 0, rgba(255,255,255,0.2) 0 -1px 0;} .culture1 .row4 ul{display:flex;justify-content:space-between;margin-top: 30px;margin-top: 1.56vw} .culture1 .row4 ul li{width:25%;padding:0 35px;box-sizing:border-box;border-right:1px solid #166dbb;text-align:center;padding: 0 1.82vw} .culture1 .row4 ul li:nth-child(4n){border-right:0} .culture1 .row4 ul li span{display:block;height:60px;margin-bottom:15px;height: calc(50 / 750 * 100vw);margin-bottom: calc(15 / 750 * 100vw);transition:all .3s ease-in-out} .culture1 .row4 ul li span img{height:100%} .culture1 .row4 ul li>p{font-size:22px;color:#fff;margin-bottom:15px;font-size: calc(32 / 750 * 100vw);margin-bottom: 0.78vw;} .culture1 .row4 ul li .summary{/* font-size:14px; *//* color:#8ab2d6; *//* line-height:2; *//* font-size:0.73vw; */display: none;} .culture1 .row4 ul li:hover span{transform:scale(1.1) translateY(-20%)} .culture1 .row5{margin-top:90px;margin-top: 4.69vw} .culture1 .row.box1{/* height:248px; */display:flex;text-align:center;/* margin-bottom:30px; *//* height: 12.92vw; *//* margin-bottom: 1.56vw; */height: auto;margin-bottom: calc(20 / 750 * 100vw);flex-direction: column-reverse;background: #f3f3f3;} .culture1 .row.box1 .left{width:786px;width: 40.94vw;overflow: hidden;width: 100%;} .culture1 .row.box1 img{transition:all .35s ease-in-out} .culture1 .row.box1 .right{width:614px;padding-top: calc(50 / 750 * 100vw);background:#f3f3f3;/* width: 31.98vw; *//* padding-top: 1.56vw; */width: 100%;margin-bottom: calc(50 / 750 * 100vw);} .culture1 .row.box1 .right .summary{margin-top:44px;margin-top: 2.3vw} .culture1 .row.box1:hover img{transform:scale(1.2)} .culture1 .row6.box1{flex-direction:column} .culture1 .row8:before,.culture1 .row8:after{display:none;} .culture1 .row8{/* margin-top:90px; */background: #005bac url(../image/qy_work.png) left top no-repeat;/* background-size:auto 100%; *//* height:412px; *//* padding:62px 0 55px; *//* box-sizing:border-box; *//* margin-top: 4.69vw; *//* height: 21.46vw; *//* padding: 3.23vw 0 2.86vw; */background-size: 100%;padding-bottom: calc(20 / 750 * 100vw);height: auto;padding-top: calc(50 / 750 * 100vw);position: unset;} .culture1 .row8 .content{/* display:flex; */justify-content:space-between;display: block;width: 100%;position: unset;overflow: hidden;} .culture1 .row8 .left{width:475px;height:285px;background:rgba(255,255,255,.9);position:relative;margin-left:200px;width: calc(460 / 750 * 100vw);margin-left: calc(-230 / 750 * 100vw);height: calc(150 / 750 * 100vw);left: 50%;} .culture1 .row8 .left .head{/* position:absolute; *//* top:50%; *//* left:50%; *//* transform: translate(-50%,-50%); */} .culture1 .row8 .right{width:550px;margin-right:34px;width: 100%;margin-right:1.77vw;margin-top: calc(50 / 750 * 100vw);background: #005bac;padding: calc(50 / 750 * 100vw) calc(20 / 750 * 100vw) 0;box-sizing: border-box;} .culture1 .row8 .right ul li{margin-bottom:20px;margin-bottom: 1.04vw} .culture1 .row8 .right ul li p{padding-left:30px;background-repeat:no-repeat;font-size:16px;color:#fff;background-size: auto 100%;padding-left: calc(48 / 750 * 100vw);font-size: calc(26 / 750 * 100vw);} .culture1 .row8 .right ul li .summary{padding-left:30px;font-size:14px;color:#8ab2d6;line-height:1.5;margin-top:5px;padding-left: calc(48 / 750 * 100vw);font-size: calc(24 / 750 * 100vw);margin-bottom: calc(40 / 750 * 100vw);} .culture1 .row9{/* margin:90px auto; *//* padding:55px 0 73px; *//* background:url(../image/qy_quality.png) left center no-repeat; *//* text-align:right; *//* margin: 4.69vw auto; *//* padding: 2.86vw 0 3.8vw; */width: 100%;background-size: cover;padding: calc(50 / 750 * 100vw) 0;margin-bottom: calc(80 / 750 * 100vw);} .culture1 .row9 .title{color:#fff} .culture1 .row9 .en{opacity: 0.3;color: #646260;text-shadow: rgba(255,255,255,0.4) 1px 0 0, rgba(255,255,255,0.4) 0 1px 0, rgba(255,255,255,0.4) -1px 0 0, rgba(255,255,255,0.4) 0 -1px 0;} .culture1 .row9 .Con{text-align:left;width:890px;display:inline-block;margin: 20px 0 0;padding: calc(30 / 750 * 100vw);box-sizing: border-box;background: rgba(0,91,172,0.2);width: calc(710 / 750 * 100vw);margin: 1.04vw auto;box-sizing: border-box;display: block;} .culture1 .row9 .Con p{color:#fff;font-size:16px;margin-bottom:15px;font-size: calc(26 / 750 * 100vw);margin-bottom: calc(20 / 750 * 100vw);} .culture1 .row9 .Con .summary{color:rgba(255,255,255,.6);line-height:2;font-size:14px;font-size: calc(24 / 750 * 100vw);} .whhd{background:url(../image/cultrue2_bk.png) center center no-repeat} .cultrue2 .pc-slide {/* width: 1200px; */margin: 0 auto;} .cultrue2 .view .swiper-container {/*width: 1153px;*//* width:600px; */height: auto;position: relative;padding-bottom: 40px;} .cultrue2 .view .swiper-container .swiper-slide{background: url(../image/cultrue2_bk.png) center center no-repeat} .cultrue2 .view .swiper-container .info{color: #333333;font-size: 15px;line-height: 2;margin-bottom: calc(40 / 750 * 100vw);font-size: calc(24 / 750 * 100vw);} .cultrue2 .view .swiper-container .ul{height: 660px;position: relative;margin-bottom: 70px;/* width: 34.375vw; */margin-bottom: 3.65vw;height: auto;height: 100%;flex-wrap: wrap;align-content: flex-start;} .cultrue2 .view .swiper-container .ul ul{display:flex;flex-wrap:wrap} .cultrue2 .view .swiper-container .ul li{/* margin-right: 24px; *//* width: calc((100% - 48px)/3); */position: unset;/* height: 254px; *//* left: 0; *//* top:0; *//* margin-right: calc(20 / 750 * 100vw)!important; */width: calc(345 / 750 * 100vw);height: calc(195 / 750 * 100vw);/* margin-bottom: calc(20 / 750 * 100vw); */float: none;margin-right: 0;} .cultrue2 .view .swiper-container .ul li:nth-child(3n){margin-right: 0} .cultrue2 .view .swiper-container .ul li:nth-child(6n+2){height: 384px;left: calc(((100% - 48px)/3) + 24px);height: calc(195 / 750 * 100vw);left: calc(((100% - 2.5vw)/3)+1.25vw)} .cultrue2 .view .swiper-container .ul li:nth-child(6n+3){height: 254px;left: auto;right: 0;height: calc(195 / 750 * 100vw);/* float: left; */} .cultrue2 .view .swiper-container .ul li:nth-child(6n+4){height: 384px;left: 0;top: auto;bottom: 0;height: calc(195 / 750 * 100vw);} .cultrue2 .view .swiper-container .ul li:nth-child(6n+5){height: 254px;left: calc(((100% - 48px)/3) + 24px);top: auto;bottom: 0;height: calc(195 / 750 * 100vw);left:calc(((100% - 2.5vw)/3)+1.25vw) } .cultrue2 .view .swiper-container .ul li:nth-child(6n+6){height: 384px;left: auto;top: auto;bottom: 0;right: 0;height: calc(195 / 750 * 100vw);} .cultrue2 .view .swiper-container .ul li .Img{width: 100%;height: 100%} .cultrue2 .view .swiper-container .ul li:nth-child(2n){/* margin-right: 0!important; */} .btnBox{position:absolute;bottom:30px;width:100px;left: calc(50% - 50px);} .swiper-button-next, .swiper-button-prev{background-size:13px} .cultrue2 .view .swiper-container .mySwiper2{ height: calc(650 / 720 * 100vw); } .cultrue2 .view .swiper-container img{width:100%;height:auto;} .cultrue2 .view .swiper-container .swiper-slide p{width: 100%;text-align: center;font-size: 16px;line-height: 40px;padding-top: 20px;font-size: 0.83vw;line-height: 2.08vw;padding-top: 1.04vw} .cultrue2 .view .arrow-left{left:0;} .cultrue2 .view .arrow-right {right:0;} .cultrue2 .preview {/* width: 861px; */position: relative;margin-bottom: 17px;margin: 0 auto;margin-bottom: 0.88vw} .cultrue2 .preview .swiper-container {/* width: 844px; */height: 160px;box-sizing:border-box;height: 120px;margin-bottom: 40px;height: 8.33vw;height: calc(140 / 750 * 100vw);margin-bottom: 2.08vw} .cultrue2 .preview .swiper-slide {width: 138px;cursor:pointer;/* padding: 0 12px; */margin-right: 24px;width: calc(135 / 750 * 100vw);margin-right: 0;} .cultrue2 .preview .swiper-slide .img{width: calc(135 / 750 * 100vw);width: calc(150 / 750 * 100vw);} .cultrue2 .preview .arrow-left,.cultrue2 .preview .arrow-right {background:#d1d1d1;position: absolute;/*top:72px;*/top:49px;width:30px;height:24px;z-index: 10;color:#353535;text-align:center;line-height:24px;top: 2.55vw;height: 1.25vw;width: 1.56vw;} .cultrue2 .preview .arrow-left{left:0;} .cultrue2 .preview .arrow-right {right:0;} .cultrue2 .preview img {width: 100%;height: 78px;height: calc(78 / 750 * 100vw);/* height: auto; */} .cultrue2 .preview .active-nav img {padding: 0;border: 2px solid #005bac;box-sizing: border-box;} .cultrue2 .preview .swiper-slide p{width:100%;text-align:center;font-size:12px;color:#2c2c2c;line-height: 16px;padding-top: 5px;font-size: calc(22 / 750 * 100vw);line-height: calc(50 / 750 * 100vw);padding-top: 0.26vw;width: calc(135 / 750 * 100vw);} .cultrue2 .preview .arrow-left:hover,.preview .arrow-right:hover{/* background:#f08d33; */color:#fff;} .cultrue2 .pages{border-top:1px solid #dadada;margin-bottom: 100px;text-align: center;height: 1px;font-size: 0;margin-bottom: calc(100 / 750 * 100vw);} .cultrue2 .pages .icon{width: 20px;height: 20px;background: url(../image/culture2_icon.png) right center no-repeat;display: inline-block;margin: -10px 45px 0;background-size: auto 100%;width: calc(20 / 750 * 100vw);height: calc(20 / 750 * 100vw);margin: calc(-10 / 750 * 100vw) 2.34vw 0;} .cultrue2 .pages .icon.active{background-position:left} .cultrue3 ul{margin-bottom:100px;margin-bottom:5.2vw} .cultrue3 ul li{display: block;margin-bottom:30px;margin-bottom: calc(30 / 750 * 100vw);background: #f7f7f8;} .cultrue3 ul li .left{width: 100%;padding:20px;background:#f7f7f8;box-sizing:border-box;padding: calc(20 / 750 * 100vw);} .cultrue3 ul li .right{width: 100%;} .cultrue3 ul li .Txt{margin-left: 0;box-sizing:border-box;height: 100%;position: relative;overflow: hidden;padding: 0 calc(20 / 750 * 100vw) calc(120 / 750 * 100vw);width: calc(670 / 750 * 100vw);margin: 0 auto;} .cultrue3 ul li .title{font-size:22px;color:#333333;margin-top:70px;margin-bottom:36px;font-size: calc(32 / 750 * 100vw);margin:3.65vw 0 1.875vw} .cultrue3 ul li .summary{border-top:1px solid #e2e3e7;font-size:16px;color:#666666;line-height:2;padding-top:36px;font-size: calc(24 / 750 * 100vw);padding-top:1.875vw} .cultrue3 ul li .bkBox{position:absolute;right:0;bottom:95px;z-index: 0;bottom: calc(20 / 750 * 100vw);} .cultrue3 ul li .en{bottom:17px;position:absolute;right:0;font-size:92px;color:#e2e3e7;right: -10px;bottom:0.89vw;font-size: calc(92 / 750 * 100vw);right:-0.52vw;line-height: 1;bottom: 0.4vw;} .cultrue3 ul li .time{font-size:32px;color: #edeff4;font-size: calc(30 / 750 * 100vw);text-transform: uppercase;line-height: 1;} .cultrue3 ul li:nth-child(2n){flex-direction:row-reverse} .cultrue3 ul li:nth-child(2n) .Txt{margin-right:54px;margin-left:0;margin-right:2.81vw} .cultrue4 ul li .Txt{padding-bottom:20px} /* 人才发展-人才理念 */ .person1>.summary{color:#333333;text-align:center;font-size:18px;margin-bottom:30px;font-size: calc(30 / 750 * 100vw);margin-bottom:1.5625vw;} .person1 .info{font-size:14px;color:#333333;line-height:2;margin-bottom:50px;font-size: calc(24 / 750 * 100vw);margin-bottom: calc(50 / 750 * 100vw);} .person1 ul{display:flex;flex-wrap:wrap;margin-bottom: calc(55 / 750 * 100vw);} .person1 ul li{width:278px;height: auto;margin-right:96px;box-shadow: 0 0 18px rgba(61,93,121,0.1);margin-bottom: 120px;text-align:center;width: calc(345 / 750 * 100vw);min-height: unset;margin-right: calc(20 / 750 * 100vw);margin-bottom: calc(40 / 750 * 100vw);} .person1 ul li:nth-child(2n){margin-right:0} .person1 ul li .Img{width:100%;height:100px;line-height:100px;height: calc(55 / 750 * 100vw);line-height: calc(55 / 750 * 100vw);padding-top: calc(35 / 750 * 100vw);} .person1 ul li img{vertical-align:middle;height: 100%;} .person1 ul li .title{font-size:16px;color:#005bac;line-height: calc(30 / 750 * 100vw);margin-bottom: 0;font-size: calc(26 / 750 * 100vw);margin-top: calc(35 / 750 * 100vw);} .person1 ul li .summary{padding: 34px;line-height:2;font-size:14px;color:#666666;padding: 1.77vw;font-size: calc(24 / 750 * 100vw);} /* 人才发展-晋升通道 */ .person2>ul{margin-bottom:100px;margin-bottom: 5.21vw} .person2>ul>li{position:relative;overflow:hidden;margin-bottom:40px;margin-bottom: calc(40 / 750 * 100vw);flex-direction: column-reverse;display: flex;} .person2>ul>li .left{text-align:left;width:839px;height:345px;margin-top:44px;width: 100%;height: auto;margin-top: 0;background: #f5f7fa url(../image/personBK2.png) top right no-repeat;background-size:100%;overflow:hidden;display: inline-block;margin-bottom: 54px;margin-bottom: 2.8vw;background-position: calc(20 / 750 * 100vw) calc(-30 / 750 * 100vw);} .person2>ul>li .Txt{margin:95px 60px 50px 70px;margin: 4.95vw 3.125vw 2.6vw 3.646vw} .person2>ul>li .Txt .title{font-size:28px;color:#222222;margin-bottom:35px;font-size: calc(30 / 750 * 100vw);margin-bottom: 1.82vw;font-size: calc(40 / 750 * 100vw);margin-bottom: 15px;} .person2>ul>li .Txt .summary{color:#333333;font-size:16px;line-height: 2;font-size: calc(26 / 750 * 100vw);} .person2>ul>li .Txt .summary li{padding-left:50px;background: url(../image/person_icon.png) left 13px no-repeat;padding-left: calc(40 / 750 * 100vw);background-size: calc(20 / 750 * 100vw);margin-bottom: calc(10 / 750 * 100vw);} .person2>ul>li .right{width: 100%;height:443px;position: unset;right:0;top:0;z-index:-1;background: url(../image/personBk.png) right bottom no-repeat;background-size: 654px;height: 23.07vw;background-size: auto 90%;height: auto;} .person2>ul>li .right .Img{width:685px;height:433px;width: calc(693 / 750 * 100vw);height: 100%;overflow:hidden} .person2>ul>li .right .Img img{width:90vw} .person2>ul>li:nth-child(2n){text-align:right} .person2>ul>li:nth-child(2n) .right{left:0} .recurit{overflow:hidden} .recuritNav{margin:70px auto 50px;text-align:center;margin: calc(40 / 750 * 100vw) auto;} .recuritNav a{background:#e7e7e7;color:#333333;font-size:16px;display:inline-block;width:130px;height:46px;line-height:46px;margin:0 8px;border-radius: 3px;box-sizing:border-box;border:1px solid #e7e7e7;font-size: calc(24 / 750 * 100vw);width: calc(140 / 750 * 100vw);height: calc(50 / 750 * 100vw);line-height: calc(50 / 750 * 100vw);margin: 0 calc(15 / 750 * 100vw);} .recuritNav a.active,.recuritNav a:hover{color:#005bac;border:1px solid #005bac;background:#fff} .recurit ul{margin-bottom:95px;margin-bottom: 4.95vw;width: 100%;} .recurit ul li{box-sizing:border-box;display:flex;height:70px;line-height:70px;text-align:center;font-size:16px;height: calc(68 / 750 * 100vw);font-size: calc(26 / 750 * 100vw);line-height: calc(68 / 750 * 100vw);width: 100%;margin-bottom: calc(20 / 750 * 100vw);} .recurit ul li p{border-left: 0;width: 18.5%;box-sizing:border-box;border-bottom: 0;width: 29%;} .recurit ul li:nth-child(2n+1) p{background:#edf3fc} .recurit ul li:nth-child(1) p{/* width:300px; */border-right: 0;background:#005bac;color:#fff;} .recurit ul li p:nth-child(1),.recurit ul li p:last-child{width: 47%;} .recurit ul li p span{line-height:1.2;vertical-align:middle;display: inline-block;} .recurit ul li p:last-child{position:relative;width: 15%;} .recurit ul li p:last-child a:after{content:"";position: absolute;border-right: 0;width: calc(38 / 750 * 100vw);height: calc(38 / 750 * 100vw);background-image: url(../image/hornorBtn.png);background-size: auto 100%;background-position: right center;border-radius: 50%;border: 1px solid #d9dadb;background-color: #fff;left: 0;top: calc(50% - calc(19 / 750 * 100vw));} .recurit ul li p:nth-child(3){/* display:none; */} .recurit ul li:nth-child(2n){border:1px solid #eeeeee} .recruit2{display:flex;justify-content: space-between;align-items: flex-start;padding-bottom: 70px;color: #333;line-height: 2;padding-bottom: 3.65vw;flex-wrap: wrap;} .recruit2 .left{padding:50px;box-sizing:border-box;background:#fff;width: 100%;padding: calc(50 / 750 * 100vw) calc(30 / 750 * 100vw);} .recruit2 .left .title{font-size:28px;color:#222222;margin-bottom: 27px;line-height: 1.2;font-size: calc(30 / 750 * 100vw);margin-bottom: calc(30 / 750 * 100vw);} .recruit2 .left .jianjie{margin-bottom:34px;color: #222;margin-bottom: 1.77vw} .recruit2 .left .jianjie .row{margin-bottom:15px;margin-bottom: 0.78vw} .recruit2 .left .jianjie .row span{background:url(../image/recuritIcon1.png) left center no-repeat;padding: 0 15px 0 25px;background-size:auto 17px;padding: 0 calc(20 / 750 * 100vw) 0 calc(42 / 750 * 100vw);background-size: auto 100%;font-size: calc(24 / 750 * 100vw);} .recruit2 .left .jianjie .row span:nth-child(1){padding-right: calc(20 / 750 * 100vw);} .recruit2 .left .jianjie .row span:nth-child(2){background-image:url(../image/recuritIcon2.png)} .recruit2 .left .jianjie .row span:nth-child(3){background-image:url(../image/recuritIcon3.png)} .recruit2 .left .jianjie .row span:nth-child(4){background-image:url(../image/recuritIcon4.png)} .recruit2 .left .jianjie .row span:nth-child(5){background-image:url(../image/recuritIcon5.png)} .recruit2 .left .jianjie p{background:url(../image/recuritIcon5.png) left center no-repeat;padding: 0 15px 0 25px;background-size:auto 17px;padding: 0 calc(44 / 750 * 100vw);background-size: auto 100%;line-height: 1;margin: calc(25 / 750 * 100vw) 0;font-size: calc(24 / 750 * 100vw);} .recruit2 .left .info{font-size:12px} .recruit2 .right{width: 100%;box-sizing:border-box;background: #fff;padding: 50px 40px;padding: calc(30 / 750 * 100vw);margin-top: calc(20 / 750 * 100vw);} .recruit2 .right .head{margin-bottom: 15px;color:#005bac;font-size:18px;padding-left:32px;background:url(../image/recuritIcon6.png) left center no-repeat;line-height: 25px;background-size: auto 100%;margin-bottom: calc(20 / 750 * 100vw);font-size: calc(28 / 750 * 100vw);padding-left: calc(60 / 750 * 100vw);line-height: calc(37 / 750 * 100vw);} .recruit2 .right .title{color:#999999;font-size:16px;margin-bottom: 15px;line-height: 1.2;font-size: calc(26 / 750 * 100vw);margin-bottom: 0.78vw} .recruit2 .right .imgBox{margin-bottom:25px;margin-bottom: calc(30 / 750 * 100vw);} .recruit2 .right .imgBox a{margin-bottom:15px;margin-bottom: 0.78vw;display: inline-block;width: 94px;height: 40px;margin-right: 40px;border: 1px solid #c4c4c4;border-radius: 5px;line-height: 40px;text-align: center;font-size: 0;width: calc(125 / 750 * 100vw);height: calc(60 / 750 * 100vw);margin-right: 2.08vw;line-height: calc(60 / 750 * 100vw);margin-right: calc(20 / 750 * 100vw);} .recruit2 .right .imgBox a:nth-child(3n){margin-right: 0} .recruit2 .right .imgBox a img{max-width: 100%;max-height: 100%;vertical-align: middle;display: inline-block;} .recruit2 .right .imgBox a:hover{border-color:#5290c7} .recruit2 .right .msg{font-size:14px;color:#222222;font-size: calc(24 / 750 * 100vw);} .letter{margin-bottom:80px;margin-bottom:4.17vw} .letter .row{display: block;/* line-height:45px; *//* margin-bottom:20px; */line-height: calc(60 / 750 * 100vw);margin-bottom: calc(10 / 750 * 100vw);/* position: relative; *//* width: 100%; */} .letter .row p{/* width:300px; */text-align: left;/* margin-right:20px; *//* color:#666666; *//* font-size:16px; *//* width:15.625vw; */margin-right: 0;font-size: calc(24 / 750 * 100vw);width: 100%;} .letter .row p i{color:red;margin-right:10px;margin-right:0.52vw} .letter .row input{/* font-size:14px; *//* width:900px; *//* border:1px solid #c8c8c8; */border-radius: 0;/* padding:0 25px; *//* box-sizing:border-box; *//* margin-right:187px; */width: 100%;padding:0 1.3vw;margin-right:9.74vw;font-size: calc(24 / 750 * 100vw);line-height: calc(60 / 750 * 100vw);} .letter .row textarea{/* width:900px; *//* border:1px solid #c8c8c8; */border-radius: 0;/* padding:10px 25px; *//* box-sizing:border-box; *//* margin-right:187px; *//* height:185px; */width: 100%;/* padding:0.52vw 1.3vw; *//* margin-right:9.74vw; */height: calc(140 / 750 * 100vw);} .letter .row input[type=submit]{position: unset;width:200px;height:45px;background:#005bac;color:#fff;letter-spacing: 5px;right: 187px;width: 100%;height: calc(60 / 750 * 100vw);right:9.74vw;right: 0;margin-top: calc(55 / 750 * 100vw);margin-bottom: calc(55 / 750 * 100vw);} .letter .row .vcBox{width:440px;position:relative;/* border:1px solid #c8c8c8; */border-radius: 0;width: 100%;} .letter .row .vcBox input{width:calc(100% - 74px);line-height:45px;border:0;border-right:1px solid #c8c8c8;border-radius:0;width: calc(100% - calc(100 / 750 * 100vw));line-height: calc(60 / 750 * 100vw);} .letter .row .vcBox .Img{position:absolute;width:74px;right:0;top:0;width: calc(100 / 750 * 100vw);} .letter .row .red{padding-left:0;position: unset;} .letter .row .red5{padding-left:0} .positionBox .nav1{position:absolute;/* left: calc(50% - calc(355 / 750 * 100vw)); */} .positionCon{height:630px;margin-top: -2.4vw;height: calc(910 / 750 * 100vw);position: relative;margin-top: 0;} .positionCon #maps,#allmap{height:100%} .positionCon .info{/* position:absolute; *//* background:rgba(255,255,255,.8); *//* top:200px; *//* right:260px; *//* padding: 30px 25px 15px; *//* width: 465px; *//* border-radius:5px; *//* top:10.42vw; */right: auto;width: calc(604 / 750 * 100vw);padding: calc(20 / 750 * 100vw);;/* top: 50%; */transform: translate(-50%,0);/* bottom: 0; */left: 50%;top: auto;bottom: calc(50 / 750 * 100vw);} .positionCon .info ul li{margin-bottom:20px;display: flex;line-height: 28px;justify-content: space-between;margin-bottom: calc(20 / 750 * 100vw);line-height: calc(30 / 750 * 100vw);} .positionCon .info ul li:last-child{margin-bottom:0} .positionCon .info ul li span{/* transition:all .35s ease-in-out; *//* display:inline-block; *//* width:28px; *//* height:28px; *//* background-repeat:no-repeat; *//* background-size:28px; */width: calc(30 / 750 * 100vw);height: calc(30 / 750 * 100vw);background-size: calc(30 / 750 * 100vw);} .positionCon .info ul li p{width:calc(100% - 43px);font-size:14px;color:#333333;width: calc(555 / 750 * 100vw);font-size: calc(24 / 750 * 100vw);} .positionCon .info ul li p i{font-size:16px;font-size: calc(24 / 750 * 100vw);} /* .positionCon .info ul li:hover p{color:#005bac} .positionCon .info ul li:hover span{background-position:left bottom} */ .map_message{padding-left: 128px;position: relative;height: 120px;background: #fff;padding-left: 6.67vw;height: 6.25vw} .map_message img{position:absolute;left:0px;height: 6.25vw} .BMap_top{display:none;} .BMap_pop div{overflow:unset!important} .BMap_pop>div:nth-child(1){display:none;} .BMap_pop>div:nth-child(3){display:none;} .BMap_pop>div:nth-child(5){display:none;} .BMap_pop>div:nth-child(7){display:none;} .BMap_pop>div:nth-child(8){display:none;} .BMap_pop .BMap_center{background-color: unset!important;border: 0!important;} .BMap_bottom{display:none;} .BMap_shadow img{display: none;} .BMap_bubble_content{bottom: calc(-40 / 750 * 100vw);background:none;position: relative;line-height:64px;background:#fff;text-align:center;width: calc(300 / 750 * 100vw)!important;overflow:unset;margin-left: -18px;line-height: calc(64 / 750 * 100vw);width: 10.94vw;margin-left: calc(30 / 750 * 100vw);} .BMap_bubble_content p{position:relative; box-shadow: 0 3px 15px rgba(0,0,0,10%);font-size: calc(24 / 750 * 100vw);} .BMap_bubble_content p:after{position:absolute;content:"";border-width:10px;border-color: #fff transparent transparent transparent;border-style:solid;bottom:-20px;z-index:999;left:calc(50% - 10px);border-width: calc(10 / 750 * 100vw);bottom: calc(-20 / 750 * 100vw);left: calc(50% - calc(10 / 750 * 100vw));} .process1{background:#fcfcfe;padding: 84px 160px 60px;/* margin:70px auto 120px; */box-sizing:border-box;border:1px solid #ebecf2;padding: calc(70 / 750 * 100vw) calc(20 / 750 * 100vw) calc(50 / 750 * 100vw);margin-bottom: calc(70 / 750 * 100vw);} .process1 ul li{text-align:center;background:#fff;box-shadow:0 4px 18px rgba(6,101,245,.06);position:relative;margin-bottom: 85px;padding: 0 50px;box-sizing: border-box;margin-bottom: calc(100 / 750 * 100vw);padding:0 2.6vw;padding-bottom: calc(70 / 750 * 100vw);} .process1 ul li .title{width:238px;height:46px;line-height:46px;position:absolute;left:calc(50% - 119px);top:-23px;font-size:18px;color:#ffffff;background: linear-gradient(94deg,#1587cc,#005cad);width: calc(240 / 750 * 100vw);height: calc(55 / 750 * 100vw);line-height: calc(55 / 750 * 100vw);left: calc(50% - calc(120 / 750 * 100vw));top: calc(-25 / 750 * 100vw);font-size: calc(28 / 750 * 100vw);} .process1 ul li .summary{font-size:16px;color:#333333;padding-top:50px;margin-bottom:35px;font-size: calc(26 / 750 * 100vw);padding-top: calc(50 / 750 * 100vw);margin-bottom: calc(35 / 750 * 100vw);} .process1 ul li .stepBox{/* padding-bottom: 100px; */display:flex;flex-wrap: wrap;/* align-items: center; */justify-content: center;/* padding: 0 50px; */} .process1 ul li .stepBox .step{margin-right:135px;position:relative;margin-bottom: 100px;margin-right: calc(70 / 750 * 100vw);margin-bottom: calc(50 / 750 * 100vw);width: calc(50 / 750 * 100vw);height: calc(80 / 750 * 100vw);} .process1 ul li .stepBox .step .Img{width:47px;height:47px;line-height: 47px;border:1px solid #005bac;border-radius:50%;text-align:center;box-shadow: 0 10px 11px rgb(6 101 245 / 14%);display: inline-block;position: relative;box-sizing: border-box;width: calc(50 / 750 * 100vw);height: calc(50 / 750 * 100vw);line-height: calc(50 / 750 * 100vw);font-size: 0;} .process1 ul li .stepBox .step .Img:after{left:108px;top:18px;position:absolute;content:"";width:16px;height:11px;background:url(../image/process_step.png) center center no-repeat;background-size:contain;left: 150%;top: calc(50% - calc(5 / 750 * 100vw));width: calc(19 / 750 * 100vw);height: calc(10 / 750 * 100vw);} .process1 ul li .stepBox .step .Img img{vertical-align:middle;max-width:50%;} .process1 ul li .stepBox .step p{/* position: unset; */word-break: keep-all;transform: translateX(-50%);left: 50%;margin-top: 28px;font-size:16px;color:#333333;margin-top: calc(30 / 750 * 100vw);font-size: calc(24 / 750 * 100vw);width: calc(100 / 750 * 100vw);} .process1 ul li:nth-child(3){margin-bottom:0} .process1 ul li:nth-child(3) .stepBox .step{/* margin-right:100px; *//* margin-right: 5.2vw; */margin-right: calc(70 / 750 * 100vw)!important;} .process1 ul li:nth-child(3) .stepBox .step .Img:after{left:90px;left: 150%;} .process1 ul li .stepBox .step:last-child{margin-right:0} .process1 ul li .stepBox .step:last-child .Img:after{display:none} .process1 ul li:nth-child(3) .stepBox .step:nth-child(5){margin-right: 0!important;} .process1 ul li:nth-child(3) .stepBox .step:nth-child(5) .Img:after{left:calc(13 / 750 * 100vw);top:350%;transform:rotate(90deg)} .process1 ul li:nth-child(3) .stepBox .step:nth-child(6){position: relative;right: calc(-335 / 750 * 100vw);top: calc(70 / 750 * 100vw);} .process1 ul li:nth-child(3) .stepBox .step:nth-child(6) .Img:after{left:calc(-50 / 750 * 100vw);transform:rotate(180deg)} .process1 ul li:nth-child(3) .stepBox .step:nth-child(7){right: calc(-92 / 750 * 100vw);position: relative;top: calc(70 / 750 * 100vw);} .process2{background:url(../image/process2_Bk.png) top center no-repeat;background-size:100%;min-height:854px;min-height: 44.48vw} .process2>ul{padding-top:368px;display:flex;justify-content: center;padding-top: calc(130 / 750 * 100vw);position: relative;margin-bottom: calc(175 / 750 * 100vw);} .process2>ul>li{position:relative;margin: 0 46px;height: 41px;margin: 0 calc(45 / 750 * 100vw);height: calc(46 / 750 * 100vw);} .process2>ul>li .title{width:138px;height:41px;font-size:18px;color:#333333;line-height:41px;text-align:center;background:#fff;border-radius:2px;width: calc(150 / 750 * 100vw);height: calc(46 / 750 * 100vw);font-size: calc(24 / 750 * 100vw);line-height: calc(46 / 750 * 100vw);} .process2>ul>li .Img{background:url(../image/process2_iconG.png) center center no-repeat;background-size:contain;height:115px;width: 100%;height: 5.99vw;display: none;} .process2>ul>li .info{position:absolute;width:304px;padding-top:15px;transform:translate(-50%);left:50%;font-size:14px;color:#333333;line-height:1.5;width: 15.83vw;padding-top: 0.78vw;font-size: 0.73vw;display: none;} .process2>ul>li:nth-child(2n+1) .Img{transform:rotate(180deg);position:absolute;bottom: 41px;bottom: 2.14vw} .process2>ul>li:nth-child(2n+1) .info{bottom:156px;padding: 0;padding-bottom: 15px;bottom:8.125vw;padding-bottom:0.78vw} .process2>ul>li:hover .title{background:#005bac;color:#fff} .process2>ul>li:hover .Img{background-image:url(../image/process2_iconB.png);transform: rotate(180deg);} .process2>ul>li:nth-child(2n+1):hover .Img{transform: rotate(0);} .process2>ul>li .info ul li{margin-bottom:10px;position:relative;margin-bottom: 0.52vw} .process2>ul>li .info ul li:after{content:"";position:absolute;width:4px;height:4px;background:#333;border-radius:50%;left:-14px;top:8px;width: 0.21vw;height: 0.21vw;left: -0.73vw;top:0.42vw} .process2>ul>li:nth-child(1) .info,.process2>ul>li:nth-child(3) .info,.process2>ul>li:nth-child(4) .info{width:200px;width: 10.42vw;width: 11vw;} .process2>ul>li:nth-child(2n){position:absolute;bottom: calc(-60 / 750 * 100vw);left: calc(115 / 750 * 100vw);} .process2>ul>li:nth-child(4n){left:calc(360 / 750 * 100vw)} .processCon{font-size:calc(24 / 750 * 100vw);color:#333333;line-height:2;margin-bottom:calc(80 / 750 * 100vw)} .processCon ul li{margin-bottom:10px;position:relative;margin-bottom: calc(20 / 750 * 100vw);padding-left: calc(20 / 750 * 100vw);} .processCon ul li:after{content:"";position:absolute;width:4px;height:4px;background:#333;border-radius:50%;left:-14px;top:8px;width: calc(6 / 750 * 100vw);height: calc(6 / 750 * 100vw);left: 0;top: calc(20 / 750 * 100vw);} #container{height: 83vw!important;/* width: 1000px!important; *//* transform: scale(0.4); *//* transform-origin: left top; */height: 100vw!important;width: 120vw!important;transform: translateX(-10vw);} .sell{margin-bottom:120px;margin-bottom: 6.25vw} .sell .tab{text-align:center;} .sell .tab a{padding:0 40px;color:#666;font-size:18px;line-height:1;position:relative;padding: 0 2.08vw;font-size: calc(24 / 750 * 100vw);margin-bottom: 15px;display: inline-block;} .sell .tab a.active,.sell .tab a:hover{color: #333;font-weight:bold} .sell .tab a:after{position:absolute;content:"";width: 1px;height: 100%;right:0;background:#c9c9c9;top: 0;} .sell .tab a:last-child::after{display:none} .sell .mapBox{position: relative;height: 111vw;/* overflow: hidden; */height: 130vw;} .sell .mapBox .mapMsg{position: absolute;bottom: 50px;/* left: 50%; *//* transform: translateX(-50%); */padding-left:80px;box-sizing:border-box;background:url(../image/sell_icon.png) left top no-repeat;width: calc(710 / 750 * 100vw);left: calc(20 / 750 * 100vw);bottom: 2.6vw;padding-left: calc(120 / 750 * 100vw);background-size: calc(88 / 750 * 100vw);/* position: unset; */z-index: -1;} .sell .mapBox .mapMsg .row{margin-bottom:10px;margin-bottom: calc(15 / 750 * 100vw);} .sell .mapBox .mapMsg .row i{color:#999;font-size:16px;font-size: calc(24 / 750 * 100vw);} .sell .mapBox .mapMsg .row .remark{color:#005bac;font-size: 20px;position:relative;display: block;padding-right:34px;font-size: calc(30 / 750 * 100vw);padding-right: 1.77vw;font-weight: bold;} .sell .mapBox .mapMsg .row .remark .icon{cursor:pointer;display:inline-block;width:11px;height:11px;background:url(../image/sell_icon1.png) bottom center no-repeat;position:absolute;right:0;/* background:red; */top:calc(50% - 5px);width: 0.57vw;height: 0.57vw;top:calc(50% - 0.26vw);background-size: 100%;display: none;} .sell .mapBox .mapMsg .row .remark .icon .Img{display:none;width:calc(150 / 1920 * 100vw);height:calc(150 / 1920 * 100vw);padding:calc(10 / 1920 * 100vw);border:1px solid #005bac;background:#fff;left: 200%;top:50%;transform:translate(0,-50%);position: absolute;} .sell .mapBox .mapMsg .row .remark .icon .Img:after{content:"";position:absolute;width:0;height:0;border-width:4px;border-style:solid;border-color:transparent #005bac transparent transparent;left:-8px;top:calc(50% - 4px)} .sell .clickBtn{text-align:center} .sell .clickBtn p{margin-bottom: calc(40 / 1920 * 100vw);color:#666;font-size: calc(24 / 750 * 100vw);padding-right: calc(60 / 1920 * 100vw);background:url(../image/stop.png) right center no-repeat;display:inline-block;cursor: pointer;background-size: calc(40 / 1920 * 100vw);margin-top: calc(15 / 750 * 100vw);} .sell table{text-align:center;/* width: 100%; */width: 1200px;} .sell table th{line-height:70px;font-size:16px;color:#fff;background: #005bac;border-right: 1px solid rgba(255,255,255,.2);font-weight: normal;font-size: calc(24 / 750 * 100vw);line-height: calc(70 / 750 * 100vw);} .sell table th:nth-child(1){width:657px;width: 34.22vw} .sell table th:nth-child(2){width:203px;width: 10.57vw} .sell table th:nth-child(3){width:297px;width: 15.47vw} .sell table th:nth-child(4){width:240px;width: 12.5vw} .sell table td{padding:20px 0;border: 1px solid #f4f4f4;color: #333;font-size: 14px;padding: 2vw 1.04vw;font-size: calc(24 / 750 * 100vw);line-height: 1.7;} .sell table tr:nth-child(2n+1){background:#edf3fc} /* .sell table td:nth-child(2) .tdCon{display:flex;justify-content: center;align-items: center;position:relative} .sell table td:nth-child(2) .icon{display:inline-block;width:11px;height:11px;background: url(../image/sell_icon1.png) center top no-repeat;margin-right: 10px;width: calc(25 / 750 * 100vw);height: calc(25 / 750 * 100vw);margin-right: 0.52vw;position: relative;cursor: pointer;background-size: 100%;} .sell table td:nth-child(2) .icon .wxkuan{display:none;width: calc(150 / 750 * 100vw);height: calc(150 / 750 * 100vw);padding: calc(10 / 750 * 100vw);border:1px solid #005bac;background:#fff;left: calc(-122 / 750 * 100vw - 300%);top:50%;transform:translate(0,-50%);position: absolute;z-index: 1;} .sell table td:nth-child(2) .icon .wxkuan:after{content:"";position:absolute;width:0;height:0;border-width: 8px;border-style:solid;border-color: transparent transparent transparent #005bac;right: -16px;top: calc(50% - 8px);} .sell table td:nth-child(2) .wxkuan{position:absolute;width:200px;height:200px;left:50%;transform:translate(-50%);width: 10.42vw;height: 10.42vw} .sell table td:nth-child(2) .wx{width:calc(100 / 750 * 100vw)} */ .sell table td:nth-child(3) .tdCon{display:flex;justify-content: center;align-items: center;position:relative} .sell table td:nth-child(3) .icon{display:inline-block;width:11px;height:11px;background: url(../image/sell_icon1.png) center top no-repeat;margin-right: 10px;width: calc(25 / 750 * 100vw);height: calc(25 / 750 * 100vw);margin-right: 0.52vw;position: relative;cursor: pointer;background-size: 100%;} .sell table td:nth-child(3) .icon .wxkuan{display:none;width: calc(150 / 750 * 100vw);height: calc(150 / 750 * 100vw);padding: calc(10 / 750 * 100vw);border:1px solid #005bac;background:#fff;left: calc(-122 / 750 * 100vw - 300%);top:50%;transform:translate(0,-50%);position: absolute;z-index: 1;} .sell table td:nth-child(3) .icon .wxkuan:after{content:"";position:absolute;width:0;height:0;border-width: 8px;border-style:solid;border-color: transparent transparent transparent #005bac;right: -16px;top: calc(50% - 8px);} .sell table td:nth-child(3) .wxkuan{position:absolute;width:200px;height:200px;left:50%;transform:translate(-50%);width: 10.42vw;height: 10.42vw} .sell table td:nth-child(3) .wx{width:calc(100 / 750 * 100vw)} .vrCon{margin-top: calc(70 / 750 * 100vw);position: absolute;position: relative;height: calc(1080 / 750 * 100vw);} .videoCon img{width: 100%} .vrCon .content{position: absolute;top:0;left: 50%;transform: translate(-50%);height: 100%;overflow: hidden;} .vrCon .img{width: 950px;height: 793px;background: url(../image/vrBk1.png) center center no-repeat;position: relative ;width: 100%;height: 100%;position: absolute;background-size: 100%;left: 50%;transform: translate(-50%,-50%);top: 50%;} .vrCon .img:before{content:"";position: absolute ;width: 100%;height: 100%;left: 0;top:0;background: url(../image/vrBk3.png) center center no-repeat;background-size:100%;animation: rotate1 15s linear infinite;} .vrCon .img:after{content:"";position: absolute ;width: 100%;height: 100%;left: 0;top:0;background: url(../image/vrBk4.png) center center no-repeat;background-size:100%;animation: rotate 15s linear infinite;} .vrCon .img img{top:50%;position: absolute ;left: 50%;transform: translate(-50%,-50%); width: 314px;height: 314px;width: calc(219 / 750 * 100vw);height: calc(219 / 750 * 100vw);} .vrCon .btnBox{top: auto;margin-top: -5vw;right: 0;position: absolute;display: block;transition: all .35s ease-in-out;left: 50%;bottom: calc(20 / 750 * 100vw);transform: translateX(-50%);text-align: center;} .vrCon .btn{width: 148px;height: 148px;background: url(../image/vrBtn.png) center center no-repeat;background-size:100%;margin-bottom: 30px;width: calc(135 / 750 * 100vw);height: calc(135 / 750 * 100vw);margin-bottom: 1.56vw; display: inline-block;} .vrCon .btn:after{left:100%;animation:move2 2s linear infinite} .vrCon .btnBox:hover{transform: translateX(-50%) translateY(-10px);} .vrCon .btnBox .btn:hover{animation:rotate 15s linear infinite;animation-fill-mode:forwards} .vrCon .btnBox:hover p{font-weight: bold } .vrCon .btnBox p{color: #fff;font-size:16px;display: block ;width: 100%;text-align: center ;font-size: calc(24 / 750 * 100vw);} @keyframes move2{ 0%{left:100%} 50%{left:150%} 100%{left:100%} } .hornor{background:url(../image/hornorBk.png) left top no-repeat;background-size:cover;} .hornor .nav2 ul{background: none} .hornorCon{position: relative;z-index: 1;} .hornorCon .wordsBox{position:relative;display:flex;padding-top: calc(220 / 750 * 100vw);;flex-wrap: wrap;} .hornorCon .wordsBox .box{background:url(../image/hornorBk2.png) left top no-repeat;width:500px;padding:36px 42px 65px;box-sizing:border-box;background-size:61px;width: 100%;padding: calc(50 / 750 * 100vw);background-size: calc(104 / 750 * 100vw);} .hornorCon .wordsBox .box p.title{font-size:28px;color:#222222;margin-bottom:25px;font-size: calc(40 / 750 * 100vw);margin-bottom: 1.3} .hornorCon .wordsBox .box ul li{padding-left:22px;margin-bottom:10px;color:#666;font-size:16px;position:relative;padding-left: calc(30 / 750 * 100vw);margin-bottom: calc(10 / 750 * 100vw);font-size: calc(24 / 750 * 100vw);} .hornorCon .wordsBox .box ul li:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;left:0;top:calc(50% - 3px);border:1px solid #005bac;width: calc(10 / 750 * 100vw);height: calc(10 / 750 * 100vw);top: calc(50% - calc(5 / 750 * 100vw));} .hornorCon .wordsBox .tab{position:absolute;right:0;text-align:center;top: calc(140 / 750 * 100vw);width: 100%;display: flex;justify-content: center;} .hornorCon .wordsBox .tab a{display:block;background:url(../image/hornorBk3.png) bottom center no-repeat;background-size:100%;font-size:16px;color:#333333;width:159px;height:40px;line-height:40px;margin-bottom:20px;letter-spacing: 5px;font-size: calc(24 / 750 * 100vw);width: calc(200 / 750 * 100vw);height: calc(50 / 750 * 100vw);line-height: calc(50 / 750 * 100vw);margin-bottom: 1.04vw} .hornorCon .wordsBox .tab a.active,.hornorCon .wordsBox .tab a:hover{background-position:top;color:#fff} .hornorCon .wordsBox .bk{margin-right:140px;position:absolute;right:0;z-index: -1;margin-right: 7.3vw;top: 0;left: 50%;transform: translate(-50%);margin-right: 0;width: 100%;text-align: center;opacity: 0.8;} .hornorCon .wordsBox .bk .en{color: #f7f8f9;font-size:70px;font-size: calc(70 / 750 * 100vw);text-transform:uppercase;text-shadow: rgb(209 214 220/ 50%) 1px 0 0, rgb(209 214 220/ 50%) 0 1px 0, rgb(209 214 220/ 50%) -1px 0 0, rgb(209 214 220/ 50%) 0 -1px 0;} .hornorCon .wordsBox .bk p{color: #f7f8f9;font-size:50px;font-size: calc(50 / 750 * 100vw);text-align: center;text-shadow: rgb(209 214 220/ 50%) 1px 0 0, rgb(209 214 220/ 50%) 0 1px 0, rgb(209 214 220/ 50%) -1px 0 0, rgb(209 214 220/ 50%) 0 -1px 0;} .hornorCon .imgBox .row{margin-bottom:150px;position: relative;margin-bottom: calc(50 / 750 * 100vw);overflow-x: scroll;overflow-y: hidden;padding-bottom: calc(30 / 750 * 100vw);} .hornorCon .imgBox .row img{height:150px;margin-right:88px;height: calc(150 / 750 * 100vw);margin-right:4.58vw;} .hornorCon .imgBox .row1 .bk{width:1250px;height:40px;background:#fff;box-shadow:0 26px 48px rgba(155,155,155,.2);left:-260px;position:absolute;width: 100vw;height: calc(40 / 750 * 100vw);left: calc(-20 / 750 * 100vw);} .hornorCon .imgBox .row2{text-align:right;} .hornorCon .imgBox .row2 img{margin-right:2.08vw} .hornorCon .imgBox .row2 img:last-of-type{margin-right:0} .hornorCon .imgBox .row2 .bk{width:1454px;height:40px;background:#fff;box-shadow:0 26px 48px rgba(155,155,155,.2);right:-260px;position:absolute;width: 100vw;height: calc(50 / 750 * 100vw);right: calc(-20 / 750 * 100vw);} .hornorCon .imgBox .row3{position: relative;height:150px;margin-bottom:160px;height: calc(150/ 750 * 100vw);margin-bottom: calc(150 / 750 * 100vw);} .hornorCon .imgBox .row3 .swiper-container{width:1195px;width: 95vw;height: 100%;} .hornorCon .imgBox .row3 .swiper-slide {width: auto;height: 100%;/* margin-right: 46px!important; *//* margin-right: 2.4vw!important; *//* margin-right: 1.9vw!important; */} .hornorCon .imgBox .row3 .swiper-slide img{height:100%} .hornorCon .imgBox .row3 .bk{width:100vw;height:40px;background:#fff;box-shadow:0 26px 48px rgba(155,155,155,.2);left:-363px;position:absolute;height: calc(50 / 750 * 100vw);left: calc(-20 / 750 * 100vw);} .hornorCon .imgBox .row3 .swiper-button-prev{width:60px;height:60px;border-radius:50%;box-shadow:0 0 10px rgba(155,155,155,0.2);background:#fff url(../image/hornorBtn.png) left center no-repeat;left: 0;width: calc(60 / 750 * 100vw);height: calc(60 / 750 * 100vw);background-size:calc(120 / 750 * 100vw);margin-top: calc(-30 / 750 * 100vw);} .hornorCon .imgBox .row3 .swiper-button-next{width:60px;height:60px;border-radius:50%;box-shadow:0 0 10px rgba(155,155,155,0.2);background:#fff url(../image/hornorBtn.png) right center no-repeat;right: 0;width: calc(60 / 750 * 100vw);height: calc(60 / 750 * 100vw);background-size: calc(120 / 750 * 100vw);;margin-top: calc(-30 / 750 * 100vw);} .hornorCon .imgBox .row .imgCon{width: auto;display: flex;} /* */ .nav1{height: 90px;height: auto;margin-bottom: calc(55 / 750 * 100vw);width: 100%;overflow-x: scroll;padding-bottom: 2px;} .nav1>ul{height: auto;flex-wrap: wrap;padding-bottom: calc(108 / 750 * 100vw);box-shadow: none;/* width: 125%; */} .nav1>ul>li{line-height: calc(50 / 750 * 100vw);margin-bottom: calc(20 / 750 * 100vw);box-shadow: 0 0 20px rgb(0 0 0 / 4%);} .nav1>ul>li span{font-size: calc(24 / 750 * 100vw);padding-top: calc(50 / 750 * 100vw);background-size: calc(50 / 750 * 100vw);padding-left: 0;background-position: top center;margin-top: calc(20 / 750 * 100vw);} .nav1>ul>li.active{background:#f4faff;border-bottom:1px solid #005bac} .nav1>ul>li>a{} .positionCon .mapImg1{display: none;} .positionCon .mapImg2{display: block;} .positionCon .info ul li.last canvas{width: 30px;height: 30px;} .positionCon .mapInfo{top: 20vw;} /* .proinfoNo1 .proinfoCon .pc-slide .preview .swiper-slide{height:calc(120 / 750 * 100vw)} .proinfoNo1 .proinfoCon .pc-slide .preview .swiper-slide img{width: calc(120 / 375 * 100vw);height:auto;position:absolute;left: calc(10 / 375 * 100vw);top: calc(50% - 39px);} .proinfoNo1 .proinfoCon .pc-slide .preview .swiper-slide p{margin-left: calc(94 / 375 * 100vw);} */ }