@charset "utf-8"; /* CSS Document */ body { padding:0; line-height:24px; background:#FFF;font-size:14px;color:#7E7E7E; min-width:1300px; margin:0 auto; } div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;} table,td,tr,th{font-size:12px;} li{list-style-type:none;} img{border:0;overflow:hidden; display:block;} ol,ul {list-style:none;} h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;} address,cite,code,em,th,i,b{font-weight:normal; font-style:normal;} .clear{clear:both; overflow:hidden; height:0px; font-size:0px; line-height:0px;} a{text-decoration:none;color:#717171;} a:hover{color:#036eb3;} .top-index{ width:100%; height:85px; background:#FFF; min-width:1300px; } .top{ width:100%; height:85px; background:#0078d3; position:fixed; left:0px; top:0px; display:none; z-index:9999999; min-width:1300px; } .outcontent{ max-width:1920px; margin:0 auto; } @media all and (min-width:1600px){ .logo-stock{ float:left; display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-left:50px; height:85px; } .logo-stock a{ display:block; } .logo-stock a img{ max-width:100%; height:auto; margin-bottom:0px; } } @media all and (max-width:1600px){ .logo-stock-1600{ float:left; display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-left:50px; height:85px; } .logo-stock a{ display:block; } .logo-stock a img{ max-width:100%; height:auto; margin-bottom:0px; } } .stock-code{ font-size:15px; color:#545454; border-left:1px solid #545454; padding-left:20px; margin-left:20px; margin-top:13px; } .stock-code-white{ font-size:15px; color:#ffffff; border-left:1px solid #545454; padding-left:20px; margin-left:20px; margin-top:13px; } .menubg{ width:100%; position:absolute; left:0px; top:84px; height:200px; background:#0078d3; display:none; } .menubg2{ width:100%; position:absolute; left:0px; top:84px; height:200px; background:#0078d3; z-index:998; display:none; } @media all and (max-width: 1500px) { .menumin{ float:right; height:85px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-right:30px; margin-top:10px; position:relative; } .menumin li{ display:block; font-size:14px; color:#666; width:100px; text-align:center; } } @media all and (max-width: 1720px) and (min-width: 1500px){ .menusmall{ float:right; height:85px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-right:30px; margin-top:8px; position:relative; } .menusmall li{ display:block; font-size:16px; color:#666; width:120px; text-align:center; } } @media all and (min-width: 1720px){ .menu{ float:right; height:85px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-right:150px; margin-top:8px; position:relative; } .menu li{ display:block; font-size:16px; color:#666; width:120px; text-align:center; } } .menu li a{ color:#666; } .menu li a:hover{ border-bottom:1px solid #0079d6; } .menu-son2{ display:none; position:absolute; left:0px; top:70px; z-index:999; padding-top:25px; } @media all and (min-width: 1500px){ .menu-son-con2{ display:flex; flex-direction:row; justify-content:space-between; } .menu-son-con2 .son-item2{ width:120px; display:flex; flex-direction:column; align-items:center; } .menu-son-con2 .son-item2 a{ text-align:center; font-size:14px; margin-top:5px; color:#FFF; width:60px; } .menu-son-con2 .son-item2 a:hover{ text-align:center; font-size:14px; margin-top:5px; color:#FFF; border-bottom:1px solid #FFF; } } @media all and (max-width: 1500px){ .menu-son-con2-min{ display:flex; flex-direction:row; justify-content:space-between; } .menu-son-con2-min .son-item2{ width:100px; display:flex; flex-direction:column; align-items:center; } .menu-son-con2-min .son-item2 a{ text-align:center; font-size:14px; margin-top:5px; color:#FFF; width:60px; } .menu-son-con2-min .son-item2 a:hover{ text-align:center; font-size:14px; margin-top:5px; color:#FFF; border-bottom:1px solid #FFF; } } /*蓝色*/ @media all and (max-width: 1500px) { .menu-white-min{ float:right; height:85px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-right:30px; margin-top:10px; position:relative; } .menu-white-min li{ display:block; font-size:14px; color:#666; width:100px; text-align:center; } } @media all and (max-width: 1720px) and (min-width: 1500px){ .menu-white-small{ float:right; height:85px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-right:30px; margin-top:8px; position:relative; } .menu-white-small li{ display:block; font-size:16px; color:#ffffff; width:120px; text-align:center; } } @media all and (min-width: 1720px){ .menu-white{ float:right; height:85px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-right:150px; margin-top:8px; position:relative; } .menu-white li{ display:block; font-size:16px; color:#ffffff; width:120px; text-align:center; } } .menu-white li a{ color:#FFF; } .menu-white li a:hover{ border-bottom:1px solid #FFF; } .menu-white li a.select{ border-bottom:1px solid #FFF; } .menu-son{ display:none; position:absolute; left:0px; top:70px; z-index:998; padding-top:25px; } @media all and (max-width: 1500px) { .menu-son-con-min{ display:flex; flex-direction:row; justify-content:space-between; } .menu-son-con-min .son-item{ width:100px; display:flex; flex-direction:column; align-items:center; } .menu-son-con-min .son-item a{ text-align:center; font-size:14px; margin-top:5px; color:#FFF; width:60px; } .menu-son-con-min .son-item a:hover{ text-align:center; font-size:14px; margin-top:5px; color:#FFF; border-bottom:1px solid #FFF; } } @media all and (min-width: 1500px) { .menu-son-con{ display:flex; flex-direction:row; justify-content:space-between; } .menu-son-con .son-item{ width:120px; display:flex; flex-direction:column; align-items:center; } .menu-son-con .son-item a{ text-align:center; font-size:14px; margin-top:5px; color:#FFF; width:60px; } .menu-son-con .son-item a:hover{ text-align:center; font-size:14px; margin-top:5px; color:#FFF; border-bottom:1px solid #FFF; } } .lanuage-search{ float:right; width:60px; height:85px; margin-top:11px; margin-right:30px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; } .language{ display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:35px; } .index-banner{ width:100%; border-bottom:5px solid #0078d7; position:relative; } #background_video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: 100%; z-index:997; } #video_cover { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; } .video-con{ position:absolute; width:100%; top:200px; } /*首页业务领域*/ .product{ width:100%; min-height:600px; position:relative; } .product img{ max-width:100%; height:auto; } .index-pro-text{ width:46%; padding:0px; position:absolute; right:0px; bottom:0px; background-image: linear-gradient(-90deg, #0079d6,#00c9f8); border-top-left-radius:50px; z-index:999; } .index-pro-text:hover{ background-image: linear-gradient(-90deg, #0262a9,#008add); } .index-pro-text-con{ width:100%; padding:30px; box-sizing:border-box; } .index-pro-text-con p{ width:80%; color:#FFF; font-size:14px; line-height:35px; text-align:justify; } .index-pro-text-con img{ position:absolute; right:0px; bottom:0px; } .index-pro-text-con a{ display:block; width:100px; height:35px; text-align:center; font-size:14px; background:#FFF; line-height:35px; color:#0078d3; border-radius:8px; margin-top:20px; } .index-pro-text-con a:hover{ background:#0078d3; color:#FFF; } .indexproimg{ width:100%; position:absolute; left:0px; top:0px; z-index:1; } .indexproimg img{ max-width:100%; height:auto; display:none; } .index-pro-nav{ position:absolute; top:0px; left:200px; box-sizing:border-box; display:flex; flex-direction:column; align-items:left; justify-content:space-around; z-index:998; min-height:600px; } .index-pro-nav-tit .en{ font-size:42px; font-weight:300; color:#dbd9da; line-height:50px; margin-bottom:25px; } .index-pro-nav-tit .zh{ font-size:28px; font-weight:400; color:#FFF; margin-top:25px; } .index-pro-nav .nav-list a{ display:block; width:90px; text-align:center; color:#FFF; font-size:20px; margin-top:30px; padding-bottom:5px; } .index-pro-nav .nav-list a.select{ border-bottom:2px solid #FFF; font-weight:600; } .index-pro-nav a.more{ display:block; width:60px; height:60px; background-color:#FFF; border-radius:30px; text-align:center; font-size:24px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#0078d7; } .index-pro-nav a.more:hover{ background:#0078d7; color:#FFF; } .index-pro-switch{ position:absolute; top:0px; right:200px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; z-index:998; } .index-pro-switch a{ display:block; width:48px; height:48px; background-color:#FFF; border-radius:24px; font-size:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#0078d7; margin-bottom:10px; } .index-pro-switch a:hover{ background:#0078d7; color:#FFF; } /*首页应用案例*/ .application{ width:100%; min-height:600px; position:relative; overflow:hidden; } .application img{ max-width:100%; height:auto; } /*首页应用案例-右下角文本*/ .index-app-text{ width:46%; padding:0px; position:absolute; right:0px; bottom:0px; background-image: linear-gradient(-90deg, #0079d6,#00c9f8); border-top-left-radius:50px; z-index:999; } .index-app-text:hover{ background-image: linear-gradient(-90deg, #0262a9,#008add); } .index-app-text-con{ width:100%; padding:30px; box-sizing:border-box; } .index-app-text-con p{ width:80%; color:#FFF; font-size:14px; line-height:35px; text-align:justify; } .index-app-text-con img{ position:absolute; right:0px; bottom:0px; } .index-app-text-con a{ display:block; width:100px; height:35px; text-align:center; font-size:14px; background:#FFF; line-height:35px; color:#0078d3; border-radius:8px; margin-top:20px; } .index-app-text-con a:hover{ background:#0078d3; color:#FFF; } /*首页应用案例-左侧菜单*/ .index-app-nav{ position:absolute; left:200px; top:0px; box-sizing:border-box; display:flex; flex-direction:column; align-items:left; justify-content:space-around; z-index:998; min-height:600px; } .index-app-nav-tit .en{ font-size:42px; font-weight:300; color:#7c7c7c; line-height:50px; margin-bottom:25px; } .index-app-nav-tit .zh{ font-size:28px; font-weight:400; color:#222222; margin-top:25px; } .index-app-nav .nav-list a{ display:block; width:240px; text-align:left; color:#353535; font-size:20px; margin-top:30px; padding-bottom:5px; } .index-app-nav .nav-list a.select{ border-bottom:2px solid #0078d3; font-weight:600; color:#0078d3; } .index-app-nav a.more{ display:block; width:60px; height:60px; background-color:#FFF; border-radius:30px; text-align:center; font-size:24px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#0078d7; } .index-app-nav a.more:hover{ background:#0078d7; color:#FFF; } /*首页应用案例-右侧切换按钮*/ .index-app-switch{ position:absolute; right:200px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; z-index:998; } .index-app-switch a{ display:block; display:block; width:48px; height:48px; background-color:#FFF; border-radius:24px; font-size:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#0078d7; margin-bottom:10px; } .index-app-switch a:hover{ background:#0078d7; color:#FFF; } /*首页新闻*/ .news{ width:100%; min-height:600px; background:#FFF; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; } .index-news-nav{ margin-left:200px; box-sizing:border-box; display:flex; flex-direction:column; align-items:left; justify-content:space-around; min-height:600px; } .index-news-nav-tit .en{ font-size:42px; font-weight:300; color:#7c7c7c; line-height:50px; margin-bottom:25px; } .index-news-nav-tit .zh{ font-size:28px; font-weight:400; color:#222222; margin-top:25px; } .index-news-nav .nav-list a{ display:block; width:80px; text-align:left; color:#353535; font-size:20px; margin-top:30px; padding-bottom:5px; } .index-news-nav .nav-list a.select{ border-bottom:2px solid #0078d3; font-weight:600; color:#0078d3; } .index-news-nav a.more{ display:block; width:60px; height:60px; background-color:#0078d7; border-radius:30px; text-align:center; font-size:24px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#ffffff; } .index-news-nav a.more:hover{ background:#0078d7; color:#FFF; } .index-news-content{ display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; width:60%; margin-left:80px; padding-bottom:120px; padding-top:80px; } .index-news-item{ width:48%; padding:30px; margin-top:30px; box-sizing:border-box; box-shadow: 2px 2px 10px #888888; border-radius:2px; display:flex; flex-direction:row; justify-content:space-between; cursor:pointer; min-height:180px; } .index-news-item:hover{ box-shadow: 2px 2px 10px #a5d7ff; } .index-news-item .date{ color:#0163d0; font-size:24px; display:flex; flex-direction:column; } .index-news-item .date span{ font-size:12px; color:#616161; padding-left:3px;} .index-news-item .date span.news-line{ display:block; width:70px; height:1px; background:#008be0; margin-top:35px; } .index-news-item .text{ padding-left:20px; box-sizing:border-box; } .index-news-item .text h2{ font-size:16px; color:#000; font-weight:500; } .index-news-item .text p{ margin-top:20px;} /*首页关于澳门新莆京游戏app*/ .about{ width:100%; position:relative; min-height:600px; overflow:hidden; } .index-about-tit{ position:absolute; right:135px; top:135px; text-align:right; } .index-about-tit .en{ font-size:42px; font-weight:300; color:#ffffff; line-height:50px; margin-bottom:25px; } .index-about-tit .zh{ font-size:28px; font-weight:400; color:#ffffff; margin-top:25px; } .index-about-text{ position:absolute; left:0px; bottom:0px; width:100%; background-image: linear-gradient(-90deg, #0079d6,#00c9f8); border-top-left-radius:20px; border-top-right-radius:20px; } .index-about-text .dec{ width:100%; padding:30px; box-sizing:border-box; color:#FFF; } .index-about-text .dec p{ width:80%; margin:0 auto; text-align:center; padding-top:20px; font-size:18px; color:#FFF; line-height:35px; } .index-about-text .dec a{ margin:0 auto; display:block; width:100px; height:35px; text-align:center; font-size:14px; background:#FFF; line-height:35px; color:#0078d3; border-radius:8px; margin-top:30px; } .index-about-text .dec a:hover{ background:#0078d3; color:#FFF; } /*首页links*/ .more-links{ width:100%; min-height:600px; background:#FFF; display:flex; flex-direction:row; align-items:center; justify-content:space-between; } .index-links-nav{ margin-left:200px; padding-top:120px; padding-bottom:120px; box-sizing:border-box; } .index-link-nav-tit .en{ font-size:42px; font-weight:300; color:#7c7c7c; line-height:50px; margin-bottom:25px; } .index-link-nav-tit .zh{ font-size:28px; font-weight:400; color:#222222; margin-top:25px; } .index-link-content{ display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; width:60%; margin-right:200px; } .index-link-item{ width:48%; padding:60px; margin-top:30px; box-sizing:border-box; box-shadow: 2px 2px 10px #888888; border-radius:4px; display:flex; flex-direction:row; align-items:center; cursor:pointer; } .index-link-item:hover{ box-shadow: 2px 2px 10px #a5d7ff; } .index-link-item div{ margin-left:30px;} .index-link-item div h2{ font-size:20px; color:#000000; } .footer{ width:100%; background:#0078d3; } .footer-content{ width:100%; padding-left:120px; padding-right:120px; box-sizing:border-box; display:flex; flex-direction:row; align-items:top; margin-top:80px; justify-content:space-between; } .footer-nav{ width:40%; display:flex; flex-direction:row; align-items:top; justify-content:space-between; } .footer-item{ display:flex; flex-direction:column; align-items:center; } .footer-item h2{ font-size:16px; font-weight:600; color:#FFF; margin-bottom:20px; } .footer-item a{ font-size:14px; color:#c0dffc; margin-top:5px;} .footer-item a:hover{ color:#FFF; } .footer-info{ display:flex; flex-direction:row; align-items:top; justify-content:space-between; } .footer-adress{ border-right:1px solid #FFF; margin-right:20px; padding-right:20px; } .footer-adress p{ background:url(../images/index-footer-phone.png) no-repeat left top; padding-left:35px; color:#FFF; font-size:15px; margin-top:25px; } .footer-qrcode{ color:#FFF; text-align:center;} .footer-qrcode img{ width:125px; height:125px; border-radius:3px; } .copyright{ width:100%; padding-left:120px; padding-right:120px; padding-bottom:10px; box-sizing:border-box; display:flex; flex-direction:row; align-items:top; margin-top:80px; justify-content:space-between; color:#FFF; } .copyright a{ color:#FFF;} .footer img{ max-width:100%; height:auto; } /*内页通用*/ .page-banner{ width:100%; height:442px; margin-top:84px; } .page-tit1{ width:80%; margin:0 auto; } .page-tit1{ width:80%; margin:0 auto; margin-top:100px; } .page-tit1 span.zh{ font-size:22px; font-weight:bold; color:#000; border-bottom:1px solid #000; } .page-tit1 span.en{ margin-left:10px; font-size:16px;} .page-l-r{ width:100%; min-height:600px; background:#FFF; display:flex; flex-direction:row; align-items:center; justify-content:space-between; } .page-nav{ margin-left:200px; box-sizing:border-box; display:flex; flex-direction:column; align-items:left; justify-content:space-between; } .page-nav-tit .en{ font-size:42px; font-weight:300; color:#7c7c7c; line-height:50px; margin-bottom:25px; } .page-nav-tit .zh{ font-size:28px; font-weight:400; color:#222222; margin-top:25px; } .page-switch a{ display:block; width:48px; height:48px; background-color:#FFF; border-radius:24px; font-size:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#0078d7; margin-bottom:10px; box-shadow: 2px 2px 10px #888888; } .page-switch a:hover{ background:#0078d7; color:#FFF; } /*关于澳门新莆京游戏app-发展历程*/ .about-milestones{ width:100px; margin:0 auto; margin-top:50px; margin-bottom:50px; position:relative; } .line{ border-left:1px dashed #CCC; margin:0 auto; width:1px; } .milestions-content{ width:100px; position:absolute; left:0px; top:0px; } .milestions-item-tit{ border:2px solid #00c9f8; width:80px; height:80px; margin:0 auto; border-radius:45px; text-align:center; line-height:80px; font-size:18px; color:#FFF; font-weight:bold; margin-top:50px; color:#00c9f8; background:#FFF; } .milestions-item-tit:hover{ color:#FFF; background:#00c9f8; } .milestions-item{ width:28px; height:28px; margin:0 auto; margin-top:50px; position:relative; } .milestions-item .point{ width:20px; height:20px; margin:0 auto; border-radius:13px; border:3px solid #ff7137; transition:all 0.5s; cursor:pointer; background:#FFF; } .milestions-item:hover .point{ transform:scale(1.2); } .milestions-item .con-l{ width:500px; position:absolute; left:-530px; top:-20px; text-align:right; } .milestions-item .con-l h2{ font-size:24px; color:#ff7137; } .milestions-item .con-l p{ margin-top:10px; font-size:16px;} .milestions-item .con-r{ width:500px; position:absolute; right:-530px; top:-20px; } .milestions-item .con-r h2{ font-size:24px; color:#ff7137; } .milestions-item .con-r p{ margin-top:10px; font-size:16px;} /*关于澳门新莆京游戏app-公司简介*/ .about-profile{ width:100%; position:relative; margin-top:30px; } .about-profile img{ max-width:100%; height:auto; } .about-profile .text{ position:absolute; left:100px; top:100px; width:50%; color:#FFF; } @media all and (max-width: 1720px){ .about-profile .text-small{ position:absolute; left:50px; top:50px; padding-right:20px; width:48%; color:#FFF; overflow:auto; } .about-profile .text-small::-webkit-scrollbar{ width:8px; background-color:#fff; } .about-profile .text-small::-webkit-scrollbar-thumb{ background-color:#0079d6; width:8px; } .about-profile .text-small p{ line-height:30px; margin-top:12px; } } @media all and (min-width: 1720px){ .about-profile .text{ position:absolute; left:100px; top:100px; width:50%; color:#FFF; } .about-profile .text p{ line-height:30px; margin-top:12px; } } .about-team{ width:100%; margin:0 auto; margin-top:100px; overflow:hidden; } #about-team-con { position: relative; margin: 0 auto; width:100%; overflow:hidden; } #about-team-con .swiper-container { width:100%; padding-bottom:30px; } #about-team-con .swiper-slide { width: 40%; height:auto; box-shadow: 2px 2px 10px #888888; overflow:hidden; } #about-team-con .swiper-slide img{ display:block; max-width:100%; height:auto; } #about-team-con .swiper-slide p{ background-image: linear-gradient(-90deg, #0079d6,#00c9f8); text-align:center; color:#FFF; height:30px; line-height:30px; } #about-team-con .swiper-button-prev { left: 10px; width: 45px; height: 45px; background:url(../images/index-honor-left.png) no-repeat center; } #about-team-con .swiper-button-prev:hover { } #about-team-con .swiper-button-next { right: 15px; width: 45px; height: 45px; background:url(../images/index-honor-right.png) no-repeat center; } #about-team-con .swiper-button-next:hover { } .about-base{ width:100%; display:flex; flex-direction:row; align-items:top; justify-content:space-between; margin-top:100px; } .about-base-item{ position:relative; } .about-base-item img{ max-width:100%; height:auto; } .about-base-item .base-tit{ position:absolute; left:30px; top:30px; } .about-base-item .base-tit h2{ font-size:28px; font-weight:300; color:#ecf4f7; } .about-base-item .base-tit span{ display:block; width:40px; height:2px; background:#ecf4f7; margin-top:10px; margin-bottom:10px; } .about-base-item .base-tit p{ font-size:18px; font-weight:300; color:#ecf4f7; } /*关于澳门新莆京游戏app-企业文化*/ .company-culture{ width:100%; margin-top:100px; } .company-culture-con{ width:100%; position:absolute; left:0px; top:0px; display:flex; flex-direction:row; align-items:top; justify-content:space-between; z-index:998; } .company-culture-con-item{ display:flex; flex-direction:column; align-items:center; justify-content:center; width:33.33%; color:#FFF; } .company-culture-con-item h2{ font-size:24px; margin-top:20px; margin-bottom:10px; font-weight:300;} .company-culture-con-item img{ width:80px; height:80px;} .company-culture-con-item p{ font-size:16px; } .company-culture-con-item:hover img{ animation: mymove 1s linear; } @keyframes mymove { 100% { transform: rotate(360deg); } } @-webkit-keyframes mymove {/* Safari and Chrome */ 100% { transform: rotate(360deg); } } .company-culture-img{ max-width:100%; position:absolute; height:auto; left:0px; top:0px; } .culture-care{ width:100%; margin-top:100px; display:flex; flex-direction:row; align-items:top; justify-content:space-between; flex-wrap:wrap; margin-bottom:80px; } .care-item{ width:24%; position:relative; margin-top:20px; overflow:hidden; } .care-item img{ max-width:100%; height:auto; transition:all 0.5s; cursor:pointer; } .care-item:hover img{ transform:scale(1.2); } .care-item .dec{ position:absolute; left:0px; bottom:0px; width:100%; height:30px; box-sizing:border-box; padding-left:20px; line-height:30px; color:#FFF; background:url(../images/care-dec-bg.png); } /*业务领域-解决方案*/ .page-product{ width:100%; min-height:600px; position:relative; } .product img{ max-width:100%; height:auto; } .page-pro-text{ width:46%; padding:0px; position:absolute; right:0px; bottom:0px; background-image: linear-gradient(-90deg, #0079d6,#00c9f8); border-top-left-radius:50px; } .page-pro-text:hover{ background-image: linear-gradient(-90deg, #0262a9,#008add); } .page-pro-text-con{ width:100%; padding:40px; box-sizing:border-box; } .page-pro-text p{ width:80%; color:#FFF; font-size:14px; line-height:35px; margin-top:15px; text-align:justify; } .page-pro-text-con img{ position:absolute; right:0px; bottom:0px; } @media all and (min-width:1600px){ .page-pro-nav{ position:absolute; left:200px; padding-top:120px; padding-bottom:120px; box-sizing:border-box; display:flex; flex-direction:column; align-items:left; justify-content:space-between; } } @media all and (max-width:1600px){ .page-pro-nav2{ position:absolute; left:200px; padding-top:100px; padding-bottom:120px; box-sizing:border-box; display:flex; flex-direction:column; align-items:left; justify-content:space-between; } } .page-pro-nav-tit .en{ font-size:42px; font-weight:300; color:#dbd9da; line-height:50px; margin-bottom:25px; } .page-pro-nav-tit .zh{ font-size:28px; font-weight:400; color:#FFF; margin-top:25px; } .index-pro-switch{ position:absolute; right:200px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; } @media all and (min-width:1600px){ .engineering-icon{ display:flex; flex-direction:column; align-items:center; justify-content:space-between; margin-top:50px; } .engineering-icon a{ display:block; color:#FFF; text-align:center; font-size:12px; margin-top:10px; opacity:0.8; cursor:default; } .engineering-icon a:hover{ opacity:1;} .engineering-icon a p{ margin:0 auto; width:30px;} .engineering-icon a p img{ max-width:100%; height:auto; } } @media all and (max-width:1600px){ .engineering-icon2{ display:flex; flex-direction:column; align-items:center; justify-content:space-between; margin-top:30px; } .engineering-icon2 a{ display:block; color:#FFF; text-align:center; font-size:10px; margin-top:10px; opacity:0.8; cursor:default; } .engineering-icon2 a:hover{ opacity:1;} .engineering-icon2 a p{ margin:0 auto; width:18px;} .engineering-icon2 a p img{ max-width:100%; height:auto; } } /*业务领域-智能产线*/ .page-pro2-nav{ padding-bottom:40px; box-sizing:border-box; display:flex; flex-direction:column; align-items:left; justify-content:space-between; margin-top:100px; } .page-pro2-nav-tit .en{ font-size:42px; font-weight:300; color:#dbd9da; line-height:50px; margin-bottom:25px; } .page-pro2-nav-tit .zh{ font-size:28px; font-weight:400; color:#FFF; margin-top:25px; } .pro2-con{ width:100%; display:flex; flex-direction:row; align-items:center; justify-content:space-between; margin-top:70px; } .pro2-item{ width:23%; background:#FFF; cursor:pointer; } .pro2-item img{ max-width:100%; height:auto; } .pro2-item .dec{ padding:30px; position:relative; height:300px; overflow:auto; } .pro2-item .dec p{ text-align:justify; } .pro2-item .dec::-webkit-scrollbar{ width:8px; background-color:#fff; } .pro2-item .dec::-webkit-scrollbar-thumb{ background-color:#00c2f5; width:8px; } .pro2-item:hover .dec{ background:#0079d6; } .pro2-item .dec h2{ text-align:center; font-size:16px; font-weight:bold; color:#353535; margin-top:10px; } .pro2-item:hover .dec h2{ color:#FFF; } .pro2-item .dec .img{ position:absolute; left:0px; top:-2px; width:100%; } .pro2-item .dec .img img{ margin:0 auto; height:auto;} .pro2-item .dec p{ margin-top:10px; font-size:10px;} .pro2-item:hover .dec p{ margin-top:10px; font-size:10px; color:#FFF;} .pro2-icon-list{ width:88%; padding-top:100px; padding-bottom:100px; margin:0 auto; } .pro2-icon-list-con{ display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; margin-top:30px; } .pro2-icon-item{ width:9%; font-size:10px; display:flex; flex-direction:column; align-items:center; border-left:1px solid #999; height:150px; } .pro2-icon-item p{ text-align:center; padding-top:15px; font-size:12px; } .pro2-icon-item img{ max-width:30%; height:auto; } /*业务领域-智造产品*/ .app-li{ margin-top:50px; padding-left:20px; } .app-li li{ font-size:14px; color:#FFF; margin-top:20px; width:350px; list-style-type:disc; list-style-position:outside; } .intel-pro{ background:url(../images/pro-small-bg.png); position:absolute; left:0px; bottom:100px; width:100%; padding-left:150px; padding-right:150px; padding-top:70px; padding-bottom:100px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; } .intel-pro li{ width:19%; color:#FFF; font-size:16px; margin-top:30px; display:flex; flex-direction:row; align-items:center; } .intel-pro li span{ margin-right:20px; font-size:18px; display:block; } /*业务领域-应用案例*/ @media all and (min-width: 1500px){ .page-pro3-nav{ position:absolute; left:150px; top:120px; box-sizing:border-box; display:flex; flex-direction:column; align-items:left; justify-content:space-between; } } @media all and (max-width: 1500px){ .page-pro3-nav-1500{ position:absolute; left:50px; top:60px; box-sizing:border-box; display:flex; flex-direction:column; align-items:left; justify-content:space-between; } } .page-pro3-nav-tit .zh{ font-size:28px; font-weight:400; color:#FFF; margin-top:25px; } .appvinfo{ display:flex; flex-direction:row; justify-content:space-between; width:80%; margin:0 auto; margin-top:50px; } .vplay{ position:relative; display:flex; flex-direction:row; align-items:center; justify-content:space-between; } .playbot{ position:absolute; left:50%; margin-left:-25px; top:50%; margin-top:-25px; } /*投资者关系-最新公告*/ .invest-report{ width:1200px; min-height:600px; background:#FFF; display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; box-sizing:border-box; margin:0 auto; } .report-nav{ box-sizing:border-box; display:flex; flex-direction:column; align-items:left; justify-content:space-between; padding-top:70px; } .report-content{ margin-left:50px; width:900px; padding-bottom:50px; padding-top:50px; } .report-nav-tit .en{ font-size:42px; font-weight:300; color:#7c7c7c; line-height:50px; margin-bottom:25px; } .report-nav-tit .zh{ font-size:28px; font-weight:400; color:#222222; margin-top:25px; } .report-switch a{ display:block; width:48px; height:48px; background-color:#FFF; border-radius:24px; font-size:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#0078d7; margin-bottom:10px; box-shadow: 2px 2px 10px #888888; } .report-switch a:hover{ background:#0078d7; color:#FFF; } .report-item{ width:100%; padding:40px; margin-top:30px; box-sizing:border-box; box-shadow: 2px 2px 10px #888888; border-radius:2px; cursor:pointer; min-height:180px; position:relative; } .report-item:hover{ box-shadow: 2px 2px 10px #0079d6; } .report-item .date{ color:#0163d0; font-size:24px; position:absolute; left:40px; bottom:20px; font-weight:200; } .report-item img{ position:absolute; right:40px; bottom:20px; } .report-item .text{ box-sizing:border-box; } .report-item .text h2{ font-size:16px; color:#000; font-weight:500; } /*股票信息*/ .invest-stock{ width:100%; height:auto; background:#072744 url(../images/stock-bg-3.jpg) no-repeat left bottom; } .invest-stock img{ max-width:100%; height:auto; } .stock-content{ width:1200px; margin:0 auto; padding-top:100px; padding-bottom:100px; } .stock-content-text{ width:1200px; margin:0 auto; display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; } .stock-content-text .stock-tit{ display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; } .stock-content-text .stock-tit h2{ font-size:42px; font-weight:300; line-height:50px; margin-bottom:25px; color:#FFF; } .stock-content-text .stock-tit p{ font-size:28px; font-weight:400; color:#FFF; margin-top:25px; } .stock-sz{ display:flex; flex-direction:row; align-items:center; justify-content:space-between; margin-top:120px; } .stock-sz p{ font-size:22px; color:#FFF; margin-left:30px;} .stock-sz span{ color:#F00; } .paslin-tit{ margin-top:80px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; } .paslin-tit h2{ font-size:24px; color:#0079d6; } .paslin-tit p{ font-size:24px; color:#FFF; margin-left:20px; } .stock-info{ margin-top:30px; position:relative; height:90px; padding-right:70px; position:relative } .stock-info p{ font-size:90px; color:#FFF; line-height:90px; font-weight:bold; } .stock-info span{ font-size:16px; color:#0079d6; height:16px; position:absolute; right:0px; font-weight:bold; } .stock-info2{ margin-top:50px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; } .stock-info2-item{ display:flex; flex-direction:row; align-items:flex-end; justify-content:space-between; margin-left:30px; font-size:34px; height:30px; color:#FFF; font-weight:bold; } .stock-info2-item span{ font-size:14px; height:14px; line-height:14px; color:#0079d6; font-weight:500; padding-left:5px; padding-right:5px; } /*人才招聘-人才理念*/ .hr-concept{ width:100%; min-height:600px; background:#FFF; display:flex; flex-direction:row; align-items:top; justify-content:space-between; padding-top:100px; padding-bottom:100px; padding-left:150px; padding-right:150px; box-sizing:border-box; } .concept-nav{ box-sizing:border-box; display:flex; flex-direction:column; align-items:left; justify-content:space-between; } .concept-content{ background:url(../images/concept-bg.jpg) no-repeat center top; background-size:cover; margin-left:50px; min-width:900px; } .concept-nav-tit .en{ font-size:42px; font-weight:300; color:#7c7c7c; line-height:50px; margin-bottom:25px; } .concept-nav-tit .zh{ font-size:28px; font-weight:400; color:#222222; margin-top:25px; } .concept-text{ background:url(../images/pro-small-bg.png); padding:30px; margin-top:120px; text-align:center; color:#FFF; } .concept-text h2{ font-size:18px; margin-bottom:20px; } .concept-text2{ padding-left:15px; padding-right:15px; box-sizing:border-box; margin-top:80px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; padding-bottom:120px; } .concept-item{ width:19%; background:url(../images/s-bg-2.png); padding-left:15px; padding-right:15px; box-sizing:border-box; position:relative; text-align:justify; } .concept-item:hover{ background:#0078d6; color:#FFF; } .concept-item h2{ font-size:18px; color:#0078d6; text-align:center; margin-top:40px; margin-bottom:20px;} .concept-item:hover h2{ color:#FFF; } .concept-item p{ font-size:10px; height:200px; } .concept-item .top-img{ position:absolute; left:0px; top:-2px; width:100%;} .concept-item .top-img img{ margin:0 auto;} .concept-item img.num{ position:absolute; left:0px; bottom:0px;} /*招聘信息*/ .hr-ta{ width:100%; min-height:600px; background:#FFF; display:flex; flex-direction:row; align-items:top; justify-content:space-between; padding-top:100px; padding-bottom:100px; padding-left:150px; padding-right:150px; box-sizing:border-box; } .ta-page-nav{ box-sizing:border-box; display:flex; flex-direction:column; align-items:left; justify-content:space-between; } .ta-nav-tit .en{ font-size:42px; font-weight:300; color:#7c7c7c; line-height:50px; margin-bottom:25px; } .ta-nav-tit .zh{ font-size:28px; font-weight:400; color:#222222; margin-top:25px; } .ta-content{ display:flex; flex-direction:row; justify-content:space-between; flex-wrap:warp; padding-bottom:100px; margin-left:50px; } .ta-item{ width:46%; background:#e5f1fb; box-sizing:border-box; padding:30px; padding-right:0px; overflow:auto; max-height:500px; } .ta-item::-webkit-scrollbar{ width:4px; background-color:#fff; } .ta-item::-webkit-scrollbar-thumb{ background-color:#00c2f5; width:4px; } .ta-item h2{ font-size:28px; color:#0078d6; border-bottom:1px solid #489ee2; padding-bottom:10px; } .ta-item .tatit{ color:#353535; font-size:20px; font-weight:400; margin-top:30px; } .ta-item .tatit span{ font-size:14px; color:#353535; margin-left:10px; } .tacon{ margin-top:10px; padding-right:30px; } .tacon li{ list-style:inside; color:#009de5; margin-top:10px; } .tacon li span{ color:#878787;} /*企业新闻*/ .page-news{ width:1200px; margin:0 auto; position:relative; display:flex; flex-direction:row; justify-content:space-between; } .page-news-nav-tit{ margin-top:40px; } .page-news-nav-tit .en{ font-size:42px; font-weight:300; color:#7c7c7c; line-height:50px; margin-bottom:25px; } .page-news-nav-tit .zh{ font-size:28px; font-weight:400; color:#222222; margin-top:25px; } .page-news-switch{ position:absolute; left:0px; bottom:0px; } .page-news-switch a{ display:block; width:48px; height:48px; background-color:#FFF; border-radius:24px; font-size:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#0078d7; margin-bottom:10px; box-shadow: 2px 2px 10px #888888; } .page-news-switch a:hover{ background:#0078d7; color:#FFF; } .page-news-content{ padding-left:50px; } .page-news-item{ width:100%; padding-bottom:40px; padding-top:40px; box-sizing:border-box; border-bottom:1px dashed #0078d6; display:flex; flex-direction:row; align-items:top; justify-content:space-between; cursor:pointer; margin-top:40px; } .page-news-item .img{ width:25%; } .page-news-item .img img{ max-width:100%; height:auto; } .page-news-item .dec{ width:72%; position:relative; display:flex; flex-direction:column; justify-content:space-between; } .page-news-item .dec a{ position:absolute; right:0px; bottom:0px; background:url(../images/more-bg.png) no-repeat right top; padding-right:30px; color:#0078d6; line-height:20px; } .page-news-item .dec span{ font-size:24px; color:#0078d6; } .page-news-item .dec h2{ font-size:26px; color:#353535; line-height:35px; } .page-news-item:hover .dec h2{ color:#0078d6; } .page-news-item .dec p{ font-size:14px; color:#808080; margin-top:15px; } /*媒体关注*/ .media-content{ display:flex; flex-direction:row; align-items:top; justify-content:space-between; flex-wrap:wrap; padding-left:50px; width:900px; padding-top:150px; padding-bottom:150px; } .media-content:after{ content:''; width:30%; display:block; height:0; } .media-item{ width:290px; box-shadow: 2px 2px 10px #888888; cursor:pointer; } .media-item img{ max-width:100%; height:auto; } .media-item .dec{ height:100px; font-size:20px; color:#0078d6; padding:20px; box-sizing:border-box; } .media-item:hover .dec{ background:#0079d6; color:#FFF; } .media-item .dec h2{ font-size:16px; line-height:30px;} /*新闻详情*/ .newsshow{ width:1200px; margin:0 auto; padding-top:100px; padding-bottom:100px;} .newsshow h2{ font-size:26px; font-weight:200; text-align:center; color:#000;} .newsshow .date{ text-align:center; margin-top:20px; margin-bottom:20px; } .newsshow p{ margin-top:20px; } /*联系方式*/ .contact-page{ width:1200px; min-height:600px; background:#FFF; display:flex; flex-direction:row; align-items:top; justify-content:space-between; padding-top:100px; padding-bottom:100px; box-sizing:border-box; margin:0 auto; } .contact-nav{ box-sizing:border-box; display:flex; flex-direction:column; align-items:left; justify-content:space-between; } .contact-content{ margin-left:50px; display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; padding-bottom:100px; } .contact-cc-1200{ width:950px; height:288px; background:url(../images/contact-bg-1.jpg) no-repeat center top; background-size:cover; } .contact-text{ height:288px; padding:40px; color:#FFF; } .contact-text h2{ font-size:20px; margin-bottom:30px;} .contact-text p{ font-size:16px; line-height:40px;}