html, body { min-width: 1180px; } .businessNew-in { width: 1180px; margin: 0 auto; } .businessNew-bannerTitle { font-size: 24px; font-weight: bold; color: #fff; padding-top: 80px; margin-bottom: 20px; width: 620px; } .businessNew-bannerDesc { color: #fff; font-size: 14px; width: 620px; } .businessNew-bread-arrow { width: 60px; height: 60px; cursor: pointer; background: url(../image/sk-pub-crumbs-btn-nor.png) center center no-repeat; background-size: 26px 26px; box-shadow: inset 1px 0px 0px 0px #F7F5F5, inset -1px 0px 0px 0px #F7F5F5; } .businessNew-bread-arrow-select { width: 60px; height: 60px; cursor: pointer; background: url(../image/sk-pub-crumbs-btn-sel.png) center center no-repeat; background-size: 26px 26px; box-shadow: inset 1px 0px 0px 0px #F7F5F5, inset -1px 0px 0px 0px #F7F5F5; display: none; } .businessNew-bread-select-menu { position: absolute; right: 499px; width: 180px; background: #FFFFFF; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); border-radius: 0px 0px 4px 4px; top: 60px; padding: 10px 0; display: none; z-index: 3; } .businessNew-bread-select-menu a { display: block; line-height: 40px; height: 40px; padding: 0 20px; font-weight: bold; } .businessNew-bread-select-menu a:hover { background: #FFF7EF; } .yk-bread .w1180 { position: relative; } .businessNew-block1 { height: 492px; padding: 80px 0; } .businessNew-block1 .businessNew-in { position: relative; } .businessNew-block1::before { content: ""; display: inline-block; width: 350px; height: 350px; background: url(../image/sk-bussiness-bg-pic01.png) center center no-repeat; background-size: 100% 100%; position: absolute; left: 126px; top: -190px; } .businessNew-block1::after { content: ""; display: inline-block; width: 350px; height: 350px; background: url(../image/sk-bussiness-bg-pic02.png) center center no-repeat; background-size: 100% 100%; position: absolute; right: 0; bottom: 0; z-index: -1; } .businessNew-block1-l { width: 620px; margin-right: 80px; } .businessNew-block1-r { width: 480px; position: relative; padding-bottom: 30px; overflow: hidden; } .businessNew-block1-l-tag { font-size: 16px; color: #333; } .businessNew-block1-l-title { font-size: 18px; font-weight: bold; color: #333; margin-top: 20px; margin-bottom: 20px; } .businessNew-block1-l-desc { font-size: 14px; color: #666; height: 160px; } .businessNew-block1-l-btn { margin-top: 40px; width: 160px; height: 48px; line-height: 48px; background: #F99C34; text-align: center; color: #fff; font-size: 14px; font-weight: bold; cursor: pointer; display: inline-block; } .businessNew-block1-l-btn-a { margin-top: 40px; width: 160px; height: 48px; line-height: 48px; background: #F99C34; text-align: center; color: #fff; font-size: 14px; font-weight: bold; cursor: pointer; display: inline-block; margin-left: 30px; } .businessNew-block1-l-btn-a a { color: #fff; } .businessNew-block1-l-btn-a a:hover { color: #fff!important; } .businessNew-block1-l-btn a:hover { color: #fff!important; } .businessNew-main { position: relative; overflow: hidden; width: 100%; } .businessNew-block1-r-container { width: 480px; height: 270px; } .swiper-pagination-bullets.swiper-pagination-horizontal.businessNew-block1-r-pag { bottom: 0; } .businessNew-block1-r-pag .swiper-pagination-bullet { width: 10px; height: 10px; background: #999999; margin: 0 4px; } .businessNew-block1-r-pag .swiper-pagination-bullet-active { width: 20px; height: 10px; background: #F99C34; border-radius: 5px; } .jp-gui { position: absolute; height: 48px; bottom: 0; } .jp-controls-holder { padding: 8px 10px 0px 10px; } .jp-video-play-icon { margin-top: -30px; } .businessNew-block2 { background: #F6F8FB; } .businessNew-block2-title { text-align: center; margin-bottom: 40px; padding-top: 80px; } .businessNew-block2-title>div:first-child { font-size: 14px; color: #999; } .businessNew-block2-title>div:last-child { font-size: 20px; color: #333; font-weight: bold; } .businessNew-block2-main-item>div:first-child { width: 64px; height: 64px; } .businessNew-block2-main-item>div:first-child img { width: 100%; height: 100%; } .businessNew-block2-main-item-font>div:first-child { font-size: 18px; color: #333; font-weight: bold; margin-top: 40px; margin-bottom: 20px; } .businessNew-block2-main-item-font>div:last-child { font-size: 14px; color: #666; height: 100px; } .businessNew-block2-main-item { float: left; width: 320px; margin-bottom: 80px; } .businessNew-block2-main-item:not(:nth-child(3n)) { margin-right: 110px; } .businessNew-block3-item { width: 380px; height: 178px; border: 1px solid #EEEEEE; float: left; margin-bottom: 20px; padding: 30px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .businessNew-block3-item:hover { -webkit-box-shadow: 0 5px 10px #eee; -moz-box-shadow: 0 5px 10px #eee; box-shadow: 0 5px 10px #eee; } .businessNew-block3-item:hover .businessNew-block3-item-title span { color: #f99c34; } .businessNew-block3-item:not(:nth-child(3n)) { margin-right: 20px; } .businessNew-block3-item-title i { width: 24px; height: 24px; display: inline-block; } .businessNew-block3-item-title i img { width: 100%; height: 100%; } .businessNew-block3-item-title span { font-size: 18px; color: #333; font-weight: bold; margin-left: 6px; } .businessNew-block3-item-desc { font-size: 14px; color: #666; margin-top: 20px; } .businessNew-block3 { padding-bottom: 60px; } .businessNew-block4-main-pic { width: 710px; height: 370px; position: absolute; right: 0; z-index: 1; } .businessNew-block4-main-pic img { width: 100%; height: 100%; } .businessNew-block4-main-font { width: 780px; margin-right: 60px; z-index: 2; position: relative; } .businessNew-block4 { position: relative; min-height: 535px; background: #040F3C; padding-bottom: 60px; } .businessNew-block4 .businessNew-block2-title>div:last-child, .businessNew-block4 .businessNew-block2-title>div:first-child { color: #fff; } .businessNew-block4-main-font-desc { font-size: 14px; color: #fff; margin-bottom: 56px; } .businessNew-block4-main-font-content p { margin-bottom: 20px; } .businessNew-block4-main-font-content { color: #fff; font-size: 14px; } .businessNew-block4-main-font-content p { position: relative; padding-left: 26px; } .businessNew-block4-main-font-content p::after { content: ""; display: inline-block; width: 16px; height: 16px; background: url(../image/ic_six.png) center center no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 4px; } .businessNew-block5-main-pic { width: 320px; height: 180px; margin-right: 40px; } .businessNew-block5-main-pic img { width: 100%; height: 100%; } .businessNew-block5-main-title { font-weight: bold; font-size: 18px; color: #333333; margin-bottom: 20px; } .businessNew-block5-main-font-desc { font-size: 14px; color: #666666; margin-bottom: 20px; } .businessNew-block5-main-font-btn a { font-size: 14px; color: #333333; position: relative; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .businessNew-block5-main-font { width: 820px; } .businessNew-block5 { padding-bottom: 80px; } .businessNew-block5-main-font-btn a::after { content: ""; display: inline-block; height: 2px; background: #F99C34; position: absolute; left: 0; bottom: -4px; } .businessNew-pop { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.64); z-index: 10; display: none; } .businessNew-form { width: 800px; height: 630px; background: #FFFFFF; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3); position: absolute; left: 50%; margin-left: -400px; top: 5%; } .businessNew-form-title { width: 800px; height: 56px; line-height: 56px; box-shadow: inset 0px -1px 0px 0px #E3E3E3; padding: 0 20px; font-size: 16px; font-weight: bold; color: #333; position: relative; } .businessNew-form-main { padding: 20px 40px; } .businessNew-form-main-desc { font-size: 14px; color: #999; margin-bottom: 20px; } .crv-lab span { font-size: 14px; color: #666; width: 80px; display: inline-block; text-align: right; margin-right: 10px; vertical-align: middle; } .crv-lab span .star { color: #D0021B; font-size: 14px; display: inline-block; padding-right: 4px; font-style: inherit; } .crv-lab input[type=text] { width: 260px; height: 40px; background: #FFFFFF; border: 1px solid #D9D9D9; font-size: 14px; padding: 0 10px } .crv-lab input.yzm-ipt { width: 140px; height: 40px; background: #FFFFFF; border: 1px solid #D9D9D9; } .crv-lab textarea[type=textarea] { width: 630px; height: 120px; background: #FFFFFF; border: 1px solid #D9D9D9; padding: 0 10px; vertical-align: top; font-size: 14px; padding-top: 10px; font-family: 寰蒋闆呴粦, 瀹嬩綋 } .yzm { width: 96px; height: 40px; margin-left: 10px; } button[type=submit] { width: 140px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #F99C34; outline: none; border: none; margin-left: 90px; cursor: pointer; } .yzm-font { color: #4A90E2; margin-left: 10px; font-size: 14px; vertical-align: middle; } .yzm-font:hover { color: #4A90E2!important; } .crv-lab { font-size: 0; margin-bottom: 32px; position: relative; } .businessNew-form-list-fields .crv-lab { float: left; } /* .businessNew-form-list-fields .crv-lab:nth-child(2n) { margin-left: 20px; } */ .crv-lab span.crv-tips { position: absolute; left: 90px; top: 45px; color: #FF6F4B; width: auto; } .crv-lab-area span.crv-tips { top: 123px; } input:-webkit-autofill { box-shadow: 0 0 0 1000px white inset !important; } input:-internal-autofill-previewed, input:-internal-autofill-selected { -webkit-text-fill-color: #333 !important; transition: background-color 5000s ease-in-out 0s !important; } .crv-lab-area span:first-child { margin-top: 9px; } .businessNew-formSuc { position: absolute; top: 50%; left: 59%; transform: translate(-50%, -50%); width: 240px; height: 56px; background: #FFFFFF; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); border-radius: 4px; border: 1px solid #D9D9D9; line-height: 56px; padding-left: 52px; } .businessNew-form-icon { width: 20px; height: 20px; border-radius: 50%; display: inline-block; background: #F0F9EB; color: #5BBA69; line-height: normal; text-align: center; font-weight: bold; font-size: 16px; margin-right: 10px; font-style: normal; line-height: 20px; } .businessNew-formFail .businessNew-form-icon { background: #FFEFF0; color: #F5222D; } .businessNew-form-close { position: absolute; right: 0; width: 60px; height: 56px; text-align: center; line-height: 56px; cursor: pointer; font-size: 22px; } .businessNew-navList { width: 1120px; position: absolute; z-index: 10; left: 50%; margin-left: -560px; padding: 20px 0 20px 20px; background: #fff; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2); height: 580px; overflow-y: scroll; display: none; } .topMenu .menu .menu-list .businessNew-navList ul { display: block; float: left; box-shadow: none; margin-right: 40px; } .businessNew-navList>div>ul>li>a { font-weight: bold; color: #F99C34!important; box-shadow: inset 0px -1px 0px 0px #EEEEEe; } .topMenu .menu .menu-list .businessNew-navList ul li a:hover { background: none; color: #333; } .businessNew-navList>div>ul>ul a { font-size: 12px; padding: 8px 10px!important; } .businessNew-navList::-webkit-scrollbar { width: 8px; } .businessNew-navList::-webkit-scrollbar-thumb { background: #ccc; border-radius: 5px; } .businessNew-navList::-webkit-scrollbar-track { background: #fff; } .businessNew-block3-mian-tab-content>div:not(:first-child) { display: none; } .businessNew-block3-mian-tab { font-size: 0; text-align: center; padding-bottom: 24px; box-shadow: inset 0px -1px 0px 0px #E5E5E5; margin-bottom: 40px } .businessNew-block3-mian-tab li { display: inline-block; font-size: 16px; color: #333; font-weight: bold; cursor: pointer; position: relative; } .businessNew-block3-mian-tab li:not(:first-child) { margin-left: 80px; } .businessNew-block3-mian-tab li:active { color: #F99C34; } .businessNew-block3-mian-tab li.active::after { content: ""; display: inline-block; height: 4px; width: 40px; background: #F99C34; border-radius: 2px 2px 0px 0px; bottom: -24px; position: absolute; left: 50%; margin-left: -20px; } .topMenu .menu .menu-list { margin-left: 40px; } .businessNew-block5-main-font-btn a { color: #f99c34; } .businessNew-block5-main-font-btn a i.iconfont { padding-left: 10px; } .businessNew-block1-r-pag { bottom: -4px; transform: translateX(-50%)!important; left: 50%; } .businessNew-block5-main>div:not(:last-child) { margin-bottom: 40px; } .businessNew-block1-r-container img { width: 100%; height: 100%; } .crv-lab input[name=company] { width: 630px; } .businessNew-block1-l-btn-other { margin-top: 40px; width: 180px; height: 48px; line-height: 48px; background: #F99C34; text-align: center; color: #fff; font-size: 14px; font-weight: bold; cursor: pointer; display: inline-block; } .businessNew-block1-l-btn-other a { color: #fff; } .businessNew-block1-l-btn-other a:hover { color: #fff!important; }