.headbox { position: relative; } .heasstatic { position: relative !important; height: 80px; box-sizing: border-box; } .topheight { height: 50px; } .headnone { display: none; } .headblock { display: block; position: fixed !important; } .headfixed { background-color: #fff; } .headtop { position: fixed; width: 100%; top: 0; left: 0; z-index: 999; padding: 0; } .headtop .logo { padding-top: 10px; } .headtop .logo .logoimg { display: block; } .headtop .logo .logoimg2 { display: none; } .headtop .has-cp { width: 850px !important; } .headtop .has-cp li { display: inline-block !important; width: 16%; } .headtop .toptag { padding: 0 3px; font-size: 6px; border-radius: 2px; line-height: 16px; color: #fff; margin: 0; } .headtop .tophot { background: #eb6905; } .headtop .topnew { background: #0284ff; } .headtop .toptext { background: #5cc560; } @media screen and (min-width: 769px) { .headtop .nav:hover { height: 340px !important; } } .headtophover, .headfixed { box-shadow: 0px 0px 20px 0px rgba(207, 207, 207, 0.8); } .headtophover .logo, .headfixed .logo { padding-top: 4px; } .headtophover .logo .logoimg, .headfixed .logo .logoimg { display: none; } .headtophover .logo .logoimg2, .headfixed .logo .logoimg2 { display: block; } .headtophover #cssmenu > ul > li > a, .headfixed #cssmenu > ul > li > a { color: #2b2e2e; } .headtophover #menu-line, .headfixed #menu-line { background: #fc6e00; } .headbg { width: 100%; height: 340px !important; position: fixed; top: 0; z-index: 888; background-color: #fff; display: none; z-index: 1; } @media screen and (max-width: 769px) { .topheight { height: 0; } .headbox { position: relative; } .headtop { position: static; width: 100%; z-index: 2; padding: 0; } .headtop .fl { float: none; } .headtop .fr { float: none; } .headtop .logo { padding: 10px 0; } .headtop .logo .logoimg { display: none; } .headtop .logo .logoimg2 { display: block; } .headtop .has-cp { width: 100% !important; } .headtop .has-cp li { display: block !important; width: 100%; } .headtop .toptag { padding: 0 0.1rem; font-size: 0.18rem; border-radius: 50px; line-height: 0.2rem; } .headtophover .logo .logoimg, .headfixed .logo .logoimg { display: none; } .headtophover .logo .logoimg2, .headfixed .logo .logoimg2 { display: block; } .headtophover #cssmenu > ul > li > a, .headfixed #cssmenu > ul > li > a { color: #2b2e2e; } .headbg { display: none !important; } #cssmenu #menu-button { position: absolute; top: -60px; right: 0px; } #cssmenu ul ul { padding-top: 0; } } /* 首页关于9001诚信金沙9001cc */ .inabout ul { margin-left: -2%; } .inabout ul li { position: relative; float: left; width: 31.3%; margin: 0 0 0 2%; } .inabout ul li h3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; font-weight: bold; z-index: 2; } .inabout ul li a::before { content: ''; display: block; width: 50%; height: 50%; background: #fc6e00; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-out; opacity: 0; } .inabout ul li a:hover::before { width: 100%; height: 100%; opacity: 0.8; } @media screen and (max-width: 769px) { .inabout ul { margin-left: -2%; } .inabout ul li { position: relative; float: left; width: 48%; margin: 0.3rem 0 0 2%; } } /* 标题1 */ .intitle1 { text-align: center; position: relative; } .intitle1 h2 { display: block; font-size: 32px; color: #2b2e2e; font-weight: bold; position: relative; z-index: 2; margin-bottom: 30px; } .intitle1 b { font-size: 48px; font-weight: bold; color: #f0f0f0; position: absolute; top: -6px; left: 50%; transform: translate(-50%, 0); text-align: center; display: block; width: 100%; } .intitle1 p { font-size: 16px; position: relative; } .intitle1 p::before { content: ''; display: block; width: 40px; height: 6px; background-color: #fc6e00; position: absolute; top: -15px; left: 50%; transform: translate(-50%, 0); text-align: center; } @media screen and (max-width: 769px) { .intitle1 h2 { font-size: 0.42rem; margin-bottom: 0.3rem; } .intitle1 h2::before { width: 0.4rem; height: 0.06rem; bottom: -0.1rem; } .intitle1 b { width: 100%; font-size: 0.58rem; } .intitle1 p { font-size: 0.26rem; } .intitle1 p::before { content: ''; width: 0.4rem; height: 0.06rem; top: -0.15rem; } } /* 9001诚信金沙9001cc产品输出 */ .inproduct ul { overflow: hidden; margin-left: -2%; } .inproduct ul li { float: left; width: 23%; margin: 15px 0 0 2%; background-color: #fff; border-radius: 10px; transition: all 0.5s; display: block; overflow: hidden; text-align: center; box-sizing: border-box; padding: 20px; } .inproduct ul li img { text-align: center; max-width: 150px; } .inproduct ul li:hover { box-shadow: 0px 5px 10px 0px rgba(68, 68, 68, 0.3); transform: translateY(-5px); } .inproduct .more a { display: block; color: #fff; width: 150px; height: 40px; line-height: 40px; background-color: #fc6e00; border-radius: 50px; text-align: center; margin: 0 auto; font-size: 16px; } .inproduct .more a:hover { background-color: #eb6905; } .btnmore a { display: block; color: #fff; width: 200px; height: 40px; line-height: 40px; background-color: #fc6e00; border-radius: 50px; text-align: center; margin: 0 auto; font-size: 16px; } .btnmore a:hover { background-color: #eb6905; } @media screen and (max-width: 769px) { .inproduct ul li { width: 31.3%; margin: 0.15rem 0 0 2%; background-color: #fff; border-radius: 0.1rem; padding: 0.2rem; } .inproduct ul li img { max-width: 2rem; } .inproduct ul li:hover { box-shadow: 0px 0.05rem 0.1rem 0px rgba(68, 68, 68, 0.3); transform: translateY(-0.05rem); } .inproduct .more a { width: 2rem; height: 0.64rem; line-height: 0.64rem; font-size: 0.3rem; } .btnmore a { width: 2rem; height: 0.64rem; line-height: 0.64rem; } } @media screen and (max-width: 469px) { .inproduct ul li { width: 48%; } } /* 技术成果 */ .injishu { color: #fff; background: #1f2125; } .injishu .fl { width: 30%; padding: 100px 0; position: relative; min-height: 620px; box-sizing: border-box; } .injishu .fl .injishumore { position: absolute; bottom: 20px; right: 0; } .injishu .fl .item-title { position: relative; margin-left: 40px; } .injishu .fl .item-title h2 { font-size: 32px; font-weight: bold; position: relative; } .injishu .fl .item-title h2::before { content: ''; display: inline-block; width: 6px; height: 40px; background-color: #fc6e00; position: absolute; top: 5px; left: -40px; } .injishu .fl .item-title b { font-size: 40px; color: rgba(255, 255, 255, 0.1); font-weight: bold; position: absolute; top: -2px; left: 0; } .injishu .fl ul { padding: 80px 0 80px 40px; } .injishu .fl ul li { padding: 10px 0; color: #666666; line-height: 40px; } .injishu .fl a { color: #fff; } .injishu .fr { width: 65%; } .injishu .fr ul li { position: relative; float: left; width: 50%; } .injishu .fr ul li h3 { position: absolute; display: block; width: 95%; top: 80%; left: 10%; transform: translate(0, 0); text-align: left; color: #fff; font-weight: bold; transition: all 0.3s ease-out; z-index: 2; } .injishu .fr ul li a::before { content: ''; display: block; width: 50%; height: 50%; background: #fc6e00; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-out; opacity: 0; } .injishu .fr ul li a:hover::before { width: 100%; height: 100%; opacity: 0.8; } .injishu .fr ul li a:hover h3 { top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } @media screen and (max-width: 769px) { .injishu .fl { float: none; width: 100%; padding: 1rem 0; min-height: auto; box-sizing: border-box; } .injishu .fl .injishumore { position: static; bottom: 20px; right: 0; } .injishu .fl .item-title { margin-left: 0.4rem; } .injishu .fl .item-title h2 { font-size: 0.4rem; } .injishu .fl .item-title h2::before { width: 0.06rem; height: 0.4rem; top: 0.05rem; left: -0.4rem; } .injishu .fl .item-title b { font-size: 0.5rem; top: -0.02rem; } .injishu .fl ul { padding: 0.8rem 0 0.8rem 0.4rem; } .injishu .fl ul li { padding: 0.1rem 0; line-height: 0.6rem; } .injishu .fr { float: none; width: 100%; } } /* 9001诚信金沙9001cc观点 */ .insswiper .inss-left { float: left; font-weight: 60%; position: relative; } .insswiper .inss-left img { width: 100%; } .insswiper .inss-left h2 { font-size: 32px; font-weight: bold; color: #fff; padding: 0 0 30px 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .insswiper .inss-right { font-size: 32px; font-weight: bold; float: right; width: 37%; position: absolute; top: 20%; right: 0; text-align: center; } .insswiper .inss-right dl { font-size: 20px; font-weight: normal; text-align: left; color: #2b2e2e; } .insswiper .inss-right dl a:link, .insswiper .inss-right dl a:visited { color: #2b2e2e; text-decoration: none; } .insswiper .inss-right dl a:hover { color: #eb6905; } .insswiper .inss-right dl dt { font-weight: bold; font-size: 22px; margin-bottom: 30px; } .insswiper .inss-right dl dd { line-height: 30px; margin: 5px 0; position: relative; padding-left: 15px; } .insswiper .inss-right dl dd::before { content: ''; width: 5px; height: 5px; border-radius: 100%; background-color: #ccc; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); } .insswiper .inss-right h2 { font-size: 32px; font-weight: bold; color: #fc6e00; padding: 0 0 30px 0; } .insswiper .inss-right p { font-size: 20px; font-weight: normal; } .insswiper .swiper-container-horizontal > .swiper-pagination-bullets, .insswiper .swiper-pagination-custom, .insswiper .swiper-pagination-fraction { left: 20%; } .swiper-pagination-bullet-active { background: #fc6e00 !important; } .swiper-pagination-bullet { width: 24px !important; height: 6px !important; border-radius: 50px !important; } @media screen and (max-width: 769px) { .insswiper .inss-left { float: none; font-weight: 100%; } .insswiper .inss-right { font-size: 0.4rem; float: none; width: 100%; position: static; transform: translate(0, 0); } .insswiper .inss-right dl { font-size: 0.3rem; margin-top: 0.3rem; } .insswiper .inss-right dl dt { font-size: 0.32rem; margin-bottom: 0.3rem; } .insswiper .inss-right dl dd { line-height: 0.5rem; margin: 0.05rem 0; padding-left: 0.2rem; } .insswiper .inss-right dl dd::before { content: ''; width: 5px; height: 5px; border-radius: 100%; background-color: #ccc; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); } .insswiper .inss-right h2 { font-size: 0.4rem; padding: 0.6rem 0; } .insswiper .inss-right p { font-size: 0.3rem; font-weight: normal; } .insswiper .swiper-container-horizontal > .swiper-pagination-bullets, .insswiper .swiper-pagination-custom, .insswiper .swiper-pagination-fraction { left: 0; bottom: -20px; } .swiper-pagination-bullet { width: 0.3rem !important; height: 0.06rem !important; } } /* 最新前沿 */ .innew .innew-fl { float: left; width: 37%; } .innew .innew-fl .item-title { position: relative; } .innew .innew-fl .item-title h2 { font-size: 32px; font-weight: bold; color: #2b2e2e; z-index: 2; position: relative; } .innew .innew-fl .item-title b { font-size: 32px; font-weight: bold; color: #f1f1f1; position: absolute; top: 0; left: 0; z-index: 1; } .innew .innew-fl .item-title a { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); text-align: center; z-index: 3; } .innew .innew-fl ul li { margin-top: 29px; } .innew .innew-fl ul li h3 { font-size: 20px; color: #2b2e2e; margin-bottom: 12px; } .innew .innew-fl ul li:hover h3, .innew .innew-fl ul li:hover p { color: #fc6e00; } .innew .innew-fr { float: right; width: 60%; position: relative; } .innew .innew-fr p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 48px; font-weight: bold; color: #fff; z-index: 3; } .innew .innew-fr a::before { content: ''; display: block; width: 50%; height: 50%; background: #fc6e00; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-out; opacity: 0; } .innew .innew-fr:hover a::before { width: 100%; height: 100%; opacity: 0.8; } @media screen and (max-width: 769px) { .innew .innew-fl { float: none; width: 100%; margin-bottom: 0.3rem; } .innew .innew-fl .item-title h2 { font-size: 0.4rem; } .innew .innew-fl .item-title b { font-size: 0.4rem; } .innew .innew-fl ul li { margin-top: 0.3rem; } .innew .innew-fl ul li h3 { font-size: 0.3rem; margin-bottom: 0.1rem; } .innew .innew-fr { float: none; width: 100%; } .innew .innew-fr p { font-size: 0.6rem; } } /* 底部 */ .footer { background-color: #f5f5f5; color: #999; } .footer a:link, .footer a:visited { color: #999; text-decoration: none; } .footer-nav { padding-bottom: 30px; border-bottom: 1px solid #ccc; } .footer-nav .footer-fl { float: left; width: 25%; } .footer-nav .footer-fr { float: right; width: 65%; } .footer-nav .footer-fr dl { float: left; margin-left: 2%; width: 12%; } .footer-nav .footer-fr dl dt { font-size: 16px; color: #666; } .footer-nav .footer-fr dl dd { font-size: 14px; margin-top: 6px; } .footer-copyright { padding: 10px 0; line-height: 40px; } .footer-copyright .copyright { float: left; } .footer-copyright .footer-share { float: right; } .footer-copyright .footer-share dt { float: left; } .footer-copyright .footer-share dd { float: left; margin-left: 10px; position: relative; } .footer-copyright .footer-share dd p { width: 40px; height: 40px; text-align: center; border: 1px solid #ccc; border-radius: 100%; } .footer-copyright .footer-share dd i { font-size: 30px; } .footer-copyright .footer-share dd a { display: block; width: 100%; } .footer-copyright .footer-share dd:hover p { border: 1px solid #fc6e00; background: #fc6e00; } .footer-copyright .footer-share dd:hover i { color: #fff; } .footer-copyright .footer-share .footerqrcode { text-align: center; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 0.65); position: absolute; top: -180px; left: -40px; width: 120px; display: none; } .footer-copyright .footer-share .footerqrcode img { margin: 20px; border: 1px solid #fc6e00; } .footer-copyright .footer-share .footerqrcode b { display: block; width: 100%; line-height: 40px; background-color: #f0f0f0; font-size: 12px; } @media screen and (max-width: 769px) { .footer-nav { padding-bottom: 0.6rem; } .footer-nav .footer-fl { float: none; width: 100%; text-align: center; } .footer-nav .footer-fr { float: none; width: 100%; } .footer-nav .footer-fr dl { float: left; margin-left: 2%; width: 31%; } .footer-nav .footer-fr dl dt { font-size: 0.28rem; margin-top: 0.3rem; } .footer-nav .footer-fr dl dd { font-size: 0.26rem; margin-top: 0.2rem; } .footer-copyright { padding: 0.2rem 0; line-height: 0.5rem; } .footer-copyright .copyright { float: none; } .footer-copyright .footer-share { float: none; } .footer-copyright .footer-share dt { float: none; margin: 0.2rem 0; } .footer-copyright .footer-share dd { width: 16.5%; margin-left: 0; } .footer-copyright .footer-share dd p { width: 0.5rem; height: 0.5rem; margin: 0 auto; } .footer-copyright .footer-share dd i { font-size: 0.36rem; } .footer-copyright .footer-share .weixinlink { top: -2.5rem; left: 0; width: 2rem; } .footer-copyright .footer-share .weixinlink img { margin: 0.2rem; } .footer-copyright .footer-share .weixinlink b { line-height: 0.6rem; font-size: 0.22rem; } } @media screen and (max-width: 469px) { .footer-nav { padding-bottom: 0; } .footer-nav .footer-fr dl { float: none; margin-left: 0; width: 100%; text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 0.1rem; } .footer-nav .footer-fr dl:last-child { border: none; } .footer-nav .footer-fr dl dt { margin-top: 0.15rem; } .footer-nav .footer-fr dl dd { font-size: 0.26rem; margin-top: 0.15rem; display: none; } .footer-nav .footer-fr dl dd a { display: block; width: 100%; } } /* 产品输出 */ .introduce .introduce-nav { float: left; width: 20%; position: relative; margin: 20px 0 50px 0; } .introduce .introduce-nav .swiper-wrapper { height: 400px; } .introduce .introduce-nav .swiper-slide { background-color: #fff; line-height: 30px; height: auto; text-align: center; border-radius: 10px; overflow: hidden; font-size: 16px; padding: 5px 0; } .introduce .introduce-nav .swiper-button-disabled { opacity: 0; } .introduce .introduce-nav .swiper-button-prev, .introduce .introduce-nav .swiper-button-next { background: none; position: absolute; transform: translate(-50%, 0); text-align: center; line-height: 30px; outline: none; width: 30px; height: 30px; border-radius: 100%; background: #fc6e00; } .introduce .introduce-nav .swiper-button-prev { top: -20px; left: 50%; } .introduce .introduce-nav .swiper-button-next { top: auto; left: 50%; bottom: -40px; } .introduce .introduce-nav .swiper-button-prev::before, .introduce .introduce-nav .swiper-button-next::before { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } .introduce .introduce-nav .swiper-button-prev::before { content: "\e617"; } .introduce .introduce-nav .swiper-button-next::before { content: "\e618"; } .introduce .introduce-nav #active { background-color: #fc6e00; } .introduce .introduce-nav #active a { color: #fff; } .introduce .introduce-nav a { display: block; padding: 0 10px; } .introduce .introduce-item { float: right; width: 75%; } .companyProject .item-top { border-bottom: 1px solid #cccccc; padding-bottom: 30px; margin-bottom: 30px; } .companyProject .item-top .fl { width: 65%; } .companyProject .item-top .fl h3 { font-weight: bold; color: #2b2e2e; } .companyProject .item-top .fl b { display: block; font-weight: normal; padding: 10px 0 30px 0; } .companyProject .item-top .fl a { color: #fc6e00; } .companyProject .item-top .fr { width: 30%; text-align: right; } .showcon { line-height: 24px; } .showcon img { max-width: 100%; } .newshowcon p { padding: 8px 0; } .newshowcon img { max-width: 100%; } @media screen and (max-width: 769px) { .introduce .introduce-nav { float: none; width: 100%; margin: 0.2rem 0; } .introduce .introduce-nav .swiper-wrapper { height: auto; } .introduce .introduce-nav .swiper-container { width: 80%; } .introduce .introduce-nav .swiper-slide { line-height: 0.6rem; text-align: center; font-size: 0.28rem; padding: 0.1rem 0; } .introduce .introduce-nav .swiper-button-prev, .introduce .introduce-nav .swiper-button-next { background: none; position: absolute; transform: translate(0, -50%); text-align: center; line-height: 44px; outline: none; } .introduce .introduce-nav .swiper-button-prev { transform: rotate(-90deg); top: 50%; left: 0; } .introduce .introduce-nav .swiper-button-next { top: auto; left: auto; right: 0; bottom: auto; top: 50%; transform: rotate(-90deg); } .introduce .introduce-nav .swiper-button-prev::before, .introduce .introduce-nav .swiper-button-next::before { font-family: "iconfont" !important; font-size: 24px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #2b2e2e; } .introduce .introduce-nav .swiper-button-prev::before { content: "\e617"; } .introduce .introduce-nav .swiper-button-next::before { content: "\e618"; } .introduce .introduce-nav a { padding: 0 0.1rem; } .introduce .introduce-item { float: none; width: 100%; } .companyProject { margin-top: 0.8rem; } .companyProject .item-top { border-bottom: 1px solid #cccccc; padding-bottom: 0.3rem; margin-bottom: 0.3rem; } .companyProject .item-top .fl { float: none; width: 100%; margin-top: 0.3rem; } .companyProject .item-top .fl b { padding: 0.1rem 0 0.3rem 0; } .companyProject .item-top .fr { float: none; width: 100%; text-align: center; } .showcon { line-height: 0.6rem; } } /* 他们都在用 */ .customerCase .intitle1 h2::before { display: none; } .customerCase .swiper-wrapper { padding-bottom: 30px; } .customerCase .swiper-slide { background-color: #fff; border-radius: 5px; overflow: hidden; text-align: center; transition: all 0.5s; } .customerCase .swiper-slide img { height: 120px; } .customerCase .swiper-slide:hover { box-shadow: 0px 5px 10px 0px rgba(68, 68, 68, 0.3); transform: translateY(-5px); } .customerCase .swiper-pagination { left: 50%; transform: translate(-50%, 0); } .customerCase .swiper-pagination-bullet { margin: 0 3px; } @media screen and (max-width: 769px) { .customerCase .swiper-slide img { height: 1.2rem; } } /* 开启新纪元 */ .registerform { background: url(../images/cooperationbg.jpg) no-repeat center bottom; background-size: cover; } .registerform .intitle1 h2 { color: #fff; } .registerform .intitle1 b { color: rgba(255, 255, 255, 0.2); font-size: 40px; } .registerform .registerform-list { width: 600px; margin: 0 auto; } .registerform .registerform-list ul { overflow: hidden; margin-left: -13%; } .registerform .registerform-list li { float: left; width: 37%; margin: 0 0 0 13%; background-color: rgba(255, 255, 255, 0.3); text-align: center; border-radius: 16px; padding: 40px 0; color: #fff; cursor: pointer; transition: all 0.5s; } .registerform .registerform-list li i { font-size: 100px; } .registerform .registerform-list li h3 { font-size: 20px; margin-top: 30px; } .registerform .registerform-list li:hover { background-color: #fff; color: #fc6e00; } .registerform .cooperation2 { width: 300px; margin: 0 auto; } .registerform .cooperation2 ul { overflow: hidden; margin-left: 0; } .registerform .cooperation2 li { float: none; width: 100%; margin: 0; } .registerform .cooperation2 h3 { display: block; width: 70%; background-color: #fff; border-radius: 50px; line-height: 50px; margin: 30px auto 0 auto; color: #fc6e00; } .registerform2 { background: url(../images/cooperationbg2.jpg) no-repeat center bottom; background-size: cover; } @media screen and (max-width: 769px) { .registerform .intitle1 b { font-size: 0.4rem; } .registerform .registerform-list { width: 100%; } .registerform .registerform-list ul { overflow: hidden; margin-left: -5%; } .registerform .registerform-list li { float: left; width: 45%; margin: 0 0 0 5%; border-radius: 0.2rem; padding: 0.4rem 0; } .registerform .registerform-list li i { font-size: 1rem; } .registerform .registerform-list li h3 { font-size: 0.3rem; margin-top: 0.3rem; } .registerform .cooperation2 { width: 3rem; margin: 0 auto; } .registerform .cooperation2 h3 { width: 90%; } .registerform .cooperation2 ul { overflow: hidden; margin-left: 0; } .registerform .cooperation2 li { float: none; width: 100%; margin: 0; } } /* 二级 */ .subnav { background-color: #f2f2f2; } .subnav ul { overflow: hidden; } .subnav ul li { float: left; margin-right: 60px; } .subnav ul a { display: block; border-bottom: 2px solid #f2f2f2; line-height: 60px; color: #2b2e2e; } .subnav ul a:hover { color: #fc6e00; } .subnav ul .active a { border-bottom: 2px solid #fc6e00; } .subnav2 { background-color: #fafafa; } .subnav2 ul { overflow: hidden; border-bottom: 1px solid #ccc; } .subnav2 ul li { float: left; margin-right: 60px; } .subnav2 ul a { display: block; border-bottom: 2px solid #fafafa; line-height: 60px; color: #2b2e2e; } .subnav2 ul a:hover { color: #fc6e00; } .subnav2 ul .active a { border-bottom: 2px solid #fc6e00; } @media screen and (max-width: 769px) { .subnav ul { overflow: hidden; } .subnav ul li { float: left; margin-right: 0.3rem; } .subnav ul a { line-height: 0.8rem; } .subnav2 ul { overflow: hidden; } .subnav2 ul li { float: left; margin-right: 0.3rem; } .subnav2 ul a { line-height: 0.8rem; } } /* 技术介绍 */ .techniqueIn-js h3 { font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 30px; color: #2b2e2e; } .techniqueIn-patent h3 { font-weight: bold; color: #2b2e2e; margin: 30px 0; } .techniqueIn-patent .patentlist ul { margin-left: -5%; } .techniqueIn-patent .patentlist li { width: 20%; margin: 20px 0 0 5%; } .patentlist ul { overflow: hidden; margin-left: -2%; font-size: 0; } .patentlist li { display: inline-block; vertical-align: top; width: 14.6%; margin: 30px 0 0 2%; text-align: center; box-sizing: border-box; transition: all 0.5s; cursor: pointer; } .patentlist li .item-img { overflow: hidden; padding: 10px; background-color: #fff; } .patentlist li .item-img img { max-height: 360px; } .patentlist li h4 { display: block; font-size: 14px; margin: 10px; color: #666; line-height: 20px; overflow: hidden; height: 40px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .patentlist li:hover { box-shadow: 0px 5px 10px 0px rgba(68, 68, 68, 0.3); transform: translateY(-5px); } @media screen and (max-width: 769px) { .techniqueIn-js h3 { padding-bottom: 0.3rem; margin-bottom: 0.3rem; margin-top: 1rem; } .techniqueIn-patent h3 { margin: 0.3rem 0; } .techniqueIn-patent .patentlist li { width: 45%; margin: 0.2rem 0 0 5%; } .patentlist ul { margin-left: -2%; font-size: 0; } .patentlist li { display: inline-block; vertical-align: top; width: 45%; margin: 0.3rem 0 0 2%; } .patentlist li .item-img { height: 3.6rem; padding: 0.1rem; } .patentlist li .item-img img { max-height: 3.6rem; } .patentlist li h4 { display: block; font-size: 0.26rem; margin: 0.3rem 0.1rem 0.2rem 0.1rem; line-height: 0.4rem; height: 0.8rem; } } /* 专利弹窗 */ .patentpopup { width: 90%; margin: 40px auto; } .patentpopup .item-title { font-weight: bold; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc; color: #2b2e2e; } @media screen and (max-width: 769px) { .patentpopup { margin: 0.4rem auto; } .patentpopup .item-title { padding-bottom: 0.3rem; margin-bottom: 0.3rem; } } /* 观点首页 */ .viewpointin ul { overflow: hidden; } .viewpointin ul li { position: relative; margin-bottom: 100px; overflow: hidden; } .viewpointin ul li img { transition: all 0.5s; } .viewpointin ul li .item-title { position: absolute; width: 400px; z-index: 3; top: 50%; left: 0; transform: translate(0, -50%); text-align: center; font-size: 28px; color: #fff; } .viewpointin ul li .item-title h3 { display: block; width: 32px; margin: 0 auto; } .viewpointin ul li .item-bg { position: absolute; top: 0; left: 0; height: 0; width: 300px; border-top: 450px solid rgba(252, 110, 0, 0.8); border-left: 0 solid transparent; border-right: 120px solid transparent; z-index: 2; } .viewpointin ul li:nth-child(2) .item-title { left: auto; right: 0; } .viewpointin ul li:nth-child(2) .item-bg { left: auto; right: 0; border-top: 450px solid rgba(252, 110, 0, 0.8); border-left: 120px solid transparent; border-right: 0 solid transparent; } .viewpointin ul li:hover img { transform: scale(1.1); } @media screen and (max-width: 769px) { .viewpointin ul li { margin-bottom: 0.5rem; } .viewpointin ul li .item-title { width: 4rem; font-size: 0.3rem; } .viewpointin ul li .item-title h3 { width: 100%; } .viewpointin ul li .item-bg { width: 3rem; border-top: 4.5rem solid rgba(252, 110, 0, 0.8); border-left: 0 solid transparent; border-right: 1.2rem solid transparent; } .viewpointin ul li:nth-child(2) .item-bg { left: auto; right: 0; border-top: 4.5rem solid rgba(252, 110, 0, 0.8); border-left: 1.2rem solid transparent; border-right: 0 solid transparent; } } /* 导航 */ .navigation { background-color: #f2f2f2; padding: 20px 0; font-size: 16px; color: #2b2e2e; } .navigation span { padding: 0 10px; } .navigation a { color: #2b2e2e; } .navigation a:hover { color: #fc6e00; } .show-subb span { background-color: #cccccc; color: #fff; padding: 8px 30px 8px 10px; position: relative; } .show-subb span::before { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 18px solid transparent; border-right: 14px solid #fafafa; border-bottom: 18px solid transparent; } .show-title { border-bottom: 1px solid #ccc; color: #2b2e2e; } .show-title h1 { font-size: 40px; } .textmore { text-align: center; } @media screen and (max-width: 769px) { .navigation { padding: 0.2rem 0; font-size: 0.26rem; } .navigation span { padding: 0 0.1rem; } .show-subb span { padding: 0.08rem 0.3rem 0.08rem 0.1rem; } .show-subb span::before { border-top: 0.25rem solid transparent; border-right: 0.2rem solid #fafafa; border-bottom: 0.25rem solid transparent; } .show-title h1 { font-size: 0.5rem; } } /* 星火计划列表 */ .planin-list ul li { margin-bottom: 30px; overflow: hidden; } .planin-list ul li .item-img { border: 2px solid rgba(252, 110, 0, 0); float: left; width: 42%; transition: all 0.5s; } .planin-list ul li .item-img img { width: 100%; max-height: 430px; } .planin-list ul li .item-con { float: right; width: 53%; padding-left: 40px; box-sizing: border-box; } .planin-list ul li .item-con h3 { font-size: 32px; font-weight: bold; margin-top: 20px; color: #2b2e2e; } .planin-list ul li .item-con h3::before { content: ''; width: 6px; height: 40px; display: inline-block; background-color: #fc6e00; transform: translate(-30px, 10px); } .planin-list ul li .item-con p { font-size: 16px; margin: 40px 0; line-height: 30px; overflow: hidden; max-height: 150px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; color: #444; } .planin-list ul li .item-con span { font-size: 14px; display: inline-block; text-align: left; color: #444; } .planin-list ul li:nth-child(even) .item-img { float: right; } .planin-list ul li:nth-child(even) .item-con { float: left; } .planin-list ul li:hover .item-img { border: 2px solid #fc6e00; } .planin-list ul li:hover .item-con h3 { color: #fc6e00; } @media screen and (max-width: 469px) { .planin-list ul li { margin-bottom: 0.3rem; } .planin-list ul li .item-img { float: none; width: 100%; transition: all 0.5s; margin-bottom: 0.3rem; } .planin-list ul li .item-img img { width: 100%; max-height: 4.3rem; } .planin-list ul li .item-con { float: none; width: 100%; padding-left: 0.4rem; } .planin-list ul li .item-con h3 { font-size: 0.4rem; margin-top: 0.2rem; } .planin-list ul li .item-con h3::before { content: ''; width: 0.06rem; height: 0.4rem; transform: translate(-0.3rem, 0.1rem); } .planin-list ul li .item-con p { font-size: 0.26rem; margin: 0.2rem 0; line-height: 0.6rem; max-height: 3rem; } .planin-list ul li .item-con span { font-size: 0.3rem; } .planin-list ul li:nth-child(even) .item-img { float: none; } .planin-list ul li:nth-child(even) .item-con { float: none; } } /* 9001诚信金沙9001cc动态 */ .newtitle { position: relative; } .newtitle h2 { font-size: 32px; font-weight: bold; color: #2b2e2e; z-index: 2; position: relative; } .newtitle b { font-size: 32px; font-weight: bold; color: #f1f1f1; position: absolute; top: 0; left: 0; z-index: 1; } .newtitle a { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); text-align: center; z-index: 3; } .newin-news .item-fl { float: left; width: 37%; } .newin-news .item-fl ul li { margin-top: 50px; } .newin-news .item-fl ul li h3 { font-size: 16px; color: #2b2e2e; margin-bottom: 10px; } .newin-news .item-fl ul li:hover h3, .newin-news .item-fl ul li:hover p { color: #fc6e00; } .newin-news .item-fr { float: right; width: 60%; position: relative; overflow: hidden; } .newin-news .item-fr img { min-height: 460px; max-height: 460px; width: 100%; transition: all 0.5s; } .newin-news .item-fr p { position: absolute; bottom: 0; left: 0; text-align: left; font-size: 18px; font-weight: normal; color: #fff; box-sizing: border-box; width: 100%; padding: 10px 20px; background-color: rgba(0, 0, 0, 0.5); } .newin-news .item-fr:hover img { transform: scale(1.05); } .newin-news .item-fr:hover p { color: #fc6e00; } @media screen and (max-width: 769px) { .newtitle h2 { font-size: 0.42rem; } .newtitle b { font-size: 0.42rem; } .newin-news .item-fl { float: none; width: 100%; } .newin-news .item-fl ul li { margin-top: 0.5rem; } .newin-news .item-fl ul li h3 { font-size: 0.28rem; margin-bottom: 0.1rem; } .newin-news .item-fr { float: none; width: 100%; margin-top: 0.5rem; } .newin-news .item-fr img { min-height: auto; max-height: 4.6rem; } .newin-news .item-fr p { font-size: 0.3rem; padding: 0.1rem 0.2rem; } } /* 最新活动 */ .newin-events ul { overflow: hidden; margin-left: -2%; font-size: 0; } .newin-events li { display: inline-block; vertical-align: top; width: 31.3%; margin: 0 0 0 2%; font-size: 14px; } .newin-events li .item-img { overflow: hidden; border: 2px solid rgba(252, 110, 0, 0); transition: all 0.5s; } .newin-events li img { min-height: 250px; max-height: 250px; width: 100%; } .newin-events li h3 { margin-top: 15px; font-size: 18px; font-weight: bold; color: #2b2e2e; line-height: 30px; overflow: hidden; height: 60px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .newin-events li p { margin: 15px 0; line-height: 20px; overflow: hidden; height: 40px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .newin-events li:hover .item-img { border: 2px solid #fc6e00; } .newin-events li:hover h3 { color: #fc6e00; } @media screen and (max-width: 769px) { .newin-events ul { margin-left: 0; } .newin-events li { width: 100%; margin: 0.3rem 0 0 0; font-size: 0.26rem; } .newin-events li img { min-height: auto; max-height: 3rem; } .newin-events li h3 { margin-top: 0.15rem; font-size: 0.3rem; line-height: 0.5rem; overflow: hidden; height: auto; max-height: 1rem; } .newin-events li p { margin: 0.2rem 0; line-height: 0.4rem; overflow: hidden; height: 0.8rem; } } .newin-industry { float: left; width: 46%; } .newin-information { float: right; width: 46%; } .newin-nlist .item-img { overflow: hidden; margin-top: 20px; } .newin-nlist .item-img .t { float: left; width: 43%; overflow: hidden; border: 2px solid rgba(252, 110, 0, 0); transition: all 0.5s; } .newin-nlist .item-img .t img { width: 100%; min-height: 160px; max-height: 160px; } .newin-nlist .item-img .c { float: right; width: 48%; } .newin-nlist .item-img .c h3 { margin: 30px 0; font-size: 20px; color: #2b2e2e; line-height: 30px; overflow: hidden; height: 60px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .newin-nlist .item-img:hover .t { border: 2px solid #fc6e00; } .newin-nlist .item-img:hover h3 { color: #fc6e00; } .newin-nlist ul li { margin-top: 15px; } .newin-nlist ul li h3 { font-size: 16px; margin-bottom: 10px; } @media screen and (max-width: 769px) { .newin-industry { float: none; width: 100%; } .newin-information { float: none; width: 100%; margin-top: 0.2rem; } .newin-nlist .item-img { margin-top: 0.4rem; } .newin-nlist .item-img .t { float: left; width: 43%; } .newin-nlist .item-img .t img { min-height: 1.6rem; max-height: 1.6rem; } .newin-nlist .item-img .c { float: right; width: 48%; } .newin-nlist .item-img .c h3 { margin: 0.3rem 0; font-size: 0.3rem; line-height: 0.5rem; height: 1rem; } .newin-nlist ul li { margin-top: 0.2rem; } .newin-nlist ul li h3 { font-size: 0.28rem; margin-bottom: 0.1rem; } } /* 新闻列表 */ .newlist ul { overflow: hidden; } .newlist li { font-size: 0; margin-bottom: 30px; } .newlist li .item-img { display: inline-block; width: 20%; margin-right: 5%; vertical-align: middle; border: 2px solid rgba(252, 110, 0, 0); transition: all 0.5s; overflow: hidden; } .newlist li .item-img img { min-height: 160px; max-height: 200px; width: 100%; } .newlist li .item-con { display: inline-block; width: 73%; font-size: 16px; vertical-align: middle; } .newlist li .item-con h3 { font-size: 20px; font-weight: bold; color: #2b2e2e; } .newlist li .item-con span { display: block; padding: 10px 0 30px; } .newlist li:hover .item-img { border: 2px solid #fc6e00; } .newlist li:hover h3 { color: #fc6e00; } @media screen and (max-width: 769px) { .newlist li { margin-bottom: 0.3rem; } .newlist li .item-img { width: 30%; margin-right: 5%; } .newlist li .item-img img { min-height: auto; max-height: 1.6rem; } .newlist li .item-con { width: 63%; font-size: 0.26rem; } .newlist li .item-con h3 { font-size: 0.3rem; } .newlist li .item-con span { padding: 0.1rem 0 0.3rem; } } /* 新闻详情 */ .newshow { width: 900px; margin: 0 auto; } .newshow .newshow-title { border-bottom: 1px solid #ccc; } .newshow .newshow-title h1 { font-size: 30px; color: #2b2e2e; } .newshow .newshow-title p { font-size: 16px; margin: 20px 0; } .bdsharebuttonbox { position: absolute; width: 50px; right: -100px; top: -300px; } .bdsharebuttonbox dl { text-align: center; } .bdsharebuttonbox dl dt { width: 17px; font-size: 16px; margin: 0 auto; } .bdsharebuttonbox dl dd { margin-top: 10px; } .bdsharebuttonbox dl dd a { width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: #ffffff; border: solid 1px #cccccc; border-radius: 100%; } .bdsharebuttonbox dl dd .bds_weixin { background: url(../images/wx.png) no-repeat center center; background-position: 0 !important; } .bdsharebuttonbox dl dd .bds_tsina { background: url(../images/wb.png) no-repeat center center; background-position: 0 !important; } .bdsharebuttonbox dl dd .bds_link { background: url(../images/lj.png) no-repeat center center; background-position: 0 !important; } .bdsharebuttonbox dl dd:hover a { background-color: #fc6e00 !important; border: solid 1px #fc6e00; } .bdsharebuttonbox dl dd:hover .bds_weixin { background: url(../images/wx-1.png) no-repeat center center; } .bdsharebuttonbox dl dd:hover .bds_tsina { background: url(../images/wb-1.png) no-repeat center center; } .bdsharebuttonbox dl dd:hover .bds_link { background: url(../images/lj-1.png) no-repeat center center; } @media screen and (max-width: 769px) { .newshow { width: 95%; } .newshow .newshow-title h1 { font-size: 0.4rem; } .newshow .newshow-title p { font-size: 0.26rem; margin: 0.4rem 0; } .bdsharebuttonbox { display: none; } } /* 招聘 */ .recruitin-title { position: relative; } .recruitin-title .item-con { position: absolute; top: 0; right: 0; width: 24%; height: 100%; background-color: #fc6e00; box-sizing: border-box; padding: 40px; color: #fff; transition: all 0.3s ease-out; } .recruitin-title .item-con h3 { font-weight: bold; padding-left: 30px; color: #fff; } .recruitin-title .item-con h3::before { content: ''; display: inline-block; width: 6px; height: 40px; background-color: #fff; transform: translate(-25px, 8px); } .recruitin-title .item-con p { position: absolute; bottom: 30px; width: 80%; text-align: right; } .recruitin-title .item-con p a { color: #fff; } .recruitin-title:hover .item-con { width: 50%; background-color: rgba(252, 110, 0, 0.8); } .recruitin-list ul { overflow: hidden; } .recruitin-list ul li { position: relative; float: left; width: 50%; margin-top: 50px; } .recruitin-list ul li h3 { position: absolute; display: block; width: 95%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; font-weight: bold; transition: all 0.3s ease-out; z-index: 2; } .recruitin-list ul li a::before { content: ''; display: block; width: 50%; height: 50%; background: #fc6e00; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-out; opacity: 0; } .recruitin-list ul li a:hover::before { width: 100%; height: 100%; opacity: 0.8; } .recruitin-list ul li a:hover h3 { top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .recruitshow-subnav { border-bottom: 1px solid #ccc; } .recruitshow-subnav li { display: inline-block; border-radius: 50px; line-height: 30px; border: solid 1px #fc6e00; padding: 0 20px; margin: 0 50px 20px 0; color: #fc6e00; cursor: pointer; } .recruitshow-subnav li:hover, .recruitshow-subnav .mt-tabpage-item-cur { color: #fff; background-color: #fc6e00; } @media screen and (max-width: 769px) { .recruitin-title .item-con { width: 50%; height: 100%; padding: 0.4rem; } .recruitin-title .item-con h3 { padding-left: 0.3rem; } .recruitin-title .item-con h3::before { width: 0.06rem; height: 0.4rem; transform: translate(-0.25rem, 0.08rem); } .recruitin-title .item-con p { bottom: 0.3rem; width: 80%; } .recruitin-list ul li { margin-top: 0.5rem; } .recruitshow-subnav { margin-top: 0.6rem; } .recruitshow-subnav li { line-height: 0.5rem; padding: 0 0.2rem; margin: 0 0.3rem 0.2rem 0; } } /* 联系方式 */ .contact-tips h3 { font-size: 18px; font-weight: bold; } .contact-tips p { color: #999; } .contact-tips i { color: #fc6e00; font-size: 20px; margin-right: 5px; } .contact-order { background: url(../images/contact.jpg) no-repeat center center; background-size: cover; min-height: 250px; } .contact-order dl { width: 60%; margin: 0 auto; padding: 30px 0; color: #fff; text-align: center; overflow: hidden; } .contact-order dl dt h3 { font-size: 24px; font-weight: bold; } .contact-order dl dt i { font-size: 30px; margin-right: 10px; } .contact-order dl dt p { padding: 30px; font-size: 14px; } .contact-order dl dd { float: left; width: 48%; border: 2px solid #fff; border-radius: 10px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; cursor: pointer; } .contact-order dl dd:nth-child(3) { float: right; } .contact-order dl dd i { margin-right: 10px; } .contact-order dl dd a { color: #fff; } .contact-order dl dd:hover { background: #fc6e00; border: 2px solid #fc6e00; } .contactlist .item-title { position: relative; margin-left: 40px; } .contactlist .item-title h2 { font-size: 32px; font-weight: bold; position: relative; z-index: 5; } .contactlist .item-title h2::before { content: ''; display: inline-block; width: 6px; height: 36px; background-color: #fc6e00; position: absolute; top: 5px; left: -20px; } .contactlist .item-title b { font-size: 40px; color: #f0f0f0; font-weight: bold; position: absolute; top: -2px; left: 0; } .contactlist ul { overflow: hidden; margin-left: -3%; padding-bottom: 20px; } .contactlist ul li { float: left; width: 30.3%; margin: 40px 0 0 3%; position: relative; } .contactlist ul li .con { text-align: center; width: 100%; height: 230px; background-color: #ffffff; box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.21); border-radius: 12px; box-sizing: border-box; padding: 30px; transition: all 0.5s; } .contactlist ul li .con i { font-size: 40px; color: #fc6e00; } .contactlist ul li .con h3 { font-size: 24px; font-weight: bold; padding: 20px 0; color: #fc6e00; } .contactlist ul li .con p { font-size: 16px; line-height: 30px; } .contactlist ul li .con .item-c { width: 85%; margin: 0 auto; text-align: left; } .contactlist ul li:nth-child(1), .contactlist ul li:nth-child(2) { width: 47%; } .contactlist ul li:nth-child(1) .con, .contactlist ul li:nth-child(2) .con { position: relative; } .contactlist ul li:nth-child(1) .con .item-b, .contactlist ul li:nth-child(2) .con .item-b { position: absolute; width: 33%; height: 100px; top: 50%; left: 0; transform: translate(0, -50%); border-right: 1px solid #eee; } .contactlist ul li:nth-child(1) .con .item-c, .contactlist ul li:nth-child(2) .con .item-c { position: absolute; width: 60%; height: 100px; top: 50%; left: 39%; transform: translate(0, -50%); } .contactlist ul li:nth-child(1) .con p, .contactlist ul li:nth-child(2) .con p { margin: 15px 0; } .contactlist ul li:hover .con { background-color: #fc6e00; color: #fff; } .contactlist ul li:hover .con i, .contactlist ul li:hover .con h3 { color: #fff; } @media screen and (max-width: 769px) { .contact-tips h3 { font-size: 0.28rem; } .contact-tips i { font-size: 0.3rem; margin-right: 5px; } .contact-order { min-height: 3rem; } .contact-order dl { width: 90%; padding: 0.3rem 0; } .contact-order dl dt h3 { font-size: 0.3rem; } .contact-order dl dt i { font-size: 0.36rem; margin-right: 0.1rem; } .contact-order dl dt p { padding: 0.3rem; font-size: 0.24rem; } .contact-order dl dd { float: none; width: 85%; margin: 0 auto; border: 1px solid #fff; border-radius: 10px; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; } .contact-order dl dd:nth-child(3) { float: none; margin-top: 0.3rem; } .contact-order dl dd i { margin-right: 0.1rem; font-size: 0.26rem; } .contact-order dl dd:hover { border: 1px solid #fc6e00; } .contactlist .item-title { position: relative; margin-left: 0.4rem; } .contactlist .item-title h2 { font-size: 0.4rem; } .contactlist .item-title h2::before { width: 0.06rem; height: 0.4rem; top: 0.05rem; left: -0.2rem; } .contactlist .item-title b { font-size: 0.4rem; top: -2px; left: 0; } .contactlist ul { margin-left: 0; padding-bottom: 0.2rem; } .contactlist ul li { float: none; width: 99%; margin: 0.4rem 0 0 0; position: relative; } .contactlist ul li .con { text-align: center; width: 100%; height: auto; padding: 0.3rem; } .contactlist ul li .con i { font-size: 0.5rem; } .contactlist ul li .con h3 { font-size: 0.34rem; padding: 0.2rem 0; } .contactlist ul li .con p { font-size: 0.26rem; line-height: 0.4rem; } .contactlist ul li .con .item-c { width: 85%; margin: 0 auto; text-align: left; } .contactlist ul li:nth-child(1), .contactlist ul li:nth-child(2) { width: 99%; } .contactlist ul li:nth-child(1) .con, .contactlist ul li:nth-child(2) .con { position: relative; } .contactlist ul li:nth-child(1) .con .item-b, .contactlist ul li:nth-child(2) .con .item-b { position: static; width: 100%; height: auto; top: 50%; left: 0; transform: translate(0, 0); border: none; } .contactlist ul li:nth-child(1) .con .item-c, .contactlist ul li:nth-child(2) .con .item-c { position: static; width: 85%; height: auto; top: 50%; left: 39%; transform: translate(0, 0); } .contactlist ul li:nth-child(1) .con p, .contactlist ul li:nth-child(2) .con p { margin: 0; } .contactlist ul li:hover .con { background-color: #fc6e00; color: #fff; } .contactlist ul li:hover .con i, .contactlist ul li:hover .con h3 { color: #fff; } } /* 9001诚信金沙9001cc关系 */ .relationitle { position: relative; padding: 0 30px; } .relationitle h2 { font-size: 32px; font-weight: bold; color: #2b2e2e; z-index: 2; position: relative; } .relationitle h2::before { content: ''; width: 6px; height: 40px; display: inline-block; background-color: #fc6e00; transform: translate(-30px, 10px); } .relationitle b { font-size: 40px; font-weight: bold; color: #f0f0f0; position: absolute; top: 0; left: 30px; z-index: 1; } .relationitle a { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); text-align: center; z-index: 3; display: block; width: 110px; height: 34px; line-height: 34px; border-radius: 5px; color: #fff; background-color: #fc6e00; } .relationitle a:hover { background-color: #eb6905; } .relationli { margin-bottom: 50px; } .relationli ul { overflow: hidden; margin-left: -2%; } .relationli ul li { float: left; width: 23%; margin: 15px 0 0 2%; background-color: #fff; border-radius: 10px; transition: all 0.5s; display: block; overflow: hidden; text-align: center; box-sizing: border-box; padding: 20px; } .relationli ul li img { text-align: center; max-width: 150px; } .relationli ul li:hover { box-shadow: 0px 5px 10px 0px rgba(68, 68, 68, 0.3); transform: translateY(-5px); } .relationli .ulehight { height: 270px; overflow: hidden; } .showmore { margin-top: 30px; text-align: center; } .showmore a { text-align: center; font-size: 16px; color: #fc6e00; } .showmore a i { margin-left: 10px; font-size: 18px; display: inline-block; } .showmore a:hover { color: #2b2e2e; } .showmore .officon { transform: rotate(180deg); } @media screen and (max-width: 769px) { .relationitle { padding: 0 0.3rem; } .relationitle h2 { font-size: 0.4rem; } .relationitle h2::before { width: 0.06rem; height: 0.4rem; transform: translate(-0.3rem, 0.1rem); } .relationitle b { font-size: 0.45rem; left: 0.3rem; } .relationitle a { width: 1.5rem; height: 0.4rem; line-height: 0.4rem; border-radius: 5px; } .relationli ul li { width: 31.3%; margin: 0.15rem 0 0 2%; background-color: #fff; border-radius: 0.1rem; padding: 0.2rem; } .relationli ul li img { max-width: 2rem; } .relationli ul li:hover { box-shadow: 0px 0.05rem 0.1rem 0px rgba(68, 68, 68, 0.3); transform: translateY(-0.05rem); } .relationli .ulehight { height: 2.7rem; overflow: hidden; } .showmore { margin-top: 0.3rem; } .showmore a { font-size: 0.26rem; } .showmore a i { margin-left: 0.1rem; font-size: 0.28rem; } } @media screen and (max-width: 469px) { .relationli ul li { width: 48%; } } /* 下载列表 */ .downloadlist ul { overflow: hidden; margin-left: -3%; } .downloadlist li { font-size: 0; margin: 0 0 30px 3%; padding: 30px; float: left; width: 47%; border-radius: 5px; box-sizing: border-box; background-color: #fff; } .downloadlist li .item-img { display: inline-block; width: 24%; margin-right: 5%; vertical-align: top; overflow: hidden; box-sizing: border-box; text-align: center; } .downloadlist li .item-img h3 { margin-top: 10px; font-size: 16px; font-weight: bold; color: #2b2e2e; } .downloadlist li .item-con { display: inline-block; width: 70%; font-size: 16px; vertical-align: top; } .downloadlist li .item-con b { display: block; margin: 30px 0; color: #666666; } .downloadlist li .item-con span { padding: 5px 15px; border-radius: 5px; color: #fff; background-color: #fc6e00; text-align: center; font-size: 14px; } .downloadlist li:nth-child(1) { border: none; } .downloadlist li:hover .item-con h3 { color: #fc6e00; } .downloadlist li:hover .item-con span { background-color: #eb6905; } @media screen and (max-width: 769px) { .downloadlist ul { overflow: hidden; margin-left: 0; } .downloadlist li { font-size: 0; margin: 0 0 0.3rem 0; padding: 0.3rem; float: none; width: 100%; } .downloadlist li .item-img { display: inline-block; width: 24%; margin-right: 5%; vertical-align: top; } .downloadlist li .item-img h3 { margin-top: 0.1rem; font-size: 0.26rem; } .downloadlist li .item-con { display: inline-block; width: 70%; font-size: 0.26rem; } .downloadlist li .item-con b { display: block; margin: 0.3rem 0; } .downloadlist li .item-con span { padding: 0.05rem 0.15rem; font-size: 0.24rem; } } .downloadqrCon { background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 0.65); width: 120px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; display: none; } .downloadqrCon img { margin: 20px; border: 1px solid #fc6e00; } .downloadqrCon b { display: block; width: 100%; line-height: 40px; background-color: #f0f0f0; font-size: 12px; color: #666; } .downloadshow ul { overflow: hidden; } .downloadshow li { font-size: 0; margin-bottom: 30px; padding-top: 30px; border-top: 1px solid #ccc; } .downloadshow li .item-img { display: inline-block; width: 24%; margin-right: 5%; vertical-align: middle; background-color: #ffffff; border-radius: 10px; border: solid 1px #eeeeee; overflow: hidden; box-sizing: border-box; padding: 40px 0; box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.21); } .downloadshow li .item-img img { max-height: 200px; width: 100%; } .downloadshow li .item-con { display: inline-block; width: 70%; font-size: 16px; vertical-align: middle; } .downloadshow li .item-con dd { float: left; width: 30%; margin: 20px 10%; position: relative; } .downloadshow li .item-con dd a { display: block; width: 100%; height: 70px; line-height: 70px; background-color: #ffffff; border-radius: 6px; border: solid 1px #dcdcdc; text-align: center; font-size: 24px; transition: all 0.5s; } .downloadshow li .item-con dd a i { font-size: 30px; margin-right: 30px; color: #fc6e00; } .downloadshow li .item-con dd:hover a { border: solid 1px #fc6e00; background-color: #fc6e00; color: #fff; box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.21); } .downloadshow li .item-con dd:hover a i { color: #fff; } .downloadshow li:nth-child(1) { border: none; } .downloadshow li:hover .item-con h3 { color: #fc6e00; } .downloadshow li:hover .item-con span { background-color: #eb6905; } .downloadshow2 ul { overflow: hidden; } .downloadshow2 li { float: left; width: 50%; font-size: 0; margin-bottom: 20px; padding-top: 20px; } .downloadshow2 li .item-img { display: inline-block; width: 20%; margin-right: 5%; vertical-align: middle; background-color: #ffffff; border-radius: 10px; border: solid 1px #eeeeee; overflow: hidden; box-sizing: border-box; padding: 20px 0; box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.21); } .downloadshow2 li .item-img img { max-height: 200px; width: 100%; } .downloadshow2 li .item-con { display: inline-block; width: 64%; margin-right: 5%; font-size: 16px; vertical-align: middle; } .downloadshow2 li .item-con dd { float: left; width: 40%; margin: 10px 5%; position: relative; } .downloadshow2 li .item-con dd a { display: block; width: 100%; height: 40px; line-height: 40px; background-color: #ffffff; border-radius: 6px; border: solid 1px #dcdcdc; text-align: center; font-size: 20px; transition: all 0.5s; } .downloadshow2 li .item-con dd a i { font-size: 20px; margin-right: 10px; color: #fc6e00; } .downloadshow2 li .item-con dd:hover a { border: solid 1px #fc6e00; background-color: #fc6e00; color: #fff; box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.21); } .downloadshow2 li .item-con dd:hover a i { color: #fff; } .downloadshow2 li:nth-child(1), .downloadshow2 li:nth-child(2) { border: none; } .downloadshow2 li:hover .item-con h3 { color: #fc6e00; } .downloadshow2 li:hover .item-con span { background-color: #eb6905; } @media screen and (max-width: 769px) { .downloadqrCon { width: 2rem; } .downloadqrCon img { margin: 0.2rem; } .downloadqrCon b { line-height: 0.6rem; } .downloadshow li { margin-bottom: 0.3rem; padding-top: 0.3rem; } .downloadshow li .item-img { width: 100%; margin-right: 0; padding: 0.4rem 0; text-align: center; } .downloadshow li .item-img img { width: auto; max-height: 2rem; } .downloadshow li .item-con { display: inline-block; width: 100%; font-size: 0.26rem; margin-top: 0.5rem; } .downloadshow li .item-con dd { float: left; width: 40%; margin: 0.2rem 5%; } .downloadshow li .item-con dd a { height: 0.8rem; line-height: 0.8rem; font-size: 0.34rem; } .downloadshow li .item-con dd a i { font-size: 0.4rem; margin-right: 0.3rem; } .downloadshow2 li { float: none; width: 100%; margin-bottom: 0.3rem; padding-top: 0.3rem; } .downloadshow2 li .item-img { display: inline-block; width: 100%; margin-right: 0; padding: 0.4rem 0; text-align: center; } .downloadshow2 li .item-img img { max-height: 2rem; width: auto; } .downloadshow2 li .item-con { display: inline-block; width: 100%; margin-right: 0; font-size: 0.26rem; margin-top: 0.3rem; } .downloadshow2 li .item-con dd a { height: 0.7rem; line-height: 0.7rem; font-size: 0.3rem; } .downloadshow2 li .item-con dd a i { font-size: 0.3rem; margin-right: 0.1rem; } } /* 首页关于9001诚信金沙9001cc */ .aboutHonor ul { margin-left: -2%; } .aboutHonor ul li { position: relative; float: left; width: 23%; margin: 30px 0 0 2%; overflow: hidden; text-align: center; background-color: #fff; border-radius: 5px; } .aboutHonor ul li img { min-height: 170px; max-height: 170px; } .aboutHonor ul li h3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; font-weight: bold; z-index: 2; transition: all 0.3s ease-out; opacity: 0; } .aboutHonor ul li a::before { content: ''; display: block; width: 50%; height: 50%; background: #fc6e00; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-out; opacity: 0; } .aboutHonor ul li a:hover::before { width: 100%; height: 100%; opacity: 0.8; } .aboutHonor ul li a:hover h3 { opacity: 1; } .aboutcon { border-top: 1px solid #ccc; margin-top: 30px; padding-top: 30px; } .heighthidden { height: 360px; overflow: hidden; } .aboutln { background: url(../images/about04.jpg) no-repeat center center; background-size: cover; } .aboutln .item-title { position: relative; margin-left: 40px; } .aboutln .item-title h2 { font-size: 32px; font-weight: bold; position: relative; z-index: 3; color: #fff; } .aboutln .item-title h2::before { content: ''; display: inline-block; width: 6px; height: 40px; background-color: #fc6e00; position: absolute; top: 5px; left: -40px; } .aboutln .item-title b { font-size: 40px; color: rgba(255, 255, 255, 0.1); font-weight: bold; position: absolute; top: -2px; left: 0; } .aboutln .item-con { color: #bdbdbd; line-height: 30px; } @media screen and (max-width: 769px) { .aboutHonor ul li { position: relative; float: left; width: 48%; margin: 0.3rem 0 0 2%; } .aboutHonor ul li img { min-height: 2rem; max-height: 2rem; } .aboutcon { margin-top: 0.3rem; padding-top: 0.3rem; } .heighthidden { height: 5rem; } .aboutln .item-title { margin-left: 0.4rem; } .aboutln .item-title h2 { font-size: 0.4rem; } .aboutln .item-title h2::before { width: 0.06rem; height: 0.4rem; top: 0.05rem; left: -0.4rem; } .aboutln .item-title b { font-size: 0.5rem; } .aboutln .item-con { line-height: 0.5rem; } } /* 视频与图片 */ .medialist ul { overflow: hidden; margin-left: -2%; } .medialist ul li { float: left; width: 23%; margin: 30px 0 0 2%; overflow: hidden; text-align: center; border-radius: 5px; border: 1px solid #eee; padding: 10px; box-sizing: border-box; background-color: #fff; } .medialist ul li .item-img { position: relative; text-align: center; min-height: 170px; max-height: 170px; overflow: hidden; } .medialist ul li .item-img img { max-height: 170px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .medialist ul li .item-img::before { content: ''; display: block; width: 50%; height: 50%; background: #fc6e00; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-out; opacity: 0; } .medialist ul li .item-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; display: none; } .medialist ul li .item-icon i { font-size: 40px; color: #fff; } .medialist ul li:hover .item-img { position: relative; text-align: center; } .medialist ul li:hover .item-img::before { width: 100%; height: 100%; opacity: 0.8; } .medialist ul li:hover .item-icon { display: block; } .visionlist ul li { float: left; width: 23%; margin: 20px 0 0 2%; border: 1px solid #eee; } .visionlist ul li .item-img { position: relative; text-align: center; min-height: auto; max-height: 100px; height: 100px; overflow: hidden; } .visionlist ul li .item-img img { max-height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100px; } .visionlist ul li .item-img::before { content: ''; display: block; width: 50%; height: 50%; background: #fc6e00; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-out; opacity: 0; } .visionlist ul li .item-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; display: none; } .visionlist ul li .item-icon i { font-size: 40px; color: #fff; } .visionlist ul li:hover .item-img { position: relative; text-align: center; } .visionlist ul li:hover .item-img::before { width: 100%; height: 100%; opacity: 0.8; } .visionlist ul li:hover .item-icon { display: block; } @media screen and (max-width: 769px) { .medialist ul li { float: left; width: 48%; margin: 0.3rem 0 0 2%; padding: 0.1rem; } .medialist ul li .item-img { min-height: 1.7rem; max-height: 1.7rem; } .medialist ul li .item-img img { max-height: 1.7rem; } .medialist ul li .item-icon i { font-size: 0.4rem; } } .lg-toolbar .lg-download:after { content: "\e611" !important; font-family: "iconfont" !important; } .lg-toolbar .lg-close:after { content: "\e735" !important; font-family: "iconfont" !important; } .lg-actions .lg-next:before { content: "\e739" !important; font-family: "iconfont" !important; } .lg-actions .lg-prev:after { content: "\e738" !important; font-family: "iconfont" !important; } /* 专利软著 */ .aboutpatent { background: url(../images/zl.jpg) no-repeat center center; background-size: cover; color: #fff; } .aboutpatent .intitle1 h2 { color: #fff; } .aboutpatent .intitle1 b { opacity: 0.2; } .aboutpatent .mt-tabpage-title { position: absolute; top: 60px; right: 9%; width: 480px; } .aboutpatent .mt-tabpage-title ul { overflow: hidden; } .aboutpatent .mt-tabpage-title ul li { float: left; padding: 10px 20px; margin: 0 15px; cursor: pointer; font-weight: bold; } .aboutpatent .mt-tabpage-title ul .mt-tabpage-item-cur { border-bottom: 3px solid #fc6e00; } .aboutpatent .aboutpatent-con { overflow: hidden; } .aboutpatent .aboutpatent-con ul { width: 80%; } .aboutpatent .aboutpatent-con a:link, .aboutpatent .aboutpatent-con a:visited { color: #fff; } .aboutpatent .aboutpatent-con a:hover { color: #fc6e00; } .aboutpatent .aboutpatent-con .item-img { float: left; width: 48%; text-align: center; } .aboutpatent .aboutpatent-con .item-img a { display: block; max-width: 280px; margin: 0 auto; } .aboutpatent .aboutpatent-con .item-con { float: right; width: 48%; padding-top: 100px; line-height: 40px; } @media screen and (max-width: 769px) { .aboutpatent .mt-tabpage-title { position: static; margin-bottom: 0.5rem; } .aboutpatent .mt-tabpage-title ul { overflow: hidden; } .aboutpatent .mt-tabpage-title ul li { float: left; padding: 0.05rem 0.5rem; margin: 0 0.15rem; } .aboutpatent .aboutpatent-con ul { width: 100%; } .aboutpatent .aboutpatent-con .item-img { float: none; width: 100%; text-align: center; } .aboutpatent .aboutpatent-con .item-img a { max-width: 60%; } .aboutpatent .aboutpatent-con .item-con { float: none; width: 100%; padding-top: 0.5rem; line-height: 0.6rem; } } /* 发展历程 */ .abouttime { background: url(../images/about05.jpg) no-repeat center center; background-size: cover; } .abouttime .intitle1 h2 { color: #fff; } .abouttime .intitle1 b { opacity: 0.2; } .abouttime .intitle1 p { color: #fff; } .abouttime .intitle1 p::before { background-color: #fff; } .abouttime .abouttimeline { width: 70%; margin: 0 auto; padding: 50px 0 30px 0; } .abouttime .abouttimeline ul { margin-left: 0; overflow: hidden; } .abouttime .abouttimeline ul li { float: left; width: 20%; margin: 0; text-align: center; color: #fff; } .abouttime .abouttimeline ul li h3 { font-size: 18px; font-weight: bold; position: relative; margin-bottom: 60px; cursor: pointer; } .abouttime .abouttimeline ul li h3::before { content: ''; width: 100%; height: 1px; background-color: #f3b78c; position: absolute; bottom: -30px; right: 50%; z-index: 1; } .abouttime .abouttimeline ul li h3::after { content: ''; display: block; width: 25px; height: 25px; border-radius: 100%; background-color: #f3b78c; border: 3px solid #f3b78c; position: absolute; bottom: -45px; left: 50%; transform: translate(-50%, 0); z-index: 2; } .abouttime .abouttimeline ul li:hover h3::after { background-color: #fff; } .abouttime .abouttimeline ul li:nth-child(1) h3::before { display: none; } .abouttimelist dl dt { font-size: 24px; font-weight: bold; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; color: #2b2e2e; } .abouttimelist dl dd { position: relative; padding-left: 20px; box-sizing: border-box; } .abouttimelist dl dd p { font-size: 14px; display: inline-block; line-height: 26px; font-weight: normal; } .abouttimelist dl dd::before { content: ''; width: 5px; height: 5px; border-radius: 100%; background-color: #999; position: absolute; top: 10px; left: 0; } .abouttimelist dl .aboutfs::before { background-color: #ccc !important; } .abouttimelist dl .aboutfs p { color: #ccc !important; } .showvideobox .layui-layer-content { background-color: #000; } .showvideo { width: 640px; } @media screen and (max-width: 769px) { .abouttime .abouttimeline { width: 100%; margin: 0 auto; padding: 0.5rem 0 0.3rem 0; } .abouttime .abouttimeline ul li h3 { font-size: 0.28rem; margin-bottom: 0.6rem; cursor: pointer; } .abouttime .abouttimeline ul li h3::before { bottom: -0.3rem; } .abouttime .abouttimeline ul li h3::after { width: 0.25rem; height: 0.25rem; bottom: -0.45rem; } .abouttimelist dl dt { font-size: 0.34rem; padding-bottom: 0.2rem; margin-bottom: 0.2rem; } .abouttimelist dl dd { padding-left: 0.2rem; box-sizing: border-box; } .abouttimelist dl dd p { font-size: 0.26rem; line-height: 0.5rem; } .abouttimelist dl dd::before { width: 0.05rem; height: 0.05rem; top: 0.2rem; } .showvideo { width: 7rem; } } .whatplan ul { overflow: hidden; margin-left: -5%; } .whatplan ul li { float: left; width: 45%; margin: 0 0 0 5%; } @media screen and (max-width: 469px) { .whatplan ul { overflow: hidden; margin-left: 0; } .whatplan ul li { float: none; width: 100%; margin: 0.3rem 0 0 0; } } .linetitle { overflow: hidden; text-decoration: none; } .linetitle a:link, .linetitle a:visited { color: #2b2e2e; } .linetitle a:hover { color: #fc6e00; } .linetitle h3 { font-size: 20px; font-weight: bold; color: #2b2e2e; float: left; padding-left: 20px; } .linetitle h3::before { content: ''; width: 6px; height: 32px; display: inline-block; background-color: #fc6e00; transform: translate(-20px, 10px); } .linetitle span { float: right; line-height: 30px; margin-top: 15px; } .planlist1 ul li { margin-bottom: 30px; overflow: hidden; } .planlist1 ul li .item-img { border: 2px solid rgba(252, 110, 0, 0); float: left; width: 42%; transition: all 0.5s; } .planlist1 ul li .item-img img { width: 100%; height: 280px; } .planlist1 ul li .item-con { float: right; width: 52%; box-sizing: border-box; } .planlist1 ul li .item-con .c { font-size: 14px; margin: 20px 0; line-height: 30px; overflow: hidden; max-height: 180px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; color: #666; margin-left: 25px; } .planlist1 ul li .item-list1 { margin-top: 20px; margin-left: 25px; } .planlist1 ul li .item-list1 dl dd { padding-left: 10px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .planlist1 ul li .item-list1 dl dd::before { content: ''; width: 3px; height: 3px; border-radius: 100%; display: inline-block; background-color: #999; transform: translate(-10px, -3px); } .planlist1 ul li .item-list2 { margin-top: 20px; margin-left: 25px; } .planlist1 ul li .item-list2 dl { overflow: hidden; margin-left: -5%; } .planlist1 ul li .item-list2 dl dd { float: left; width: 45%; margin: 0 0 0 5%; padding-left: 10px; line-height: 30px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .planlist1 ul li .item-list2 dl dd::before { content: ''; width: 3px; height: 3px; border-radius: 100%; display: inline-block; background-color: #999; transform: translate(-10px, -3px); } .planlist1 ul li:nth-child(even) .item-img { float: right; } .planlist1 ul li:nth-child(even) .item-con { float: left; } .planlist2 ul { margin-left: -5%; overflow: hidden; } .planlist2 ul li { float: left; width: 45%; margin: 30px 0 0 5%; overflow: hidden; } .planlist2 ul li .item-img { border: 2px solid rgba(252, 110, 0, 0); float: left; width: 42%; transition: all 0.5s; } .planlist2 ul li .item-img img { width: 100%; height: 200px; } .planlist2 ul li .item-con { float: right; width: 52%; box-sizing: border-box; } .planlist2 ul li .item-con .t { overflow: hidden; } .planlist2 ul li .item-con .t h3 { float: left; font-size: 18px; font-weight: bold; } .planlist2 ul li .item-con .t span { float: right; margin-top: 4px; font-size: 12px; } .planlist2 ul li .item-con .b { display: block; color: #fff; width: 100px; height: 30px; line-height: 30px; background-color: #fc6e00; border-radius: 5px; text-align: center; font-size: 14px; cursor: pointer; } .planlist2 ul li .item-con .b:hover { background-color: #eb6905; } .planlist2 ul li .item-con .c { font-size: 14px; margin: 20px 0; line-height: 26px; overflow: hidden; max-height: 104px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; color: #444; } @media screen and (max-width: 769px) { .linetitle h3 { font-size: 0.34rem; padding-left: 0.2rem; } .linetitle h3::before { width: 0.06rem; height: 0.4rem; transform: translate(-0.2rem, 0.1rem); } .linetitle span { line-height: 0.3rem; margin-top: 0.1rem; } .planlist1 ul li { margin-bottom: 0.3rem; } .planlist1 ul li .item-img { float: none; width: 100%; } .planlist1 ul li .item-img img { width: 100%; height: auto; } .planlist1 ul li .item-con { float: none; width: 100%; margin-top: 0.3rem; } .planlist1 ul li .item-con .c { font-size: 0.24rem; margin: 0.2rem 0; line-height: 0.5rem; max-height: 2.5rem; margin-left: 0.25rem; } .planlist1 ul li .item-list1 { margin-top: 0.2rem; margin-left: 0.25rem; } .planlist1 ul li .item-list1 dl dd { padding-left: 0.1rem; line-height: 0.4rem; } .planlist1 ul li .item-list1 dl dd::before { content: ''; width: 0.03rem; height: 0.03rem; transform: translate(-0.1rem, -0.03rem); } .planlist1 ul li .item-list2 { margin-top: 0.2rem; margin-left: 0.25rem; } .planlist1 ul li .item-list2 dl { overflow: hidden; margin-left: -5%; } .planlist1 ul li .item-list2 dl dd { float: left; width: 45%; margin: 0 0 0 5%; padding-left: 0.1rem; line-height: 0.4rem; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .planlist1 ul li .item-list2 dl dd::before { content: ''; width: 0.03rem; height: 0.03rem; transform: translate(-0.1rem, -0.03rem); } .planlist2 ul { margin-left: 0; overflow: hidden; } .planlist2 ul li { float: none; width: 100%; margin: 0.3rem 0 0 0; overflow: hidden; } .planlist2 ul li .item-img { float: none; width: 100%; } .planlist2 ul li .item-img img { height: auto; } .planlist2 ul li .item-con { margin-top: 0.3rem; float: none; width: 100%; } .planlist2 ul li .item-con .t h3 { float: left; font-size: 0.28rem; } .planlist2 ul li .item-con .t span { float: right; margin-top: 0; } .planlist2 ul li .item-con .b { width: 2rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.24rem; } .planlist2 ul li .item-con .c { font-size: 0.24rem; margin: 0.2rem 0; line-height: 0.4rem; overflow: hidden; max-height: 1.6rem; } } .notfound { position: relative; } .notfound .con { position: absolute; top: 20%; width: 100%; text-align: center; font-size: 24px; } .notfound .con p { padding: 10px; } .notfound .con span { color: #fc6e00; } @media screen and (max-width: 769px) { .notfound img { width: 100%; } .notfound .con { font-size: 0.34rem; } .notfound .con p { padding: 0.2rem; } } .log-contain { position: relative; } .log-contain::after { content: ""; height: 100%; width: 2px; background: #fc6e00; display: block; position: absolute; left: 145px; top: 0; z-index: 0; } .log-contain .year { position: relative; min-height: 50px; } .log-contain .year .icon35_xiangxiajiantou { transition: all 0.5s; display: inline-block; font-size: 18px; cursor: pointer; } .log-contain .year .slide-up .icon35_xiangxiajiantou { transform: rotate(-180deg); } .log-contain .year ul li { padding-left: 200px; position: relative; margin: 0 0 40px; } .log-contain .year .loglist-date { position: absolute; font-size: 16px; left: -15px; width: 130px; text-align: right; color: #666; } .log-contain .year .loglist-date p { font-size: 12px; color: #a7aab0; margin-top: 4px; } .log-contain .year .loglist-dot { display: block; position: absolute; width: 13px; height: 13px; border-radius: 100%; border: 3px solid #f2f3f7; background: #fc6e00; left: 139px; z-index: 1; top: 0; box-sizing: border-box; } .log-contain .year .loglist-con { background: #f2f3f7; line-height: 24px; border-radius: 0 10px 10px; padding: 20px 28px; position: relative; color: #333; text-align: left; } .log-contain .year .loglist-con h3 { font-size: 16px; } .log-contain .year .loglist-con p { position: relative; padding: 0; margin: 5px 0; line-height: 24px; color: #333; font-size: 14px; } .log-contain .year .loglist-con div { color: #666; } .log-contain .year ul li:first-child .loglist-date { top: 30px; color: #666; } .log-contain .loglist-con::after { content: ""; width: 0; height: 0; border: 8px solid transparent; border-top-color: #f2f3f7; border-right-color: #f2f3f7; display: block; position: absolute; left: -16px; top: 0; } .log-contain .year .item-title { font-size: 28px; color: #fc6e00; font-weight: 100; position: absolute; left: 32px; cursor: pointer; z-index: 3; top: -10px; } .logyear .mt-tabpage-title { background: #f2f2f2; } .logyear .mt-tabpage-title ul { overflow: hidden; } .logyear .mt-tabpage-title ul li { float: left; margin-right: 60px; border-bottom: 2px solid #f2f2f2; line-height: 60px; color: #2b2e2e; cursor: pointer; } .logyear .mt-tabpage-title ul .mt-tabpage-item-cur { border-bottom: 2px solid #fc6e00; } @media screen and (max-width: 769px) { .log-contain { position: static; } .log-contain::after { display: none; } .log-contain .year { position: static; min-height: 0.5rem; } .log-contain .year ul li { padding-left: 0; position: relative; margin: 0 0 0.4rem; } .log-contain .year .loglist-date { position: static; font-size: 0.34rem; display: block; text-align: left; color: #666; overflow: hidden; width: 100%; background: #f2f3f7; line-height: 0.5rem; padding: 0.2rem; box-sizing: border-box; } .log-contain .year .loglist-date p { font-size: 0.22rem; color: #a7aab0; margin-top: 0; float: right; } .log-contain .year .loglist-dot { display: none; } .log-contain .year .loglist-con { background: none; line-height: 0.4rem; border-radius: 0 0.1rem 0.1rem; padding: 0.2rem; position: relative; color: #333; text-align: left; } .log-contain .year .loglist-con h3 { font-size: 0.3rem; margin-bottom: 0.2rem; } .log-contain .year .loglist-con p { position: relative; padding: 0; margin: 5px 0; line-height: 0.4rem; color: #333; font-size: 0.26rem; } .log-contain .year .loglist-con div { color: #666; } .log-contain .year ul li:first-child .loglist-date { top: 0; color: #666; } .log-contain .loglist-con::after { display: none; } .log-contain .year .item-title { font-size: 0.4rem; color: #fc6e00; font-weight: 100; position: static; left: 32px; cursor: pointer; z-index: 3; top: 0; margin-bottom: 0.3rem; } .logyear .mt-tabpage-title ul li { margin-right: 0.6rem; line-height: 0.8rem; } } .partner-pol ul { overflow: hidden; margin-left: -6%; } .partner-pol ul li { float: left; width: 19%; margin: 0 0 0 6%; text-align: center; } .partner-pol ul li i { display: block; width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 40px; margin: 0 auto; background: #4688f1; color: #fff; border-radius: 100%; } .partner-pol ul li:nth-child(2) i { background: #42c0ba; } .partner-pol ul li:nth-child(3) i { background: #f79739; } .partner-pol ul li:nth-child(4) i { background: #56c466; } .partner-pol ul li:nth-child(5) i { background: #f2c618; } .partner-pol ul li h3 { font-size: 20px; margin: 20px 0; } .partner-pol ul li p { color: #999; } @media screen and (max-width: 769px) { .partner-pol ul { overflow: hidden; margin-left: -5%; } .partner-pol ul li { float: left; width: 45%; margin: 0 0 0.3rem 5%; text-align: center; } .partner-pol ul li i { width: 0.8rem; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.5rem; } .partner-pol ul li h3 { font-size: 0.3rem; margin: 0.2rem 0; } .partner-pol ul li p { min-height: 0.8rem; } } .partner-adv ul { overflow: hidden; margin-left: -5%; } .partner-adv ul li { float: left; width: 20%; margin: 0 0 0 5%; background-color: #ffffff; box-shadow: 2px 2px 6px 0px rgba(129, 129, 129, 0.07); box-sizing: border-box; padding: 40px 30px; text-align: center; } .partner-adv ul li i { font-size: 60px; color: #fc6e00; } .partner-adv ul li h3 { font-size: 20px; font-weight: bold; display: block; margin-top: 20px; } .partner-adv ul li h3::after { content: ''; display: block; width: 20px; height: 4px; background-color: #fc6e00; margin: 20px auto; } .partner-adv ul li p { font-size: 16px; color: #999; } @media screen and (max-width: 769px) { .partner-adv ul { overflow: hidden; margin-left: -5%; } .partner-adv ul li { float: left; width: 45%; margin: 0 0 0.3rem 5%; padding: 0.4rem 0.3rem; min-height: 3.9rem; } .partner-adv ul li i { font-size: 0.7rem; } .partner-adv ul li h3 { font-size: 0.3rem; margin-top: 0.2rem; } .partner-adv ul li h3::after { width: 0.2rem; height: 0.04rem; margin: 0.2rem auto; } .partner-adv ul li p { font-size: 0.26rem; } } .partner-path ul { margin-left: -8%; } .partner-path ul li { float: left; width: 17%; margin: 0 0 0 8%; text-align: center; position: relative; } .partner-path ul li > div { width: 160px; height: 160px; background: #fc6e00; color: #fff; border-radius: 100%; margin: 0 auto; position: relative; } .partner-path ul li > div::after { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; color: #a0a7ba; display: block; content: "\e616"; transform: rotate(-90deg); position: absolute; top: 50%; right: -60%; } .partner-path ul li > div h3 { font-size: 18px; } .partner-path ul li > div span { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .partner-path ul li p { margin-top: 20px; } .partner-path ul li:nth-child(4) > div::after { display: none; } @media screen and (max-width: 769px) { .partner-path ul { margin-left: -5%; } .partner-path ul li { float: left; width: 45%; margin: 0 0 0.3rem 5%; } .partner-path ul li > div { width: 2rem; height: 2rem; } .partner-path ul li > div span { width: 100%; } .partner-path ul li > div img { width: 1rem; } .partner-path ul li > div::after { display: none; } .partner-path ul li > div h3 { font-size: 0.28rem; } .partner-path ul li p { margin-top: 0.2rem; min-height: 0.8rem; } } .partner-channel .item-title { text-align: center; } .partner-channel .item-title h2 { font-size: 36px; font-weight: bold; color: #333; } .partner-channel .item-title p { margin-top: 30px; font-size: 24px; color: #666; } .partner-channel ul { font-size: 0; margin-left: -10%; } .partner-channel ul li { display: inline-block; margin-left: 10%; width: 40%; margin-bottom: 50px; font-size: 14px; position: relative; } .partner-channel ul .item-img { width: 120px; height: 120px; border-radius: 100%; overflow: hidden; } .partner-channel ul .item-con { width: 100%; padding-left: 140px; position: absolute; box-sizing: border-box; top: 50%; left: 0; transform: translate(0, -50%); } .partner-channel ul .item-con h3 { font-size: 18px; } .partner-channel ul .item-con p { color: #999; margin-top: 15px; } @media screen and (max-width: 769px) { .partner-channel .item-title h2 { font-size: 0.46rem; } .partner-channel .item-title p { margin-top: 0.3rem; font-size: 0.34rem; } .partner-channel ul { margin-left: 0; } .partner-channel ul li { display: block; margin-left: 0; width: 100%; margin-bottom: 0.5rem; font-size: 0.24rem; position: relative; overflow: hidden; } .partner-channel ul .item-img { width: 1.5rem; height: 1.5rem; float: left; border-radius: 100%; overflow: hidden; } .partner-channel ul .item-img img { width: 1.5rem; height: 1.5rem; } .partner-channel ul .item-con { float: right; width: calc(100% - 2rem); padding-left: 0; position: static; box-sizing: border-box; transform: translate(0, 0); } .partner-channel ul .item-con h3 { font-size: 0.28rem; } .partner-channel ul .item-con p { margin-top: 0.15rem; } } .partner-form { background: url(../images/hz02.jpg) no-repeat center center; background-size: cover; text-align: center; box-sizing: border-box; padding: 100px 0; } .partner-form a { display: inline-block; width: 300px; line-height: 60px; background-color: #fc6e00; border-radius: 10px; color: #fff; font-size: 24px; } .partner-form a:hover { opacity: 0.8; } @media screen and (max-width: 769px) { .partner-form { padding: 1rem 0; } .partner-form a { display: inline-block; width: 3rem; line-height: 0.7rem; font-size: 0.3rem; } } .banksm { background: url(../images/bank.png) no-repeat center center; background-size: cover; text-align: center; box-sizing: border-box; min-height: 350px; } .banksm .intitle1 h2 { color: #fff; } .banksm .intitle1 b { color: #666; font-size: 42px; } .banksm ul { overflow: hidden; margin-left: -8%; } .banksm ul li { float: left; width: 25.33%; margin: 0 0 0 8%; background: #fff; border-radius: 5px; color: #333; min-height: 150px; box-shadow: 1px 3px 6px 0px rgba(129, 129, 129, 0.07); position: relative; transition: all 0.5s; } .banksm ul li i { position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #f2f2f2; font-size: 120px; z-index: 1; transition: all 0.5s; } .banksm ul li h3 { position: absolute; top: 50%; left: 50%; display: block; width: 80%; transform: translate(-50%, -50%); z-index: 2; font-size: 18px; font-weight: bold; line-height: 30px; } .banksm ul li:hover { background: #fc6e00; color: #fff; } .banksm ul li:hover i { color: #fd8b33; } @media screen and (max-width: 769px) { .banksm { min-height: 3.5rem; } .banksm .intitle1 b { font-size: 0.5rem; } .banksm ul { margin-left: 0; } .banksm ul li { float: none; width: 80%; margin: 0 auto 0.2rem auto; min-height: 2rem; } .banksm ul li i { font-size: 1.2rem; } .banksm ul li h3 { font-size: 0.26rem; line-height: 0.4rem; } } .bankaccount ul li { background: #f5f5f5; padding: 25px 15px; } .bankaccount ul li:nth-child(even) { background: #fff; } .bankaccount dl { line-height: 22px; } .bankaccount dl dt { float: left; width: 15%; box-sizing: border-box; border-right: 1px solid #ddd; text-align: center; } .bankaccount dl dt img { max-height: 40px; } .bankaccount dl dd { float: left; width: 26%; padding: 10px 10px 0 10px; box-sizing: border-box; position: relative; } .bankaccount dl dd::after { content: ''; width: 1px; height: 20px; background: #ddd; position: absolute; top: 10px; right: 0; } .bankaccount dl dd i { color: #fc6e00; } .bankaccount dl dd p { display: inline-block; vertical-align: top; width: 95px; } .bankaccount dl dd b { display: inline-block; vertical-align: top; width: calc(100% - 100px); } .bankaccount dl dd:nth-child(3) { width: 32%; } .bankaccount dl dd:nth-child(3) p { width: 80px; } .bankaccount dl dd:nth-child(3) b { width: calc(100% - 85px); } .bankaccount dl dd:last-child { width: 22%; } .bankaccount dl dd:last-child::after { display: none; } @media screen and (max-width: 769px) { .bankaccount ul li { background: #f5f5f5; padding: 0.25rem 0.15rem; } .bankaccount ul li:nth-child(even) { background: #fff; } .bankaccount dl { line-height: 0.4rem; } .bankaccount dl dt { float: none; width: 100%; border-right: none; padding-bottom: 0.2rem; } .bankaccount dl dd { float: none; width: 100%; padding: 0.1rem 0; } .bankaccount dl dd::after { display: none; } .bankaccount dl dd i { font-size: 0.26rem; } .bankaccount dl dd p { display: inline-block; vertical-align: top; width: 1.8rem; } .bankaccount dl dd b { display: inline-block; vertical-align: top; width: calc(100% - 1.9rem); } .bankaccount dl dd:nth-child(3) { width: 100%; } .bankaccount dl dd:nth-child(3) p { width: 1.8rem; } .bankaccount dl dd:nth-child(3) b { width: calc(100% - 1.9rem); } .bankaccount dl dd:last-child { width: 100%; } .bankaccount dl dd:last-child::after { display: none; } } .xkyh5 { /* 九大核心技术 */ /* 合作政策 */ } .xkyh5 .w95 { width: 95%; margin: 0 auto; } .xkyh5 .htop { position: relative; margin-bottom: 0.8rem; } .xkyh5 .enrol { background-color: #ffffff; box-shadow: 0px 5px 10px 0px #eef4f9; border-radius: 0.2rem; width: 85%; margin: 0 auto; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0.6rem); box-sizing: border-box; padding: 0.2rem; } .xkyh5 .enrol img { width: 0.95rem; } .xkyh5 .enrol input { border: none; width: 100%; line-height: 0.6rem; font-family: "微软雅黑"; font-size: 0.24rem; text-indent: 0.2rem; background-color: #fcfdff; border-radius: 4px; border: solid 1px #d0d4db; } .xkyh5 .enrol button { display: inline-block; width: 100%; line-height: 0.6rem; border-radius: 0.1rem; font-size: 0.24rem; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: none; color: #fff; background-color: #0773ff; transform: translateY(-0.05rem); } .xkyh5 .enrol ul { overflow: hidden; } .xkyh5 .enrol ul li { display: inline-block; margin-right: 0.1rem; } .xkyh5 .enrol ul li:nth-child(2) { width: 1.2rem; } .xkyh5 .enrol ul li:nth-child(3) { width: 2.3rem; } .xkyh5 .enrol ul li:nth-child(4) { width: 1rem; margin-right: 0; } .xkyh5 .footenrol { background: url(../images/xky06.jpg) repeat-y left top; background-size: cover; padding: 0.4rem 0; } .xkyh5 .footenrol img { width: 0.86rem; } .xkyh5 .footenrol input { border: none; width: 100%; line-height: 0.6rem; font-family: "微软雅黑"; font-size: 0.24rem; text-indent: 0.2rem; background-color: #fe9376; border-radius: 4px; border: solid 1px #ffb09b; color: #fff; } .xkyh5 .footenrol input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } .xkyh5 .footenrol input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } .xkyh5 .footenrol input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } .xkyh5 .footenrol input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } .xkyh5 .footenrol button { display: inline-block; width: 100%; line-height: 0.6rem; border-radius: 0.1rem; font-size: 0.24rem; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: none; color: #ec372b; background-color: #ffd52f; transform: translateY(-0.05rem); } .xkyh5 .footenrol ul { overflow: hidden; padding-left: 0.4rem; } .xkyh5 .footenrol ul li { display: inline-block; margin-right: 0.1rem; } .xkyh5 .footenrol ul li:nth-child(2) { width: 1.5rem; } .xkyh5 .footenrol ul li:nth-child(3) { width: 2.3rem; } .xkyh5 .footenrol ul li:nth-child(4) { width: 1.5rem; margin-right: 0; } .xkyh5 .footenrol a { display: block; text-align: center; margin-top: 0.3rem; color: #fff; font-size: 0.26rem; } .xkyh5 .h2title { display: block; text-align: center; font-size: 0.3rem; padding: 0.4rem 0; position: relative; z-index: 2; color: #333333; } .xkyh5 .h2title span { position: relative; z-index: 3; padding: 0.1rem 0.2rem; background: #fff; } .xkyh5 .h2title::before { content: ''; display: block; width: 100%; height: 0.04rem; background: url(../images/xkybg01.png) center center; width: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .xkyh5 .technology ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .xkyh5 .technology ul li { width: 31%; text-align: center; border-radius: 8px; border: solid 1px #d8d9dc; margin-bottom: 0.25rem; padding: 0.1rem 0 0.2rem 0; } .xkyh5 .technology ul li img { width: 1.7rem; margin: 0 auto; } .xkyh5 .technology ul li h3 { font-size: 0.24rem; } .xkyh5 .policy { background: #0360d9 url(../images/xky05.jpg) repeat-x top center; color: #fff; } .xkyh5 .policy .h2title { color: #fff; } .xkyh5 .policy .h2title span { background: #207ef7; } .xkyh5 .policy ul { display: flex; flex-wrap: wrap; justify-content: center; } .xkyh5 .policy ul li { width: 28%; text-align: center; margin: 0 2% 0.5rem 2%; } .xkyh5 .policy ul li i { display: block; margin: 0 auto; width: 0.8rem; height: 0.8rem; border-radius: 100%; background: rgba(255, 255, 255, 0.2); position: relative; } .xkyh5 .policy ul li i::before { font-size: 0.5rem; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .xkyh5 .policy ul li h3 { font-size: 0.24rem; padding: 0.2rem 0 0.15rem 0; } .xkyh5 .policy ul li p { width: 80%; margin: 0 auto; font-size: 0.18rem; color: #c3ddff; } .xkyh5 .hadvantage { background: #f7f8fa; } .xkyh5 .hadvantage .h2title span { background: #f7f8fa; } .xkyh5 .hadvantage ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .xkyh5 .hadvantage ul li { width: 3.2rem; height: 3.2rem; text-align: center; border-radius: 100%; background: #fff; position: relative; margin-bottom: 0.3rem; } .xkyh5 .hadvantage ul li .item-con { width: 2.2rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .xkyh5 .hadvantage ul li i { font-size: 0.8rem; color: #0764ff; } .xkyh5 .hadvantage ul li h3 { font-size: 0.26rem; color: #333; margin: 0.15rem 0 0.1rem 0; } .xkyh5 .hadvantage ul li h3::after { content: ''; width: 0.15rem; height: 0.04rem; background: #0764ff; display: block; margin: 0.1rem auto 0 auto; } .xkyh5 .hadvantage ul li p { font-size: 0.2rem; color: #666; } .xkyh5 .hprocess ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .xkyh5 .hprocess ul li { margin-bottom: 0.5rem; width: 45%; text-align: center; } .xkyh5 .hprocess ul li .item-con { width: 2.2rem; height: 2.2rem; border-radius: 100%; margin: 0 auto; background: #0764ff; color: #fff; } .xkyh5 .hprocess ul li .item-con i { font-size: 0.8rem; display: block; padding-top: 0.35rem; } .xkyh5 .hprocess ul li .item-con h3 { font-size: 0.26rem; margin-top: 0.2rem; } .xkyh5 .hprocess ul li p { font-size: 0.24rem; color: #333; margin-top: 0.3rem; } .xkyh5 .hsupport { background: #f7f8fa; } .xkyh5 .hsupport .item-title .h2title span { background: #f7f8fa; } .xkyh5 .hsupport .item-title p { display: block; padding: 0 0 0.2rem 0; text-align: center; font-size: 0.22rem; transform: translateY(-0.3rem); } .xkyh5 .hsupport ul li { padding: 0.2rem; background: #fff; border-radius: 0.2rem; margin-bottom: 0.2rem; } .xkyh5 .hsupport ul li .item-img { display: inline-block; vertical-align: middle; } .xkyh5 .hsupport ul li .item-img img { width: 1.3rem; } .xkyh5 .hsupport ul li .item-con { display: inline-block; vertical-align: middle; width: 5rem; } .xkyh5 .hsupport ul li .item-con h3 { font-size: 0.28rem; font-weight: bold; color: #333; margin-bottom: 0.2rem; } .xkyh5 .hsupport ul li .item-con p { font-size: 0.24rem; color: #666; } .xkyh5 .hfoot { padding: 0.3rem; font-size: 0.22rem; text-align: center; } .founder .con { display: flex; flex-wrap: nowrap; justify-content: space-between; } .founder .con .right { display: flex; margin-left: 5%; padding-left: 5%; flex: 1; flex-direction: column; justify-content: space-evenly; border-left: 2px solid #fc6e00; } .founder .con .right h2 { margin-bottom: 30px; font-size: 28px; color: #2b2e2e; font-weight: bold; } .founder .con .right .text { display: flex; flex-direction: column; justify-content: space-between; } .founder .con .right p { margin-bottom: 15px; font-size: 16px; } .founder .con .right p.last { margin-bottom: 0; font-size: 14px; } @media screen and (max-width: 769px) { .founder .intitle1 p { min-height: 0.35rem; } .founder .con { display: flex; flex-wrap: nowrap; flex-direction: column; } .founder .con .left { display: flex; margin-bottom: 0.3rem; justify-content: center; } .founder .con .right { margin-left: 0; padding-left: 0; padding-top: 0.3rem; flex-direction: column; justify-content: flex-start; border-top: 2px solid #fc6e00; border-left: 0; } .founder .con .right h2 { text-align: center; margin-bottom: 0.4rem; font-size: 0.38rem; } .founder .con .right .text { display: flex; flex-direction: column; justify-content: space-between; } .founder .con .right p { margin-bottom: 0.3rem; font-size: 0.26rem; } .founder .con .right p.last { margin-bottom: 0; font-size: 0.26rem; } }