.line-bar { display:block; position:absolute; bottom:4px; left:0; width:100%;} .line-bar i { display:block; width:200px; height:12px; background:rgba(0,102,255,0.3); margin:0 auto;} /*首页*/ .banner .swiper-slide { background-image: linear-gradient(to right ,#022992, #0048A6);} .banner .swiper-container-android .swiper-slide, .banner .swiper-wrapper {height: 560px;} .banner .pagination-con { position: absolute; right: 0; text-align: right; bottom: 0; width: 100%; z-index:10; } .banner .pagination { width: 1160px; margin: 0 auto; } .banner .swiper-pagination-bullet-active { background:none;} .banner .swiper-pagination-bullet { background:none; opacity:1;} .banner .swiper-pagination-switch,.banner .swiper-pagination-bullet { display: inline-block; width: 32px; height: 20px; font-size: 0; line-height: 20px; text-align: center; cursor: pointer; transition: width .8s; } .banner .swiper-pagination-switch:before, .banner .swiper-pagination-bullet:before { content: ''; display: inline-block; width: 24px; height: 4px; border-radius: 2px; background: rgba(102, 102, 102, .5); vertical-align: middle; transition: width .8s, background-color .8s; box-shadow: 0 3px 6px 0 rgba(33, 39, 81, 0.20); } .banner .swiper-active-switch:before, .banner .swiper-pagination-bullet-active:before { background: #09b8ff; box-shadow: 0 3px 6px 0 rgba(250, 111, 102, .5); } .banner .swiper-slide { position: relative; opacity: 0; transition: opacity 0.7s ease-in-out; } .banner .swiper-slide>a{display: block;height: 560px;} .banner .swiper-slide-active { opacity: 1; } .banner .swiper-slide .img { position: absolute; } .banner .inner { position: relative; display: block; width: 1180px; height: 500px; margin: 0 auto; } .banner .banner-text { position: absolute; left: 0; bottom: 200px; z-index: 9; } .slide1 .banner-text {bottom: 100px;} .slide2 .banner-text {bottom: 90px;} .slide1 .inner .turn{position:absolute;display: inline-block;} .slide1 .inner .turn01{top: 80px;right: 130px;} .slide1 .inner .turn02{top: 130px;right: -88px;} .slide1 .inner .turn03{top: 248px;right: 351px;} .slide1 .inner .turn04{top: 290px;right: 20px;} .slide1 .inner .turn .slide1-turn{display: inline-block;background: url("/statics/images/slide1-img01.png") 0 0 no-repeat;background-size: contain;animation:turn 12s linear infinite;} .slide1 .inner .turn .slide1-img01{width: 227px;height: 229px;} .slide1 .inner .turn .slide1-img02{width: 167px;height: 168px;} .slide1 .inner .turn .slide1-img03{width: 161px;height: 162px;} .slide1 .inner .turn .slide1-img04{width: 192px;height: 194px;} .slide1 .inner .turn font{position:absolute;display: inline-block;font-size: 18px;width: 100%;text-align: center;} .slide1 .inner .turn01 font{top: 93px;right: -4px;} .slide1 .inner .turn02 font{top: 55px;right: -2px;} .slide1 .inner .turn03 font{top: 53px;right: -2px;} .slide1 .inner .turn04 font{top: 73px;right: -2px;} .slide1-turn { -webkit-animation-name:slide1-turn; animation-name:slide1-turn; } .banner-04-text-01 .banner-04-01{right: -400px;top: -110px; position:absolute;} .banner-04-text-01 .banner-04-02{right: -200px; top: 50px; position:absolute;} .banner-04-text-01 .banner-04-03{right: -560px; top: 50px; position:absolute;} .banner-04-01 { -webkit-animation-name:banner-04-01; animation-name:banner-04-01; } .banner-04-02 { -webkit-animation-name:banner-04-02; animation-name:banner-04-02; } .banner-04-03 { -webkit-animation-name:banner-04-03; animation-name:banner-04-03; } @keyframes banner-04-01{ 0%{ width:0px; opacity: 0;} 100%{ width:160px; opacity: 1;} } @keyframes banner-04-02{ 0%{ width:0px; opacity: 0;} 100%{ width:164px; opacity: 1;} } @keyframes banner-04-03{ 0%{ width:0px; opacity: 0;} 100%{ width:125px; opacity: 1;} } @keyframes slide1-turn{ 0%{opacity: 0;} 100%{opacity: 1;} } .banner-01-text-01{font-size: 20px;color: #fff;} .banner-01-text-01 .fl{margin-right: 64px;} .banner-01-text-01 .fl>div{margin-bottom:14px;} .banner-01-text-01 .fl>div img{margin-right: 10px;} .banner-01-text-01 h1{font-size: 60px;margin-bottom: 22px;} .banner-01-text-01 img{position: absolute;} .banner-01-text-01 .banner-ip-01{left: 777px;top: -7px;} .banner-01-text-01 .banner-ip-02{left: 1130px;top: -22px;} .banner-01-text-01 .banner-ip-03{left: 618px;top: 175px;} .banner-01-text-01 .banner-ip-04{left: 970px;top: 153px;} .banner-01-b{background-image: linear-gradient(#1449a1, #07295e);padding: 5px 0 10px 0;} .banner-01-b .wrapper>ul>li{float: left;} .banner-01-b .wrapper>ul>.t1{width: 20%;} .banner-01-b .wrapper>ul>.t2{width: 30%;} .banner-01-b .wrapper>ul>.t3{width: 30%;} .banner-01-b .wrapper>ul>.t4{width: 20%;} .banner-01-b .wrapper>ul>li>div{position: relative;text-align: center;} .banner-01-b .wrapper>ul>li>div>.t1-con-01{display:inline-block;margin-top: 22px;margin-right: 20px;} .banner-01-b .wrapper>ul>li>div>.t1-con-02{} .banner-01-b .wrapper>ul>li>div>.t1-con-02 h3{font-size: 40px;font-weight: bold;color: #fcaf1a;text-align: center;} .banner-01-b .wrapper>ul>li>div>.t1-con-02 h3 i{font-size: 12px;} .banner-01-b .wrapper>ul>li>div>.t1-con-02 p{font-size: 14px;color: #fff;} .banner-01-b .wrapper>ul>li>div>i{display: inline-block;width: 0;height: 57px;border: 1px #506A9D solid;position: absolute;top: 18px;right: 0;} .banner-text .more{font-size: 18px;font-weight: 500;color: #F2F2F2;display: inline-block;width: auto; height:45px; line-height:45px;border-radius: 22px;text-align: center;margin-top:25px;background-color: #ffaa01; padding: 0 30px;} .banner-text .more img{margin-left: 10px;} .banner .slide1 .banner-text h1 { width:638px; height:127px; background:url('/statics/images/baner-title1.png');} .banner .slide2 .banner-text h1 { width:594px; height:127px; background:url('/statics/images/baner-title2.png');} .banner-ip-01 { -webkit-animation-name:banner-ip-01; animation-name:banner-ip-01; } .banner-ip-02 { -webkit-animation-name:banner-ip-02; animation-name:banner-ip-02; } .banner-ip-03 { -webkit-animation-name:banner-ip-03; animation-name:banner-ip-03; } .banner-ip-04 { -webkit-animation-name:banner-ip-04; animation-name:banner-ip-04; } @keyframes banner-ip-01{ 0%{ width:0px; opacity: 0;} 100%{ width:271px; opacity: 1;} } @keyframes banner-ip-02{ 0%{ width:0px; opacity: 0;} 100%{ width:256px; opacity: 1;} } @keyframes banner-ip-03{ 0%{ width:0px; opacity: 0;} 100%{ width:249px; opacity: 1;} } @keyframes banner-ip-04{ 0%{ width:0px; opacity: 0;} 100%{ width:240px; opacity: 1;} } .banner .slide1 { background: url("../images/banner1.jpg") center center no-repeat; background-size:cover;} .banner .slide2 { background: url("../images/banner2.jpg") center center no-repeat; background-size:cover;} .banner .slide1 .img1 { right: -400px; bottom: -250px; z-index: 9; position: absolute; } .banner .slide2 .img1 { right: -400px; bottom: -250px; z-index: 9; position: absolute; } /*底下四个导航*/ .home-events {} .boteasein{ -webkit-animation: boteaseinAnimate 1s ease; animation: boteaseinAnimate 1s ease; } @-webkit-keyframes boteaseinAnimate{ 0%{ -webkit-transform: translateY(200px); opacity: 0;} 100%{ -webkit-transform: translateY(0px); opacity: 1;} } @keyframes boteaseinAnimate{ 0%{ transform: translateY(200px); opacity: 0;} 100%{ transform: translateY(0px); opacity: 1;} } @keyframes mymove { 0% {background-position: 200% -40px;} 100% {background-position: right -40px;} } /*首页 亮点产品*/ @-webkit-keyframes bounceRight { 0%, 50%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 25%, 75% { -webkit-transform: translateX(5px); transform: translateX(5px); } } @-moz-keyframes bounceRight { 0%, 50%, 100% { transform: translateX(0); } 25%, 75% { transform: translateX(5px); } } @-o-keyframes bounceRight { 0%, 50%, 100% { transform: translateX(0); } 25%, 75% { transform: translateX(5px); } } @keyframes bounceRight { 0%, 50%, 100% { -ms-transform: translateX(0); transform: translateX(0); } 25%, 75% { -ms-transform: translateX(5px); transform: translateX(5px); } } .index .banner{color: #fff;box-shadow:0px 10px 20px #ccc;} .index .banner .banner-01{} .index .banner .banner-01 .banner-01-bg{background-image: linear-gradient(to right ,#022992, #0048A6);} .index .banner .banner-01 .banner-01-con{height: 715px;background: url('/statics/images/banner01-bg.png') right -40px no-repeat;background-size: 65%; -webkit-animation: mymove 1s ease; /* Chrome, Safari, Opera */ animation: mymove 1s ease;} .index .banner .banner-01 .banner-01-text{padding-top: 200px;} .index .banner .banner-01 .banner-01-text>a{font-size: 18px;color: #0045A4;display: inline-block;width: 146px;padding: 11px;border-radius: 22px;background-color: #fff;text-align: center;margin-top: 80px;} .index .banner .banner-01 .banner-01-text .banner-01-text-01{font-size: 20px;} .index .banner .banner-01 .banner-01-text .banner-01-text-01 .fl{margin-right: 64px;} .index .banner .banner-01 .banner-01-text .banner-01-text-01 .fl>div{margin-bottom: 27px;} .index .banner .banner-01 .banner-01-text .banner-01-text-01 .fl>div img{margin-right: 10px;} .index .banner .banner-01 .banner-01-text .banner-01-text-01 h1{font-size: 60px;margin-bottom: 42px;} .index .banner .banner-01 .banner-01-b{height: 180px;background-color: #275192;} .index .banner .banner-01 .banner-01-b .wrapper>ul>li{width: 25%;float: left;} .index .banner .banner-01 .banner-01-b .wrapper>ul>li>div{padding: 0 31px 0 41px;position: relative;} .index .banner .banner-01 .banner-01-b .wrapper>ul>li>div>.t1-con-01{width: 34px;margin-right: 17px;margin-top: 70px;} .index .banner .banner-01 .banner-01-b .wrapper>ul>li>div>.t1-con-02{width: 171px;margin-top: 45px;} .index .banner .banner-01 .banner-01-b .wrapper>ul>li>div>.t1-con-02 h3{font-size: 16px;} .index .banner .banner-01 .banner-01-b .wrapper>ul>li>div>.t1-con-02 p{font-size: 12px;color: #A8BFE3;margin-top: 5px;} .index .banner .banner-01 .banner-01-b .wrapper>ul>li>div>i{display: inline-block;width: 0;height: 57px;border: 1px #506A9D solid;position: absolute;top: 59px;right: 0;} .index .content .content-01{} .index .content .content-02{display: none;} .index .content .content-01 .layui-col-md4{overflow: hidden;} .index .content .content-fangan-box{padding-top: 15px;} .content-01-t1{position: relative;text-align: center} .content-01-t1 h2{font-size:28px;font-weight: bold;text-align: center;} .content-01-t1 .more-news{bottom:0;right: 290px;} .content-01-t1 .hdxx{bottom:0;right: 145px;} .content-01-t1 .mtbd{bottom:0;right: 0;} .content-news .content-01-t1 a{position: absolute;bottom: 4px;font-size: 15px;display:inline-block;width: 135px;height: 42px;line-height:42px;border-radius:20px;color: #fff;background-color: #ffc700;transition: all 1s;} .content-news .content-01-t1 a:hover{background-color: #1a3ab3;} .content-news .content-01-t1 a img{display: none;} .content-news .content-01-t1 a:hover img{animation: bounceRight 1s infinite;} .index .content .content-light .wrapper{margin-top: 30px;box-sizing: border-box;} .index .content-01 .t1 .more{background-color: #4C9EC9;border-radius:0 0 4px 4px;} .index .content-01 .t2 .more{background-color: #00B2A9;border-radius:0 0 4px 4px;} .index .content-01 .t3 .more{background-color: #FDAF1B;border-radius:0 0 4px 4px;} .index .content-01 .more a{font-size: 18px;color:#fff;display: block;padding: 22px 30px;} .index .content-01 .more a img{margin-top: 3px;} .index .content-01 .content-01-con{padding: 15px 0 0 0;} .index .content-01>div>ul>li{float: left;width: 33.33%;border-radius:4px;} .index .content-01>div>ul>li>div{padding: 20px 0 0 20px;height: 154px;background-color: #fff;box-shadow:0px 4px 15px 0px rgba(111,114,124,0.2);border-radius:10px; position:relative;} .index .content-01>div>ul>li>div h3{font-size: 19px;font-weight: bold;color:#ffc700;margin-top: 15px;margin-bottom: 5px;} .index .content-01>div>ul>li>div h3 i{color:#1a3ab3;} .index .content-01>div>ul>li>div span{display: inline-block;padding: 1px 10px;background-color: #ffc700;border-radius: 10px;line-height: 0;position: absolute;bottom: 20px;transition: all 1s;} .index .content-01>div>ul>li>div span:hover{background-color: #1a3ab3;} .index .content-01>div>ul>li>div:hover span{animation: bounceRight 1s infinite;} .business-unit-pillars .unit .bounceRight { display: block; -webkit-animation: none; animation: none; } .business-unit-pillars .unit:hover .arrow { background-color: #FCAF1A; } .business-unit-pillars .unit:hover .arrow.bounceRight { -webkit-animation: bounceRight 1s infinite; animation: bounceRight 1s infinite; } /*亮点产品*/ @-webkit-keyframes bounceRight { 0%, 50%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 25%, 75% { -webkit-transform: translateX(5px); transform: translateX(5px); } } @-moz-keyframes bounceRight { 0%, 50%, 100% { transform: translateX(0); } 25%, 75% { transform: translateX(5px); } } @-o-keyframes bounceRight { 0%, 50%, 100% { transform: translateX(0); } 25%, 75% { transform: translateX(5px); } } @keyframes bounceRight { 0%, 50%, 100% { -ms-transform: translateX(0); transform: translateX(0); } 25%, 75% { -ms-transform: translateX(5px); transform: translateX(5px); } } .index .content-01>div>ul>li>div p{font-size: 14px;line-height: 1.5;word-break: break-all;} .index .content-01>div>ul>li>.t1{margin-right: 12px; background:url("/statics/images/content-01-01.png") right 0 no-repeat;} .index .content-01>div>ul>li>.t2{margin: 0 7px; background:url("/statics/images/content-01-02.png") right 0 no-repeat;} .index .content-01>div>ul>li>.t3{margin-left: 12px; background:url("/statics/images/content-01-03.png") right 0 no-repeat;} .index .content-01 .img{ width:100%; border-radius:4px 4px 0 0;} .index .content-01 .intro { position:absolute; left:0; top:0; width:100%; height:180px; padding:50px 40px;font-size:16px; box-sizing:border-box; display:none;border-radius:4px;transition:transform .3s;} /*.index .content-01 .t1:hover .intro { display:block; background:rgba(76,158,201,0.7);}*/ /*.index .content-01 .t2:hover .intro { display:block; background:rgba(0,178,169,0.7);}*/ /*.index .content-01 .t3:hover .intro { display:block; background:rgba(159,105,1,0.8);}*/ .index .content .wrapper {position: relative;} .index .content .wrapper .index_l,.index .content .wrapper .index_r{display: none;} .index .content .wrapper .index_l{position: absolute;left: -1050px;width: 1000px;} .index .content .wrapper .index_r{position: absolute;right: -1050px;width: 1000px;} .index .content .content-fangan{padding:30px 0 0;} .index .content .content-fangan .wrapper {padding: 10px 20px 20px; position:relative;} .index .content-fangan .content-01-con{padding: 40px 0 50px 0;} .index .content-fangan .t1{background: url("/statics/images/content-fangan-01.jpg") no-repeat;} .index .content-fangan .t2{background: url("/statics/images/content-fangan-02.jpg") no-repeat;} .index .content-fangan .t3{background: url("/statics/images/content-fangan-03.jpg") no-repeat;} .index .content-fangan .content-01-con>li>div>.more{position:absolute;left: 31px;bottom: 20px;background: none;} .index .content-fangan .content-01-con>li>div>.more a{font-size: 16px;color: #575D6C;padding: 0;} .index .content-fangan .content-01-con>li>div>.more a img{margin-left: 5px;} .index .content-fangan>div>ul>li>div h3{color: #fff;font-size: 24px;font-weight:500;padding: 0;margin-top: 0;margin-bottom: 8px; position:absolute; left:20px; bottom:20px;background:linear-gradient(180deg,rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.8) 100%);} .index .content-fangan>div>ul>li>div p{color: #DAE2ED;font-size: 16px;padding: 0 10px 0 0;margin-bottom: 17px;} .index .content-fangan .t-con{width:100%; height: 214px;color:#ffffff;box-sizing:border-box;position: relative;background-size: 100%;background-position: center center;overflow:hidden;transition: all 4s ease 0s;} .index .content-fangan .t-con:hover{background-size: 150%;} .index .content-fangan .t-con .mask {position: absolute;width: 100%;height: 80px;bottom: 0;opacity: 0.8;} .index .content-fangan .t-con .sub{position:absolute;bottom: 0;padding: 15px 20px;} .index .content-fangan .t-con .sub h3{font-size: 18px;font-weight: bold;} .index .content-fangan .t-con .sub p{font-size: 14px;} .index .content-fangan .t1 .mask {background-color: #1934c4;} .index .content-fangan .t2 .mask {background-color: #3c7d9e;} .index .content-fangan .t3 .mask {background-color: #0daeb0;} .index .content .content-news{padding: 10px 20px 20px;} .index .content .content-news .wrapper {position:relative; box-sizing:border-box;} .index .content .content-news .content-news-con{margin-top: 40px;} .index .content .content-news .content-news-con .news-con-row{} .index .content .content-news .content-news-con .news-con-row .news-con-row-l{width: 364px;float: left;box-shadow: 0 0 5px #ccc;background-color: #fff;} .index .content .content-news .content-news-con .news-con-row .news-con-row-r{width: 796px;float: right;} .index .content .content-news .content-news-con{margin-top: 30px;} .index .content .content-news .content-news-con .content-news-list{font-size: 16px;color: #333;box-shadow: 0 0 5px #ccc;margin-bottom: 5px;background-color: #fff;} .index .content .content-news .content-news-con .content-news-list .layui-icon{font-size: 12px;color: #000;border-left: 1px #000 solid;height: 12px;line-height: 12px;margin: 8px 0 0 0;padding-left: 10px;} .index .content .content-news .content-news-con .content-news-list:last-child { border:none;} .index .content .content-news .content-news-con .content-news-list span{display: inline-block;margin-top: 10px;} .index .content .content-news .content-news-con .content-news-list a{color: #000;} .index .content .content-news .content-news-con .content-news-list a p{height: 27px;line-height: 27px;padding: 13px 18px;} .index .content .content-news .content-news-con .content-news-list a p:before{content: "•";padding-right: 10px;} .index .content .content-news .content-news-con .content-news-list a:hover, .content-news-con .news-first a:hover{color: #228DE8;} .index .content .application-cases{padding:10px 0 80px;background: url("/statics/images/news-bg.png") 0 0 no-repeat; background-size:cover; max-width:1920px; margin:0 auto;} /**伙伴芯声**/ .index .voice_customer { width: 100%; background: url(../images/hbxs.png) no-repeat center center; background-size: 100% 100%; padding: 40px 0 40px; } .index .voice_customer .voice_customer_content { width: 100%; position: relative; padding: 40px 0; } .index .voice_customer .voice_customer_content ul li { width: 440px; height: 360px; background: #fff; box-shadow: 0 8px 30px #ddd; border-radius: 9px; padding: 30px 40px 116px; box-sizing: border-box; position: relative; } .index .voice_customer .voice_customer_content ul li .item-name { display: flex; } .index .voice_customer .voice_customer_content ul li .item-logo { width: 50%; } .index .voice_customer .voice_customer_content ul li img { max-width: 100%; } .index .voice_customer .voice_customer_content ul li .item-info { width: 50%; text-align: right; } .index .voice_customer .voice_customer_content ul li .item-info.gexin { width: 60%; } .index .voice_customer .voice_customer_content ul li .item-info span { font-size: 12px; } .index .voice_customer .voice_customer_content ul li::after { content: ''; position: absolute; width: 27px; height: 22px; background: url(../images/yinhao.png) no-repeat; background-size: 100% 100%; right: 34px; bottom: 30px; display: none; } .index .voice_customer .voice_customer_content ul li h6 { font-size: 24px; color: #333; font-weight: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 14px; } .index .voice_customer .voice_customer_content ul li .abstract { width: 100%; margin-top: 20px; font-size: 16px; color: #333; line-height: 32px; } .index .voice_customer .voice_customer_content .swiper-pagination.kfzs_fy { display: flex; align-items: center; justify-content: center; bottom: 0; } .index .voice_customer .voice_customer_content .swiper-pagination.kfzs_fy span { width: 8px; height: 8px; background: #ffffff; opacity: 1; display: block; margin: 0 5px; transition: all 0.3s; border-radius: 5px; border: #b1b1b1 solid 1px; } .index .voice_customer .voice_customer_content .swiper-pagination.kfzs_fy span.swiper-pagination-bullet-active { background: #1b3bb2; border: #1b3bb2 solid 1px; transition: all 0.3s; width: 10px; height: 10px; border-radius: 6px; } .index .voice_customer .voice_customer_content ul li::before { content: ""; position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.4; left: 0; top: 0; border-radius: 9px; } .index .voice_customer .voice_customer_content ul li.swiper-slide-active::before { display: none; } .index .voice_customer .more { margin: 40px auto 0; } @media only screen and (max-width:992px) { .index .voice_customer .voice_customer_content ul li { display: block; } .index .voice_customer .voice_customer_content ul li .item-info { width: 100%; } .index .voice_customer .voice_customer_content ul li .abstract { width: 100%; margin-top: 20px; font-size: 14px; line-height: 28px; text-align: left; } .index .voice_customer .voice_customer_content ul li { padding: 20px; width: 100%; height: auto; } .index .content .wrapper { padding: 0 20px; box-sizing: border-box; } } /*首页和芯片定制*/ .index .custom-example-list { position:relative;margin-top: 30px;} .index .custom-example-list .swiper-wrapper{overflow: hidden;width: 1160px;left: 0;top: 0;_height:1px;} .index .custom-example-list .swiper-slide {float:left;width: 295px;background-color: #fff;height: 452px;} .index .custom-example-list .swiper-slide>a{display: inline-block;padding-right: 20px;} .index .custom-example-list .swiper-button-prev {position: absolute;left:-33px;width:33px;height:75px;background:url("/statics/images/prev_icon.jpg") center center no-repeat;opacity: 0.8;transition: all 0.2s;} .index .custom-example-list .swiper-button-next {position: absolute;right:-33px;width:33px;height:75px;background:url("/statics/images/next_icon.jpg") center center no-repeat;opacity: 0.8;transition: all 0.2s;} .index .custom-example-list .swiper-button-prev:hover, .swiper-button-next:hover{opacity: 1;} .index .custom-example-list .case-item {background:#ffffff;box-shadow: 0 1px 15px 0px rgba(0, 0, 0, 0.1);} .index .custom-example-list .case-item .case-img img { width:100%;} .index .custom-example-list .case-item .case-intro { padding:0 25px;} .index .custom-example-list .case-item .case-intro h3 { color:#1a3ab3; font-size:17px; font-weight:bold; line-height:60px;} .index .custom-example-list .case-item .case-intro p {color:#000000; font-size:14px; line-height:24px; height:215px;} .index .custom-example-list .case-item .read-more { padding:20px 30px;} .index .custom-example-list .case-item .read-more span { display:inline-block; width:101px; height:24px; line-height:24px; background:#f6c944; font-size:14px; color:#364245; border-radius:15px; text-align:center;} .index .custom-example-list .case-item .read-more span img { margin-left:5px; margin-top:-2px; width:13px;} /*修改*/ .index .content .factory{background: url("/statics/images/factory-earth.jpg") center center no-repeat; background-size:cover;} .index .content .factory .factory-t{height: 588px;background: url("/statics/images/factory-bg.png") center center no-repeat;} .index .content .factory .factory-t .partner{padding: 165px 0 0 40px;} .index .content .factory .factory-t .partner .partner-con{width: 730px;position: relative;} .index .content .factory .factory-t .partner .partner-con img{margin: 0 20px 10px 15px;} .index .content .factory .factory-t .partner .partner-con .img05{margin: 0 80px 0 0;} .index .content .factory .factory-t .partner .partner-con .img06{margin: 0 80px 0 0;} .index .content .factory .factory-t .partner .partner-con .img07{margin: 0 90px 0 0;} .index .content .factory .factory-t .partner .partner-con .img08{margin: 0;} .index .content .factory .factory-t .partner .partner-con .left-a,.index .content .factory .factory-t .partner .partner-con .right-a{font-size: 30px;color: #fff;display: inline-block;position: absolute;z-index: 1;opacity: 0.5;top: 40px;padding: 20px;display: none;} .index .content .factory .factory-t .partner .partner-con .left-a{left: -105px;} .index .content .factory .factory-t .partner .partner-con .right-a{right: -80px;} .index .content .factory .factory-t .partner .more{ position:absolute; bottom:-60px; right:-7px;} .index .content .factory .factory-t .partner .more a{font-size: 16px;color: #fbaf1b;} .index .content .factory .factory-t .partner .more a{opacity: 0.8;} .index .content .b-text{text-align: center;margin-top: 57px;} .index .content .b-text h1{color: #000;font-size: 50px;font-weight: bold;} .index .content .b-text h1 span,.index .content .b-text p{font-size:16px; line-height:28px; color:#000;} .index .content .b-text .b-text-b{padding: 83px 0 50px 0;} .content-news-con .news-first {font-size:16px; line-height:28px; color:#575D6C;} .content-news-con .news-first a span{display: inline-block;padding: 1px 10px;background-color: #ffc700;border-radius: 10px;line-height: 0;margin: 2px 0 15px 20px;} .content-news-con .news-first img {width:100%;} .content-news-con .news-first p{ padding:15px 20px 0;} .content-news-con .news-list {padding:0 0 0 30px;} /*芯片定制*/ .asicdz_banner {height: 480px;background: url('/statics/images/banner_custom.jpg') center center no-repeat #141826; background-size:contain;} .asci-custom-example-box .swiper-slide { height:460px;} .asci-custom-example-box .custom-example-list { position:relative;margin-top: 30px;} .asci-custom-example-box .swiper-button-prev {position: absolute;left: -50px;background:url("/statics/images/prev_icon.png") center center no-repeat;} .asci-custom-example-box .swiper-button-next {position: absolute;right: -50px;background:url("/statics/images/next_icon.png") center center no-repeat;} .asci-custom-example-box .swiper-container.btn { width:1200px; padding: 60px; height:5px; overflow:auto; position:absolute; top:160px; left:-80px;} .asci-custom-example-box .custom-example-t { position:relative; text-align:center; width:100%; height:28px; margin:35px auto 40px auto;} .asci-custom-example-box .custom-example-t i {width:200px;} .asci-custom-example-box .custom-example-t .line-bar { z-index:1; bottom:-7px;} .asci-custom-example-box .custom-example-t a { z-index:2; display:block; position:absolute; width:100%; color:#333;} .asci-custom-example-box .case-item { background:#ffffff;box-shadow: 0 1px 15px 0px rgba(0, 0, 0, 0.1);} .asci-custom-example-box .case-item .case-img img { width:100%;} .asci-custom-example-box .case-item .case-intro { padding:0 30px;} .asci-custom-example-box .case-item .case-intro h3 { color:#1a3ab3; font-size:20px; font-weight:bold; line-height:60px;} .asci-custom-example-box .case-item .case-intro p {color:#000000; font-size:14px; line-height:24px; height:140px;} .asci-custom-example-box .case-item .read-more { padding:20px 30px;} .asci-custom-example-box .case-item .read-more span { display:inline-block; width:101px; height:24px; line-height:24px; background:#f6c944; font-size:14px; color:#364245; border-radius:15px; text-align:center;} .asci-custom-example-box .case-item .read-more span img { margin-left:5px; margin-top:-2px; width:13px;} .area-wrap {background:#ffffff; padding:5px 0 0 0;} .area-wrap .asci-fgly-t { position:relative; text-align:center; width:100%; height:28px; margin:35px auto 40px auto;} .area-wrap .asci-fgly-t i {width:200px;} .area-wrap .asci-fgly-t .line-bar { z-index:1; bottom:-7px;} .area-wrap .asci-fgly-t a { z-index:2; display:block; position:absolute; width:100%; color:#333;} .area-box { text-align:center;} .area-box { position:relative;} .area-box .area-item { position:absolute; width:136px; height:136px; cursor:pointer; border: solid 6px transparent; border-radius:71px; overflow:hidden;} .area-box .area-item img {transition:all 0.3s ease 0s;width:136px;} .area-box .area-item:hover img {transform: scale(1.25);} .area1 { left:2px; top:458px;} .area2 { left:84px; top:252px;} .area3 { left:255px; top:105px;} .area4 { left:500px; top:43px;} .area5 { left:729px; top:100px;} .area6 { left:896px; top:252px;} .area7 { left:982px; top:460px;} .start-asic {padding: 40px 0 20px 0;} .pcle{margin: 10px 0 50px 0;} .pcle img{max-width: 100%;} .left-menu>li>p{border: 1px #fcc580 solid;margin-bottom: 5px;} .left-menu>li>p,.left-menu>li>ul>li{padding:10px 30px 10px 20px;margin-bottom: 3px;} .left-menu a{display: block;color: #333} .left-menu a:hover{font-weight: bold;color: #333} .left-menu>li>ul>li{background: none;} .left-menu .active a{font-weight: bold;} .left-menu .close-ul{cursor: pointer;} .left-menu .layui-icon{margin-right: -20px;margin-top: -28px;} .pro-info{border-top: 7px #1e4990 solid;} .info-block{padding-top: 20px;} .info-block ul{margin-left: 20px;} .info-block h4 {font-size: 16px;font-weight: bold;} .info-block h4 em { margin-right: 10px; margin-top: -5px; } [class^="icon-"] { display: inline-block; vertical-align: text-top; background-image: url('/statics/images/bg_icon.png'); background-repeat: no-repeat; } .info-block h4 em.icon-feature { width: 30px; height: 26px; background-position: -297px -113px; } .info-block h4 em.icon-adv { width: 30px; height: 26px; background-position: -331px -113px; } .info-block h4 em.icon-block { width: 30px; height: 30px; background-position: -397px -113px; } .info-block h4 em.icon-app { width: 31px; height: 34px; background-position: -365px -113px; } .icon-select { width: 32px; height: 32px; background-position: -342px -310px; } .info-block ul{line-height: 1.5em;} .info-block ul li{list-style: disc;} .line-color{height: 7px;} .block_ip a{padding: 10px 20px;border-radius: 5px;background-color: #1E9FFF;color: #fff;margin-right: 10px;} /*Q&A*/ .qa_wrap {margin-left: 37px;background:url('/statics/images/qa_03.jpg') no-repeat bottom right;} .qa_wrap h2 { font-size:20px; color:#000; font-weight:bolder; padding-left:11px;} .q_content { position:relative; margin:15px 0; width:475px; height:33px; padding-left:11px; background:url('/statics/images/qa_02.jpg') bottom repeat-x; color:#0e529a; font-size:20px; font-weight:bolder;} .qa-icon { display:block; width:44px; height:43px; background:url('/statics/images/qa_01.jpg') no-repeat; left:-37px; top:0; position:absolute;} .a_content { padding-left:11px; font-size:12px; color:#111214; display:table; width:690px; vertical-align:top;} .a_content .col-md-6 { float:left; width:320px; } .a_content p { margin-bottom:24px;} .a_content li { line-height:27px; list-style:disc;} .core-ip-advantage{line-height: 1.7em;padding-left: 1em;} .core-ip-advantage li{list-style-type: decimal;} /*选项前面打钩*/ .info-block ul li.dagou{list-style: none;list-style-image:url('/statics/images/gou_icon.png');} /*一站式IP*/ .area{position: relative;} .area .ip_img1_top_icon{position: absolute;top: -26px;right: -26px;z-index: 1;} .breadcrumb { height:51px; line-height:51px; background:#f6f6f6; border-bottom:#dddddd solid 1px; color:#3c3b39; } .breadcrumb a {color:#3184ff; margin-right:5px;} .hide { display:none;} .yzsip-banner{height: 480px;background: url("/statics/images/ip-index-01.jpg") center center no-repeat #050010; background-size:contain;} .ip-intro { margin:40px auto 40px auto; border-bottom:#f5f5f6 solid 2px;} .ip-intro p { line-height:40px; padding-bottom:25px; font-size:16px;} .pcle{margin: 50px 0 50px 0;} .left-menu>li>ul{display: none;} .pcle .select-t-index {margin-top: 8px;} .pcle .ip-series{box-shadow: 0 1px 15px #ddd;padding: 40px 45px;position: relative;} .pcle .ip-series .ip-series-t{position: absolute;top: -16px;right: -14px; width:160px;} .pcle .ip-selector-con{padding: 18px 0 0;} .pcle .ip-series {box-shadow: 0 1px 15px 0px rgba(0, 0, 0, 0.15);} .pcle .ip-series:hover {box-shadow: 0 1px 15px 0px rgba(0, 0, 0, 0.3);} .pcle .ip-series h1 { position:relative;} .ip-search{text-align: right;} .ip-search .form-search{width: 350px;display: inline-block;} .ip-search .layui-btn{background-color: #0044a9;} .area h1 { position:relative; text-align:center; margin:50px auto 30px auto;} .area h1 i {width:200px;} .area .brick-img {height:298px;background-image:url('/statics/images/ip_img2.jpg');background-size:cover;background-position:center;transition:transform 8s;cursor:pointer;} .area .ip_img1_item { overflow:hidden;box-shadow: 0 1px 15px 0px rgba(0, 0, 0, 0.3);} .area .ip_img1_item:hover .brick-img {transform:scale(1.4)} .area .ip_img1 {height:615px;background-image:url('/statics/images/ip_img1_big.png');} .area .brick-item { overflow:hidden;box-shadow: 0 1px 15px 0px rgba(0, 0, 0, 0.3);} .area .brick-item:hover .brick-img {transform:scale(1.4)} .solusion .brick-img {height:485px;background-image:url('/statics/images/ip-solusion-01.jpg');background-size:cover;background-position:center;transition:transform 8s;cursor:pointer;} .solusion .brick-item { overflow:hidden;box-shadow: 0 1px 15px 0px rgba(0, 0, 0, 0.3);} .solusion .brick-item:hover .brick-img {transform:scale(1.4)} .solusion .brick-img {height:485px;background-image:url('/statics/images/ip-solusion-01.jpg');background-size:cover;background-position:center;transition:transform 8s;cursor:pointer;} .solusion .brick-img.img2 {height:485px;background-image:url('/statics/images/ip-solusion-02.jpg');background-size:cover;background-position:center;transition:transform 8s;cursor:pointer;} .solusion .brick-item { overflow:hidden;box-shadow: 0 1px 15px 0px rgba(0, 0, 0, 0.3);} .solusion .brick-item:hover .brick-img {transform:scale(1.4)} .technology h1 {position:relative; margin:50px auto 30px auto; text-align:center;} .technology h1 i {width:198px;} .technology .intro { text-align:center; position:relative; width:100%;} .technology .intro .left { position:absolute; left:0; top:10px;} .technology .intro .right { position:absolute; right:0; top:10px;} .ip-advantages-box { background:url("/statics/images/ip-bg1.jpg") no-repeat bottom center #f5f5f6; padding:35px 0; } .ip-advantages h1 { position:relative; text-align:center; width:100%; height:28px; margin-bottom:31px;} .ip-advantages h1 i {width:200px;} .ip-advantages h1 .line-bar { z-index:1; bottom:-7px;} .ip-advantages h1 a { z-index:2; display:block; position:absolute; width:100%; color:#333;} .ip-advantages .advantages-list { padding:25px; background:#ffffff; border-radius:10px;} .ip-advantages .advantages-list h1 { text-align:left; font-size:22px; margin-top:0px; margin-bottom:10px; padding:0; font-weight:700;} .ip-advantages .advantages-list p {font-size:16px; line-height:26px;} .ip-advantages .advantages-list .ip-advantages-icon { padding-top:5px;} .ip-advantages .advantages-list .ip-advantages-icon img{width: 100px;} .advantages-01 h1 { color:#fcaf1a;} .advantages-02 h1 { color:#2eb996;} .advantages-03 h1 { color:#1f385a;} .advantages-04 h1 { color:#2373f0;} .ip-selector-con .ip-icon-left, .ip-selector-con .ip-icon-right { width:45px;} .ip-selector-con .ip-icon-right { transform:rotate(-180deg)} .one-click-start { color: #fff; width: 230px; height: 50px; line-height: 50px; } .one-click-start:hover {opacity: 0.8;color: #fff;} #ip_solution .layui-col-md3 { width:26%} #ip_solution .layui-col-md9 { width:74%} .ip-custom-intro { margin:40px auto 40px auto;} .ip-custom-intro p { line-height:30px; padding-bottom:20px; font-size:16px;} .ip-custom-content{background-color:#f5f5f6;padding: 35px 0;} .ip-custom-box .ip-custom { width:275px; height:354px; cursor:pointer; overflow:hidden;} .ip-custom-box .ip-custom-title { font-size:20px; color:#ffffff; text-align:center; padding-top:58%; text-shadow:0 0 6px #000000;} .ip-custom-box .sub { width:100%; height:209px;padding-top:140px;border-bottom: 5px #2890ff solid; opacity:0;} .ip-custom-box .sub h3 { text-align:center; font-size:18px; font-weight:700; margin:25px 0 10px 0;} .ip-custom-box .sub p { padding:0 30px; line-height:24px; color:#838383; font-size:14px;} .ip-custom-box .ip-custom1 { background:url("/statics/images/ip_custom1.jpg") 0 center no-repeat;} .ip-custom-box .ip-custom1 .sub {background:url("/statics/images/ip_custom_hover1.jpg") top center no-repeat #ffffff;} .ip-custom-box .ip-custom2 { background:url("/statics/images/ip_custom2.jpg") 0 center no-repeat;} .ip-custom-box .ip-custom2 .sub {background:url("/statics/images/ip_custom_hover2.jpg") top center no-repeat #ffffff;} .ip-custom-box .ip-custom3 { background:url("/statics/images/ip_custom3.jpg") 0 center no-repeat;} .ip-custom-box .ip-custom3 .sub {background:url("/statics/images/ip_custom_hover3.jpg") top center no-repeat #ffffff;} .ip-custom-box .ip-custom4 { background:url("/statics/images/ip_custom4.jpg") 0 center no-repeat;} .ip-custom-box .ip-custom4 .sub {background:url("/statics/images/ip_custom_hover4.jpg") top center no-repeat #ffffff;} .ip-custom-box .ip-custom1:hover .ip-custom-title,.ip-custom-box .ip-custom2:hover .ip-custom-title,.ip-custom-box .ip-custom3:hover .ip-custom-title,.ip-custom-box .ip-custom4:hover .ip-custom-title { display:none;} .ip-custom-box .ip-custom1:hover .sub { opacity:1; -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -o-transition: opacity .5s ease-in; transition: opacity .5s ease-in; } .ip-custom-box .ip-custom2:hover .sub { opacity:1; -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -o-transition: opacity .5s ease-in; transition: opacity .5s ease-in; } .ip-custom-box .ip-custom3:hover .sub { opacity:1; -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -o-transition: opacity .5s ease-in; transition: opacity .5s ease-in; } .ip-custom-box .ip-custom4:hover .sub { opacity:1; -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -o-transition: opacity .5s ease-in; transition: opacity .5s ease-in; } .advantage h1 { position:relative; text-align:center; width:100%; height:28px; margin:35px auto 40px auto;} .advantage h1 i {width:200px;} .advantage h1 .line-bar { z-index:-1; bottom:-7px;} .custom-form-box .layui-input { height:28px; line-height:28px;border-radius:3px; width:70%; display:inline;} .custom-form-box .layui-textarea { display:inline; line-height:28px;border-radius:3px; width:84%;min-height:212px;} .custom-form-box .layui-textarea::-webkit-input-placeholder{ line-height:28px; } .custom-form-box .layui-input::-webkit-input-placeholder{ line-height:28px; } /*.checked {background-image: linear-gradient(to right, #03c0ff, #3085ff); color:#ffffff;}*/ .custom-form-box label { width:15%; display:inline-block;} .custom-form-box .layui-col-md12 { margin-bottom:13px;} .layui-form-item .layui-col-md12 { margin-bottom:0px;} .layui-form-item label { vertical-align:top;} .content-02 .xqtxzy .tips{display:none ;color: #1a3068;position: absolute;width: 360px;background-color: #fff;padding: 10px 30px;top:255px;right: -20px;text-align: left;border-radius: 10px;border: 1px #b1b1b1 solid; z-index:999;} .content-02 .xqtxzy .tips-sanjiao{position: absolute;left: 300px; top:-11px;z-index: 1; transform:rotate(90deg)} .content-02 .xqtxzy .tips .t1{font-size: 14px;font-weight: bold;} .content-02 .xqtxzy .tips .t2{padding-left: 1em;} .content-02 .xqtxzy .tips .t2 li{list-style: decimal;margin-top: 0px;line-height: 1.5;} .custom-form { width:100%; background:url("/statics/images/custom_form_bg.jpg") center center no-repeat; background-size:cover; padding-bottom:64px; font-size:14px; color:#242B3B; position:relative; height:642px;} .custom-form .asci-fgly-t { font-size:28px; color:#ffffff; font-weight:700; text-align:center; position:relative; padding-top:35px;} .custom-form .asci-fgly-t .line-bar { display:block; position:absolute; bottom:3px; left:0; width:100%;} .custom-form .asci-fgly-t .line-bar i { display:block; width:120px; height:8px; background:rgba(244,244,244,0.26); margin:0 auto;} .custom-form-box { position:absolute; top:100px; width:1180px; margin:5px auto 0 auto; background:#eeeff2; border-radius:7px; padding:37px; box-sizing:border-box; height:480px; z-index:2; } .custom-form-box-mask { position:absolute;border-radius:7px;width:1180px;height:460px; background:rgba(197,199,204,1);filter: blur(1px); z-index:1; top:135px;} .list-con { margin-bottom:14px;} .custom-dz-input { width:85%; float:right;} .xqtxzy { float:right;} .xqtxzy .tip-title { color:#228DE8; text-align:right; cursor:pointer;} .xqtxzy .tip-title span { display:inline-block; width:12px; height:12px; background:url("/statics/images/tip.png") center center no-repeat; background-size:cover; margin:-1px 6px 0 0; vertical-align:middle;} .tips { width:80%; padding-left:20%; position:absolute;} .custom-footer { line-height:30px; } .custom-footer button { background:#228DE8; width:300px; height:44px; line-height:44px; color:#ffffff; font-size:18px; font-weight:700;border-radius:4px; border:1px solid #228DE8; font-family:"inno-regular";} .sex .layui-form-radio { padding:0; margin:0; margin-left:27px; animation:none;} .sex .layui-form-radio > i { color:transparent; font-size:14px; width:12px; height:12px; line-height:12px; background:#ffffff; border-radius:7px; border:1px solid #979797;} .sex .layui-form-radio > i:hover, .sex .layui-form-radioed > i, .sex .layui-form-radioed > i { border:none;background:url("/statics/images/checkbox_checked.png") center center no-repeat; background-size:cover;width:14px; height:14px;color:transparent; animation:none;} /*联系我们*/ .layui-form-select dl dd.layui-this{background-color: #0044a9;color: #fff;} .layui-form-select dl dd:hover{background-color:#0044a9;color: #fff;} .contactus_banner{height: 480px;background: url('/statics/images/contact-us-banner.jpg') center center no-repeat; } .contact{background:url("/statics/images/contatct_bg.png") center 880px no-repeat;} .contact .contact-us h1{font-size: 38px;text-align: center;margin: 45px 0;} .contact .contact-us h1 .xhx{display:block;width: 64px;height: 2px;background-color: #0044a9;margin: 6px auto 0;} .contact .contact-us-r{margin-top: 85px;} .contact .contact-us-r h2{font-size: 17px;font-weight: bold;} .contact .contact-us-r .contact-us-r-form{margin-top: 40px;} .contact .contact-us-r .title{} .contact .contact-us-r .input-line{} .contact .contact-us-r .input-line input{display: block;width: 100%;height: 40px;border:none;border-bottom: 1px #ccc solid;margin-bottom: 25px;} .contact .contact-us-r .problem_elaboration_div{border: 1px #ccc solid;padding: 10px;margin-top: 6px;} .contact .contact-us-r .problem_elaboration_div .problem_elaboration{border: none;width: 100%;height: 181px;} .contact .contact-us-r .checkbox-div{} .contact .contact-us-r .checkbox-div .checkbox{display: inline-block;width: 15px;height: 15px;border: 1px #000 solid;border-radius: 2px;vertical-align: text-top;margin-right: 3px;} .contact .contact-us-r .checkbox-div .checkbox-check{width: 20px;height: 20px;background: url('/statics/images/checkbox.png') 0 0 no-repeat;background-size: contain;border:none;vertical-align: text-top;margin-right: 0;} .contact .contact-us-r .submit{margin-top: 25px;padding-bottom: 180px;} .contact .contact-us-r .submit .button{font-size: 18px;color: #fff;border: none;width: 280px;height: 46px;background-image: linear-gradient(to right, #03c0ff , #3084fe);} .contact .col{padding: 20px 20px 30px 30px;background-color: #f8f8f8;border-radius: 10px;height: 115px;font-size: 16px;} .contact .col h3{font-size: 19px;font-weight: bold;margin-bottom: 10px;} .contact .col .row-icon{display: inline-block;width: 60px;height: 60px;} .contact .col p{margin-bottom: 10px;} .contact .col:hover{background-color: #0044a9;color: #fff;} .contact .col01 .row-icon{background: url('/statics/images/contactus-icon-03.png') 0 0 no-repeat;background-size: contain;} .contact .col01:hover .row-icon{background: url('/statics/images/contactus-icon-03-h.png') 0 0 no-repeat;background-size: contain;} .contact .col02 .row-icon{background: url('/statics/images/contactus-icon-01.png') 0 0 no-repeat;background-size: contain;} .contact .col02:hover .row-icon{background: url('/statics/images/contactus-icon-01-h.png') 0 0 no-repeat;background-size: contain;} .contact .col03 .row-icon{background: url('/statics/images/contactus-icon-02.png') 0 0 no-repeat;background-size: contain;} .contact .col03:hover .row-icon{background: url('/statics/images/contactus-icon-02-h.png') 0 0 no-repeat;background-size: contain;} .layui-form-checkbox { width:100%;line-height: 30px;margin: 6px 10px 5px 0;padding-right: 10px;} /*人才招聘*/ .banner-mobile{display: none;} .job_banner {height: 480px;background: url("/statics/images/carrer_01.jpg") center center no-repeat;} .job-box { background:#f6f6f6; padding-bottom:30px;} .job-cate-box-title {font-size: 16px;padding: 0 10px;} .job-content { background:#ffffff;padding: 65px 0;} .job-content .job-cate{padding: 0 20px;} .job-content01{background-color: #fdf7d7;} .job-cate span { margin-right:90px; width:150px; color:#1f2329;} .job-cate a { margin-left:70px; font-size:16px; font-weight:bold; color:#1f2329;} .job-cate a img { margin-top:-2px; margin-right:2px;} .job-content .table-content {display: none; margin-top:40px;} .job-content .show { display:block;} .job-content .job-info table { width:100%} .job-content .job-info table th { background:#0044a9; padding:12px 20px; color:#ffffff; font-size:16px; text-align:center; border-right:#ffffff solid 1px;} .job-content .job-info table td { padding:12px 20px; color:#000000; font-size:16px; text-align:center; border-bottom:#dcdcdc solid 1px;} .job-content .job-info table tr td:first-child { text-align:left;} .job-content .job-info table td a.more { display:block; width:25px; height:25px;background: url("/statics/images/carrer-icon-2.png") center center no-repeat; margin:0 auto; } .job-content .job-info table tr:hover td { color:#0044a9;} .job-content .job-info table tr:hover a.more {background: url("/statics/images/carrer-icon-1.png") center center no-repeat;} .job-content .job-info table tr td a {color:#000000;} .job-content .job-info table tr:hover a {color:#0044a9;} .job-content .job-intro { padding-top:30px; padding-left:20px; font-size:16px;} .job-content .job-intro a { font-size:22px; color:#0044a9; margin:0 20px;} .job-area-box { padding:40px 0;} .job-area-box h1 { position:relative; text-align:center; width:100%; height:28px; margin-bottom:10px;} .job-area-box h1 i {width:376px;} .job-area-box h1 .line-bar { z-index:-1; bottom:-7px;} .job-area-intro { background:#f6f6f6; padding:27px 34px 18px 34px; box-sizing:border-box;} .job-area-intro .img-box { margin-bottom:5px;color: #0044a9;font-size: 28px;} .job-area-intro .text-box { padding:5px 0 5px 32px; background: url("/statics/images/campus_3.png") left center no-repeat; font-size:16px;} #swiper-container .swiper-button-prev {background:url("/statics/images/job-prev_icon.png") center center no-repeat; width:35px;} #swiper-container .swiper-button-next {background:url("/statics/images/job-next_icon.png") center center no-repeat; width:35px;} .job-area-box .job-location { font-size:14px; text-align:center; padding:10px 0; margin-bottom:20px;} .job-session .job-con{padding: 10px 0 30px 0;} .job-session .job-con h1{font-size: 24px;font-weight: bold;line-height: 1.6;} .job-session .job-con .xiex{display: inline-block;font-size: 35px;color: #1d9eff;vertical-align: middle;padding-right: 10px;} .job-session .job-con .level-01{height: 297px;} .job-session .job-con .level-01 .layui-col-md3{background-color: #fff;margin-top: 30px;padding-top: 0;transition: all 0.1s;} .job-session .job-con .level-01 .layui-col-md3:hover{padding: 5px 15px 20px;margin-top: 25px;box-shadow: 0 1px 15px #ddd;} .job-session .job-con .level-01 .layui-col-md3 .level-01-k{height: 242px;} .job-session .job-con .level-01 .layui-col-md3 .level-01-k>i{float: right;height: 216px;width: 0px;border-right: 1px #eee solid;margin-top: 25px;margin-right: -15px;} .job-session .job-con .level-01 .level-01-t{font-size: 24px;padding-top: 10px;} .job-session .job-con .level-01 .level-01-t i{width: 63px;height: 65px;display: inline-block;vertical-align: middle;background: url("/statics/images/icon-career.jpg") 0 -5px no-repeat;transform: scale(0.9);} .job-session .job-con .level-01 .level-01-t .icon02{width: 53px;background-position-x: -68px;} .job-session .job-con .level-01 .level-01-t .icon03{width: 50px;background-position-x: -136px;} .job-session .job-con .level-01 .level-01-t .icon04{width: 50px;background-position-x: -204px;} .job-session .job-con .level-01 p{font-size: 14px;text-align: justify;padding: 0 15px;} .job-session .job-con .level-02 .con{padding: 30px;background-color: #fff;cursor: pointer;} .job-session .job-con .level-02 .con:hover{box-shadow: 0 1px 15px #ddd;} .job-session .job-con h1{font-size: 24px;} .job-session .job-con .level-02 .con>div{margin: 5px 0 10px 0;} .job-session .job-con .level-02 .con>div a{color: #1d9eff;} .job-session .job-con .level-02 .con>div a:hover{text-decoration: underline;} .job-session .job-show{padding: 10px 0 50px;} .job-session .job-show .job-show-t i{display: inline-block;width: 25px;height: 5px;background-color: #1d9eff;} .job-session .job-show h1{font-size: 24px;margin: 5px 0 20px;background: url("/statics/images/carrer-at.png") center 0 no-repeat;} .job-session .job-show .gzhj{font-size: 16px;color: #1d9eff;} .job-session .job-style>div{position: relative;height: 282px;overflow: hidden;} .job-session .job-style>div .style-con{position: inherit;} .job-session .job-style .style01{background: url("/statics/images/job-style_01.jpg") center center no-repeat ;} .job-session .job-style .style02{background: url("/statics/images/job-style_02.jpg") center center no-repeat;} .job-session .job-style .style03{background: url("/statics/images/job-style_03.jpg") center center no-repeat;} .job-session .job-style .style04{background: url("/statics/images/job-style_04.jpg") center center no-repeat;} .job-session .job-style .style05{background: url("/statics/images/job-style_05.jpg") center center no-repeat;} .job-session .job-style .style02-2{background: url("/statics/images/job-style-2_02.jpg") center center no-repeat;} .job-session .job-style .style03-2{background: url("/statics/images/job-style-2_03.jpg") center center no-repeat;} .job-session .job-style .style04-2{background: url("/statics/images/job-style-2_04.jpg") center center no-repeat;} .job-session .job-style .style05-2{background: url("/statics/images/job-style-2_05.jpg") center center no-repeat;} .job-session .job-style .style{color: #fff;height: 282px;background-size: cover;cursor: pointer;transition: all 0.5s;} .job-session .job-style .style h1{font-size: 24px;} .job-session .job-style .style>div{padding: 25px 70px;} .job-session .job-style .style>div>p{font-size: 16px;display:none;margin-top: 10px;transition: all 0.5s;} .mobile-banner-new .job-style .style01:hover{background: #0044a9;} .mobile-banner-new .job-style .style02:hover{background: #00a9ce;} .mobile-banner-new .job-style .style03:hover{background: #ff671f;} .mobile-banner-new .job-style .style04:hover{background: #79c000;} .mobile-banner-new .job-style .style05:hover{background: #adb0b1;} .mobile-banner-new .job-style .style02-2:hover{background: #ff671f;} .mobile-banner-new .job-style .style03-2:hover{background: #00a9ce;} .mobile-banner-new .job-style .style04-2:hover{background: #adb0b1;} .mobile-banner-new .job-style .style05-2:hover{background: #00a9ce;} .job-session .job-style .style:hover>div>p{display: block;} .job-detail {background: url("/statics/images/job-detail-bg.jpg") bottom center no-repeat #f6f6f6; position:relative; padding:38px 0 117px 0;} .foot-bar-job { color:#ffffff; position:absolute; bottom:0; left:0; background:rgb(0,0,0,0.7); height:77px; line-height:77px; width:100%; text-align:center;} .foot-bar-job a { color:#ffffff;} .job-detail-box { padding:35px; background:#ffffff; box-sizing:border-box;box-shadow:0 1px 15px 0px rgba(0, 0, 0, 0.15); width:1000px;} /*.job-detail-box .job-info { display:none;}*/ .job-detail-box .job-info .job-name { font-size:26px; padding:20px 0;} .job-info .job-bar { background:#f6f6f6; height:45px; line-height:45px; padding:0 15px; box-sizing:border-box; color:#000000;} .job-info .job-bar span { margin-right:5px;} .job-info .job-bar>div>div{width: auto;margin-right: 35px;} .job-detail-box .job-info .opencareercont li p {line-height:30px;padding:10px 0;} .job-info .opencareercont h3 {font-size: 20px;padding: 10px 0;} .job-info .opencareercont li { line-height:30px;} .job-btn-box { text-align:center; margin-top:50px;} .job-btn-box a { display:inline-block; width:170px; height:38px; line-height:38px; color:#ffffff; background:#666666; text-align:center; font-size:18px; margin-right:10px;background: url("/statics/images/job-detail-btn2.jpg") center center no-repeat;} .job-btn-box a:hover { background: url("/statics/images/job-detail-btn1.jpg") center center no-repeat; border-radius:0px;} .job-detail .job-nav, .job-detail .job-nav a { color:#898989; font-size:12px;} .share-box { margin-bottom:30px; } .share-box span {display:inline-block; height:34px; line-height:39px; vertical-align:top; color:#898989; font-size:12px;} .bdsharebuttonbox.share-box a { display:inline-block; width:34px; height:34px; margin-left:15px; padding:0; float:none; margin-top:0; } .bdsharebuttonbox.share-box a { background-position:inherit;} .bdsharebuttonbox .bds_weixin { background:url("/statics/images/weixin.jpg") center center no-repeat;} .share-box .bds_tsina { background:url("/statics/images/weibo.jpg") center center no-repeat;} .share-box .bds_sqq { background:url("/statics/images/qq.jpg") center center no-repeat;} .share-box .bds_qzone { background:url("/statics/images/qqzeon.jpg") center center no-repeat;} /*job*/ .jobs-nav-con .row{margin-top: 28px;} .jobs-nav-con .row .row-l .row-l-con{width: 765px;height: 443px;border-radius: 10px;margin-right: 27px;box-shadow: 0px 1px 15px 0 rgba(0,0,0,0.3);} .jobs-nav-con .row .video_bg{cursor: pointer;width: 368px;height: 208px;margin-bottom: 27px;} .jobs-nav-con .row .video_bg .play_bg{width:100%;height: 100%;background-color: rgba(0,0,0,0);border-radius: 10px;color: #fff;position: relative;} .jobs-nav-con .row .video_bg .play_bg:hover{background-color: rgba(0,0,0,0.5);} .jobs-nav-con .row .video_bg .play_bg .play_bg_con{padding: 15px;} .jobs-nav-con .row .video_bg .play_bg .play_bg_con h1{font-size: 22px;margin-bottom: 10px;} .jobs-nav-con .row .video_bg .play_bg .play_bg_con p{font-size: 15px;display: none;} .jobs-nav-con .row .video_bg .play_bg:hover .play_bg_con p{display:block;} .jobs-nav-con .row .video_bg .play_bg .play_bg_con .play_button{position: absolute;width: 30px;bottom:10px;right:10px;} .jobs-nav-con .row .play1{width: 765px;height: 443px;background: url('/statics/images/job-video-01.jpg') 0 0 no-repeat;} .jobs-nav-con .row .play1 .play_bg .play_bg_con{padding: 30px;} .jobs-nav-con .row .play1 .play_bg .play_bg_con .play_button{position: absolute;width: 86px;top: 50%;left: 50%;margin-left: -43px;margin-top: -43px;} .jobs-nav-con .row .play2{background: url('/statics/images/job-video-02.jpg') 0 0 no-repeat;} .jobs-nav-con .row .play3{background: url('/statics/images/job-video-03.jpg') 0 0 no-repeat;} .jobs-nav-con .row .play4{background: url('/statics/images/job-video-04.jpg') 0 0 no-repeat;} .jobs-nav-con .row .play5{background: url('/statics/images/job-video-05.jpg') 0 0 no-repeat;} .jobs-nav-con .row .play6{background: url('/statics/images/job-video-06.jpg') 0 0 no-repeat;} .jobs-nav-con .row .play7{background: url('/statics/images/job-video-07.jpg') 0 0 no-repeat;} .jobs-nav-con .row .play8{background: url('/statics/images/job-video-08.jpg') 0 0 no-repeat;} .jobs-nav-con .row .play9{background: url('/statics/images/job-video-09.jpg') 0 0 no-repeat;} .jobs-nav-con .row .row-r{} .jobs-nav-con .row .row-r .row-r-con{width: 368px;height: 208px;} .jobs-nav-con .row .row-r .row-r-con #video_2{margin-bottom: 28px;} .jobs-nav-con .row .v_ul li{float: left;margin: 0 28px 0 0;} .jobs-nav-con .row .v_ul li:nth-child(3n+3){margin-right: 0;} .jobs-nav-con .row .v_ul li video{position: relative;} .jobs-nav-con .row .v_ul li video .info{position: absolute;bottom: 0;} .news_banner {height: 480px;background: url("/statics/images/banner-news.jpg") center center no-repeat;} .news-box { margin-top:35px;} .news-box .news_list {border-top:#3b3b3b solid 2px; margin-bottom:50px;} .news-box .news_list li { height:63px; line-height:63px; border-bottom:#dedede solid 1px; padding:0 10px; font-size:16px; position:relative; padding-left:270px;} .news-box .news_list li span { position:absolute; left:10px; top:20px; color:#908f9b; display:inline-block; width:90px; height:24px; line-height:24px; overflow:hidden;} .news-box .news_list li a { color:#1a3ab3;transition:margin-left 0.2s;} .news-box .news_list li:hover { background:#f8f9fa;} .news-box .news_list li:hover a { color:#0d298f; font-weight:bold; margin-left: 10px;} .news-box .news_list li:last-child { border-bottom:none;} .news-search { margin-top:60px;} .news-search input { width:358px; height:34px; line-height:34px; text-indent:28px; border:#dcdcdc solid 1px; border-radius:4px; margin-right:10px;} .news-search select { width:184px; height:34px; line-height:34px; text-indent:10px; border:#dcdcdc solid 1px; border-radius:4px; margin-right:10px;} .news-search a img { margin-top:-7px;} .process-node { width:850px;} .ip-list-box { display:none;} /*新闻动态二级导航*/ .news-nav{font-size: 16px;border-bottom: 1px #ddd solid;height: 50px;line-height: 50px;background-color: #f6f6f6;text-align: center;} .news-nav-fixed{position: fixed;top: 0;width: 100%;z-index: 1;} .news-nav .news-nav-item{border-left: 1px #ccc solid;cursor: pointer;} .news-nav .news-nav03{border-right: 1px #ccc solid;} .news-nav .active{color: #fff;background-color: #0044a9;position: relative;} .news-nav .active .sj{position: absolute;bottom: -14px;left: 50%;margin-left: -13px;} .news-nav-con>div{margin-top: 38px;} .news-nav-con h1{font-size: 38px;position: relative;margin-bottom: 40px;text-align: center;} .news-nav-con .news-nav-con-xh{position:absolute;bottom: -8px;left:50%;margin-left: -32px;display: inline-block;width: 65px;height: 3px;background-color: #0044a9;} .news-nav-con .nav-con ul li{width: 358px;height: 345px;float: left;box-shadow: 0px 4px 15px 0px rgba(111,114,124,0.2); border-radius: 10px;margin-right: 43px;margin-bottom: 30px;transition-duration: .5s;} .news-nav-con .nav-con ul li:hover{box-shadow: 0px 4px 15px 0px rgba(111,114,124,0.5);} .news-nav-con .nav-con ul li .thumb{width: 358px;height: 215px;overflow: hidden;} .news-nav-con .nav-con ul li .thumb img{transition-duration:.5s;height: 100%;} .news-nav-con .nav-con ul li:hover .thumb img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)} .news-nav-con .nav-con ul li:hover .nav-con-text .t1{color: #288fff;} .news-nav-con .nav-con ul li:nth-child(3n+3){margin-right: 0;} .news-nav-con .nav-con-text{color: #1b2b4f;padding: 18px 26px 0;text-align: left;} .news-nav-con .nav-con-text .t1{font-size: 16px;height: 56px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;} .news-nav-con .nav-con-text .t2{font-size: 13px;margin-top: 10px;} .show-more{color: #fff;font-size: 16px;text-align: center;width: 163px;height: 46px;line-height: 46px;margin:10px auto 50px;border-radius: 23px;background-image: linear-gradient(to right, #03bfff , #3084fe);cursor: pointer;} .news-nav-con .nav-con .show-more:hover{opacity: 0.9;} .news-nav-con .nav-con02,.news-nav-con .nav-con03{display: none;} .IP-Custom-and-Integration{display: block;font-size:18px;color: #fff;height: 48px;line-height: 48px;border-radius: 5px;background-image: linear-gradient(to right, #f6df55 , #fa961e);} .news-nav-con .nav-con ul li a{position: relative} .news-nav-con .nav-con ul li a .hdhg{position: absolute;top:0;left:0;z-index:1;display: inline-block;width: 105px;height: 34px;text-align: center;line-height: 34px;background-color: #0029d9;color: #fff;opacity: 0.8;} /*活动讯息*/ .hdxx .hdxx-01{margin-bottom: 30px;} .hdxx .hdxx-01 .hdxx-01-l{float: left;width: 594px;position: relative;overflow: hidden;} .hdxx .hdxx-01 .hdxx-01-l .hdhg{position: absolute;top:0;left:0;z-index:1;display: inline-block;width: 105px;height: 34px;text-align: center;line-height: 34px;background-color: #0029d9;color: #fff;opacity: 0.8;} .hdxx .hdxx-01 img{transition-duration:.5s;width: 100%; height:300px;} .hdxx .hdxx-01:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)} .hdxx .hdxx-01 .hdxx-01-r{float: right;color: #1b2b4f;width: 506px;height: 215px;padding: 85px 30px 0;box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);} .hdxx .hdxx-01:hover .hdxx-01-r{color: #0044a9;} .hdxx .hdxx-01 .hdxx-01-r .r-bt{font-size: 24px;} .hdxx .hdxx-01 .hdxx-01-r .t1{margin-top: 15px;} .hdxx .hdxx-01 .hdxx-01-r .t2{font-size: 16px;margin-top: 25px;} /*新闻*/ .news-wrap .banner{display: block;margin-top: 20px;} .news-wrap .news_list{margin: 30px 0;} .news-wrap .news_list li{border-bottom: 1px #ddd dashed;padding: 10px 0;font-weight: bold;} .news-wrap .news_list li a,.news_list li span{} .news_title {padding: 10px 0;font-size: 14px;box-sizing: border-box;position: relative;} .btn-favour { position: absolute; top: 26px; right: 16px; color: #c0c5c9; font-size: 18px; } .news_title h1 {font-size: 36px; color: #000; margin: 10px 0 20px 0; } .news_title li { display: inline-block; font-size: 15px; vertical-align: middle; } .news_title li:last-child p { font-size: 13px; width: 874px; line-height: 1.5; padding-left: 12px; } .icon-like { width: 16px; height: 16px; background-position: -411px -276px; margin: 5px 4px 0 0; } a.btn-favour:hover { color: #f6808b; text-decoration: none; } a.btn-favour:hover .icon-like, a.active .icon-like { background-position: -411px -295px; } .news_doc { padding: 10px 0 45px; color: #a69a9a; font-size: 14px; line-height: 25px; color: #706565; } .news_doc p { margin: 10px 0; } .news_doc p img{max-width: 100%;} /*ip select*/ .selector_table {width:60%;} #selector_table tr {display:none;} .selector {margin:15px 0;} .selector table {font-size: 14px;} /*.selector table tr:nth-child(odd){background-color: #eee;}*/ .selector th{height: 35px;line-height: 35px;padding:0 20px;background:#04C0FF;color: #fff;font-size:15px;font-weight: bold;border: 1px #ddd solid;} .selector td{color: rgba(85,85,85,1);height: 28px;line-height: 28px;padding:0 20px;border: 1px rgba(226,226,226,1) solid;} .selector th select { font-weight:100; color:#4e4e4e; font-size:14px; } .icon-selector { width:12px; height:12px; background-position:-438px -295px; margin-top:2px; } /*ip-request*/ .ip-request h2{font-size: 30px;padding: 20px 0;} .ip-request .customer_table {border-collapse:separate;border-spacing: 1px;border: #ebebed solid 1px;width: 1220px;margin-top: 20px;} .ip-request .customer_table td {font-size: 12px;background: #ebebed;height: 30px;color: #333333; text-align:center;} .ip-request .customer_table td select {padding: 2px 0;font-size: 12px;} .ip-request .customer_table td textarea {width: 85%;height:40px; font-size: 12px; line-height:16px; } .ip-request .customer_table .ctd1 {color: #fff;background: #18a4ff;padding: 0 5px;font-weight: bolder; text-align:center;} .ip-request .customer_table .ctd2 {background: #94e3ff;padding: 0 5px; text-align:center;} #dosubmit {padding:5px 20px; background:#0071ce; border:#0071ce solid 1px; font-size:18px; color:#FFF; margin-right:20px;margin-top: 20px;} #dosubmit:hover {background:#f57507; border:#f57507 solid 1px;} #post_data { display:none;} .ip-request .ip_captcha {margin-top: 20px;} .ip-request .ip_captcha .vertify{height: 50px;} /*interface ip*/ .sg_hb { margin:20px 0 15px;} .select-box {margin:0;} .select-table { width:100%; border:1px solid rgba(226,226,226,1);} .select-table .tr-bg2 { background:rgba(248,248,248,1);} .select-table td {width: 100px;border:1px solid rgba(226,226,226,1); text-align:center;} .select-table .name-header {padding:20px 0;font-size:19px;font-family:PingFang-SC-Heavy,PingFang-SC;font-weight:800;color:#fff;background-color: #52BAFF;} .select-table .foundry-header {font-size:16px;font-family:PingFang-SC-Heavy,PingFang-SC;color:rgba(119,119,119,1);} .select-table .node-header {background:#18A4FF;font-size:19px;font-family:DINAlternate-Bold,DINAlternate;color:rgba(255,255,255,1);} .select-table .node-header span { font-size:14px;} .select-table .cell-td a {display:block;padding:20px 0;} .select-table .cell-td a .icon-selector { width:30px; height:26px; background:url("/statics/images/selector.png") no-repeat center center;vertical-align:middle; margin:0;} .select-table .cell-td a:hover { background-color:#02B7E2;background-color:rgba(2,183,226,0.2);} .select-table .cell-td a:hover .icon-selector {background:url("/statics/images/selector_hover.png") no-repeat center center; background-size:cover;} .head{padding-left:0;} .block_ip{margin-left:0;font-weight: bold;font-size:16px;padding: 50px 0 30px;} /*产品列表*/ .banner-default{padding-top: 20px;} .banner-default h1{font-size: 24px;font-weight: bold;padding: 10px 0 10px 40px;} .banner-default h1.icon-scenario{background: url("/statics/images/icon-cascade.png") 0 center no-repeat;} .banner-default h1.icon-feature{background: url("/statics/images/icon-feature.png") 0 center no-repeat;} .banner-default h1.icon-picture{background: url("/statics/images/icon-picture.png") 0 center no-repeat;} .banner-default h1.icon-example{background: url("/statics/images/design-service-example.png") 0 center no-repeat;} .banner-default h1.icon-customer{background: url("/statics/images/customer_benefit.png") 0 center no-repeat;} .banner-default ul li{font-size: 16px;list-style-type: disc;margin-left: 60px;} .banner-default .top-text h1{font-size: 24px;font-weight: bold;} .banner-default .top-text .features{color: #0db3ff;margin: 5px 0 5px 40px;} .banner-default .top-text img{transition: all 0.3s ease 0s;} .banner-default .top-text .img01:hover,.wireless-session .top-text .img03:hover{transform: scale(1.1);cursor: pointer;} .banner-default .top-text .img01{margin-left: 40px;} /*搜索*/ .search-con-center .show-more {color: #fff;font-size: 16px;text-align: center;width: 163px;height: 46px;line-height: 46px;margin: 10px auto 50px;border-radius: 23px;background-image: linear-gradient(to right, #03bfff , #3084fe);cursor: pointer;} /*一站式IP*/ .area{position: relative;} .area .ip_img1_top_icon{position: absolute;top: -26px;right: -26px;z-index: 1;} /*关于9999js金沙老品牌*/ /*ab*/ .page-ab-box1 { background-repeat: no-repeat; background-size: cover; position: relative; background-position: center center; } .page-ab-box1:before { position: absolute; top: 0; transition: all 0.5s; content: ""; z-index: 1; border-right: 140px solid rgba(247, 247, 247, 0.6); border-bottom: 70px solid rgba(0, 97, 227, 0.6); left: 50%; transform: rotate(90deg) translate(35px, 70px); width: 0; height: 0; } .page-ab-box1:after { content: ""; display: block; clear: both; } .page-ab-box1 .item { position: relative; z-index: 2; width: 50%; float: left; height: 140px; text-align: center; cursor: pointer; } .page-ab-box1 .item .box-l{width: 580px;position: absolute;right: 0;text-align: left;color: #fff;z-index: 33;} .page-ab-box1 .item .box-l h3{font-size: 35px;position: relative;padding-bottom: 10px;margin-bottom: 10px;} .page-ab-box1 .item .box-l h3:after { position: absolute; content: ""; bottom: 0; width: 64px; height: 2px; background: #fff; left: 35px; transform: translateX(-50%); } .page-ab-box1 .item .box-l p{font-size: 17px;margin-bottom: 60px;} .page-ab-box1.active .item:first-child .box-l h3 {color: #000;} .page-ab-box1.active .item:first-child .box-l h3:after {background: #0044a9;} .page-ab-box1 .item .box-r{width: 580px;position: absolute;left: 0;text-align: left;z-index: 33;} .page-ab-box1 .item .box-r h3{font-size: 35px;position: relative;padding-bottom: 10px;margin-bottom: 10px;padding-left: 175px;} .page-ab-box1 .item .box-r p{font-size: 17px;margin-bottom: 12px;} .page-ab-box1 .item .box-r .li1{margin-left: 141px;} .page-ab-box1 .item .box-r .li2{margin-left: 121px;} .page-ab-box1 .item .box-r .li3{margin-left: 100px;} .page-ab-box1 .item .box-r .li4{margin-left: 77px;} .page-ab-box1 .item .box-r .li5{margin-left: 46px;} .page-ab-box1 .item .box-r .li6{margin-left: 21px;} .page-ab-box1 .item .box-r .li7{margin-left: 0;} .page-ab-box1 .item .box-r .li8{margin-left: -25px;} .page-ab-box1 .item .box-r .li9{margin-left: -48px;} .page-ab-box1 .item .box-r .li10{margin-left: -70px;} .page-ab-box1 .item .box-r .li11{margin-left: -90px;} .page-ab-box1.active .item:last-child .box-r h3 {color: #fff;} /*.page-ab-box1 .item .txt {*/ /*!*position: absolute;*!*/ /*!*top: 50%;*!*/ /*!*left: 0;*!*/ /*!*right: 0;*!*/ /*!*transform: translateY(-50%);*!*/ /*z-index: 33;*/ /*}*/ .page-ab-box1 .item .txt h3 { display: block; position: relative; font-weight: bold; font-size: 1.5rem; } .page-ab-box1 .item .txt h3:after { position: absolute; content: ""; bottom: 0; width: 1.6em; height: 2px; background: #0061e3; left: 50%; transform: translateX(-50%); } .page-ab-box1 .item .txt p { padding-top: 10px; font-size: 1rem; line-height: 1.8; color: rgba(0, 0, 0, 0.7); } .page-ab-box1 .item:first-child:before { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 35px; background: rgba(0, 97, 227, 0.6); transition: all 0.5s; } .page-ab-box1 .item:last-child:before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 35px; background: rgba(247, 247, 247, 0.5); transition: all 0.5s; z-index: 1; } .page-ab-box1 .item:first-child .txt { color: #fff; /*padding-top: 80px;*/ } .page-ab-box1 .item:first-child .txt h3:after { background: #fff; } .page-ab-box1 .item:first-child .txt p { color: rgba(255, 255, 255, 0.5); } .page-ab-box1.active:before { border-right: 140px solid rgba(0, 97, 227, 0.6); border-bottom: 70px solid rgba(247, 247, 247, 0.6); } .page-ab-box1.active .item:first-child:before { background: rgba(247, 247, 247, 0.5); } .page-ab-box1.active .item:last-child:before { background: rgba(0, 97, 227, 0.6); } .page-ab-box1.active .item:first-child .txt { color: #000; } .page-ab-box1.active .item:first-child .txt h3:after { background: #0061e3; } .page-ab-box1.active .item:first-child p { color: rgba(0, 0, 0, 0.7); } .page-ab-box1.active .item:last-child .txt { color: #fff; } .page-ab-box1.active .item:last-child .txt h3:after { background: #fff; } .page-ab-box1.active .item:last-child p { color: rgba(255, 255, 255); } .page-ab-box2 { background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 40px 0; } .page-ab-box2 .item { color: #fff; } .page-ab-box2 .item h3 { font-size: 1.6rem; display: block; padding-bottom: 0; font-weight: bold; } .page-ab-box2 .item .txt { font-size: 1rem; line-height: 1.6; text-align: justify; } .page-ab-box2 .item .txt p { margin: 1em 0 0 0; } .page-ab-box3 { background: rgba(248, 248, 248, 1); } .page-ab-box3-swiper { position: relative; } .page-ab-box3-swiper:before { position: absolute; left: 0; right: 0; border-top: 1px dotted rgba(0, 0, 0, 0.2); content: ""; top: 25px; } .page-ab-box3-swiper .gallery-thumbs { margin: 0 50px; } .page-ab-box3-swiper .gallery-thumbs:before { } .page-ab-box3-swiper .gallery-thumbs .item { text-align: center; position: relative; height: 30px; line-height: 30px; display: block; margin: 0 auto; width: 60px; cursor: pointer; } .page-ab-box3-swiper .gallery-thumbs .swiper-slide { padding: 10px 0; } .page-ab-box3-swiper .gallery-thumbs .item > span { display: inline-block; background: rgba(248, 248, 248, 1); padding: 0 10px; font-weight: bold; font-size: 1.2rem; position: relative; } .page-ab-box3-swiper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .item:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 97, 227, 1); transform: skewX(-35deg); content: ""; } .page-ab-box3-swiper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .item > span { background: none; color: #fff; padding: 0 10px; } .page-ab-box3-swiper .swiper-button-next { left: auto; right: 5px; top: 27px; } .page-ab-box3-swiper .swiper-button-prev { left: 5px; top: 27px; } .page-ab-box3-swiper .gallery-top { } .page-ab-box3-swiper .gallery-top .items { background: #fff; margin: 20px 40px; padding: 20px; } .page-ab-box3-swiper .gallery-top .items > .item:nth-child(n + 5) { display: none; } .page-ab-box3-swiper .gallery-top .items > .item { position: relative; padding: 10px 0; } .page-ab-box3-swiper .gallery-top .items > .item > span.time { display: block; float: left; width: 50px; text-align: right; padding-right: 15px; position: relative; font-weight: bold; } .page-ab-box3-swiper .gallery-top .items > .item > span.time:after { position: absolute; right: -2px; width: 10px; height: 1px; background: #000; content: ""; top: 10px; } .page-ab-box3-swiper .gallery-top .items > .item > ul { margin-left: 60px; font-size: 1rem; text-align: justify; line-height: 1.6; } .page-ab-box3-swiper .gallery-top .items > .item > ul p:hover { color: #0061e3; } .page-ab-box3-swiper .gallery-top .items > .item > ul p { margin-bottom: 10px; } .page-ab-box3-swiper .gallery-top .items > .item > ul > li + li { padding-top: 10px; } .page-ab-box3-swiper-more { text-align: center; padding-bottom: 20px; padding-top: 10px; } .page-ab-box4 { } .page-ab-box4 .row { margin: 0 -5px; } .page-ab-box4 .col-xs-6 { padding: 5px 5px; } .page-ab-box4 .item { background: rgba(248, 248, 248, 1); padding: 20px; position: relative; min-height: 140px; transition: all 0.5s; } .page-ab-box4 .item:before { position: absolute; right: 10px; bottom: 10px; width: 40px; height: 40px; content: ""; } .page-ab-box4 .item strong { display: block; font-size: 1.5rem; padding-bottom: 10px; } .page-ab-box4 .item span { font-size: 1.2rem; } .page-ab-box4 .item.item1:before { background: url(/statics/zhang/images/icon/icon-lx-1.png) no-repeat center center; background-size: contain; } .page-ab-box4 .item.item2:before { background: url(/statics/zhang/images/icon/icon-lx-2.png) no-repeat center center; background-size: contain; } .page-ab-box4 .item.item3:before { background: url(/statics/zhang/images/icon/icon-lx-3.png) no-repeat center center; background-size: contain; } .page-ab-box4 .item.item4:before { background: url(/statics/zhang/images/icon/icon-lx-4.png) no-repeat center center; background-size: contain; } .page-ab-box4 .item:hover { background: #0061e3; color: #fff; } .page-ab-box4 .item:hover a { color: #fff; } .page-ab-box4 .item a { /*color: #fff;*/ } .page-ab-box4 .item a:hover { /*background: #0061E3;*/ color: #fff; } .page-ab-box4 .item.item1:hover:before { background: url(/statics/zhang/images/icon/icon-lx-1s.png) no-repeat center center; background-size: contain; } .page-ab-box4 .item.item2:hover:before { background: url(/statics/zhang/images/icon/icon-lx-2s.png) no-repeat center center; background-size: contain; } .page-ab-box4 .item.item3:hover:before { background: url(/statics/zhang/images/icon/icon-lx-3s.png) no-repeat center center; background-size: contain; } .page-ab-box4 .item.item4:hover:before { background: url(/statics/zhang/images/icon/icon-lx-4s.png) no-repeat center center; background-size: contain; } .page-ab-box5 { padding-bottom: 30px; } .page-ab-box5 .row { margin: 0 -5px; } .page-ab-box5 .col-xs-6 { padding: 5px 5px; } .page-ab-box5 .item { border: 1px solid rgba(229, 229, 229, 1); padding: 15px; text-align: center; font-size: 1rem; color: rgba(37, 45, 51, 0.7); transition: all 0.5s; } .page-ab-box5 .item:hover { transform: translateY(-5px); } .page-ab-box5 .item strong { display: block; position: relative; padding-bottom: 10px; margin-bottom: 10px; padding-top: 30px; color: #000; } .page-ab-box5 .item strong:before { position: absolute; content: ""; background: url(/statics/zhang/images/icon/icon-0.png) no-repeat center center; background-size: contain; width: 20px; height: 20px; top: 0; left: 50%; transform: translateX(-50%); } .page-ab-box5 .item strong:after { position: absolute; content: ""; bottom: 0; width: 1em; height: 1px; left: 50%; transform: translateX(-50%); background: #0061e3; } @media (min-width: 768px) { .page-ab-box3-swiper .gallery-top .items > .item > ul { font-size: 12px; } .page-ab-box5 .item { font-size: 12px; } } @media (min-width: 992px) { height: 400px; } .page-ab-box1:before { border-right: 400px solid rgba(247, 247, 247, 0.6); border-bottom: 200px solid rgba(0, 97, 227, 0.6); transform: rotate(90deg) translate(100px, 200px); } .page-ab-box1 .item:first-child:before { right: 100px; } .page-ab-box1 .item:last-child:before { left: 100px; } .page-ab-box1.active:before { border-right: 400px solid rgba(0, 97, 227, 0.6); border-bottom: 200px solid rgba(247, 247, 247, 0.6); } .page-ab-box1 .item .txt h3 { font-size: 18px; font-weight: bold; } .page-ab-box1 .item .txt h3:after { height: 2px; } .page-ab-box1 .item .txt p { padding-top: 10px; font-size: 12px; } .page-ab-box2 .item { width: 50%; margin: 0 auto; text-align: center; } .page-ab-box2 .item h3 { font-size: 22px; font-weight: 400; padding-bottom: 10px; } .page-ab-box2 .item .txt { font-size: 12px; line-height: 1.8; text-align: center; } .page-ab-box2 .item .txt p { text-align: left; } } @media (min-width: 1200px) { .page-ab-box1 .item { height: 600px; } .page-ab-box1:before { border-right: 600px solid rgba(247, 247, 247, 0.6); border-bottom: 300px solid rgba(0, 97, 227, 0.6); transform: rotate(90deg) translate(150px, 300px); } .page-ab-box1 .item:first-child:before { right: 150px; } .page-ab-box1 .item:last-child:before { left: 150px; } .page-ab-box1.active:before { border-right: 600px solid rgba(0, 97, 227, 0.6); border-bottom: 300px solid rgba(247, 247, 247, 0.6); } .page-ab-box1 .item .txt h3 { font-size: 24px; font-weight: 400; } .page-ab-box1 .item .txt h3:after { height: 2px; } .page-ab-box1 .item .txt p { padding-top: 20px; font-size: 14px; } .page-ab-box2 { padding-top: 90px; padding-bottom: 80px; } .page-ab-box2 .item { width: 60%; } .page-ab-box2 .item h3 { font-size: 24px; font-weight: 400; padding-bottom: 10px; } .page-ab-box2 .item .txt { font-size: 14px; line-height: 1.8; } .page-ab-box3-swiper .container { position: relative; } .page-ab-box3-swiper .gallery-thumbs .item { width: 125px; height: 50px; line-height: 50px; } .page-ab-box3-swiper .gallery-thumbs .item > span { font-size: 16px; font-weight: 400; color: #000; } .page-ab-box3-swiper:before { top: 35px; } .page-ab-box3-swiper .swiper-button-prev, .page-ab-box3-swiper .swiper-button-next { width: 50px; height: 50px; top: 32px; } .page-ab-box3-swiper .gallery-top { margin: 0 100px; padding: 0 0; } .page-ab-box3-swiper .gallery-top .items { padding: 50px 100px; } .page-ab-box3-swiper .gallery-top .items > .item > ul { font-size: 14px; line-height: 1.6; margin-left: 100px; } .page-ab-box3-swiper .gallery-top .items > .item > span.time { font-size: 14px; font-weight: 400; width: 100px; padding-right: 40px; } .page-ab-box3-swiper .gallery-top .items > .item > span.time:after { right: 10px; top: 15px; width: 20px; } .page-ab-box3-swiper-more { padding: 30px; padding-bottom: 40px; } .page-ab-box4 .item { min-height: 200px; padding: 25px; } .page-ab-box4 .item strong { font-size: 18px; } .page-ab-box4 .item span { font-size: 14px; } .page-ab-box4 .item:before { width: 48px; height: 48px; right: 20px; bottom: 20px; } .page-ab-box5 { padding-bottom: 70px; } .page-ab-box5 .item { padding: 30px; font-size: 14px; } .page-ab-box5 .item strong { font-size: 18px; font-weight: 400; } } @media (min-width: 1200px) { .page-ab-box1 .item { height: 575px; padding-top: 25px; } .page-ab-box1:before { border-right: 600px solid rgba(247, 247, 247, 0.6); border-bottom: 350px solid rgba(0, 97, 227, 0.6); transform: rotate(90deg) translate(125px, 300px); } .page-ab-box1 .item:first-child:before { right: 175px; } .page-ab-box1 .item:last-child:before { left: 175px; } .page-ab-box1.active:before { border-right: 600px solid rgba(0, 97, 227, 0.6); border-bottom: 350px solid rgba(247, 247, 247, 0.6); } .page-ab-box1 .item .txt h3 { font-size: 40px; font-weight: 400; } .page-ab-box1 .item .txt h3:after { height: 4px; } .page-ab-box1 .item .txt p { padding-top: 20px; font-size: 18px; } .page-ab-box2 { padding-top: 110px; padding-bottom: 80px; } .page-ab-box2 .item { width: 60%; } .page-ab-box2 .item h3 { font-size: 32px; font-weight: 400; padding-bottom: 10px; } .page-ab-box2 .item .txt { font-size: 18px; line-height: 1.8; } .page-ab-box3-swiper .container { position: relative; } .page-ab-box3-swiper .gallery-thumbs .item { width: 145px; height: 50px; line-height: 50px; } .page-ab-box3-swiper .gallery-thumbs .item > span { font-size: 18px; font-weight: 400; color: #000; } .page-ab-box3-swiper:before { top: 35px; } .page-ab-box3-swiper .swiper-button-prev, .page-ab-box3-swiper .swiper-button-next { width: 50px; height: 50px; top: 32px; } .page-ab-box3-swiper .gallery-top { margin: 0 100px; padding: 0 0; } .page-ab-box3-swiper .gallery-top .items { padding: 50px 200px; } .page-ab-box3-swiper .gallery-top .items > .item > ul { font-size: 18px; line-height: 1.6; margin-left: 100px; } .page-ab-box3-swiper .gallery-top .items > .item > span.time { font-size: 20px; font-weight: 400; width: 100px; padding-right: 40px; } .page-ab-box3-swiper .gallery-top .items > .item > span.time:after { right: 10px; top: 15px; width: 20px; } .page-ab-box3-swiper-more { padding: 30px; padding-bottom: 70px; } .page-ab-box4 .item { min-height: 230px; padding: 25px; } .page-ab-box4 .item strong { font-size: 20px; } .page-ab-box4 .item span { font-size: 16px; } .page-ab-box4 .item:before { width: 58px; height: 58px; right: 20px; bottom: 20px; } .page-ab-box5 { padding-bottom: 90px; } .page-ab-box5 .item { padding: 30px; font-size: 16px; } .page-ab-box5 .item strong { font-size: 22px; font-weight: 400; } } .page-spage { padding-bottom: 30px; } .page-spage .sytk-1 { padding: 10px 0; } .page-spage .sytk-1 h3 { font-size: 2rem; display: block; padding-bottom: 10px; font-weight: bold; } .page-spage .border-bottom { border-bottom: 1px solid rgba(192, 192, 192, 0.5); } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { .page-spage { padding-bottom: 50px; } .page-spage .sytk-1 { padding: 20px 0; } } @media (min-width: 1200px) { .page-spage { padding-bottom: 70px; } .page-spage .sytk-1 { padding: 30px 0; } } .page-cp-p6-box1-swiper { position: relative; } .page-cp-p6-box1-swiper .swiper-button-next, .page-cp-p6-box1-swiper .swiper-button-prev { top: 50%; } .page-cp-p6-box1-swiper .swiper-button-next { right: 20px; left: auto; } .page-cp-p6-box1-swiper .swiper-slide-next:before, .page-cp-p6-box1-swiper .swiper-slide-prev:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(192, 192, 192, 0.5); z-index: 22; content: ""; } .page-cp-p6-box1-swiper .swiper-slide { width: 80%; margin-right: 15px; } .page-cp-p6-box1-swiper .swiper-slide .item { position: relative; z-index: 2; } .page-cp-p6-box1-swiper .swiper-slide .item a { height: 200px; } .page-cp-p6-box1-swiper .swiper-slide .item a .img { height: 100%; } @media (min-width: 768px) { .page-cp-p6-box1-swiper .swiper-slide { width: 750px; } .page-cp-p6-box1-swiper .swiper-slide .item a { height: 300px; } } @media (min-width: 992px) { .page-cp-p6-box1-swiper .swiper-slide { width: 970px; } .page-cp-p6-box1-swiper .swiper-slide .item a { height: 400px; } } @media (min-width: 1200px) { .page-cp-p6-box1-swiper .swiper-slide { width: 1170px; } .page-cp-p6-box1-swiper .swiper-slide .item a { height: 500px; } .page-cp-p6-box1-swiper .swiper-button-next { } .page-cp-p6-box1-swiper .swiper-button-prev { } } @media (min-width: 1200px) { .page-cp-p6-box1-swiper .swiper-slide { width: 1400px; } .page-cp-p6-box1-swiper .swiper-slide { margin-right: 80px; } .page-cp-p6-box1-swiper .swiper-slide .item a { height: 600px; } .page-cp-p6-box1-swiper .swiper-button-next { right: 50%; transform: translateX(1800%); } .page-cp-p6-box1-swiper .swiper-button-prev { left: 50%; transform: translateX(-2000%); } } /*芯片定制*/ .custom-form .asci-fgly-t{font-size: 25px;font-weight: bold;text-align: center;color: #fff;padding-top: 30px;} .session-middle .asicdz-top-text{font-size: 15px;line-height: 2em;padding-bottom: 40px;margin-bottom: 20px;} /*inno188*/ .inno188_asic{background: url("/statics/images/inno188_asic_01.jpg") center center no-repeat;} .inno188_asic .customer .blo01,.a9_asic_con .customer .blo02{padding: 48px 50px;} .inno188_asic .customer .blo03{line-height: 1.5;} /*wireless 主流无线通信产品*/ .border_b{border-bottom: 1px #ddd solid;} .banner-default h1{font-size: 24px;font-weight: bold;padding: 10px 0 10px 40px;background: url("/statics/images/customer_benefit.png") 0 center no-repeat;} .banner-default .design-service-example{background: url("/statics/images/design-service-example.png") 0 center no-repeat;} .wireless{background: url("/statics/images/wireless_01.jpg") center center no-repeat;} .wireless-session .wireless_con{padding-bottom: 20px;} .wireless-session .wireless_con .wireless_level01{margin-bottom: 10px;} .wireless-session .top-text h1{font-size: 24px;font-weight: bold;} .wireless-session .top-text .features{color: #0db3ff;margin: 5px 0 5px 40px;} .wireless-session .top-text>div>ul li{font-size: 17px;list-style-type: disc;margin-left: 59px;padding-bottom: 5px;} .wireless-session .top-text img{transition: all 0.3s ease 0s;} .wireless-session .top-text .img01:hover,.wireless-session .top-text .img03:hover{transform: scale(1.1);cursor: pointer;} .wireless-session .top-text .img01{margin-left: 40px;} .wkh-shu-r{display: inline-block;width: 5px;height: 18px;background-color: #1d9eff;margin-right: 15px;margin-left: 20px;} /*isi 5x*/ /*.isi-5x{background: url("/statics/images/isi-5x-banner.jpg") center center no-repeat;}*/ /*.border_b{border-bottom: 1px #ddd solid;}*/ /*.banner-default .design-service-example{background: url("/statics/images/design-service-example.png") 0 center no-repeat;}*/ /*.isi-5x-session .banner-default h1{background-image: url("/statics/images/feature01.png");}*/ /*soc*/ .soc{background: url("/statics/images/soc-banner.jpg") center center no-repeat;} .soc-session .top-text{margin-bottom: 20px;} .soc-session .top-text ul{padding-left: 58px;font-size: 17px;} .soc-session .top-text ul li{list-style-type: disc;} .banner-default h1.icon-features{background: url("/statics/images/icon-diamonds.png") 0 center no-repeat;} .banner-default h1.icon-scenario{background: url("/statics/images/icon-cascade.png") 0 center no-repeat;} .banner-default h1.icon-feature{background: url("/statics/images/icon-feature.png") 0 center no-repeat;} .banner-default h1.icon-picture{background: url("/statics/images/icon-picture.png") 0 center no-repeat;} /*gddr6*/ .gddr6_banner{background: url("/statics/images/gddr6-banner.jpg") center center no-repeat;} .gddr6-session .gddr6-level01-l p{margin-bottom: 20px;} .gddr6-session .img-text{width: 448px;display: inline-block;margin-top: 10px;} .gddr6-session .gddr6-con{margin-top: 10px;} .gddr6-session .gddr6-con ul li{font-size: 16px;list-style-type: disc;margin-left: 60px;} .gddr6-session .gddr6-k{padding: 0 10px;} /*关于9999js金沙老品牌*/ .aboutus_banner {height: 480px;background: url("/statics/images/about-us-01.jpg") center center no-repeat;} .aboutus_b{height: 717px;background: url("/statics/images/about-us-03.jpg") center center no-repeat;margin-top: 20px; background-size:cover; padding-top:20px;} .aboutus_b p { color:#ffffff; text-align:center; letter-spacing:2px;} .about-us-con .about-us h1{font-size: 38px;color: #0044a9;margin-top: 30px;text-align: center} .about-us-con .aboutus-box .aboutus-content h1{font-size: 38px;text-align: center;padding: 45px 0 10px;position: relative;margin-bottom: 35px;} .about-us-con .aboutus-box .aboutus-content h1:after{position: absolute;content: "";bottom: 0;left: 50%;width: 64px;height: 2px; background: #0044a9;transform: translateX(-50%);} .about-us-con .aboutus-box-k{background: url('/statics/images/aboutus-b-bg.jpg') center 0 no-repeat;height: 930px;} /*GPU专栏*/ .wrapper-gpu {color: #fff;} .wrapper-gpu .gpu-level01{height: 387px;padding-top: 180px;background: url('/statics/images/gpu01.jpg') center 0 no-repeat #000;} .wrapper-gpu .gpu-level01 .text {width: 670px;color: #fff;text-align: justify;} .wrapper-gpu .gpu-level01 .text h1{font-size: 60px;font-style: italic;letter-spacing:8px;} .wrapper-gpu .gpu-level01 .text h3{font-size: 28px;color: #e5b258;margin: 10px 0;} .wrapper-gpu .gpu-level01 .text p{font-size:16px;line-height: 28px;} .wrapper-gpu .gpu-level01 .text .more{display: inline-block;width: 166px;height: 46px;line-height: 46px;text-align: center;font-size: 20px;color: #022a44;background-image: linear-gradient(to right, #b29257,#f0e4d1,#c9b082);margin-top: 30px;} .wrapper-gpu .gpu-level01-text {padding: 75px 0;background-color: #000;} .wrapper-gpu .gpu-level01-text p{color:#e5b258;font-size: 22px;} .wrapper-gpu .gpu-level02{height: 614px;background: url('/statics/images/gpu02.jpg') center 0 no-repeat #000;} .wrapper-gpu .gpu-level02 .h1-text{padding-top: 30px;} .wrapper-gpu .gpu-level02 h2{font-size: 30px;text-align: center;letter-spacing:6px;padding-top: 35px;} .wrapper-gpu .gpu-level02 .block {margin-top: 130px;} .wrapper-gpu .gpu-level02 .block .block-level02{margin-top: 80px;} .wrapper-gpu .gpu-level02 .block .text01{} .wrapper-gpu .gpu-level02 .block .text01 h3{font-size: 25px;color: #e5b258;} .wrapper-gpu .gpu-level02 .block .text01 p{font-size: 25px;margin-top: 5px;} .wrapper-gpu .gpu-level02 .block .text01 i{width: 50px;height: 2px;background-color: #e5b258;display: block;margin: 0 auto;margin-top: 5px;} .wrapper-gpu .gpu-level03{height: 765px;background: url('/statics/images/gpu03.png') 0 center no-repeat;background-color: #000;background-size: 50%;} /*H1标题*/ .wrapper-gpu .gpu-level03 .h1-text{font-size: 38px;text-align: center;padding-top: 55px;} .wrapper-gpu .gpu-level03 .h1-text .xhx{display:block;width: 64px;height: 5px;background-image: linear-gradient(to right, #b29257,#f0e4d1,#c9b082);margin: 10px auto 0;} .wrapper-gpu .gpu-level03 .text {width: 520px;float: right;padding-top: 110px;font-size: 16px;font-weight: 100;} .wrapper-gpu .gpu-level03 .text .text-img{text-align: right;margin-top: 35px;} .wrapper-gpu .gpu-level03 .text h2{font-size: 26px;color: #e5b258;} .wrapper-gpu .gpu-level03 .text .text-table{margin-top: 20px;} .wrapper-gpu .gpu-level03 .text .text-table li {padding:10px 0 ;color: #ccc;border-bottom: 1px #6d6d6d solid;} .wrapper-gpu .gpu-level03 .text .text-table li .span01{float: left;} .wrapper-gpu .gpu-level03 .text .text-table li .span02{float: right;color: #fff;display: block;width: 188px;} .wrapper-gpu .gpu-level04{height: 701px;background: url('/statics/images/gpu04.png') right center no-repeat;background-color: #000;background-size: 50%;} .wrapper-gpu .gpu-level04 .text {width: 520px;padding-top: 145px;font-size: 16px;font-weight: 100;} .wrapper-gpu .gpu-level04 .text .text-img{text-align: right;margin-top: 35px;} .wrapper-gpu .gpu-level04 .text h2{font-size: 26px;color: #e5b258;} .wrapper-gpu .gpu-level04 .text .text-table{margin-top: 40px;} .wrapper-gpu .gpu-level04 .text .text-table li {padding:10px 0 ;color: #ccc;border-bottom: 1px #6d6d6d solid;} .wrapper-gpu .gpu-level04 .text .text-table li .span01{float: left;} .wrapper-gpu .gpu-level04 .text .text-table li .span02{float: right;color: #fff;display: block;width: 188px;} .wrapper-gpu .gpu-level05{background-color: #000;} .wrapper-gpu .gpu-level05 .level05-bg{height: 1439px;background: url('/statics/images/gpu05.jpg') center 180px no-repeat;padding-top: 80px;} .wrapper-gpu .gpu-level05 .h1-text01{width: 390px;height: 50px;line-height: 50px;text-align: center;font-size: 25px;color: #000;background-image: linear-gradient(to right, #b29257,#f0e4d1,#c9b082);letter-spacing:3px;margin:0 auto;margin-bottom: 70px;cursor: pointer;} .wrapper-gpu .gpu-level05 .h1-text02{width: 200px;height: 46px;line-height: 46px;text-align: center;font-size: 20px;color: #022a44;background-image: linear-gradient(to right, #b29257,#f0e4d1,#c9b082);letter-spacing:3px;margin:0 auto;margin-bottom: 70px;cursor: pointer;} /*H1标题*/ .wrapper-gpu .gpu-level05 .h1-text{font-size: 38px;text-align: center;padding-top: 55px;} .wrapper-gpu .gpu-level05 .h1-text .xhx{display:block;width: 64px;height: 5px;background-image: linear-gradient(to right, #b29257,#f0e4d1,#c9b082);margin: 10px auto 0;} .wrapper-gpu .gpu-level05 .text{text-align: center;padding-top: 65px;} .wrapper-gpu .gpu-level05 .pa-text{margin: 0 auto;background-color: #1a1a1a;} .wrapper-gpu .gpu-level05 .pa-text h1{font-size: 30px;text-align: center;color: #e5b258;} .wrapper-gpu .gpu-level05 .pa-img{text-align: center;} .wrapper-gpu .gpu-level05 .text-level2{margin-top: 220px;} .wrapper-gpu .gpu-level06{background-color: #000;padding-top: 0;padding-top: 14px;padding-bottom: 80px;} /*H1标题*/ .h1-text{font-size: 38px;text-align: center;} .h1-text .xhx{display:block;width: 64px;height: 5px;background-image: linear-gradient(to right, #b29257,#f0e4d1,#c9b082);margin: 10px auto 0;} .wrapper-gpu .gpu-level06 .gpu-custom-form{font-size: 16px;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box{margin-top: 50px;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .form-box-l{padding-right: 30px;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .form-box-r{padding-left: 30px;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .title{color: #e5b258;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .input-line input{display: block;width: 100%;height: 40px;border: none;border-bottom: 1px #666 solid;margin-bottom: 25px;background-color: transparent;color: #fff;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .problem_elaboration_div{border: 1px #666 solid;padding: 10px;margin-top: 10px;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .problem_elaboration{border: none;width: 100%;height: 181px;background-color: transparent;color: #fff;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .layui-table{background-color: #888;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .layui-table tr{} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .layui-table .layui-input{background-color: transparent;border-color: #333;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .layui-table th{color: #000;background-color: #e5b258;border-color:#333;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .layui-table tr:hover td{color: #000;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .layui-table td{border-color: #333;color: #fff;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .layui-table td:last-child{color: #000;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .checkbox-div input{width: 20px;height: 20px;margin-top: 20px;vertical-align: text-bottom; } .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .gpu-custom-footer button{color: #000;font-size: 25px;width:390px;height: 50px;line-height:50px;background-image: linear-gradient(to right, #b29257,#f0e4d1,#c9b082);border:0;} /*.wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .checkbox-div .checkbox { display: inline-block;width: 15px; height: 15px; border: 1px #fff solid;border-radius: 2px; vertical-align: middle;margin: 0 3px 2px 0;}*/ .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .checkbox-div .checkbox {display: inline-block;width: 20px;height: 20px; background: url('/statics/images/checkbox-w01.png') 0 0 no-repeat;background-size: contain;border: none;vertical-align: text-top; margin-right: 0;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .checkbox-div .checkbox-check {width: 20px;height: 20px; background: url('/statics/images/checkbox-w.png') 0 0 no-repeat;background-size: contain;border: none;vertical-align: text-top; margin-right: 0;} .gpu-area-wrap { background-color:#f6f6f6; padding:60px 0 0px;} .gpu-intro { padding:40px 0 80px;} .gpu-intro p { color:#000000; font-size:18px; line-height:40px;} .gpu-area-box { padding-bottom:60px;} .gpu-detail-row h3 { font-size:24px; color:#000000; line-height:30px; margin:15px 0; font-weight: 700;} .gpu-detail-row span { font-size:20px; color:#000000; line-height:30px; } .gpu-detail-more {margin-top:20px;} .gpu-detail-more a {font-size:16px; color:#0044a9; line-height:30px; font-weight:700;} .gpu-area-need { background-color:#000d7a; padding:60px 0;} .gpu-area-need-title { font-size:36px; color:#ffffff; text-align:center;} .gpu-area-need-more { display:block; margin:20px auto 0 auto; padding:8px 20px; color: #FFFFFF; font-size:18px; font-weight:700; background-color:#ffaa01; text-align:center;border-radius: 22px; width: 240px;} .gpu-area-need-more:hover{ color:#000d7a;} .gpu1-banner { height:487px; background:url("/statics/images/gpu1-banner.jpg?v=1") center 0 no-repeat #141b5f; background-size:contain; } .gpu-feature1 { } .tech-parameter td, .tech-parameter th { font-size: 16px; color: #000000; padding: 15px 30px; } .gpu-feature1 .content-01-t1, .gpu-feature2 .content-01-t1 { padding-top: 30px; } .gpu-feature2 { margin-bottom: 50px;} .gpu-feature2 .swiper-slide { width: 33%; display: inline-block; margin-right: 10px;} .gpu2-banner { height:486px; background:url("/statics/images/gpu2-banner.jpg?v=1") center 0 no-repeat #000000; background-size:contain; } .gpu-feature3 { height:616px; background:url("/statics/images/gpu2-banner-bg-01.jpg") center 0 no-repeat #011c83; background-size:contain; } .gpu-feature4 { background:#e6e6e6; background-size:contain; padding-bottom: 50px;} .gpu-wrapper { width:1920px; margin:0 auto;} .gpu-feature2 .content-01-t1 { padding-bottom: 30px;} .gpu-feature2 .swiper-button-prev {background:url("/statics/images/gpu-application-left.png") center center no-repeat;} .gpu-feature2 .swiper-button-next {background:url("/statics/images/gpu-application-right.png") center center no-repeat;} .gpu-feature2 .swiper-container.btn { width: 1200px; padding: 60px; height: 5px; overflow: auto; position: absolute; top: 160px; left: -80px; z-index: 1; } .gpu-application.swiper-container { z-index: 2; } .gpu-feature2 .swiper-button-next, .gpu-feature2 .swiper-button-prev { position: absolute; top: 50%; width: 59px; height: 59px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 59px 59px; background-position: center; background-repeat: no-repeat; } .gpu-feature3 .content-01-t1 h2 { color: #ffffff; font-size: 40px; padding-top: 50px; } @media only screen and (max-width:992px) { .layui-col-space30 {margin: 0;} .layui-col-space30>* {padding: 10px;} /*banner*/ .banner .swiper-slide>a{height: auto;} /*首页底部滑动*/ .index .custom-example-list .swiper-button-prev,.index .custom-example-list .swiper-button-next{ display: none;} /*.layui-col-space30{margin: 0;}*/ /*.layui-col-space30>*{padding: 10px;}*/ .logo img{margin: 0;} /*.wrapper img{width: 100%;}*/ .index .content-level01,.index .content-level02{margin-top: 1em;} .index .content-level01 ul li img{width: 100%;} .index .content-level01 ul li{margin-right: 0;} .index .content-level01 .content-level01-03{float: none;} .index .content-level01 ul li{float: none;} .index .content-level02 .content-level02-li-01 .content-level02-01>ul{text-align: center;} .index .content-level02 .content-level02-li-01 .content-level02-01>ul>li{float: none;margin: 0 auto;margin-bottom: 1em;} .index .content-level02 .content-level02-li-01 .content-level02-01>ul>li.content-level01-03{margin-right: auto;} .index .content-level02 .content-level02-li-01{float: none;width: 100%;} .index .content-level02 .content-level02-li-02{float: none;width: 100%;margin-top: 30px;} .index .content-level02 .content-level02-li-02 .content-level02-02-l>div img{width: 100%;} .index .content-level02 .content-level02-li-02 .content-level02-02-l{float: none;width: 100%;} .index .content-level02 .content-level02-li-02 .content-level02-02-r{float: none;width: 100%;} .index .index-h1-title img{width: 90%;} .block_ip,.ip_select{line-height: 3em;padding: 0 10px;} .pcle{margin-top: 0;margin-bottom: 0;} .pcle .layui-col-space30>*{padding-left: 0px;padding-right: 0px;} .pcle .ip-selector-con{padding: 10px 0 0;} .pcle h1{font-size: 20px;} .pcle .ip-intro{margin-top: 5px;} .asic img{width: 100%;} .mobile-banner{background-size: cover;height: 100px;} .mobile-banner-new{display: none;} .qa_wrap{background: none;} .qa_wrap .q_content{width:auto;font-size:15px;padding-left:0;} .qa_wrap .a_content{width:auto;} h1{word-break: break-all;} .pcle .ip-selector-t{font-size: 18px;text-align: center;} .pcle .ip-advantages{padding: 0;margin-top: 10px;} .pcle .main-areas li{float: none;margin-right:auto;text-align: center;margin-bottom: 10px;} .pcle .main-areas li img{width: auto;} .pcle .ip-series .ip-series-t{width: 20%;} .pcle .know-ip-selector{display: block;width: 100%;text-align: center;} .pcle .one-click-start{font-size: 20px;margin: 0 auto;display: block;float: none;border-radius: 5px;transform:scale(0.8,0.8);} .pcle .know-ip-selector img{width: auto;} .pcle .ip-series{padding: 10px;} /*芯片定制*/ .asicdz .asicdz-top-text h1{font-size: 20px;margin-bottom: 5px;} .start-asic{padding: 40px 15% 20px;} .start-asic img{width: 100%;} .asicdz_banner{margin-bottom:20px;} .asicdz .asicdz-top-text{padding: 20px 0 10px;} .content-02 .layui-form{padding: 10px;} .content-02 .layui-form .must{display: none;} .content-02 .layui-form .must-mobile{;display:block;padding: 0 0 10px 0;} .asicdz .customer{padding: 20px 10px 35px;} .asicdz .customer .blo03{padding: 30px 10px;} .asicdz .feature ul{padding-left: 3em;} .asicdz .feature .layui-col-md7{margin-top: 0;} .asicdz .feature .layui-col-md5{padding: 10px;} .asicdz .start-asic{padding: 10px;} .content-01 .asic-circle>div>div>img{width: auto;left: 50%;margin-left: -105px;} .asci-custom-example{padding-left: 10px;} #mao{font-size: 20px;padding: 0 10px;margin: 40px 0 10px;} #mao font{display: inline-block;font-size: 24px;vertical-align: middle;} .content-02 .xqtxzy .tips-sanjiao{width: auto;} .content-02 .xqtxzy .tips{top:auto;right:auto;bottom: 30px;left: 0;padding: 0;width: 100%;height: max-content;} .content-02 .xqtxzy .tips>div{padding:10px;} .content-02 .layui-btn-submit>span{margin-left: 0;} .content-02 .layui-form .layui-btn{padding: 0 40px;} .asci-custom-example .custom-example-list ul li:last-child{margin-right: 10px;} .banner-default h1{font-size: 22px;padding-left: 40px;margin-left: 10px;} .wireless-session .top-text .img-con{text-align: center;padding: 0 10px;} .wireless-session .top-text .img-con span{display: block;height: 50px;overflow: hidden;margin-top: 20px;} .wireless-session .top-text .img01{margin-left: 0;} .wireless-session .top-text .img02{width: auto;margin-top: -100px;margin-right: -15px;} .gddr6-session .img-text{width: auto;padding-bottom: 10px;} /*联合开发*/ .lhkf{margin-top: 10px;} .lhkf .content-level01{padding: 0 10px;} .lhkf .content-02{padding: 50px 10px;} .lhkf .content-02 .layui-col-xs12{margin-bottom: 10px;} .content-02 .layui-form .layui-col-md3{padding-right: 0;} .content-01 .layui-col-space20{margin: 0;} /*新版手机首页*/ .banner-01-b{padding-top: 1px;} .banner .swiper-container-android .swiper-slide, .banner .swiper-wrapper{height: auto;} .banner-01-b .wrapper>ul>li>div>i{height: 63px;top:8px;} .banner-01-b .wrapper>ul>li>div>.t1-con-02{float: none;} .banner-01-b .wrapper>ul>li>div>.t1-con-02 h3{font-size: 24px;} .banner-01-b .wrapper>ul>li>div>.t1-con-02 p{font-size: 14px;line-height: 1.5;} .banner-01-b .wrapper>ul>li>div>.t1-con-02 p span{display: block;} .index .content .content-01{padding:0;} .index .content-01>div>ul>li>div p{line-height: 1.5; font-size: 20px; color: #000000;} .index .content-01>div>ul>li>div{padding-top: 10px;height:auto;} .index .content-01>div>ul>li>div a{bottom: 9px;} .index .content-01>div>ul>li>div h3, .index .content-01>div>ul>li>div h3 i {margin-top: 0; color: #0a2690; font-size: 26px;} .index .content-01>div>ul>li{width: 100%;} .index .content .content-light .wrapper{margin-top: 10px;} .index .content-01>div>ul>li>div { padding: 0; border-radius: 0; } .index .content-01>div>ul>li>.t1{background: none; margin: 0; margin-bottom: 20px;} .index .content-01>div>ul>li>.t2{background: none; margin: 0; margin-bottom: 20px;} .index .content-01>div>ul>li>.t3{background: none; margin: 0;} .content-01-t1 {padding: 0;} .content-01-t1 h2 { font-size: 28px; color: #000000; padding: 0; } .area-wrap .content-01-t1 h2 { padding-top: 20px; } .content-01-t1 .line-bar {display: none;} .index .content-01>div>ul>li>div span {position:static; margin: 20px 0;padding: 5px 15px;border-radius: 15px;} .index .content .content-fangan-box{padding-top: 10px;} .index .content .content-01 .layui-col-md4{padding: 0;margin-bottom: 10px;} .index .content .content-fangan .wrapper{padding: 0 20px;} .index .content-fangan .t-con { width: 100%; background: none; height: auto; } .index .content-fangan .t-con .sub h3 { font-size: 24px; font-weight: bold; } .index .content-fangan .t-con .mask { height: 90px; border-radius: 0 0 10px 10px; } .content-news-con .news-first img { border-radius: 10px 10px 0 0 ; } .index .content-fangan .t-con img {border-radius: 10px;} .index .content-fangan .t-con .sub { padding: 0 0 0 20px; bottom: 5%;} .index .voice_customer,.index .voice_customer .voice_customer_content { padding-top: 0;} .index .content-01 .content-01-con{padding-top: 10px;} .index .content-fangan .t-con .sub p{font-size: 14px;} .index .content .content-news{padding: 10px 0 20px 0;} .index .content .content-news .content-news-con{margin-top: 10px;padding: 0;} .content-news-con .news-first{} .index .content .content-news .content-news-con .content-news-list .layui-icon { display: none;} .index .content .content-news .content-news-con .content-news-list{margin-bottom:10px;} .index .content .content-news .content-news-con .content-news-list:last-child{margin-bottom:0;} .index .content .content-news .content-news-con .content-news-list{font-size: 14px;} .content-news-con .news-first a span{display: none;} .content-news-con .news-first p{font-size: 14px;padding: 10px !important;text-align: left;font-weight: bold; color: #000000;} .index .content .content-news .content-news-con .news-con-row .news-con-row-r{width: 100%;} .content-news-con .news-list{padding: 0;} .index .content .content-news .content-news-con .news-con-row .news-con-row-l{width: auto;float:none;margin-bottom: 10px;border-radius:5px; } .index .content .content-news .content-news-con .news-con-row{background-color: transparent;} .index .content .content-news .content-news-con .content-news-list a p{height: auto;color: #000000;} .index .content .content-news .content-news-con .news-more-m{font-size: 18px; margin-top: 30px;} .index .content .content-news .content-news-con .news-more-m a{ font-size: 18px; color: #fff; background-color: #ffc700; border-radius: 25px; padding: 10px 25px; transition: all 1s; } .index .content .content-news .content-news-con .news-more-m a:hover{background-color: #1a3ab3;} .index .content .content-news .content-news-con .news-more-m a img{vertical-align: baseline;} .index .content .factory{background-size: cover;} .index .content .factory .factory-t{height: 150px;background-size: cover;} .index .content .factory .factory-t .partner{padding: 35px 0 0 40px;} .index .content .factory .factory-t .partner .partner-con{width: 190px;position: relative;} .index .content .factory .factory-t .partner .partner-con img{width: 25px;margin: 0 12px 5px 7px;} .index .content .factory .factory-t .partner .partner-con .img05{margin: 0 15px 0 10px;} .index .content .factory .factory-t .partner .partner-con .img06{margin: 0 20px 0 0;} .index .content .factory .factory-t .partner .partner-con .img07{margin: 0 25px 0 0;} .index .content .factory .factory-t .partner .more{position: absolute;top:50px;right: -30px;margin:0;} .index .content .factory .factory-t .partner .more a{font-size: 12px;} .banner-mobile{display: block;} .banner-mobile img{width: 100%;} /*.banner{display: none;}*/ .content-level01>ul{display: none;} .content-level01-mobile{font-size: 18px;display:block;} .content-level01-mobile .level01-mobile-t{padding: 30px 20px 10px;font-size: 20px;} .content-level01-mobile .more{float: right;} .content-level01-mobile .level01-mobile-img{position: relative;} .content-level01-mobile .level01-mobile-img .level01-img-t{color: #fff;width: 100%;position: absolute;text-align: center;top:50%;margin-top: -44px;} .content-level01-mobile .level01-mobile-img .level01-img-t span{display: block;padding: 3px 0;} .content-level01-mobile .level01-mobile-img .level01-img-t .t1{padding: 0;} .content-level01-mobile .level01-mobile-img .level01-img-t .t3{font-size: 16px;border-top: 1px solid rgba(213,213,213,0.15);margin: 0 80px;} .index .h1-title{font-size: 20px;padding: 0 10px;} .index .content-level02{border:none;border-top: 1px #eee solid;padding: 0;margin: 20px 20px 10px;} .index .content-level02>ul>li .content-level02-01, .index .content-level02>ul>li .content-level02-02{padding: 0;padding-top: 20px;} .index .content-level02 .content-level02-li-01 .content-level02-01>ul>li .level01-img{height: 130px;overflow: hidden;} .index .content-level02 .content-level02-li-01 .content-level02-01 h2, .index .content-level02 .content-level02-li-02 .content-level02-02 h2{font-size: 20px;margin-bottom: 15px;} .index .content-level-02 .dxal>li .level01-img{margin: 0 5px;} .index .content-level-02 .dxal>li .level01-img h3{font-size: 15px;} .index .content-level-02 .dxal>li .level01-img .br-mobile{display: block;} .content-level-02 .layui-col-md6{padding: 15px 0;} .index .content-level02 .content-level02-li-01 .content-level02-01 .content-level01-01 img{margin-top: -20px;} .index .content-level02 .content-level02-li-01 .content-level02-01 .content-level01-02 img{margin-top: -70px;} .index .content-level02 .content-level02-li-01 .content-level02-01 .content-level01-03 img{margin-top: -105px;} .index .content-level02>ul>li .content-level02-02{border: none;border-top: 1px #eee solid;} .index .content-level01 .more, .index .content-level02 .more{font-size: 20px;} .index .content-level02 .content-level02-li-01 .content-level02-01>ul>li .level01-img .level01-img-text{font-size: 18px;height: 26px;line-height: 26px;} .index .content-level-02 .news{padding: 0;} .index .wauto{padding: 0 0 10px;} .wauto img{width: auto;} .index .content-level-02 .news .news-con{padding: 10px 10px 2px 10px;flex-wrap:wrap;} .index .content-level-02 .news .news-con .news-con-01{width:auto;border-bottom: 1px #ccc solid;padding-bottom: 15px;margin-bottom: 10px;} .index .content-level-02 .news ul li>a>div{float: inherit;} .index .content-level-02 .news .news-con .news-con-01 .news-first{margin: 0;} .index .content-level-02 .news .news-con .news-con-01 .img .img01{display: none;} .index .content-level-02 .news .news-con .news-con-01 .img .img02{display: block;} .index .content-level-02 .news .news-con .news-con-02{width:auto;padding: 0;} .index .content-03{background-size: cover;height: 100px;margin-top: 20px;} .content-level-01 .layui-col-md4{text-align: center;} .index .content-level-01{margin-top: 35px;padding: 0 10px;} .index .content-level-01 .level-img{margin-bottom: 10px;} .index .content-level-02 .dxal{padding: 0 5px;} .index .content-level-02 .dxal>li .level01-img:hover .more{width: 50%;} .index .content-level-02 .dxal>li .level01-img .more span{font-size: 12px;} .index .content-level-02 .dxal>li .level01-img:hover .more span{display: block; width: 50%;} .index .content-level-02 .dxal>li .level01-img p{height: 75px;overflow:hidden;/*超出隐藏*/ text-overflow:ellipsis;/*文本溢出时显示省略标记*/ display:-webkit-box;/*设置弹性盒模型*/ -webkit-line-clamp:3;/*文本占的行数,如果要设置2行加...则设置为2*/ -webkit-box-orient:vertical; } .index .content-level-01 .level-img{width: 100%;} .content-news .content-01-t1 a{display: none;} /*应用案例*/ .index .custom-example-list .swiper-container.btn{display: none;} /*关于我们*/ .aboutus_banner{margin-bottom: 20px;} .aboutus_b{height: 300px;background-size: cover;} .aboutus .fblue-new{margin-bottom: 30px;} .sense-of-worth{margin-top: 20px;padding: 0 10px;} .sense-of-worth h1{font-size: 20px;} .sense-of-worth .worth-con .layui-col-md4{text-align: left;} /*人才招聘*/ .job-session .job-con{padding: 0 10px;} .job-session .job-con h1{font-size: 20px;} .job-session .job-con img{width: auto;} .job-session .job-show{padding-bottom: 1px;} .job-session .job-show .poster-main{display: none;} .job-session .job-style .style>div{padding: 10px 20px;} .job-session .job-con .level-01{height: auto;} .job-session .job-con .level-01 .layui-col-md3{margin-top: 0;margin-bottom: 10px;} .job-session .job-con .level-01 .level-01-t{font-size: 20px;} .job-session .job-con .level-01 .level-01-t i{transform: scale(0.8);} .job-session .job-con .level-01 .layui-col-md3{pointer-events: none;} .job-session .job-con .level-01 .layui-col-md3 .level-01-k>i{display: none;} .job-session .job-con .level-01 .layui-col-md3 .level-01-k{height: auto;} .job-session .job-show h1{background-size: contain;background-position:center;} .job-session .swiper-container{margin-bottom: 10px;} .job-session .swiper-container:last-child{margin-bottom: 0;} .job-session .job-style .style{height: 150px;pointer-events: none;background-size: 160%;} .job-session .job-style .style01{background-size: auto;} /*.job-session .swiper-container-03 .job-style .style{height: 150px;background-size: 160%;}*/ .job-session .job-style>div{height: auto;} .job-session .job-style .style h1{font-size: 20px;} .job-session .level-02 .layui-col-space20{margin: -5px;} .job-session .level-02 .layui-col-space20>*{padding: 5px;} /*社会招聘*/ .jobopportunity-session .job-con{margin-top: -23px;} .jobopportunity-session .job-search{width:auto;} .jobopportunity-session .job-search .search01{width: 70%;} .jobopportunity-session .job-search .search02{width: 30%;} .jobopportunity-session .job-search .search01 .input-search{padding: 10px 0;} .jobopportunity-session .job-search .search02 .btn-search{height: 46px;padding: 10px 0;} .jobopportunity-session .add_post { text-align:center;} .jobopportunity-session .add_post img { width:140px;} .jobopportunity-session .openDiv-bg{ width:100%;} .jobopportunity-session .openDiv { width:100%;background:url("/statics/assets/img/campus_7.jpg") no-repeat;background-size: contain;} .jobopportunity-session .mobile_nav img { cursor:pointer; width:30px; margin-right:15px;} .jobopportunity-session .add_post img { width:140px;} .table-content { display:block;} .jobopportunity-session .job-info{padding: 10px 20px 0 20px;} .jobopportunity-session .job-info .opencareer.mb { display:block; } .jobopportunity-session .job-info .opencareercont.mb { padding-bottom:0; } /*nicole*/ .jobopportunity-session .job-info .share {top:15px;} .jobopportunity-session .layui-col-space30>*{padding: 10px;} .jobopportunity-session .job-tip{padding-top: 10px;} .jobopportunity-session .job-tip .t2{font-size:20px;padding-bottom: 0;} .jobopportunity-session .job-tip .t2 strong{font-size: 26px;} .gb_resLay { width: 100%;} .gb_resItms li { width: 33.333%; } .gb_resA img { width: 45px; margin-top: 5px;} /*校园招聘*/ .job-x{padding:0;} .table-content{margin-top: 5px;} .job-x .job-cate-title select{width: 251px;} .job-x .layui-col-space30>*{padding: 10px;} .wrapper-job .process{margin-top: 0;} .wrapper-job .wangshen{margin: 0;padding: 0 10px;} .wrapper-job .text-right{margin-top: 10px;} .wrapper-job .process .box-right .line{display: none;} .campus-session .mobile_nav img { cursor:pointer; width:30px; margin-right:15px;} .campus-session .add_post {text-align:center;} .campus-session .add_post img {width:140px;} .campus-session .openDiv-bg{width:100%;} .campus-session .openDiv {width:100%;background:url("/statics/assets/img/campus_7.jpg") no-repeat;} .campus-session .job_banner img {height:100px;} .campus-session .meanmenu-reveal { position:absolute; top:10px; right:10px;} .campus-session .table-box {padding:10px 10px 20px 10px;} .campus-session .openDiv {background-size:contain;} .campus-session .openDiv div {display:none;} .campus-session .openDiv .close {width:20px; height:20px; background-size:contain; right:20px;} .campus-session .logo img {margin-right:5px;} .campus-session .job-tip .t2 {font-size:20px; padding-bottom:0;} /*新闻列表*/ .news-wrap .news-con{padding: 0 10px;} .news-wrap .news_list{padding: 0 10px;} .news-wrap .container{padding: 0 10px;} .news_title{padding: 0 0 10px 0;} .news_doc{padding: 0;} .news_title li:last-child p{width: 100%;padding-left: 0;} .news_title h1{font-size: 20px;} .news-wrap .btn-favour{display: none;} /*联系我们*/ .contact{background: none;} .contact .contact-us-r h2{padding: 0 10px;} .contact .contact-us-r .checkbox-div{padding: 0 10px;} .contact .contact-us-r .submit{padding-bottom: 50px;} /*ip*/ .breadcrumb {padding: 0 10px;} .contact .contact-us h1{font-size: 30px;} .contact .contact-us-r .submit{text-align: center;} /*second*/ /*招聘职位 视频集锦*/ .jobs-nav-con .row .row-l{float: none;margin-bottom: 28px;} .jobs-nav-con .row .row-r{float: none;} .jobs-nav-con .row .play1{width: 100%;height: 208px;background: url('/statics/images/job-video-01.jpg') 0 0 no-repeat;background-size: cover;} .jobs-nav-con .row .video_bg{width: 100%;background-size: cover;} .jobs-nav-con .row .row-l .row-l-con{width: 100%;height: auto;margin-right: 0;} .jobs-nav-con .row .row-r .row-r-con{width: 100%;height: auto;} .jobs-nav-con .row .video_bg .play_bg{background-color: rgba(0,0,0,0.1);} .jobs-nav-con .row .play1 .play_bg .play_bg_con{padding: 15px;} .jobs-nav-con .row .play1 .play_bg .play_bg_con .play_button{position: absolute;width: 30px;bottom: 10px;right: 10px;top:auto;left: auto;} .jobs-nav-con .row .video_bg .play_bg .play_bg_con p{display: block;} .job-cate-box-title{font-size: 14px;} .jobs-nav-con .row .v_ul li{margin: 0;} .none-m { display:inherit;} .mobile-banner, .brick-item { display:none;} .process-node { width:100%;} .ip-advantages-box {padding:20px 10px;} .ip-advantages-box .layui-col-md6 { width:100%;padding:10px 0;} #ip_solution .layui-col-md9 { width:100%;} .ip-intro { padding:0 10px; box-sizing:border-box; padding-bottom:0px; margin:20px 0; border-bottom: none;} .ip-intro p { line-height:25px; margin-top:20px; font-size:16px;} .ip-intro p { padding-bottom:0;color: #000000;font-size: 14px;} .breadcrumb { padding:0 10px; font-size:16px;} .pcle .ip-series .ip-series-t{position: absolute;top: -12px;right: -14px; width:110px;} .ip-advantages-box .f26 { font-size:16px;} .ip-advantages-box .f29 { font-size:16px;} .ip-selector-con { width:100%;} /*.pcle { padding:0 10px;}*/ .ip-advantages h1 a { font-size:22px;} .ip-advantages .advantages-list h1 { font-size:18px;} .ip-advantages .advantages-list p { font-size:14px; margin-left:-50px; margin-top:15px; width:135%;} .one-click-start { margin:0;} .ip-selector-con a img { width:250px;} .ip-selector-con .ip-icon-left,.ip-selector-con .ip-icon-right{width:30px;} /*.ip-selector-con .ip-icon-left,.ip-selector-con .ip-icon-right{display: none;}*/ .ip-advantages-box .mt70 { margin-top:30px;} .ip-advantages .advantages-list h1 { height:auto;} .ip-advantages .advantages-list .ip-advantages-icon img { width:35px; margin-top:-7px;} .ip-advantages .advantages-list .ip-advantages-icon { width:50px; float:left;} .ip-advantages .advantages-list .ip-advantages-intro { width:75%; float:left;} .ip-list-box { display:block; padding-top:10px; background:#f6f6f6;margin-top: 10px;} .ip-list-content { padding:20px 20px;} .ip-list-content .ip-selector a { display:inline-block; width:100%; padding:0 15px; font-size:16px; box-sizing:border-box; height:48px; line-height:48px; background:linear-gradient(to right, #56bdf9, #4983f7); color:#ffffff; font-weight:bold;} .ip-list-content .ip-lists .ip-list-li { width:100%; padding:0 0px 0 10px; font-size:16px; box-sizing:border-box; height:48px; line-height:48px; background:linear-gradient(to right, #f2de6b, #eb9b3f);color:#ffffff; margin-top:20px; font-weight:bold;} .ip-list-content .ip-lists .ip-list-li>a{ color:#ffffff; width:80%; border-right:#ffffff solid 2px; display:inline-block;height:48px; line-height:48px; box-sizing:border-box; float:left;} .ip-list-content .ip-lists .ip-list-li>i{width:20%; float:left; text-align:center; font-size:28px; line-height:44px;} .m-menu-middle .left-menu li i{background-color: #666;color: #fff;padding: 0 10px;} .left-menu>li>p{padding-right: 20px;} .ip-lists .left-menu { display:none;} .pcle .ip-series h1, .area h1, .technology h1 { font-size:28px;} .line-bar {display: none;} .area h1 i,.ip-advantages h1 i { width:160px;} .technology h1 i { width:160px;} .ip-advantages h1 .line-bar { bottom:-3px;} .ip-advantages h1 { margin-bottom:20px;} .breadcrumb .fright { float:right; color:#000000; position:relative; margin-right:20px;} .breadcrumb .fright i {width: 0;height: 0;border: 6px solid transparent;border-top-color: #000000; position:absolute; top:25px; right:-20px;} .ip-custom-intro { margin:25px 0; padding:0 10px; box-sizing:border-box; color: #000000;} .ip-custom-intro p { line-height:25px;} .ip-custom-content { padding:20px 0;} .ip-custom-content .layui-col-md3 { width:100%;} .ip-custom-box .ip-custom { width:100%; background:none; height:auto; box-shadow:0 1px 15px 0px rgba(0, 0, 0, 0.15);:} .ip-custom-box .ip-custom .sub { opacity:1; top:0; background:none; padding-top:0; background:#ffffff; border:none; padding-bottom:15px; height:auto;} .ip-custom-box .ip-custom .ip-custom-title { display:none;} .ip-custom-box .ip-custom .sub img { width:100%;} .ip-custom-box .ip-custom .sub h3 { text-align:left; padding:20px 20px 0 20px; margin:0; color: #000000;} .ip-custom-box .ip-custom .sub p { padding:0px 20px 0 20px;} .ip-custom-intro p { color: #000000; font-size: 14px; } .advantage-wrap { padding:0;} .area-wrap {padding:0 10px;} .area-wrap .t-info { font-size: 18px; color: #ffffff; font-weight: 500; position: absolute; width: 100%; text-align: center; left: 0; top: 0; margin-top: 12%; text-shadow: 0 0 6px #474747; } .ip-info {padding: 0 10px;} .asci-custom-example-box { padding-top:20px;} .custom-example-t { margin-top:0;} .case-item {width:100%;} .case-item .case-img img { } .custom-form { background:url("/statics/images/custom_form_bg-m.jpg") center center no-repeat; background-size:cover; padding:0 10px; box-sizing:border-box; height:900px;} .custom-form-box { width:100%; box-sizing:border-box; padding:20px; height:auto; position:static;} .custom-form-box label { width:25%;} .custom-dz-input-con .layui-col-xs6 { width:100%;} .xqtxzy { float:left;} .list-con { padding-left:15px;} .custom-form-box .layui-textarea { width:100%; min-height:150px;} .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .asci-custom-example-box .case-item .case-intro p { text-align:left;} .asci-custom-example-box .swiper-slide { height:auto; width:60%;} .asci-custom-example-box .case-item .case-intro h3 { font-size:18px; line-height:20px; padding:20px 0; text-align:left;} .asci-custom-example-box .case-item .case-intro { padding:0 10px; height:260px;} .swiper-container.btn { display:none;} .swiper-pagination-bullet { width:18px; height:18px;} #swiper-container { padding-bottom:60px;} .asci-custom-example-box { padding-bottom:20px;} .custom-footer button { width:100%;} .content-02 .xqtxzy .tips { right:0px; top:225px; width:100%; box-sizing:border-box;} .content-02 .xqtxzy .tips-sanjiao { left:15px;} .custom-form-box .layui-col-md6 .layui-col-md12.mt20 { height:160px;} .layui-col-md12.sex { padding-left:60px;} .custom-dz-input-con { padding-left:15px;} .pcle .ip-series { padding:20px 10px 10px 10px;} .ip-series h1.mb40 { margin-bottom:20px;} .area h1, .technology h1 { margin-top:20px; margin-bottom:20px;} .technology .intro.f16 { font-size:14px;} .breadcrumb a {color:#0044a9; margin-right:5px;} .ip-title-mobile {color:#1a3ab3; font-size:26px;} .technology h1 { margin-top:40px; margin-bottom:20px;} .technology { padding: 0 20px;} /*IP end*/ .news-search input { width:40%;text-indent:10px;} .news-search select { width:25%;} .news-search { padding:0 20px; margin-top:40px;} .news-box {margin-top:20px;padding:0 20px;} .news-box .news_list li { padding-left:100px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;word-break: break-all;} .news-box .news_list li span { font-size:12px; width:72px;} .news-box .news_list li a { font-size:14px;} .news-box .news_list { margin-bottom:20px;} .news-search a img { height:34px; margin-top:-5px;} .job-content { padding:20px 0;} .job-content .table-content { margin-top:20px;} .job-cate { padding:0 20px;} .job-cate a { margin-left:0; margin-right:5px;font-size:14px;padding:5px 8px;border-radius: 10px;font-weight: normal;display: inline-block;} .job-cate a:hover{background-color: #0044a9;color: #fff;} .job-cate .active{background-color: #0044a9;color: #fff;} .job-cate span { font-size:16px; margin-right:10px;color: #0044a9;display: block;margin-bottom: 15px;} .banner-mobile { display:block;} .job-session .banner-mobile .job-style .style h1 { font-size:20px; text-align:left; padding-left:20px;} .job-session .banner-mobile .job-style .style h1 span { width:100%; float:left; font-size:16px;} .job-session .banner-mobile .job-style .style>div, .job-area-box { padding:20px 0; box-sizing:border-box;} .job-area-intro { padding:20px;} .job-area-box .layui-col-xs6 {width:100%;} .job-area-box .swiper-container .swiper-slide, .job-area-box .swiper-container img { width:100%;} .job-area-box #swiper-container { padding-bottom:0;} .job-area-box .img-box { display:none;} .job-area-box h1 { font-size:22px;} .job-area-box h1 .line-bar { bottom:-4px;} .job-area-box h1 .line-bar i { width:300px;} .job-area-box .ip-title-mobile { font-size:22px;} .job-detail-box { width:100%; padding:20px; box-sizing:border-box;} .job-bar .layui-col-md3 { width:25%; float:left; font-size:12px;} .job-btn-box a { width:30%; margin-right:0; background-size:100% 100%; font-size:14px; border-radius:20px;} .job-content .job-info table th,.job-content .job-info table td { font-size:14px;} .job-content .job-intro a , .job-content .job-intro{ font-size:12px;} .job-content .job-intro { padding-top:20px;} .job-content .job-intro a { margin:0 5px;} .job-intro .f22 { font-size:14px;} .job-session .swiper-container { margin-top:10px;} .job-area-box { padding-bottom:10px;} .job-area-intro .text-box { padding:5px 0 5px 24px; font-size:16px; background:none;} .job-area-intro .text-box:before { display:inline-block; content: "."; width:18px; height:16px;background: url("/statics/images/carrer-icon-4-m.png") left center no-repeat; background-size:cover; margin:0 5px 0 0; color:transparent; vertical-align:text-top; margin:0px 5px 0 -24px;} .job-content .job-info table td a.more { width:15px; height:15px; background-size:cover;} .asci-custom-example-box .case-item .read-more { padding:60px 10px 20px 10px;} .job-bar .layui-col-md9 { width:65%; float:left; font-size:12px;} .job-bar .layui-col-md3 { width:35%; font-size:12px;} .job-detail { padding-top:0;} .share-box { margin-bottom:10px;} .banner-mobile p { opacity:0;} /*新闻中心*/ .news-nav-con .nav-con ul li{margin: 0 0 30px;width: 100%;border-radius:0;} .news-nav-con .nav-con ul li .thumb{width: auto;} .hdxx .hdxx-01 .hdxx-01-l,.hdxx .hdxx-01 .hdxx-01-r{width: 100%; float:none;} .hdxx .hdxx-01 .hdxx-01-r { padding: 20px 10px; box-shadow: none; height: auto; background-color: #ffffff; float:none; font-size: 14px; box-sizing: border-box; } .hdxx-01-box { box-shadow: 0px 4px 15px 0px rgba(111,114,124,0.5); } .news-nav-con .nav-con-text { color: #1b2b4f; padding: 18px 10px; text-align: left; } .news-nav-con .nav-con ul li .thumb img { width: 100%; height: auto; } .news-nav-con .nav-con-text .t1 { height: auto; } .news-nav-con .news-nav-con-xh {display: none;} .hdxx-01 {padding: 0;} .news-nav-con .nav-con {padding: 20px;box-sizing: border-box;} .hdxx .hdxx-01 img {width: 100%; height: auto;} .hdxx .hdxx-01 .hdxx-01-r .r-bt{font-size: 16px;} .area .ip_img1_top_icon{width: 100px;} /*关于9999js金沙老品牌*/ .about-us-con .about-us{padding: 0 10px;} .about-us-con .about-us h1{font-size: 20px;color: #0044a9;margin-top: 20px;text-align: left;} .about-us-con .page-ab-box1{display: none;} .about-us-con .about-us-page-ab-box-m{background: url('/statics/images/about-us-yj-bg.jpg') 0 0 no-repeat;padding: 30px 10px;} .about-us-con .about-us-page-ab-box-m h3{font-size: 25px;font-weight: bold;position: relative;padding-bottom: 12px;margin-bottom: 8px;} .about-us-con .about-us-page-ab-box-m h3:after{font-size: 25px;font-weight: bold;position: absolute;content: "";bottom: 0;left: 32px;width: 64px;height: 2px; background: #0044a9;transform: translateX(-50%);} .box-r ul{padding-left: 1.5em;} .box-r ul li{margin-bottom: 20px;list-style-type: disc;} .about-us-con .box-r-m{background: none;background-color: #0044a9;color: #fff;} .about-us-con .aboutus-box-k{background: none;height: auto;} .about-us-con .aboutus-box .aboutus-content h1{font-size: 30px;text-align: center;padding: 5px 0 10px;position: relative;background-color: #eeeeee;margin-bottom: 0;padding-top: 30px;} .float-contact a span{display: none;} /*gpu*/ .wrapper-gpu .gpu-level02 .h1-text{font-size: 26px;} .wrapper-gpu .gpu-level03 .h1-text{font-size: 26px;} .wrapper-gpu .gpu-level05 .h1-text{font-size: 26px;} .wrapper-gpu .gpu-level02{padding: 0 10px;} .wrapper-gpu .gpu-level02 h2{font-size: 18px;} .wrapper-gpu .gpu-level02 .block .text01 h3{font-size: 18px;} .wrapper-gpu .gpu-level02 .block .text01 p{font-size: 18px;} .wrapper-gpu .gpu-level02 .block{margin-top: 100px;} .wrapper-gpu .gpu-level02 .block .text01{margin-top: 30px;} .wrapper-gpu .gpu-level02 .block .text01 p{margin-top: 0;} .wrapper-gpu .gpu-level02 .block .block-level02{margin-top: 0;} .wrapper-gpu .gpu-level03{height: 665px;background:#000;} .wrapper-gpu .gpu-level03 .text{width: auto;padding: 20px 10px 0;float: none;background-color:rgba(0,0,0,0.8)} .wrapper-gpu .gpu-level03 .text h2{font-size: 16px;} .wrapper-gpu .gpu-level03 .text .text-table{margin-top: 10px;} .wrapper-gpu .gpu-level04{height: 550px;background:#000;} .wrapper-gpu .gpu-level04 .text{width: auto;padding: 20px 10px 0;float: none;background-color:rgba(0,0,0,0.8)} .wrapper-gpu .gpu-level04 .text h2{font-size: 16px;} .wrapper-gpu .gpu-level04 .text .text-table{margin-top: 10px;} .wrapper-gpu .gpu-level05 {padding: 0 10px;} .wrapper-gpu .gpu-level05 .h1-text02 a {color: #000;} .wrapper-gpu .gpu-level05 .pa-text{width: auto;} .wrapper-gpu .gpu-level05 .pa-img img{max-width: 100%;} .wrapper-gpu .gpu-level05 .text img{width: 100%;} .wrapper-gpu .gpu-level05{height: 550px;} .wrapper-gpu .gpu-level06 .h1-text{font-size: 26px;} .wrapper-gpu .gpu-level06 .email{font-size: 18px;} .wrapper-gpu .gpu-level06 .email img{height: 20px;} .wrapper-gpu .gpu-level05 .h1-text{padding-top: 0;} .wrapper-gpu .gpu-level01-text {padding: 30px 0;} .wrapper-gpu .gpu-level01-text p{font-size: 16px;padding: 0 10px;text-align: justify;} .wrapper-gpu .gpu-level02-m{position: relative;} .wrapper-gpu .gpu-level02-m .h1-text{font-size: 16px;color:#fff;width: 240px;position: absolute;top: 15px;left: 50%;margin-left: -120px;} /*H1标题*/ /*.wrapper-gpu .gpu-level02-m .h1-text{font-size: 38px;text-align: center;padding-top: 55px;}*/ .wrapper-gpu .gpu-level02-m .h1-text .xhx{display:block;width: 64px;height: 5px;background-image: linear-gradient(to right, #b29257,#f0e4d1,#c9b082);margin: 10px auto 0;} .wrapper-gpu .gpu-level05 .level05-bg{height: 1439px;padding-top: 0;background: url('/statics/images/gpu05-m.jpg') center 110px no-repeat;background-size: contain;} .wrapper-gpu .gpu-level05 .text{padding: 20px 0 0;} .wrapper-gpu .gpu-level05 .text-level2{margin-top: 10px;} .wrapper-gpu .gpu-level05 .text-level2 img{width: 85%;} .wrapper-gpu .gpu-level06{padding: 20px 10px 30px;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .form-box-l{padding: 0;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .form-box-r{padding: 0;} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .layui-table th:last-child{display: none} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .layui-table td:last-child{display: none} .wrapper-gpu .gpu-level06 .gpu-custom-form .gpu-custom-form-box .gpu-custom-footer button{width: 100%;} .wrapper-gpu .gpu-level05 .h1-text02{width: 100%;} .gpu-intro { padding:20px 10px;} .gpu-area-wrap { padding:10px 0 0;} .gpu-detail-row { padding:0 20px;} .gpu-detail-row h3 { font-size:20px; line-height:30px; font-weight: 700; padding: 0;margin: 0; margin-bottom: 5px;} .gpu-detail-row span { font-size:16px; color: #555555;} .gpu-detail-more {margin-top:10px;} .gpu-detail-more a {font-size:16px;} .gpu-area-need {padding:20px 0;} .gpu-area-need-title { font-size:18px; line-height: 25px; padding: 0 30px;} .gpu-detail-row .info { background-color: #ffffff; padding: 20px;} .gpu-area-wrap .gpu-area {padding-bottom: 20px;} .tech-parameter td, .tech-parameter th { font-size: 14px; color: #000000; padding: 10px; } .gpu-feature1 { padding: 0 20px; } .gpu-feature2 { margin-bottom: 30px; } .gpu-feature1 .content-01-t1, .gpu-feature2 .content-01-t1 { padding-top: 30px; } .gpu-application .swiper-slide { width: 84%; margin: 0; } .gpu-feature2 .swiper-container.btn { width: 100%; padding: 0; height: 80px; overflow: auto; position: absolute; top: 180px; left: 0; display: block; } .gpu-feature2 .swiper-button-prev { left: 10px; } .gpu-feature2 .swiper-button-next { right: 10px; } .gpu-application.swiper-container { z-index: 1; } .tech-parameter tr td:first-child { width: 110px; } .gpu-area-need-more { padding: 8px 0; font-size: 16px; font-weight: 500; width: 220px; } .gpu-feature2 .swiper-button-next, .gpu-feature2 .swiper-button-prev { top: 50%; width: 50px; height: 50px; margin-top: -28px; background-size: 50px 50px; } .gpu-application .swiper-slide::before { content: ""; position: absolute; width: 100%; height: 100%; background: #000000; opacity: 0.4; left: 0; top: 0; } .gpu-application .swiper-slide.swiper-slide-active::before { display: none; } .banner .pagination-con { text-align: center; bottom: 20px; } .banner .pagination { width: 100%; } .banner-text .more{font-size: 16px; padding: 0 25px;} .ip-advantages-box { background: #f5f5f6; padding: 35px 20px; } .con-h1 { font-size: 24px; color: #000000; font-weight: 700; } } @media only screen and (min-width:3500px) { .index .content .wrapper .index_l,.index .content .wrapper .index_r{display: block;} }