.inmain{padding-top: 80px;} @media only screen and (max-width:1024px) { .inmain{padding-top: 50px;} } .mem_inwrap,.skills_wrap,.pro_wrap,.down_inwrap{max-width: 1440px; margin:0 auto; width:90%;} .ser_inwrap{max-width: 1110px; margin:0 auto; width:90%;} /*会员中心*/ .register-part{padding:5% 0 7%;} .register-part h2.tit{ MARGIN:0 0 3%;} .register-part ul{max-width: 693px; margin:0 auto;} .register-part li{margin-bottom: 12px;} .register-part li.count{margin-bottom: 24px;} .register-part li .inp{ widtH:100%; height: 58px; line-height: 58px; bordeR:1px solid #D7D7D7;} .register-part li .inp input{font-size: 16px; float: left; padding:0 20px; width:100%;height: 56px; bordeR:none; background: #fff;} .register-part li p{color:#D55600; padding:5px;} .register-part li .inp01{ float: left; widtH:calc(100% - 210px);} .register-part li .hqyzm{ float: right; width:197px; height: 58px; line-height: 58px; bordeR:none; background:url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/btn.png) right bottom no-repeat;} .choose_box{float: left;width: 16px;height: 16px; margin:8px 15px 0 0; border: 1px solid #D8D8D9; background: #fff; padding: 2px;} .choose_box em{ display: block; width: 100%;height: 100%;background: #E2E2E2;} .protocol.on .choose_box em{background: #D55600;} .register-part li.protocol p{color:#666666;} .register-part li.protocol p a{color:#D55600;} .btn{ width:100%; height: 58px; line-height: 58px; border:none; margin-top:10px; color:#fff; background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/btn01.png) right bottom no-repeat;} .log-part{padding:5% 0 6%;} .log-part .inner{ max-width: 618px; padding:50px; margin:0 auto; background: #fff;} .log-part h2.tit{ text-align: center; MARGIN:0 0 3%;} .log-part ul{margin:0 0 5%;} .log-part li{margin-bottom: 25px;} .log-part li:nth-last-of-type(3){ margin-bottom: 18px;} .log-part li .inp{widtH:100%; height: 58px; line-height: 58px; bordeR:1px solid #D7D7D7;} .log-part li .inp input{font-size: 16px; float: left; padding:0 20px; width:100%;height: 56px; bordeR:none; background: #fff;} .log-part li a{margin:0 20px; float: left; color:#666666;} .log-part li a+a{ float: right;} .mem_part01{padding:4% 10% 6%; margin-top:7%;} .mem_part01 .tt{ text-align: center; padding-bottom: 5%; border-bottom:1px solid #6A6067;} .mem_part01 .tt .tx{ margin:0 auto; width:100px; height: 100px; overflow: hidden; border-radius: 100%;} .mem_part01 .tt .yhm{color:#fff; margin:15px 0 30px;} .mem_part01 .tt .btn_bdsb{ padding-bottom: 5px; color: #fff; border-bottom:1px solid #948B90;} .mem_part01 .tt .btn_bdsb:hover{border-bottom:1px solid #D55600;} .mem_part01 .bb{ text-align: center; padding-top: 5%;} .mem_part01 .bb ul{padding:0 5%;} .mem_part01 .bb li{ float: left; width:25%;} .mem_part01 .bb li span{ max-width: 72px;margin-bottom: 10px; overflow: hidden;} .mem_part01 .bb li span img{max-width:72px;max-height: 62px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} .mem_part01 .bb li p{margin-top:8%;} .mem_part01 .bb li p,.mem_part01 .bb li p a{color:#fff;} .mem_part02{margin:7% 0 0;} .mem_part02 h2,.mem_part03 h2{ text-align: center; margin-bottom: 4%;} .mem_part02 p.nodata{ color: #666666; text-align: center;} .mem_part02 p.nodata a{color:#FF0000; margin-left:5px;} .mem_part02 ul{margin:0 -3%;} .mem_part02 li{ float: left; width:44%; margin:0 3% 5%;} .mem_part02 li .txt p{ overflow: hidden; margin:10px 0 3%; color:#797979;} .mem_part02 li .txt p .l{ float: left; width:45%;} .mem_part02 li .txt p .r{ float: right; width:45%; text-align: right;} .mem_part02 li .txt p .r em.now{color:#FF0000;} .more{ display: block;margin:0 auto; width:120px; height: 40px; line-height: 40px;text-align: center;position: relative;background-color: rgb(0, 0, 0);} .more a{ display: block; color:#fff!important; position: relative; z-index: 2;} .mem_part03{margin:7% 0;} .mem_tit ul{padding:0 5%; border-bottom:1px solid #ACACAC; text-align: center; margin-bottom: 5%;} .mem_tit li{ display: inline-block; cursor: pointer; /*padding:0 20px 16px; margin:0 30px;*/ padding:0 0 16px; width:12.5%; text-align: center; position: relative;} .mem_tit li::before{ opacity: 0; content: ""; position: absolute; left:0; bottom:-1px; width:100%; height: 4px; background: #000;} .mem_tit li.on::before,.mem_tit li:hover::before{opacity: 1;} .mem_con{position: relative;} .mem_con .swiper-container{ padding-bottom:4.5%;} .mem_con .swiper-pagination{bottom:0;} .mem_con .swiper-pagination-bullet{ width:105px; height:10px; border-bottom:3px solid #DBDBDB; opacity: 1; background: none; border-radius: 0;} .mem_con .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-bottom:3px solid #000;} .mem_con li.slide-box{ height: 0; overflow: hidden;} .mem_con li.slide-box.on{ height: 100%;} .mem_con li .swiper-slide{ background: #EBEEF3;} .mem_con li .txt{position: relative; padding:5% 10% 12%;} .mem_con li .txt h3{margin-bottom:3%;} .mem_con li .txt h3 a{color:#000;} .mem_con li .txt p{color:#8B8B8B;margin-bottom:5%;} .mem_con li .txt em{ display: block;color:#ED1010} .bdsb-box{display: none; max-width: 974px; width:100%; background: #fff;} .bdsb-box .tab-t{ text-align: center; padding:10px 5%;} .bdsb-box .tab-t li{ display: inline-block; cursor: pointer; width:135px; height: 60px; line-height: 60px; color:#000;position: relative;} .bdsb-box .tab-t li::before{ opacity: 0; content: ""; position: absolute; left:0; bottom:0; width:100%; height: 4px; background: #000;} .bdsb-box .tab-t li.on::before{ opacity: 1;} .bdsb-box .tab-c{margin-top:5%; padding:10px 5%;} .bdsb-box .tab-c .inp{margin:0 auto;display: block; max-width:525px;width:100%;} .bdsb-box .tab-c .inp input{width:100%;height: 50px; line-height: 50px; border:none; background: none; border-bottom:1px solid #ACACAC;} .bdsb-box .tab-c .inp p{margin-top:20px; color:#FF0000;} .bdsb-box .tab-c .inp p a{color:#FF0000;} .bdsb-box .tab-c .ann{margin:8% auto 5%;display: block; max-width:340px;width:100%;} .bdsb-box .tab-c .ann button{float: left; width:163px; height: 47px;line-height: 47px; text-align: center; border:none; background: none;} .bdsb-box .tab-c .ann .btn01{color:#fff;background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/dot15.jpg) right bottom no-repeat;} .bdsb-box .tab-c .ann .btn02{ float: right; color:#000000;} @media only screen and (max-width:1399px) { .register-part li .inp input,.log-part li .inp input{font-size: 14px;} } @media only screen and (max-width:1023px) { .mem_tit li{padding:0 10px 10px; margin:0 10px; float: left; width:calc(20% - 20px);} .mem_con .swiper-pagination-bullet{width:50px;} .mem_part01 .bb li span{max-width: 42px;} .mem_part01 .bb li span img{max-width: 42px; max-height: 36px;} .mem_part01 .tt .tx{width:80px; height: 80px;} .mem_part01 .tt .yhm{margin:15px 0;} } @media only screen and (max-width:767px) { .register-part li .inp,.register-part li .hqyzm,.btn,.log-part li .inp,.bdsb-box .tab-c .ann button{ height: 40px; line-height: 40px;} .register-part li .inp input,.log-part li .inp input{ height: 38px;} .register-part li .inp01{ width:calc(100% - 140px);} .register-part li .hqyzm{ width:130px;} .log-part li,.log-part li:nth-last-of-type(3){margin-bottom: 12px;} .log-part .inner{padding:5%;} .btn{margin-top:0;} .more{width:80px; height: 30px; line-height: 30px;} .mem_part01 .tt .tx{width:60px; height: 60px;} .mem_part01 .bb ul{padding:0;} .mem_part01 .bb li span{max-width: 26px;} .mem_part01 .bb li span img{max-width: 26px; max-height:22px;} .mem_part01 .bb li p{font-size: 14px;} .mem_part02 ul{margin:0;} .mem_part02 li{width:100%; margin:0 0 5%;} .mem_part02 li .txt h3{ height: auto;} .mem_tit ul{padding: 0; font-size: 12px;} .mem_tit li{margin:0; width:25%;} .mem_con .swiper-pagination-bullet,.mem_con .swiper-pagination-bullet.swiper-pagination-bullet-active{width:15px; border-bottom-width: 2px;} .bdsb-box .tab-c .ann button{width:120px;} } @media only screen and (max-width:360px) { .mem_tit li{ width:33.33%;} } /*服务支持*/ .down_part{padding:5% 0;} .serv_tit{ text-align: center; margin:0 0 5%;} .serv_tit span{ width:58px; height: 68px; display: block; margin:0 auto 2%; overflow: hidden;} .serv_search{ height: 55px; line-height: 55px; border:1px solid #272A2C; margin-bottom: 5%;} .serv_search .serv_stxt{ float: left; padding:0 20px; width:calc(100% - 60px);height: 55px; line-height: 55px;border:none; background: none;} .serv_search .serv_sbtn{ float: right; width:60px;height: 55px; line-height: 55px; border:none; background: none;} .serv_search .serv_sbtn i{font-size:24px;} .serv_list h3{ text-align: center; color:#989898; margin-bottom: 5%;} .serv_stype{margin:0 0 2%; position: relative; z-index: 10;} .serv_stype ul{margin:0 -0.8%;} .serv_stype li{ float: left; width:23.4%; margin:0 0.8% 2.5%; height: 48px; background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/dot12.png) right bottom no-repeat;} .serv_scity ul{margin:0 -1%;} .serv_scity li{ float: left; width:31.33%;margin:0 1%;} .serv_scity li .select{position: relative;} .serv_scity li .select input{cursor: pointer;z-index: 10; text-align: center; position: relative; width:100%; padding:0 30px 0 20px; height: 48px; line-height: 48px; bordeR:none; background: none;} .serv_scity li .select input::placeholder{color:#000;} .serv_scity li .select .option{display: none;position: absolute;width: 100%; padding: 10px 0;background: #efefef;top:calc(100% + 1px);left: 0;z-index: 99999;max-height:200px;overflow:auto;} .serv_scity li .select .option ul{margin:0;} .serv_scity li .select .option li{margin: 0;width: 100%;float: none; text-align: center; padding: 0 10px; height: 36px; line-height: 36px; cursor: pointer;background: none;} .serv_scity li .select .option li:hover{color:#D55600!important;} .select-box { position:relative;} .select-box dt a{ display:block; line-height: 48px; color:#000000!important; text-align:center; position:relative; z-index:2; margin:0;} .select-box dt a b { overflow:hidden; margin:0 10px 0 10px; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;} .select-box dd{display:none; line-height: 36px; padding: 10px 0; position:absolute; lefT:0; top:calc(100% + 1px); z-index:11; width:100%;max-height:200px; overflow:auto; background:#E2E2E2;} .select-box dd a{display:block; text-align: center; width:100%; padding:0 10px; color:#000;} .select-box dd a:hover{color:#D55600!important;} .serv_stable{margin:0 0 5%;} .serv_stable .img{ text-align: center;} .ph_table { width: 100%; text-align: center; margin-bottom:8%;} .ph_table td { text-align: center; line-height: 20px; padding: 18px 0;} .ph_table thead td { background:#262A2D; color:#fff;} .ph_table tr{background: #F6F6F6;} .ph_table tr:nth-child(2n){ background:#fff;} .ph_table .t1 { width: 15%; } .ph_table .t2 { width: 15%; } .ph_table .t3 { width: 25%; } .ph_table .t4 { width: 15%; } .ph_table .t5 { width: 15%; } .ph_table .t6 { width: 15%; } .ph_table .tn1{width:30%;} .ph_table .tn2{width:45%;} .ph_table .tn3{width:25%;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events:inherit!important; opacity: 1; cursor: pointer;} .poli_tit{ position: relative; height: 68px; line-height: 68px; background: #E2E2E2;} .poli_tit li{cursor: pointer; color:#333333; height:68px; line-height: 68px; text-align: center;} .poli_tit li.on{border-bottom:2px solid #262A2D;} .poli_tit li:last-child{border-right:1px solid #E7E7E7;} .poli_tit .swiper-button-prev{ left:-40px; width:40px; height: 100%; top:0; margin-top:0; background: none; text-align: center;} .poli_tit .swiper-button-next{ right:-40px; width:40px; height: 100%;top:0; margin-top:0;background: none; text-align: center;} .poli_tit .swiper-button-prev i,.poli_tit .swiper-button-next i{ font-size:40px;} .poli_tit .swiper-button-prev.disabled{opacity: 0.5; cursor: default;} .poli_tit .swiper-button-next.disabled{opacity: 0.5; cursor: default;} .poli_con{margin-bottom: 8%;} .poli_con .inner{padding:5% 4%;} .skills_list{padding-bottom: 3%;} .skills_list ul{margin:0 -1.5% 2%;} .skills_list li{ float: left; width:30.33%; margin:0 1.5% 3%; position: relative;} .skills_list li h2{position: absolute; left:0; bottom:0; padding:6% 8%; color:#fff;} .skills_list li .txt{opacity: 0; position: absolute; lefT:0; top:0; padding:6% 8%; width:100%; height: 100%; background: #262A2D;} .skills_list li .txt h3{margin-bottom: 3%;} .skills_list li .txt i{position: absolute;left:8%; bottom:8%;} .skills_list li a{color:#fff!important;} @media only screen and (max-width:1023px) { .skills_list li:hover .txt{opacity: 0;} .down_inwrap .ser_inwrap{width:100%;} } @media only screen and (max-width:767px) { .ph_table , .ph_table thead, .ph_table tbody, .ph_table th, .ph_table td, .ph_table tr { display: block; } .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; } .ph_table tr { border: 1px solid #eee; border-bottom:0; margin-bottom:10px; } .ph_table td { border: none; border-bottom: 1px solid #eee; position: relative; padding:10px 0; padding-left: 6em; white-space: normal; text-align: left;} .ph_table td:before { position: absolute; top: 0; left: 0; padding:10px 0; width: 6em; text-indent:10px; white-space: nowrap; text-align: left; } .ph_table td:before { content: attr(data-title); } .serv_tit span{width:42px; height: 49px;} .serv_search,.serv_search .serv_stxt,.serv_search .serv_sbtn,.serv_stype li,.select-box dt a,.serv_scity li .select input{ height: 40px; line-height: 40px;} .serv_search .serv_sbtn i{font-size: 18px;} .serv_stype li{width:48.4%; margin-bottom: 10px;} .serv_scity ul{margin:0 -0.8%;} .serv_scity li{margin:0 0.8% 10px;} .poli_tit,.poli_tit li{ height: 40px; line-height: 40px;} .poli_tit .swiper-button-prev{ left:-20px; width:20px;} .poli_tit .swiper-button-next{right:-20px; width:20px;} .poli_tit .swiper-button-prev i, .poli_tit .swiper-button-next i{font-size: 20px;} .poli_con .inner{padding:5% 0;} .skills_list li{ width:97%;} } /*产品*/ .product_body .header{ background: none;} .pro_banner{position: relative;} .pro_banner .txt{color:#fff;} .pro_banner .txt h3{margin-bottom: 3%;} .pro_tit{ height: 68px; line-height: 68px; text-align: center; color:#fff; padding:0 5%; background: #272A2C;} .pro_tit ul{ display: inline-block;} .pro_tit li{ float: left;padding:0 80px; cursor: pointer;} .pro_tit li.on,.pro_tit li:hover{ color:#FF782F;} .pro_con{ padding:5% 0 8%; background: #1A1A1A;} .pro_con .pbox li{ float: left; width:48%; margin-bottom: 4%; background-image:-moz-linear-gradient(to bottom,#010101,#363636); background-image:-webkit-linear-gradient(to bottom,#010101,#363636); background-image:-ms-linear-gradient(to bottom,#010101,#363636); background-image:-o-linear-gradient(to bottom,#010101,#363636); background-image:linear-gradient(to bottom,#010101,#363636);} .pro_con .pbox li:nth-child(2n){ float: right;} .pro_con .pbox li .txt{padding:2% 10% 8%; color:#fff;} .pro_con .pbox li .txt h2{margin-bottom: 3%;} .pro_con .pbox li .txt p{margin-bottom: 6%;} .pro_con .pbox li .txt span{ display: block; color:#FF0000; font-family: Arial, Helvetica, sans-serif;} /*产品详情*/ .pro_detpart01{margin:5% auto;} .pro_detpart01 .ll{ float: left; width:38.61%;} .pro_detpart01 .rr{ float: right; width:54.44%; position: relative; z-index: 10;} .prodets_b{ width: 100%;margin-bottom: 10px;} .prodets_b li{display: none;position: relative;} .prodets_video{/*display: none;*/ position: absolute;top:0;left: 0;width: 100%;height: 100%;} .videobox{width: 100%;height: 100%;} .prodets_video .video-box{width: 100%;height: 100%;cursor: pointer;} .prodets_video .video-box i{z-index: 9;color: #fff;font-size: 50px;} .prodets_video .video-box video{width: 100%;height: 100%;background: #000;} .video_blank{position: absolute;top:0;left: 0;width:100%;height: 100%;background: rgba(0,0,0,0.2);} /*.prodets_video .video-box i,.video_blank{display: none;}*/ /*.videobox{visibility: hidden;opacity: 0;}*/ .prodets_s{width:100%; overflow: hidden; z-index: 10; position: relative;} .prodets_s .swiper-slide{position: relative;cursor: pointer;} .prodets_s .swiper-slide i{opacity: 0; position: absolute; left:0; top:0; width: 100%; height: 100%;border:1px solid #000;} .prodets_s .swiper-slide.on i{opacity: 1;} .prodets_s .swiper-container{width: calc(100% - 120px);} .prodets_s .swiper-button-next,.prodets_s .swiper-button-prev{text-align: center; width:19px; height: 36px; margin-top:-18px;opacity: 1;} .prodets_s .swiper-button-next{right: 0; background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/dot17.png) no-repeat; background-size: cover;} .prodets_s .swiper-button-prev{left: 0;background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/dot16.png) no-repeat; background-size: cover;} .prodets_s .swiper-button-next.swiper-button-disabled,.prodets_s .swiper-button-prev.swiper-button-disabled{cursor: pointer; pointer-events:visible;} .prodets_s .swiper-button-next.disabled,.prodets_s .swiper-button-prev.disabled{cursor: auto; opacity: 0.5;} .pro_detpart01 .rr h2{color:#000; line-height: 1.4; margin-bottom: 2%;} .pro_detpart01 .rr h3{color:#666666; margin-bottom: 5%;} .pro_detpart01 .rr h3 span.red{color:#E03D3D;} .pro_detpart01 .rr .tab-t{padding:20px 0 0; border-bottom:1px solid #ACACAC;} .pro_detpart01 .rr .tab-t li{ float: left; cursor: pointer; padding:0 35px 12px;color: #000; margin:0 20px 0 0; font-weight: bold;} .pro_detpart01 .rr .tab-t li.on{border-bottom:3px solid #000;} .pro_detpart01 .rr .tab-c{margin-top:5%;} .pro_detpart02_dx,.pro_detpart02_dx_an,.pro_detpart03_dx,.pro_detpart04_dx,.pro_detpart05_dx,.pro_detpart06_dx,.pro_detpart07_dx,.pro_detpart08_dx{padding-top: 3%; overflow: hidden;} .pro_detpart02_dx{ padding:12% 0 0;color:#fff;} .pro_detpart02_dx h2,.pro_detpart02_dx h3{ text-align: center;} .pro_detpart02_dx h2 span{color:#11C3D3;} .pro_detpart02_dx h3{margin-bottom: 2%;} .pro_detpart02_dx .img{text-align: center; max-width: 60%; margin:0 auto;} .pro_detpart02_dx_an{color:#fff;} .pro_detpart02_dx_an ul{margin:0 -1%;} .pro_detpart02_dx_an ul li{ float: left; width:23%; margin:3% 1%;} .pro_detpart02_dx_an ul li span{ display: block; width:60px; height: 42px; overflow: hidden; margin-bottom: 5%;} .pro_detpart02_dx_an ul li p{line-height: 1.8;} .pro_detpart03_dx{ padding:6% 0 0;color:#fff;} .pro_detpart03_dx h2,.pro_detpart03_dx h3,.pro_detpart03_dx p{ text-align: center;} .pro_detpart03_dx p{margin:0 0 2%;} .pro_detpart03_dx .img{ text-align: center; max-width: 60%; margin:0 auto;} .pro_detpart03_dx .img img:first-child{margin-bottom:0;} .pro_detpart04_dx{color:#fff;} .pro_detpart04_dx .slogo{ width: 168px;height: 54px; margin:0 0 2%; overflow: hidden;} .pro_detpart04_dx h2,.pro_detpart04_dx h3{ text-align: left;} .pro_detpart04_dx li{margin-bottom: 10px;} .pro_detpart04_dx li span{ display: block; line-height: 1.2;} /*.pro_detpart04_dx .item{ display: none;} .pro_detpart04_dx .item.move{ display: block;} .pro_detpart04_dx dl{margin-bottom:1%;} .pro_detpart04_dx dt{margin-bottom: 2%;} .pro_detpart04_dx dd{ position: relative; width:304px; height: 27px; line-height: 27px;margin-bottom: 1.2%;} .pro_detpart04_dx dd em{padding: 0 12px; position: relative; z-index: 10;} .pro_detpart04_dx dd+dd{width:394px;} .pro_detpart04_dx dd span{ position: absolute; left:0; top:0; width:100%; height: 100%;-webkit-animation:load 2s ease-in; background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/pro_ico12.png) right bottom no-repeat;} .pro_detpart04_dx dd+dd span{background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/pro_ico10.png) right bottom no-repeat;} .pro_detpart04_dx dl+dl dd+dd{ width:354px;} .pro_detpart04_dx dl+dl dd+dd span{background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/pro_ico11.png) right bottom no-repeat;}*/ @-webkit-keyframes load{ 0%{ width: 0%; } 100%{ width:100%; } } .pro_detpart05_dx{color:#fff; padding-top: 5%;} .pro_detpart05_dx h2,.pro_detpart05_dx h3,.pro_detpart05_dx p{ text-align: center;} .pro_detpart05_dx p{margin:0 0 2%;} .pro_detpart05_dx p em{margin:0 20px;} .rtx_onoff{max-width: 1342px; max-height: 767px; width:70%; margin:0 auto;background: url(../upload/prodets_img04.jpg) no-repeat; background-size: cover;} .rtxbox{margin:25px 12px 0;} .twentytwenty-wrapper{overflow: hidden;} .twentytwenty-before-label,.twentytwenty-after-label{opacity: 1;} .twentytwenty-before-label:before{content:"RTXOFF";} .twentytwenty-after-label:before{content:"RTXON"; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before{ top:auto; margin-top:0; bottom:20px; background: none;} .twentytwenty-horizontal .twentytwenty-after-label:before{color:#11C3D3;} .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{width:2px; margin-left:-1px; box-shadow: none;} .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after{ background: #11C3D3;} .twentytwenty-handle{ background: #11C3D3; border:3px solid transparent;} .twentytwenty-before-label.on::before,.twentytwenty-after-label.on::before{opacity: 0;} .pro_detpart06_dx{color:#fff;position: relative;} .pro_detpart06_dx .txt{ float: right; z-index: 10; position: relative; top:-120px;} .pro_detpart06_dx h2,.pro_detpart06_dx h3,.pro_detpart06_dx p{ text-align: right;} .pro_detpart06_dx p{margin:3% 0 8%;} .pro_detpart06_dx p em{margin:0 20px;} .pro_detpart06_dx .img{position: absolute; lefT:0; bottom:0; width:62%;} .pro_detpart07_dx{color:#fff; background: #000; position: relative;} .pro_detpart07_dx .bg{position: absolute; lefT:0; bottom:0; width:100%;} .pro_detpart07_dx .txt{ float: left; z-index: 10;position: relative; top:-120px;} .pro_detpart07_dx h2,.pro_detpart07_dx h3,.pro_detpart07_dx p{ text-align: left;} .pro_detpart07_dx p{margin:3% 0 8%;} .pro_detpart07_dx p em{margin:0 20px;} .pro_detpart07_dx .img{ width:62%; position: absolute; right:0; bottom:0; z-index: 9;} .pro_detpart07_dx .img .c1{position: absolute; lefT:0; bottom:0; width:100%; height: 100%; z-index: 10;} .pro_detpart07_dx .img .c2{position: absolute; lefT:0; bottom:0; width:100%; height: 100%; z-index: 11;} .pro_detpart07_dx .img .c3{position: absolute; lefT:0; bottom:0; width:100%; height: 100%; z-index: 11;} .pro_detpart08{padding:5% 0 8%;} .pro_detpart08 h2,.pro_detpart08 h3{ text-align: center;} .pro_detpart08 .item{padding:5% 5%; border-bottom: 1px solid #ABADAC;} .pro_detpart08 .item li{position: relative; float: left; width:33.33%; text-align: center;} .pro_detpart08 .item li::after{ content: ""; position: absolute; right:0; top:20%; width:1px; height: 60%; background: #ABADAC;} .pro_detpart08 .item li:last-child::after{opacity: 0;} .pro_detpart08 .item li span{ display: inline-block;} .pro_detpart08 .item li em{ display: inline-block; text-align: left;} .pro_detpart08 .con{padding-top:3%;} @media only screen and (max-width:1399px) { .pro_tit li{padding:0 40px;} .pro_detpart04_dx{padding-top:4%;} .rtx_onoff{width:60%;} .pro_detpart06_dx .img,.pro_detpart07_dx .img{width:50%;} } @media only screen and (max-width:1365px) { .pro_detpart04_dx{padding-top:5%;} .rtx_onoff{width:50%;} } @media only screen and (max-width:1279px) { .rtxbox{margin-top:20px;} } @media only screen and (max-width:1023px) { .pro_detpart01 .ll,.pro_detpart01 .rr{width:100%;} .pro_detpart01 .ll{margin-bottom: 5%;} .pro_detpart01 .rr .tab-t{padding: 0;} .pro_detpart02_dx,.pro_detpart02_dx_an,.pro_detpart03_dx,.pro_detpart04_dx,.pro_detpart05_dx,.pro_detpart06_dx,.pro_detpart07_dx,.pro_detpart08_dx{padding:5% 0;} .pro_detpart02_dx{padding-top: 15%;} .pro_detpart02_dx_an ul li{width:31.33%;} .pro_detpart02_dx_an ul li p{ height: 3.6em;} .rtxbox{margin-top:22px; margin-left:16px; margin-right: 8px;} .pro_detpart08 .item{padding:5% 0;} .rtx_onoff{width:auto;} .pro_detpart06_dx .txt,.pro_detpart07_dx .txt{top:0; padding:0 0 15%;} } @media only screen and (max-width:767px) { .pro_tit{ height: 40px; line-height: 40px;} .pro_tit li{padding:0 10px;} .pro_banner .txt{ top:60%;} .pro_banner .txt h2{ font-size: 14px; line-height: 1.2;} .pro_banner .txt h3{ font-size: 16px; line-height: 1.2;} .pro_banner .txt p{ font-size: 12px;} .pro_banner .txt p br{ display: none;} .pro_con .pbox li{ width:100%;} .prodets_b,.prodets_s .swiper-slide.on i{ display: none;} .prodets_s .swiper-container{width:calc(100% - 80px);} .prodets_s .swiper-button-next,.prodets_s .swiper-button-prev{width:16px; height:30px; margin-top:-15px;} .pro_detpart01 .rr .tab-t li{padding:0 10px; margin-right: 10px;} .pro_detpart02_dx_an ul li{width:98%;} .pro_detpart02_dx_an ul li span{width:43px; height: 30px; margin-bottom: 1%;} .pro_detpart02_dx h2,.pro_detpart03_dx h2,.pro_detpart04_dx h2,.pro_detpart05_dx h2,.pro_detpart06_dx h2,.pro_detpart07_dx h2{ font-size: 14px;} .pro_detpart02_dx h3,.pro_detpart03_dx h3,.pro_detpart04_dx h3,.pro_detpart05_dx h3,.pro_detpart06_dx h3,.pro_detpart07_dx h3{ font-size: 26px;} .pro_detpart03_dx .img img:first-child{width:30%;} .pro_detpart04_dx .slogo{width:100px; height: 32px;} .pro_detpart04_dx li{margin-right: 10px; margin-bottom: 10px;} .pro_detpart04_dx dd{width:80%;} .pro_detpart04_dx dd+dd{ width:100%;} .pro_detpart04_dx .item dl:last-child dd+dd{width:90%;} .pro_detpart05_dx p,.pro_detpart06_dx p,.pro_detpart07_dx p{font-size: 14px;} .pro_detpart05_dx p em,.pro_detpart06_dx p em,.pro_detpart07_dx p em{margin:0 5px;} .rtxbox{margin:12px 10px 0;} .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before{padding:0; bottom:0;} .twentytwenty-handle{width:20px; height: 20px; margin-top:-13px; margin-left:-13px;} .twentytwenty-horizontal .twentytwenty-handle:before{margin-bottom:10px;} .twentytwenty-horizontal .twentytwenty-handle:after{margin-top:10px;} .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{width:1px;} .pro_detpart08 h3{font-size: 20px;} .pro_detpart08 .item li{width:100%; text-align: left;} .pro_detpart08 .item li::after{ display: none;} .pro_detpart02_dx{margin-top: 100px; padding-top: 5%;} .pro_detpart02_dx_an ul li p{ height: auto;} .pro_detpart03_dx .img{max-width: 100%;} } .trial_banner{margin:5% 0 7%;} .trial_banner .swiper-slide{position: relative;} .trial_banner .swiper-slide img{width:100%;} .trial_banner .swiper-slide .txt{ z-index: 2;color:#fff; left:5%; top:auto; bottom:5%; width:90%;} .trial_banner .swiper-slide .txt span{ display: none; margin-bottom:2%;} .trial_banner .swiper-slide .txt h2{line-height: 1.2; padding:10px 20px; background:rgba(0,0,0,0.5);} .trial_banner .swiper-pagination{bottom:20px;} .trial_banner .swiper-pagination-bullet{width:10px; height:10px; margin:0 8px!important; opacity: 0.55; background: #fff;} .trial_banner .swiper-pagination-bullet-active{transform:scale(1.1); opacity: 1;} @media only screen and (max-width:767px) { .trial_banner .swiper-slide .txt span{font-size: 12px;} .trial_banner .swiper-slide .txt h2{font-size: 16px;} .trial_banner .swiper-pagination{bottom:5px;} } .wish_tit{height:55px; line-height: 55px; color:#fff; background: #272C2F;} .wish_tit span{ float: left; width:198px} .wish_tit span.w02{ width:50%;} .wish_tit span.w03{width:16%; padding-left: 2%;} .wish_tit span.w04{width:18%; text-align: center;} .wish_con ul{margin:0 0 5%;} .wish_con li{width:100%;margin:0;border-bottom:1px solid #ACACAC; position: relative; z-index: 100;} .wish_con li .img{ float: left; width:168px; height: 168px; margin:0 20px 0 10px;} .wish_con li .txt{ float: left; width:50%; padding:2.5% 0;} .wish_con li .price{ float: left;width:16%; padding-top:5%; padding-left: 2%;} .wish_con li .handle{ float: left;width:18%; padding-top:5%; text-align: center;} .wish_con li .handle .buy{color:#FF0000; cursor: pointer;margin:0 15px; position: relative;} .wish_con li .handle .remove{margin:0 15px; cursor: pointer;} .wish_con li .handle .buy em{ position: relative; z-index: 20; overflow: hidden;} .wish_con li .handle .buy .buy_box{ opacity: 0; overflow: hidden; transform: translateY(-10px); width:150px; position: absolute; z-index: 10; left:0; top:calc(100% + 10px);background: #efefef;} .wish_con li .handle .buy.hover .buy_box{opacity: 1; overflow: visible; transform: translateY(0px);} .wish_con li .handle .buy .buy_box dd{ float: left; text-align: left; width:100%;padding:5px 10px;border-bottom:1px solid #e6e6e6;} .wish_con li .handle .buy .buy_box dd i{float: left; width:24px; height: 24px; line-height: 24px; margin-right: 5px; overflow: hidden;} .wish_con li .handle .buy .buy_box dd i img{width:24px; height: 24px;} @media only screen and (max-width:1399px) { .wish_tit span.w02,.wish_con li .txt{ width:48%;} } @media only screen and (max-width:1279px) { .wish_tit span.w02,.wish_con li .txt{ width:40%;} .wish_con li .handle .buy,.wish_con li .handle .remove{margin:0 5px;} } @media only screen and (max-width:1023px) { .wish_tit span{width:120px;} .wish_con li .img{widtH:110px; height: 110px; margin:0 10px 0 0;} .wish_tit span.w04,.wish_con li .handle{width:25%;} } @media only screen and (max-width:767px) { .wish_tit{ display: none;} .wish_con li .img{width:80px;} .wish_con li .txt,.wish_con li .price,.wish_con li .handle{width:calc(100% - 100px); float: right;} .wish_con li .price,.wish_con li .handle{padding-top: 0;margin-bottom:2%;} .wish_con li .handle{text-align: left; margin-bottom: 5%;} .wish_con li .handle .remove{ float: right;} .wish_con li .handle .buy{ float: left;} } @media only screen and (min-width:1025px){ .mem_tit li::before,.mem_con .swiper-pagination-bullet,.skills_list li .txt,.wish_con li .handle .buy .buy_box{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} .pro_detpart04_dx .item dd{transition: 0.8s all;-webkit-transition: 0.8s all;-moz-transition: 0.8s all;-o-transition: 0.8s all;-ms-transition: 0.8s all;} .skills_list li:hover .txt{opacity: 1;} .mem_part01 .bb li:hover span img{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);} } /*搜索*/ .search-part{ margin:5% 0 0;} .search_t{background: #f4f4f4;padding: 3% 20%; margin-bottom:3.5%; overflow: hidden;} .search_t input,.search_t button{height:46px;line-height: 46px; font-size: 16px; border:none;outline: none;} .search_t input{padding: 0 10px; width: calc(100% - 140px);float: left;} .search_t button{background:#FF7831;color: #fff;width: 140px;float: left;} .search_p{color: #4c4c4c;padding:2%;} .search_p span,.search_p i{color: #FF7831;} .search_list{padding:0 0 7%;} .search_list ul{margin-bottom:5%;} .search_list li{overflow: hidden;padding: 0 2%;height: 50px;line-height: 50px;border-bottom: 1px solid #e6e6e6;} .search_list p{float: left;width: calc(100% - 120px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .search_list p i{color: #FF7831;} .search_list p a{color: #4c4c4c;} .search_list ul em{float: right;width: 90px;text-align: right;color: #999999; font-family: arial;} @media only screen and (max-width:767px) { .search_t{padding:5%;} .search_t button{width:100px; height: 30px; line-height: 30px; font-size: 14px;} .search_t input{width:calc(100% - 100px); height: 30px; line-height: 30px;font-size: 14px;} .search_p{padding-bottom: 0;} .search_list li{height:40px; line-height: 40px;} .search_list p{width: calc(100% - 80px);} .search_list ul em{width:80px;} } /*2021-10-26*/ .pro_type p{margin-bottom: 20px;display: none;} .pro_type p a{display: inline-block;color: #666;border:1px solid #d5d5d5;line-height:24px;padding: 13px;} .pro_type p.on a{color: #000;border-color:#ff0000;} .pro_type p:nth-child(-n+4){display: block;} .pro_type_more{padding-top: 10px;float: left;} .pro_type_more a{display: block;line-height:24px;} .pro_type_more a i{margin-left: 6px;font-size: 20px;position:relative;top:2px;} .pro_type_more .pro_type_more02{display: none;} .tab-b.cur .pro_type_more .pro_type_more01{display: none;} .tab-b.cur .pro_type_more .pro_type_more02{display: block;} .tab-b.cur .pro_type p{display: block;} .tab-pro-btn{padding-top: 50px;clear: both;} .tab-pro-btn .buy_box{ opacity: 0; overflow: hidden; transform: translateY(-10px); width:150px; position: absolute; z-index: 10; left:0; top:calc(100% + 10px);background: #efefef;} .tab-pro-btn .buy{position: relative;float: left;} .tab-pro-btn .buy em{ cursor: pointer; width: 181px;height: 48px;line-height: 48px; display: block;text-align: center;background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/brand_bg1.png) no-repeat;background-size: 100% 100%;color: #fff;} .tab-pro-btn .buy.hover .buy_box.selected{opacity: 1; overflow: visible; transform: translateY(0px); } .tab-pro-btn .buy_box dd{ float: left; width:100%;padding:5px 10px;border-bottom:1px solid #e6e6e6;} .tab-pro-btn .buy_box dd i{float: left; width:24px; height: 24px; line-height: 24px; margin-right: 5px;} .tab-pro-btn .buy_box dd a{font-size: 14px;} .wish_a{margin-left: 45px;float: left;} .wish_a a{display: block;height: 48px;line-height: 48px;} .wish_a a em{margin-right: 10px;position: relative;top:1px;} .wish_a.on a em{color: #ff0000;} @media only screen and (max-width:1440px) { .tab-pro-btn{padding-top: 30px;} .pro_type p a{padding: 10px;} } @media only screen and (max-width:1024px) { .tab-pro-btn{padding-top: 20px;} .pro_type p{margin-bottom: 10px;} .pro_type p a{padding: 5px 10px;} .pro_detpart01 .rr .tab-c{margin-top: 20px;} } @media only screen and (max-width:767px) { .tab-pro-btn .buy_box{width:300px;} .tab-pro-btn .buy_box dd{width:auto;} .tab-pro-btn .buy em,.wish_a a{height: 34px;line-height: 34px;} .tab-pro-btn .buy em{width: 120px;} /*.wish_a{margin-left: 0; float: none; display: block;}*/ .pro_detpart08{padding-top: 20%;} } .videobox{visibility: hidden;opacity: 0;} .one .prodets_video{display: none;} /*.prodets_b li .videobox{visibility: hidden;opacity: 0;} .prodets_b li .prodets_video .video-box i,.prodets_b li .prodets_video .video-box .video_blank{visibility: hidden;opacity: 0;}*/ /*.prodets_b li.current .videobox{visibility: visible;opacity: 1;} .prodets_b li.current .prodets_video .video-box i,.prodets_b li.current .prodets_video .video-box .video_blank{visibility: visible;opacity: 1;}*/ @media only screen and (min-width:1025px) { .pro_type p:hover a{color: #000 !important;} .tab-pro-btn .buy_box{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} .prodets_b li.current:hover .videobox{visibility: visible;opacity: 1;} .prodets_b li.current:hover .prodets_video .video-box i,.prodets_b li.current:hover .prodets_video .video-box .video_blank{visibility: hidden;opacity: 0;} } .apply_btn,.btn_tj{ display: block; margin:3% 0 0; text-align: center; width:163px; height: 47px; line-height: 47px; color:#fff;background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/dot15.jpg) right bottom no-repeat;} .btn_tj{margin:8% auto 0;} .register-part li .inp-txt{ height: 180px; line-height: 1.5; padding:10px 20px;} .register-part li .inp-txt textarea{width:100%; height: 100%; border:none; background: none;} .apply_city .pub_select{ float: left; width:32%; margin-right:2%; border:1px solid #D7D7D7;} .apply_city .pub_select:last-child{ float: right; margin-right: 0;} .apply_city .select{position: relative;} .apply_city .select input{cursor: pointer;z-index: 10;position: relative; width:100%; padding:0 30px 0 20px; height: 56px; line-height: 56px; bordeR:none; background: none;} .apply_city .select input::placeholder,.register-part li .inp input::placeholder,.register-part li .inp-txt textarea::placeholder{color:#666;} .apply_city .select i{position: absolute; cursor: pointer; right:20px; top:0; height: 56px; line-height: 56px;} .apply_city .select .option{display: none;position: absolute;width: 100%; padding: 10px 0;background: #efefef;top:calc(100% + 1px);left: 0;z-index: 99999;max-height:200px;overflow:auto;} .apply_city .select .option ul{margin:0;} .apply_city .select .option li{margin: 0;width: 100%;float: none; text-align: center; padding: 0 10px; height: 36px; line-height: 36px; cursor: pointer;background: none;} .apply_city .select .option li:hover{color:#D55600!important;} @media only screen and (max-width:767px) { .apply_city .pub_select{width:100%; margin:0 0 12px;} .apply_city .pub_select:last-child{margin-bottom: 0;} .apply_city .select input,.apply_city .select i{ height: 38px; line-height: 38px;} } /*20211115新增产品详细页面*/ .fnt_72{font-size: 72px;} .fnt_78{font-size: 78px;} .fnt_28{font-size: 28px;} .fnt_22{font-size: 22px;} @media only screen and (max-width: 1660px) { .fnt_72,.fnt_78{font-size: 64px;} .fnt_64{font-size: 52px;} .fnt_28{font-size: 24px;} .fnt_22{font-size: 18px;} } @media only screen and (max-width: 1440px) { .fnt_72,.fnt_78{font-size: 48px;} .fnt_64{font-size: 48px;} .fnt_28{font-size: 20px;} .fnt_22{font-size: 16px;} } @media only screen and (max-width: 1280px) { .fnt_72,.fnt_78{font-size: 40px;} .fnt_64{font-size: 36px;} .fnt_28{font-size: 18px;} .fnt_22{font-size: 14px;} } @media only screen and (max-width: 1023px) { .fnt_72,.fnt_78{font-size: 30px;} .fnt_64{font-size: 24px;} .fnt_28{font-size: 16px;} } .pc_imgbpx{} .phone_imgbox{ display:none;} @media only screen and (max-width: 767px) { .pc_imgbpx{display:none;} .phone_imgbox{ display:block; margin-top:30px;} } .prodets_tit{ position: fixed; z-index: 20; lefT:0; top:80px; width:100%; height:80px; line-height: 80px; background: #fff;} .prodets_tit .pl{ float: left; color:#000; width:calc(100% - 360px);} .prodets_tit .pr{ float: right; } .prodets_tit .pr a{color:#fff;float: left;} .prodets_tit .pr a.a1{color:#000; margin: 0 40px 0 0;} .prodets_tit .pr a.a2{color:#000; margin: 0 50px 0 0;} .prodets_tit .pr a:last-child{width:190px; height: 43px; line-height: 43px; margin-top:18px; text-align: center; color:#fff; background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/dot19.png) no-repeat;} /*.other_details .prodets_tit,.detjl7_part01.active .prodets_tit,.detS5_part01.active .prodets_tit, .detumiAMD_part01.active .prodets_tit,.pro_detpart02_dx.active .prodets_tit{top:80px; z-index: 10;}*/ .other_details{padding-top: 160px;} .detjl7_part01,.detjl7_part02,.detjl7_part03,.detjl7_part04,.detjl7_part05,.detjl7_part06,.detjl7_part07,.detjl7_part08,.detjl7_part09,.detjl7_part02_an{padding-top: 3%; overflow: hidden;} .detjl7_part01{padding-top: 0;} .detjl7_part01 .slogo{ width:100%; margin-top:15%;} .detjl7_part01 .slogo img{width:20%;} .detjl7_part01 .ll{ float: left; width:51.2%; margin-top:5%;} .detjl7_part01 .rr{ float: right; width:42.89%;} .detjl7_part02 ul{padding:0 5%;} .detjl7_part02 li{ float: left; width:25%; margin:5% 0; text-align: center; color:#fff;} .detjl7_part02 li span{ display: block; margin:0 auto 5%; width:136px; height: 92px; overflow: hidden;} .detjl7_part02_an{color:#fff; position: relative;} .detjl7_part02_an .img{ position: absolute; left:2%; top:18%; width:44.27%; /*transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%);*/} .detjl7_part02_an .txt{ float: right; widtH:55%; position: relative; z-index: 2;} .detjl7_part02_an .txt h2{ text-align: right; margin-bottom: 2%; font-weight: bold;} .detjl7_part02_an .txt h3{margin-bottom: 10%;} .detjl7_part02_an .txt dd{ float: left; width:25%; text-align: center;} .detjl7_part02_an .txt dd span{ display: block; margin:0 auto 5%; width:138px; height: 110px; overflow: hidden;} .detjl7_part03{color:#fff;} .detjl7_part03 .wrap{position: relative;} .detjl7_part03 .ll{ widtH:60%;} .detjl7_part03 .ll h2{margin:0 0 4%; font-weight: bold;} .detjl7_part03 .ll ul{margin-top:20%;} .detjl7_part03 .ll li{ float: left; width:30%; text-align: center;} .detjl7_part03 .ll li span{display: block; margin:0 auto 5%; width:136px; height: 92px; overflow: hidden;} .detjl7_part03 .rr{ position: absolute; right:0; bottom:-10%; widtH:58.19%;} .detjl7_part04{color:#fff;} .detjl7_part04 .ll{ float: left; width: 48%;} .detjl7_part04 .ll h2 span{ float: left; width:49%;} .detjl7_part04 .ll h2 span+span{ float: right;} .detjl7_part04 .rr{ float: right; width:48%;} .detjl7_part04 .rr h2{ text-align: right; font-weight:bold;} .detjl7_part04 .ll h2,.detjl7_part04 .rr h2{ height: 210px;} .detjl7_part04 dl{padding-top:5%;} .detjl7_part04 dt{margin-bottom: 2%; margin-left:10px;color:#BBBBBB;} .detjl7_part04 dd{ position: relative; width:70%; height: 29px; line-height: 29px;margin-bottom:2%;} .detjl7_part04 dd em{padding: 0 12px; position: relative; z-index: 10;} .detjl7_part04 dd span{ position: absolute; left:0; top:0; width:100%; height: 100%;-webkit-animation:load 2s ease-in; background:#86858A; border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .detjl7_part04 dd+dd{ width:100%;} .detjl7_part04 dd+dd span{ background: #01A0FB; background-image:-moz-linear-gradient(to right,#01A0FB,#00F8D8); background-image:-webkit-linear-gradient(to right,#01A0FB,#00F8D8); background-image:-ms-linear-gradient(to right,#01A0FB,#00F8D8); background-image:-o-linear-gradient(to right,#01A0FB,#00F8D8); background-image:linear-gradient(to right,#01A0FB,#00F8D8);} .detjl7_part04 .rr dl{margin-left:5%;} .detjl7_part04 .rr dd+dd{ width:80%;} .detjl7_part04 .item{ display: none;} .detjl7_part04.move .item{ display: block;} .detjl7_part05{color:#fff;} .detjl7_part05 .ll{ float: left; width:52%;} .detjl7_part05 .rr{ float: right; width:40%;} .detjl7_part05 .ll h2{font-weight:bold;} .detjl7_part05 .ll h3{margin-bottom:2%;color:#BABABA;} .detjl7_part06{color:#fff;position: relative;} .detjl7_part06 .txt{ widtH:60%;} .detjl7_part06 .txt h2{margin-bottom: 5%; font-weight: bold;} .detjl7_part06 dl{padding:0 5%;} .detjl7_part06 dl dd{ float: left; width:33.33%; color:#03CDD5; margin:2% 0; position: relative; padding-left:20px; line-height: 1.2;} .detjl7_part06 dl dd::before{content: ""; position: absolute; lefT:0; top:5%; width:5px; height: 90%; background: #03CDD5;} .detjl7_part06 .img{ position: absolute; right:0; bottom:0; width:49.16%;} .detjl7_part07{color:#fff;position: relative;} .detjl7_part07 .txt{ widtH:50%;} .detjl7_part07 .txt h2{margin-bottom: 5%; color:#89B329; font-weight: bold;} .detjl7_part07 dl dt{ float: left; margin-right: 5%; color:#BABABA;} .detjl7_part07 dl dd{overflow: hidden;line-height: 2;} .detjl7_part07 .img{ position: absolute; right:0; bottom:0; width:39.06%;} .detjl7_part08{color:#fff;position: relative;} .detjl7_part08 .txt{ widtH:50%;} .detjl7_part08 .txt h2{margin-bottom: 5%;font-weight: bold;} .detjl7_part08 .txt h3{color:#BABABA;margin-bottom: 5%;} .detjl7_part08 dl dd{float: left; margin:5% 15% 0 0; text-align: center; color:#fff;} .detjl7_part08 dl dd span{ display: block; margin:0 auto; width:72px; height: 72px; overflow: hidden;} .detjl7_part08 .img{ position: absolute; right:0; bottom:10%; width:41.66%;} .detjl7_part09{color:#fff;} .detjl7_part09 h2{margin-bottom:2%;font-weight: bold;} .detjl7_part09 .img{padding:0 10%; margin-bottom: 3%;} .detjl7_part09 .img span{ float: left; width:33.13%; margin-top:3%;} .detjl7_part09 .img span+span{ float: right; width:53.43%; margin-top:0;} .detjl7_part09 ul{padding:0 5%;} .detjl7_part09 li{float: left; margin-right: 50px; color:#04DBDB;} @media only screen and (max-width: 1399px) { .detjl7_part02_an .txt dd span{width:90px; height: 72px;} .detjl7_part09 li{margin-right: 40px;} } @media only screen and (max-width: 1279px) { .detjl7_part09 li{margin-right: 20px;} .detjl7_part02 li span,.detjl7_part03 .ll li span{width:80px; height: 54px;} .detjl7_part04 .ll h2, .detjl7_part04 .rr h2{ height: 160px;} } @media only screen and (max-width: 1024px) { .prodets_tit{height: 50px; line-height:50px; top:50px;} /*.other_details .prodets_tit,.detjl7_part01.active .prodets_tit,.detS5_part01.active .prodets_tit, .detumiAMD_part01.active .prodets_tit,.pro_detpart02_dx.active .prodets_tit{top:50px; height: 50px; line-height:50px;}*/ .prodets_tit .pr{margin-top:3px;} .other_details{padding-top:100px;} } @media only screen and (max-width: 1023px) { .detjl7_part01,.detjl7_part02,.detjl7_part03,.detjl7_part04,.detjl7_part05,.detjl7_part06,.detjl7_part07,.detjl7_part08,.detjl7_part09,.detjl7_part02_an{padding:8% 0;} .detjl7_part02 li{width:33.33%;} .detjl7_part02_an .txt dd{width:50%; margin-bottom: 5%;} .detjl7_part02_an .txt dd span{widtH:80px; height: 64px;} .detjl7_part04 .ll h2, .detjl7_part04 .rr h2{ height: 120px;} .detjl7_part08 dl dd{ width:33.33%; margin-right: 0;} .detjl7_part08 dl dd span{widtH:48px; height: 48px;} .prodets_tit{height: 50px; line-height: 50px; top:50px;} .prodets_tit .pl{width:calc(100% - 110px);} .prodets_tit .pr{width:100px; height: 30px; line-height: 30px; margin-top:10px; background-position: right bottom;} } @media only screen and (max-width: 767px) { .detjl7_part01{margin-top: 100px;} .detjl7_part01 .slogo{margin-top:0;} .detjl7_part02 ul{ padding:0;} .detjl7_part02 li{widtH:50%;} .detjl7_part02 li p{ font-size: 14px;} .detjl7_part02 li p br,.detjl7_part03 .ll li p br{ display: none;} .detjl7_part02_an .txt{ float: none; widtH:100%;} .detjl7_part02_an .txt h2{ text-align: left;} .detjl7_part02_an .img{position: static; widtH:80%; margin:0 auto;} .detjl7_part03 .ll{ width:100%;} .detjl7_part03 .ll ul{margin-top:5%;} .detjl7_part03 .ll li,.detjl7_part06 dl dd{widtH:50%;} .detjl7_part03 .rr{position: static; widtH:80%; margin:5% auto 0;} .detjl7_part04 .ll,.detjl7_part04 .rr,.detjl7_part05 .ll,.detjl7_part05 .rr{ float: none; width:100%;} .detjl7_part04 .ll h2, .detjl7_part04 .rr h2{ height: auto;} .detjl7_part04 .rr h2{ text-align: left;} .detjl7_part04 .rr dl{margin-left:0;} .detjl7_part04 .ll,.detjl7_part05 .ll{margin-bottom: 5%;} .detjl7_part06 .txt,.detjl7_part07 .txt,.detjl7_part08 .txt{width:100%;} .detjl7_part06 .img,.detjl7_part07 .img,.detjl7_part08 .img{ position: static; width:60%; float: right;} .detjl7_part09 .img{padding:0;} .detjl7_part09 .img span,.detjl7_part09 .img span+span{ display: block; float: none; widtH:80%; margin:5% auto 0;} .detjl7_part09 ul{padding:0;} .prodets_tit .pl.fnt_30{ font-size: 14px;} } @media only screen and (min-width: 1025px) { .prodets_tit{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} } /*20211115新增产品详细页面end*/ /*20211122新增产品S5详细页面*/ .fnt_26{ font-size: 26px;} .fnt_32{ font-size: 32px;} .fnt_38{ font-size: 38px;} .fnt_40{ font-size: 40px;} .fnt_56{ font-size: 56px;} @media only screen and (max-width: 1660px) { .fnt_26{ font-size: 24px;} .fnt_32{ font-size: 30px;} .fnt_38,.fnt_40{ font-size: 36px;} .fnt_56{ font-size: 48px;} } @media only screen and (max-width: 1440px) { .fnt_26{ font-size: 20px;} .fnt_32{ font-size: 24px;} .fnt_38,.fnt_40{ font-size: 30px;} .fnt_56{ font-size: 40px;} } @media only screen and (max-width: 1280px) { .fnt_26{ font-size: 18px;} .fnt_32{ font-size: 22px;} .fnt_38,.fnt_40{ font-size: 24px;} .fnt_56{ font-size: 36px;} } @media only screen and (max-width: 1023px) { .fnt_26{ font-size: 16px;} .fnt_32{ font-size: 18px;} .fnt_38,.fnt_40{ font-size: 20px;} .fnt_56{ font-size: 24px;} } .detS5_part01,.detS5_part02,.detS5_part03,.detS5_part04,.detS5_part05,.detS5_part06,.detS5_part07,.detS5_part08,.detS5_part09,.detS5_part10,.detS5_part11,.detS5_part12{ padding-top:2%; overflow: hidden;} .detS5_part01 .slogo{ width:100%; margin-top:5%;} .detS5_part01 .slogo img{width:17%;} .detS5_part01 .txt{ margin-top:5%; width:44%;} .detS5_part02{ background: #fff;} .detS5_part02 ul{padding:0 5%;} .detS5_part02 li{ float: left; width:20%; padding:0 5px; text-align: center; margin-bottom: 2%;} .detS5_part02 li span{ display: block; margin:0 0 10px;} .detS5_part02 li h3{ height: 1.5em;} .detS5_part02 li p{ height: 3em;} .detS5_part02 li:nth-of-type(6){margin-left:10%;} .detS5_part03 .ll{ float: left; widtH:40%;} .detS5_part03 .ll h2{ font-weight: bold;text-align: center; margin-bottom: 2%;} .detS5_part03 .ll h3{ text-align: center; color:#18191A; margin-bottom: 10%;} .detS5_part03 .ll ul{margin-left:5%;} .detS5_part03 .ll li{ float: left; width:33.33%;background:linear-gradient(to right, #7A31B3, #E83C70);color:transparent; background-clip: text;-webkit-background-clip: text;} .detS5_part03 .ll li:nth-of-type(2){background:linear-gradient(to right, #ED4F26, #FF9D4D);color:transparent; background-clip: text;-webkit-background-clip: text;} .detS5_part03 .ll li:nth-of-type(3){background:linear-gradient(to right, #4279C1, #1AD0FF);color:transparent; background-clip: text;-webkit-background-clip: text;} .detS5_part03 .ll li span{font-weight: bold;} .detS5_part03 .rr{ float: right; width:25%;} .detS5_part04{ background: #fff;} .detS5_part04 .img{ position: absolute; lefT:0;bottom:10%; widtH:45.677%;} .detS5_part04 .txt{ float: right; width:40%;} .detS5_part04 .txt h2{ font-weight: bold;text-align: center; margin-bottom: 2%;} .detS5_part04 .txt h3{ text-align: center; color:#18191A; margin-bottom: 10%;} .detS5_part04 .txt ul{margin-left:10%;} .detS5_part04 .txt li{float: left; margin-right: 25%; background:linear-gradient(to right, #7931B4, #EA4776);color:transparent; background-clip: text;-webkit-background-clip: text;} .detS5_part04 .txt li+li{margin-right: 0; background:linear-gradient(to right, #ED4E26, #FFC69D);color:transparent; background-clip: text;-webkit-background-clip: text;} .detS5_part05 .txt{ float: left; width:41.56%;} .detS5_part05 .txt h2,.detS5_part05 .txt h3{ text-align: center;} .detS5_part05 .txt h2{margin-bottom: 2%;font-weight: bold; color:#000;} .detS5_part05 .txt h3{margin-bottom: 10%;color:#1D1D1F;} .detS5_part05 .txt li{ float: left; width:25%; padding:0 10px; margin-bottom: 15px;} .detS5_part05 .img{ float: right;width:43.25%; margin-top:7.5%;margin-right: 5%;} .detS5_part06{ background: #F4F4F4;} .detS5_part06 .img{ float: left; width:44.21%;} .detS5_part06 .txt{ float: right;width:55%; padding-top:5%; text-align: center;} .detS5_part06 .txt h2{margin-bottom: 2%; font-weight: bold; color:#000;} .detS5_part06 .txt h3{color:#1D1D1F;} .detS5_part07{ background: #fff;} .detS5_part07 .ll{ float: left; width:45%;} .detS5_part07 .rr{ float: right; width:52%;} .detS5_part07 .ll h2{ text-align: center; line-height: 1.2; font-weight: bold;margin-bottom:5%;} .detS5_part07 .ll img{margin-bottom: 5%;} .detS5_part07 .ll p{color:#1D1D1F;} .detS5_part07 .rr li{ float: left; width:33.33%; padding:0 12px 10px;text-align: center;} .detS5_part07 .rr li h3{margin-top:3%;} .detS5_part07 .rr li p{ height:3.6em; line-height: 1.2;} .detS5_part08 .txt{ float: left; width:45%;} .detS5_part08 .txt h2{ text-align: center; margin-bottom: 5%;font-weight: bold;} .detS5_part08 .txt ul{margin:0 -1.5% 5%;} .detS5_part08 .txt li{ float: left; width:30.33%; margin:1% 1.5%; padding:5%; background: #fff; border-radius: 20px;} .detS5_part08 .txt li span{ display: block; font-weight: bold; line-height: 1.2; background:linear-gradient(to right, #7831B4, #EB3C6E);color:transparent; background-clip: text;-webkit-background-clip: text;} .detS5_part08 .txt li:nth-of-type(2) span,.detS5_part08 .txt li:nth-of-type(5) span{background:linear-gradient(to right, #ED1C6A, #FFCC44);color:transparent; background-clip: text;-webkit-background-clip: text;} .detS5_part08 .txt li:nth-of-type(3) span,.detS5_part08 .txt li:nth-of-type(6) span{background:linear-gradient(to right, #1F01E4, #7737FC);color:transparent; background-clip: text;-webkit-background-clip: text;} .detS5_part08 .txt dl dd{line-height: 30px; margin-bottom: 2%;} .detS5_part08 .txt dl dd:last-child{margin-bottom: 0;color:#7E7E7E;} .detS5_part08 .txt dl dd span{ float: left; margin-top:8px;width:75%; height: 15px;border-radius: 10px; background:linear-gradient(to right,#F12653,#FB4F12);} .detS5_part08 .txt dl dd em{margin-left:10px;color:#FB4F12;} .detS5_part08 .txt dl dd+dd span{widtH:30%; background:#666666;} .detS5_part08 .txt dl dd+dd em{color:#666666;} .detS5_part08 .img{ float: right; width:45.18%;margin-top:7%; margin-right: 4%;} .detS5_part09{ background: #fff;} .detS5_part09 .txt{ float: left; width:40%; text-align:center; margin-top:5%;} .detS5_part09 .img{ float: right; width:50%;} .detS5_part09 .txt h2{line-height: 1.2; color:#1D1D1F; margin-bottom: 5%;font-weight: bold;} .detS5_part09 .txt h3{color:#2D2D2F;} .detS5_part10{background:#F4F4F4;} .detS5_part10 .img{ float: left; widtH:61.74%;} .detS5_part10 .txt{ float: right; width:38%; text-align: center; margin-top:12%;} .detS5_part10 .txt h2{line-height: 1.2; color:#000; margin-bottom: 5%;font-weight: bold;} .detS5_part10 .txt h3{color:#2D2D2F;} .detS5_part11{background:#fff;} .detS5_part11 .txt{ float: left; width:40%; text-align:center; margin-top:10%;} .detS5_part11 .img{ float: right; width:52%;} .detS5_part11 .txt h2{line-height: 1.2; color:#1D1D1F; margin-bottom: 5%;font-weight: bold;} .detS5_part11 .txt h3{color:#2D2D2F;} .detS5_part12{background:#FAFAFA;} .detS5_part12 .txt{ float: left; width:40%; text-align:center; margin-top:12%;} .detS5_part12 .img{ float: right; width:52%;} .detS5_part12 .txt h2{line-height: 1.2; color:#1D1D1F; margin-bottom: 5%;font-weight: bold;} @media only screen and (max-width: 1399px) { .detS5_part07 .rr li p br{ display: none;} } @media only screen and (max-width: 1279px) { .detS5_part09 .txt h3 br{display: none;} .detS5_part07 .rr li{padding:0 2px 5px;} .detS5_part07 .rr li h3.fnt_26{font-size: 16px;} .detS5_part08 .txt li{padding:15px;} .detS5_part08 .img{margin-right: 0;} } @media only screen and (max-width: 1023px) { .detS5_part01,.detS5_part02,.detS5_part03,.detS5_part04,.detS5_part05,.detS5_part06,.detS5_part07,.detS5_part08,.detS5_part09,.detS5_part10,.detS5_part11,.detS5_part12{ padding:8% 0;} .detS5_part01 .slogo{margin-top:12%;} .detS5_part02 li{width:33.33%;} .detS5_part02 li:nth-of-type(6){margin-lefT:0;} .detS5_part04{position: relative; padding: 20% 0 5%;} .detS5_part03 .ll h3 br,.detS5_part04 .txt h3 br,.detS5_part05 .txt h3 br,.detS5_part06 .txt h3 br,.detS5_part09 .txt h3 br,.detS5_part10 .txt h3 br,.detS5_part11 .txt h3 br,.detS5_part11 .txt h3 br{ display: none;} .detS5_part07 .ll,.detS5_part07 .rr{ width:100%;} .detS5_part07 .ll{margin-bottom: 5%; text-align: center;} .detS5_part08 .txt li{padding:10px;} .detS5_part08 .txt dl dd span{width:70%;} } @media only screen and (max-width: 767px) { .detS5_part01{margin-top:100px;} .detS5_part01 .slogo{margin-top:0;} .detS5_part02 ul{padding:0;} .detS5_part02 li{width:50%;} .detS5_part03 .ll,.detS5_part03 .rr,.detS5_part04 .txt,.detS5_part05 .txt,.detS5_part06 .img,.detS5_part06 .txt,.detS5_part08 .txt,.detS5_part08 .img,.detS5_part09 .txt,.detS5_part09 .img,.detS5_part10 .img,.detS5_part10 .txt,.detS5_part11 .txt,.detS5_part11 .img,.detS5_part12 .txt,.detS5_part12 .img{widtH:100%;} .detS5_part03 .ll,.detS5_part09 .txt{margin-bottom: 5%;} .detS5_part04 .img{position: static; width:80%; margin:0 auto;} .detS5_part04 .txt ul{margin-left: 15%;} .detS5_part05 .img{ float: none; width:80%; margin:0 auto;} .detS5_part07 .rr li{width:100%;} .detS5_part08 .txt li{width:47%; padding:15px 20px;} .detS5_part10 .txt{margin-top:5%;} .detS5_part11 .txt,.detS5_part12 .txt{margin-top:0; margin-bottom: 5%;} } /*20211122新增产品S5详细页面end*/ /*20211129新增产品umi-AMD详细页面*/ .detumiAMD_part01,.detumiAMD_part02,.detumiAMD_part03,.detumiAMD_part04,.detumiAMD_part05,.detumiAMD_part06,.detumiAMD_part07,.detumiAMD_part08,.detumiAMD_part09,.detumiAMD_part10,.detumiAMD_part11,.detumiAMD_part12,.detumiAMD_part13{ padding-top: 3%; overflow: hidden;} .detumiAMD_part01 .slogo{ width:100%; margin-top: 12%;} .detumiAMD_part01 .slogo img{width:9.39%;} .detumiAMD_part01 .txt{ margin-top:10%; float: left; width:44.375%;} .detumiAMD_part01 .img{ float: right;width:48.05%;} .detumiAMD_part02{ background: #fff;} .detumiAMD_part02 ul{padding:0 5%;} .detumiAMD_part02 li{ float: left; width:20%; padding:0 10px; text-align: center; margin-bottom: 2%;} .detumiAMD_part02 li:nth-of-type(6){margin-left:10%;} .detumiAMD_part03{color:#fff;} .detumiAMD_part03 .ll{ float:left; width:45.83%; } .detumiAMD_part03 .rr{ float:right; width:45.83%;} .detumiAMD_part03 .ll h2{ font-weight: bold;text-align: center;} .detumiAMD_part03 .ll h3{text-align: center; margin:4% 0;} .detumiAMD_part03 .ll p{margin-bottom: 5%;} .detumiAMD_part03 .rr li{margin-bottom: 4%;} .detumiAMD_part03 .rr li h2{margin-bottom:1%;} .detumiAMD_part03 .rr li p{overflow: hidden;} .detumiAMD_part03 .rr li p em{ float: left; height: 25px; line-height: 25px; border-radius: 15px; background: #03F1F2; margin-right:3%;} .detumiAMD_part03 .rr li p span{ float: left;height: 25px; line-height: 25px; } .detumiAMD_part03 .rr h3{ margin:2% 0 5%; line-height: 48px; padding-left: 50px;color:#FF6BD0; background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/product/ico17.png) left center no-repeat;} .detumiAMD_part04{color:#fff;} .detumiAMD_part04 .img{ float: left; width:47.01%;} .detumiAMD_part04 .txt{ float: right; width:47%; margin-top:10%;} .detumiAMD_part04 .txt h2{ font-weight: bold; text-align: center;} .detumiAMD_part04 .txt h3{ text-align: center; margin:4% 0 3%;} .detumiAMD_part04 .txt p{ line-height: 1.8;} .detumiAMD_part05{color:#fff;} .detumiAMD_part05 .txt{ float: left; width:44%;} .detumiAMD_part05 .img{ float: right; width:54%;} .detumiAMD_part05 .txt h2{ font-weight: bold; line-height: 1.2; text-align: center;} .detumiAMD_part05 .txt h3{ text-align: center; margin:4% 0 6%;} .detumiAMD_part06{color:#fff;} .detumiAMD_part06 .img{ float: left; width:41.11%;} .detumiAMD_part06 .txt{ float: right; width:43.125%; margin-top:10%;} .detumiAMD_part06 .txt h2{ font-weight: bold; text-align: center; margin-bottom:7%;} .detumiAMD_part07{color:#fff;} .detumiAMD_part07 .txt{ float: left; width:40.27%; margin-top:5%;} .detumiAMD_part07 .txt h2{ font-weight: bold;} .detumiAMD_part07 .txt h3{margin:4% 0 6%;} .detumiAMD_part07 .img{ float: right; width:43.47%;} .detumiAMD_part07 .img p{margin-top:5%; text-align: center; color:#AFADAD;} .detumiAMD_part08{color:#fff; background: #000;} .detumiAMD_part08 .ll{ float: left; width:45%;} .detumiAMD_part08 .rr{ float: right; width:45%;} .detumiAMD_part08 .ll h2{margin-bottom: 8%; font-weight: bold; text-align: center;} .detumiAMD_part08 .item{ display: none;} .detumiAMD_part08.move .item{ display: block;} .detumiAMD_part08 dl{padding-top:5%;} .detumiAMD_part08 dt{margin-bottom: 2%; margin-left:10px;color:#BBBBBB;} .detumiAMD_part08 dd{ position: relative; width:70%; height: 29px; line-height: 29px;margin-bottom:2%;} .detumiAMD_part08 dd em{padding: 0 12px; position: relative; z-index: 10;} .detumiAMD_part08 dd span{ position: absolute; left:0; top:0; width:100%; height: 100%;-webkit-animation:load 2s ease-in; background:#86858A; border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .detumiAMD_part08 dd+dd{ width:100%;} .detumiAMD_part08 dd+dd span{ background: #01A0FB; background-image:-moz-linear-gradient(to right,#01A0FB,#00F8D8); background-image:-webkit-linear-gradient(to right,#01A0FB,#00F8D8); background-image:-ms-linear-gradient(to right,#01A0FB,#00F8D8); background-image:-o-linear-gradient(to right,#01A0FB,#00F8D8); background-image:linear-gradient(to right,#01A0FB,#00F8D8);} .detumiAMD_part08 dl:nth-of-type(2) dd+dd{ width:80%;} .detumiAMD_part09{color:#fff; } .detumiAMD_part09 .txt{ text-align: center; margin-top:3%;} .detumiAMD_part09 .txt h2{font-weight: bold; line-height: 1.2;} .detumiAMD_part09 .txt h3{margin:2% 0;} .detumiAMD_part10{color:#fff;} .detumiAMD_part10 .img{ float: left; width:56%;} .detumiAMD_part10 .txt{ float: right; width:42%; text-align: center; margin-top:5%;} .detumiAMD_part10 .txt h2{font-weight: bold; line-height: 1.2; margin-bottom: 5%;} .detumiAMD_part10 .txt h3{line-height: 1.8;} .detumiAMD_part11{color:#fff; position: relative;} .detumiAMD_part11 .txt{width:44%; text-align: center;} .detumiAMD_part11 .txt h2{font-weight: bold; line-height: 1.2; margin-bottom: 7%;} .detumiAMD_part11 .img{ position: absolute; right:0; bottom:0; width:53%;} .detumiAMD_part12{color:#fff;} .detumiAMD_part12 .ll{ float: left; width:45%;} .detumiAMD_part12 .ll h2{font-weight: bold; line-height: 1.2; margin-bottom: 7%;} .detumiAMD_part12 .rr{ float: right; width:45%;} .detumiAMD_part12 h3{position: relative; padding-left: 26px; margin-bottom: 10px;} .detumiAMD_part12 h3::before{content: ""; position: absolute; lefT:0; top:50%; margin-top:-7px; widtH:14px; height: 14px; border-radius: 100%; background: #fff;} .detumiAMD_part12 p{ padding-left: 26px;} .detumiAMD_part12 .ll img{margin-top:5%; max-width: 90%;} .detumiAMD_part12 .rr h3{color:#D4EAF8;} .detumiAMD_part12 .rr img{margin-top:3%;max-width: 96%;} .detumiAMD_part13{background: #000;color:#fff;padding:5% 0;} .detumiAMD_part13 .ll{ float: left; width:38.88%;} .detumiAMD_part13 .ll h2{margin-bottom: 5%; font-weight: bold; text-align: center;} .detumiAMD_part13 .ll img{margin-top:5%;} .detumiAMD_part13 .rr{ float: right; widtH:45.83%; text-align: center;} .detumiAMD_part13 .rr img+img{margin:2% 0 0;} @media only screen and (max-width: 1023px) { .detumiAMD_part01,.detumiAMD_part02,.detumiAMD_part03,.detumiAMD_part04,.detumiAMD_part05,.detumiAMD_part06,.detumiAMD_part07,.detumiAMD_part08,.detumiAMD_part09,.detumiAMD_part10,.detumiAMD_part11,.detumiAMD_part12,.detumiAMD_part13{padding:8% 0;} .detumiAMD_part02 li{width:33.33%;} .detumiAMD_part02 li:nth-of-type(6){margin-lefT:0;} .detumiAMD_part03 .rr h3{padding-left: 30px; background-size: 20px; font-size: 14px;} .detumiAMD_part05 .txt h3 br,.detumiAMD_part10 .txt h3 br{ display: none;} } @media only screen and (max-width: 767px) { .detumiAMD_part01{margin-top: 100px;} .detumiAMD_part01 .slogo{margin-top:0;} .detumiAMD_part02 li{width:50%;} .detumiAMD_part03 .ll,.detumiAMD_part03 .rr,.detumiAMD_part04 .img,.detumiAMD_part04 .txt,.detumiAMD_part05 .txt,.detumiAMD_part05 .img,.detumiAMD_part06 .img,.detumiAMD_part06 .txt, .detumiAMD_part07 .txt,.detumiAMD_part07 .img,.detumiAMD_part08 .ll,.detumiAMD_part08 .rr,.detumiAMD_part10 .img,.detumiAMD_part10 .txt,.detumiAMD_part11 .txt,.detumiAMD_part12 .ll, .detumiAMD_part12 .rr,.detumiAMD_part13 .ll,.detumiAMD_part13 .rr{width:100%;} .detumiAMD_part03 .ll,.detumiAMD_part05 .txt,.detumiAMD_part07 .txt,.detumiAMD_part12 .ll{margin-bottom: 5%;} .detumiAMD_part04 .txt,.detumiAMD_part06 .txt{margin-top:5%;} .detumiAMD_part11 .img{position: static; width:100%;} } /*20211129新增产品umi-AMD详细页面end*/ /*20211201蛟龙5页面*/ .detjl5_part01 .ll{ width:47.3%; margin-top:10%;} .detjl5_part01 .rr{ width:50.2%;} .detjl5_part02 li p{ height:3em; overflow:hidden;} .detjl5_part03 .txt{ float: left; width:44.8%;} .detjl5_part03 .img{ position: static; float: right; width:55%;} .detjl5_part03 dl dt{ float: none; width:100%; margin:0 0 2%;} .detjl5_part03 dl dd{ width:100%;} .detjl5_part04{color:#fff; text-align: center; padding-top: 3%;} .detjl5_part04 h2{font-weight: bold; margin-bottom:10px;} .detjl5_part04 h3{margin-bottom: 2%;} .detjl5_part04 img{ width:50%;} .detjl5_part05 .img{ widtH:53.64%;bottom:0;} .detjl5_part05 .txt{ widtH:42%;} .detjl5_part06 .ll h2{ text-align: left;} .detjl5_part07{color:#fff;} .detjl5_part07 .txt{ float: left; width:40%;} .detjl5_part07 .txt h2{color:#fff; line-height: 1.2;} .detjl5_part07 .img{ position: static; float: right; width:55%;} .detjl5_part08 .ll{float: left; widtH:40%; margin-top:5%;} .detjl5_part08 .rr{position: static; float: right;width:55%;} .detjl5_part08 .ll ul{margin-top:10%;} .detjl5_part08 .ll li+li{ width:50%;} .detjl5_part08 .ll li span{margin-bottom:10px;} .detjl5_part09 .ll{width:48%;} .detjl5_part09 .ll h3{color:#fff; margin-top:10px;} .detjl5_part09 .rr{margin-top:6%; width:46%;} .detjl5_part10{color:#fff; background: #07090A;} .detjl5_part10 .txt{ float: left; width:40%;} .detjl5_part10 .txt h2{ line-height: 1.2; font-weight: bold;} .detjl5_part10 .txt h3{margin:5% 0;} .detjl5_part10 .img{ float: right; width:55%;} .detjl5_part11{ background:#080C0D;} .detjl5_part11 .txt{ float: left; width:40%; margin-top:10%;} .detjl5_part11 .txt h2{line-height: 1.2; font-weight: bold;} .detjl5_part11 .txt h3{ margin:5% 0;} .detjl5_part11 .img{float: right; width:55%;} .detjl5_part12{background: #081213;} .detjl5_part12 .ll h2{ text-align: left;} .detjl5_part12 .rr{ text-align: center;} .detjl5_part12 .rr img+img{margin-top:5%;} @media only screen and (max-width: 1023px) { .detjl5_part04{padding:8% 0;} } @media only screen and (max-width: 767px) { .detjl5_part02 li p{ height: 3em;} .detjl5_part03 .txt,.detjl5_part03 .img,.detjl5_part05 .txt,.detjl5_part05 .img,.detjl5_part07 .txt,.detjl5_part07 .img,.detjl5_part08 .ll,.detjl5_part08 .rr, .detjl5_part09 .ll,.detjl5_part09 .rr,.detjl5_part10 .txt,.detjl5_part10 .img,.detjl5_part11 .txt,.detjl5_part11 .img,.detjl5_part12 .ll{ widtH:100%;} .detjl5_part03 .txt,.detjl5_part05 .txt,.detjl5_part07 .txt,.detjl5_part10 .txt,.detjl5_part11 .txt,.detjl5_part12 .ll{margin-bottom: 5%;} .detjl5_part04 img{ widtH:100%;} .detjl5_part05 dl dd{width:50%;} .detjl5_part08 .ll,.detjl5_part11 .txt{margin-top:0;} } /*20211201蛟龙5页面end*/ /*20220106新增变更*/ .brand_video_tit{ text-align: center; margin:0 0 4%;} .brand_video_tit ul{ display: inline-block;} .brand_video_tit li{ float: left;color: #000; font-weight: bold;width:207px; margin:0 10px; height: 48px; line-height: 48px; background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/dot12.png) right bottom no-repeat;} .brand_video_tit li.on a{color:#FE7831;} @media only screen and (max-width: 1279px){ .brand_video_tit li{ width:150px;} } @media only screen and (max-width: 767px){ .brand_video_tit ul.fnt_18{font-size: 14px;} .brand_video_tit li{ width:auto; padding:0 10px; height: 30px; line-height: 30px; margin:0 5px;} } @media only screen and (max-width: 340px){ .brand_video_tit li{padding:0 6px;} } .serv_stype.trial_tit{margin:4% auto; max-width: 660px;} .serv_stype.trial_tit li{ width:31.73%;} .serv_stype.trial_tit .select-box dt a b{font-weight: bold;} .pro_detpart08_dx{ background: #fff;} .pro_tabtt{ text-align: center; margin-bottom: 3%;} .pro_tabtt ul{ display: inline-block;} .pro_tabtt li{float: left; width:180px; height: 48px; line-height: 48px; text-align: center;} .pro_tabtt li.on{color:#fff; background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/brand_bg1.png) right top no-repeat;} .pro_tabtt li.on a{color:#fff!important; } .pro_tabcc .cc{ display: none;} .pro_tabcc .cc.on{ display: block;} .pro_tabcc .cc .ph_table{ margin-bottom: 3%;} .pcwz_swbox{ position: relative;} .pcwz_swbox .swiper-button-prev{ left:-60px; width:40px; height: 40px; margin-top:-20px; background: none;} .pcwz_swbox .swiper-button-next{ right:-60px;width:40px; height: 40px; margin-top:-20px;background: none;} .pcwz_swbox .swiper-button-prev i,.pcwz_swbox .swiper-button-next i{ font-size: 40px; height: 40px; line-height: 40px;} .pcwz_swbox dl{background: #EBEEF3;} .pcwz_swbox dt{width:100%;} .pcwz_swbox dd{padding:5% 8% 16%;} .pcwz_swbox dd span{ display: block; color:#666666; margin-bottom: 4%; font-family: Arial, Helvetica, sans-serif;} @media only screen and (min-width: 1025px) { /*.pro_tabtt li:hover{color:#fff; background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/brand_bg1.png) right top no-repeat;} .pro_tabtt li:hover a{color:#fff!important; }*/ } @media only screen and (max-width:1023px){ .pro_tabtt li{ width:140px;} .pcwz_swbox .swiper-button-prev{left:-40px;} .pcwz_swbox .swiper-button-next{ right:-40px;} } @media only screen and (max-width:767px){ .pcwz_swbox .swiper-button-prev,.pcwz_swbox .swiper-button-next{widtH:20px; height: 20px; margin-top:-10px;} .pcwz_swbox .swiper-button-prev i,.pcwz_swbox .swiper-button-next i{ font-size: 20px;} .pcwz_swbox .swiper-button-prev{left:10px;} .pcwz_swbox .swiper-button-next{ right:10px;} .pcwz_swbox dd{padding:5%;} .pcwz_swbox dd span{margin-bottom: 2%;} } /*20220106新增变更*/ /*20220114新增产品参数页面*/ .parameter_tit{border-bottom:1px solid #D2D2D2;} .parameter_bg{ padding-top: 160px; background: #fff;} .pro_parameter{padding: 5% 0;} .pro_parameter .img{ text-align: center;} .pro_parameter .con{max-width: 1280px; margin:0 auto; padding: 5% 0 0;} .pro_parameter .con table{width:100%; border-bottom:1px solid #D2D2D2;} .pro_parameter .con tr{border-top:1px solid #D2D2D2; } .pro_parameter .con tr td{padding: 20px 55px;} .pro_parameter .con tr td:first-child{vertical-align: top; padding-right: 10px; color:#000; border-right: 1px solid #D2D2D2;} .pro_parameter .con tr td p{color:#656565; line-height: 1.8;} @media only screen and (max-width:1024px){ .prodets_tit .pr a:last-child{margin-top:0;} } @media only screen and (max-width:1023px){ .pro_parameter .con tr td{padding:20px;} .prodets_tit{ height: auto; padding:10px 0;} .prodets_tit .pl,.prodets_tit .pr{widtH:100%; height: 30px; line-height: 30px;} .prodets_tit .pr{margin-top:0;} .prodets_tit .pl.fnt_30{font-size: 16px;} .prodets_tit .pr a{font-size: 16px;} .prodets_tit .pr a:last-child{widtH:100px; height: 30px; line-height: 30px;} } @media only screen and (max-width:767px){ .pro_parameter .con tr td:first-child{padding:20px 0; widtH:65px;} .pro_parameter .con.fnt_18{font-size: 12px;} } @media only screen and (max-width:339px){ .prodets_tit .wrap{widtH:96%;} } /*20220114新增产品参数页面*/ /*20220121线下店面*/ .store_part{padding:5% 0; background: #fff;} .store_banner{ position: relative; margin-bottom: 5%;} .store_banner .swiper-button-prev{ left:-80px;width:60px; height: 60px; margin-top:-30px; background: none;} .store_banner .swiper-button-next{ right:-80px;width:60px; height: 60px; margin-top:-30px; background: none;} .store_banner .swiper-button-prev i,.store_banner .swiper-button-next i{ font-size:60px; height: 60px; line-height: 60px;color:#010101;} .store_banner .swiper-button-prev.swiper-button-disabled,.store_banner .swiper-button-next.swiper-button-disabled{opacity: 0.5; cursor: default;} .store_banner .swiper-pagination{bottom:20px; width:100%;} .store_banner .swiper-pagination-bullet{width:10px; height:10px; margin:0 8px!important; opacity: 0.55; background: #fff;} .store_banner .swiper-pagination-bullet-active{transform:scale(1.1); opacity: 1;} .store_list{padding:5% 0 3%;} .store_list ul{ margin:0 -1.5% 3%;} .store_list li{color:#666666; float: left; widtH:30.33%; margin:0 1.5% 4%; height:13em;} .store_list li h2{margin-bottom: 5%; height:auto;} .store_list li p{ line-height: 1.6;} .store_list li p a{color:#666666!important;} @media only screen and (max-width: 1279px) { .store_banner .swiper-button-prev{lefT:0px; widtH:40px; height: 40px; margin-top:-20px;} .store_banner .swiper-button-next{ right:0px;widtH:40px; height: 40px; margin-top:-20px;} .store_banner .swiper-button-prev i,.store_banner .swiper-button-next i{font-size:40px; height: 40px; line-height: 40px;} .store_list li{height:15em;} } @media only screen and (max-width: 1023px) { .store_list li{width:47%; height:13em;} } @media only screen and (max-width: 767px) { .store_list ul{margin:0;} .store_list li{ widtH:100%; height:auto; margin:0 0 5%;} .store_list li h2{max-height: unset; height: auto;-webkit-line-clamp:unset; margin-bottom: 2%;} } /*20220121线下店面end*/ /*20220307新增产品极光Pro页面*/ .detjgPro_part01 .img{width:50.27%;} .detjgPro_part01 .txt{width:34.72%; margin-top:2%; margin-left:8%;} .detjgPro_part02{padding-top: 5%; color:#fff; background:#07162B;} .detjgPro_part03{padding-top: 2%;position: relative; overflow: hidden;} .detjgPro_part03 .img{ position: absolute; right:0; top:5%; widtH:52.91%;} .detjgPro_part03 .txt{width:100%;} .detjgPro_part03 .txt h2{margin-bottom: 10px;} .detjgPro_part03 .txt h3{margin-bottom: 15px;} .detjgPro_part03 .txt p{margin-bottom:20px;} .detjgPro_part04{padding-top: 5%; background:#07162B} .detjgPro_part04 .img{ float: left; width:45.18%;} .detjgPro_part04 .txt{ float: right; width:51.8%;} .detjgPro_part04 h2{margin-bottom: 3%;} .detjgPro_part04 p{color:#fff; margin-bottom: 5%;} .detjgPro_part05{ padding-top:5%;} .detjgPro_part05 .txt{widtH:40%; margin-top:5%;} .detjgPro_part05 .txt h2,.detjgPro_part05 .txt h3{ text-align: left;} .detjgPro_part05 .img{margin-top: 0;widtH:49%;} .detjgPro_part05 .txt h2,.detjgPro_part06 .txt h2,.detjgPro_part07 .txt h2{margin-bottom: 5%;} .detjgPro_part05 .txt p,.detjgPro_part06 .txt p,.detjgPro_part07 .txt p{color:#fff;margin-bottom:8%;} .detjgPro_part06{padding-top: 4%;} .detjgPro_part06 .img{ float: left; width:45%;} .detjgPro_part06 .txt{ float: right; width:45%; padding-top:5%;} .detjgPro_part07{padding-top: 4%;} .detjgPro_part07 .txt{ float: left; width:45%; padding-top: 0;} .detjgPro_part07 .img{ float: right; width:45%;} .detjgPro_part08{padding-top:4%;} .detjgPro_part08 .txt{widtH:40%; float: right;} .detjgPro_part08 .txt h2{margin-bottom: 10%;} .detjgPro_part09{ padding-top: 5%; background:#07162B;} .detjgPro_part09 h2{color:#fff; text-align: center;} .detjgPro_part10{ padding-top: 5%; text-align: center;} .detjgPro_part10 h2{margin-bottom: 2%;} .detjgPro_part10 p{margin-bottom: 2%;} .detjgPro_part10 p:last-child{margin-bottom: 0;} @media only screen and (max-width: 1023px) { .detjgPro_part02,.detjgPro_part02,.detjgPro_part03,.detjgPro_part04,.detjgPro_part05,.detjgPro_part06,.detjgPro_part07,.detjgPro_part08,.detjgPro_part09,.detjgPro_part10{ padding:8% 0;} .detjgPro_part01 .slogo{margin-top:10%;} .detjgPro_part03 .txt h2{ width: 50%;} .detjgPro_part08 .txt{padding-top: 8%;} .detjgPro_part09{padding-bottom: 0;} .detjgPro_part09 h2{margin-bottom:5%;} .detjgPro_part10 h2,.detjgPro_part10 p{margin-bottom: 5%;} } @media only screen and (max-width: 767px) { .detjgPro_part01 .slogo{margin-top:0%;} .detjgPro_part01 .slogo img{widtH:70px;} .detjgPro_part01 .txt{margin-left:0; width:45%;} .detjgPro_part04 .img,.detjgPro_part04 .txt,.detjgPro_part05 .txt,.detjgPro_part05 .img,.detjgPro_part06 .img,.detjgPro_part06 .txt, .detjgPro_part07 .txt,.detjgPro_part07 .img{ widtH:100%;} .detjgPro_part04 .img,.detjgPro_part07 .txt{margin-bottom: 5%;} .detjgPro_part05 .txt{margin-top:0;} .detjgPro_part05 .img{ float: right;} .detjgPro_part08 .txt{widtH:60%;} .detjgPro_part10 h2 img{ width:100px;} } /*20220307新增产品极光Pro页面 end*/ /*20220309新增产品无界16页面*/ .detwj_part01 .img{width:48%;} .detwj_part01 .txt{width:37.3%; margin-top:5%;} .detwj_part02{padding-top: 5%; background-size: cover!important;} .detwj_part02 ul{padding:0 10%;} .detwj_part03 .txt p.fl{ float: left; margin-right: 5%;} .detwj_part03 .txt h3{margin:2% 0;} .detwj_part03 .img{top:0;} .detwj_part04{padding-top: 5%;} .detwj_part04 .txt{ float: left; width:45%; margin-left: 5%; margin-top:2%;} .detwj_part04 .img{ float: right; width:40%;margin-right: 5%;} .detwj_part04 .txt h2{margin-bottom: 5%;} .detwj_part04 .txt p{margin-bottom: 5%;} .detwj_part05{padding: 0; background:#DDEEFE; position: relative;} .detwj_part05 .img{ position: absolute; lefT:0; bottom:0; width:48.75%;} .detwj_part05 .txt{ float: right; width:50%; padding:5% 6.5%;} .detwj_part05 .txt h2{margin-bottom: 5%;} .detwj_part05 .txt p{margin-bottom: 5%;color:#494949;} .detwj_part05 .txt dl dd{ float: left;margin-right:5%;color:#494949;} .detwj_part05 .txt dl dd:last-child{margin-right: 0;} .detwj_part06{position: relative; background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/product/wjbg06.jpg)left top repeat-x; overflow: hidden;} .detwj_part06 .img{position: absolute; bottom:0; right:0; widtH:45%;} .detwj_part06 .txt{ width:50%; padding: 5% 6.5%; color:#fff;} .detwj_part06 .txt p{margin-bottom:8%;} .detwj_part06 .txt dl dd{ float: left;margin-right:5%; margin-bottom:4%;} .detwj_part06 .txt dl dd:nth-child(3n){margin-right: 0;} .detwj_part07{background: #DEEFFF; position: relative;} .detwj_part07 .img{position: absolute; bottom:0; left:8%; width:45%;} .detwj_part07 .txt{ float: right; widtH:40%; padding-right:5%; margin-top:10%;} .detwj_part07 .txt h2{margin-bottom: 5%;} .detwj_part08{padding-top: 5%; background: #F6F6F6; position: relative;} .detwj_part08 .txt{ float: left; width:35%; margin-left: 10%;margin-top:5%;} .detwj_part08 .img{ float: right; width:40%;} .detwj_part08 .txt h2{margin-bottom: 3%;} .detwj_part08 .txt p{margin-bottom:12%;} .detwj_part08 .txt p span{color:#9D9D9D;} .detwj_part09{padding-top: 5%;} .detwj_part09 .img{ float: left; width:40%;margin-left: 5%;} .detwj_part09 .txt{ float: right; width:45%;margin-top:3%;color:#fff;} .detwj_part09 .txt h2{margin-bottom:5%;} .detwj_part09 .txt p{margin-bottom:5%;} .detwj_part10,.detwj_part11{padding-top: 5%; background:#F2F2F2; overflow: hidden;} .detwj_part10 h2,.detwj_part11 h2{ text-align: center; margin-bottom: 3%;} .detwj_part10 li{ float: left; width:49%; margin-bottom:2.5%;} .detwj_part10 li:nth-child(2n){float: right;} .detwj_part11 h2{margin-bottom: 5%;} .detwj_part11 .ll{ float: left; width:48%;} .detwj_part11 .rr{ float: right; width:48%;} @media only screen and (max-width: 1023px) { .detwj_part01,.detwj_part02,.detwj_part03,.detwj_part04,.detwj_part05,.detwj_part06,.detwj_part07,.detwj_part08,.detwj_part09,.detwj_part10,.detwj_part11{ padding:8% 0;} .detwj_part01 .slogo{margin-top:10%;} .detwj_part02{ background-size: cover!important;} .detwj_part02 ul{padding: 0;} .detwj_part04 .img{margin-right: 0;} .detwj_part04 .txt,.detwj_part07 .txt,.detwj_part08 .txt,.detwj_part09 .txt{margin-top:0;} .detwj_part05 .img{position: static; float: left;} .detwj_part05 .txt{padding:0 5%;} .detwj_part06 .txt{padding:0 5%;} } @media only screen and (max-width: 767px) { .detwj_part01 .slogo{margin-top:0%;} .detwj_part01 .slogo img{widtH:70px;} .detwj_part01 .txt,.detwj_part01 .img,.detwj_part04 .txt,.detwj_part04 .img,.detwj_part05 .img,.detwj_part05 .txt,.detwj_part06 .txt,.detwj_part06 .img, .detwj_part07 .txt,.detwj_part08 .txt,.detwj_part08 .img,.detwj_part09 .img,.detwj_part09 .txt,.detwj_part10 li,.detwj_part11 .ll,.detwj_part11 .rr{ width: 100%;} .detwj_part01 .txt,.detwj_part03 .txt,.detwj_part04 .txt,.detwj_part05 .img,.detwj_part06 .txt,.detwj_part07 .img,.detwj_part08 .txt,.detwj_part09 .img,.detwj_part11 .ll{margin-bottom: 5%;} .detwj_part03 .img,.detwj_part06 .img,.detwj_part07 .img{position: static; width:100%;} .detwj_part04 .txt,.detwj_part08 .txt,.detwj_part09 .img{margin-left:0;} .detwj_part07 .txt{padding: 0 5%;} .detS5_part02 li h3{font-size: 14px; height: 3em;} .detS5_part02 li p{font-size: 13px;} .detwj_part04 .txt h2,.detwj_part05 .txt h2,.detwj_part07 .txt h2,.detwj_part08 .txt h2,.detwj_part09 .txt h2,.detwj_part10 h2,.detwj_part11 h2{ text-align: center;} .detwj_part04 .txt h2 img,.detwj_part05 .txt h2 img,.detwj_part07 .txt h2 img,.detwj_part08 .txt h2 img,.detwj_part09 .txt h2 img,.detwj_part10 h2 img{ max-width:50%;} .detwj_part11 h2 img{ max-width:70%;} } /*20220309新增产品无界16页面 end*/ /*20220311新增产品旷世页面*/ .detks_part01 .img{width:55.3%;} .detks_part01 .txt{width:39.2%; margin-top:5%;} .detks_part02{padding-top: 5%; background: #000;} .detks_part02 ul{padding:0 5%;} .detks_part03{ padding-top: 2%;} .detks_part03 .txt{ text-align: center;} .detks_part03 p{ margin-bottom:10px;} .detks_part04{ color:#fff; position: relative; padding-top: 5%; background: #000; overflow: hidden;} .detks_part04 .img{ position: absolute; right:0; bottom:0; width:50%;} .detks_part04 .txt{ widtH:80%; position: relative; z-index: 2;} .detks_part04 .txt h2{color:#58AF02; line-height: 1.2; margin-bottom:2%;} .detks_part04 .txt h2 span{ display: block; color:#fff;} .detks_part04 .txt p{color:#7F7F7F; width:60%; margin-bottom: 2%;} .detks_part04 .txt dl dt{ color:#58AF02;padding-left: 70px; line-height: 64px; background: url(https://driver.tongfangpc.com/d.mechrevo.com/staticFile/images/product/img_ksdot01.png) left top no-repeat;} .detks_part04 .txt h3{position: absolute; right: 0; top:7%; width:30%;} .detks_part05,.detks_part06,.detks_part07,.detks_part08,.detks_part09,.detks_part10,.detks_part11{padding-top: 5%; position: relative; overflow: hidden;} .detks_part05 .img,.detks_part06 .img,.detks_part07 .img,.detks_part08 .img,.detks_part09 .img,.detks_part10 .img,.detks_part11 .img{position: absolute; right:0; top:15%; widtH:50%;} .detks_part05 .txt,.detks_part06 .txt,.detks_part07 .txt,.detks_part08 .txt,.detks_part09 .txt,.detks_part10 .txt,.detks_part11 .txt{width:50%; position: relative; z-index: 2;} .detks_part05 .txt h2,.detks_part06 .txt h2,.detks_part07 .txt h2,.detks_part08 .txt h2,.detks_part09 .txt h2,.detks_part10 .txt h2,.detks_part11 .txt h2,.detks_part12 h2{font-weight: bold; margin-bottom: 2%; background:linear-gradient(to bottom, #00FFF6, #01C1FF);color:transparent; background-clip: text;-webkit-background-clip: text;} .detks_part05 .txt p,.detks_part06 .txt p,.detks_part07 .txt p,.detks_part08 .txt p,.detks_part10 .txt p,.detks_part11 .txt p{color:#999999; margin-bottom: 5%;} .detks_part05 .txt h3{margin-bottom: 5%;} .detks_part06 .txt h3 img,.detks_part07 .txt h3 img,.detks_part09 .txt h3 img{max-width: 70%;} .detks_part06 .img{width:60.625%;} .detks_part07,.detks_part08,.detks_part09,.detks_part10,.detks_part11,.detks_part12{ background: #000;} .detks_part07 .img{width:52.86%;} .detks_part08 .img{width:53.33%; top:0;} .detks_part08 .txt h3 img{max-width: 80%;} .detks_part09 .img,.detks_part10 .img{width:56.77%;} .detks_part10 .img{top:20%;} .detks_part11 .img{top:40%;} .detks_part11 .txt h2{line-height: 1.2; margin-bottom: 5%;} .detks_part12 h2{text-align: center;} .detks_part12 .img{ text-align: center;} .detks_part12 .img img{max-width:66%;} @media only screen and (max-width: 1023px) { .detks_part01,.detks_part02,.detks_part03,.detks_part04,.detks_part05,.detks_part06,.detks_part07,.detks_part08,.detks_part09,.detks_part10,.detks_part11,.detks_part12{ padding:8% 0;} .detks_part01 .slogo{margin-top:10%;} .detks_part02 ul{padding:0;} .detks_part04{padding-bottom: 50%;} .detks_part04 .txt,.detks_part04 .txt p{width:100%;} .detks_part04 .img{widtH:100%; bottom:0;} .detks_part04 .txt h3{position: static;} } @media only screen and (max-width: 767px) { .detks_part01 .img,.detks_part01 .txt{ width:100%;} .detks_part04 .txt dl dt{padding-left: 30px; line-height: 30px; background-size: 20px auto;} .detks_part05 .txt, .detks_part06 .txt, .detks_part07 .txt, .detks_part08 .txt, .detks_part09 .txt, .detks_part10 .txt, .detks_part11 .txt{ width: 100%; margin-bottom: 5%;} .detks_part05 .img, .detks_part06 .img, .detks_part07 .img, .detks_part08 .img, .detks_part09 .img, .detks_part10 .img, .detks_part11 .img{position: static; widtH:100%;} .detks_part06 .txt h3 img, .detks_part07 .txt h3 img, .detks_part09 .txt h3 img,.detks_part08 .txt h3 img,.detks_part12 .img img{max-width: 100%;} .detks_part05 .txt h2, .detks_part06 .txt h2, .detks_part07 .txt h2, .detks_part08 .txt h2, .detks_part09 .txt h2, .detks_part10 .txt h2, .detks_part11 .txt h2, .detks_part12 h2{margin-bottom: 5%;} } /*20220311新增产品旷世页面 end*/ /*20220426*/ #fullpage .section:first-child .slogo,#fullpage .section:first-child .t,#fullpage .section:first-child .txt,#fullpage .section:first-child .img, .pro_detpart01 .ll,.pro_detpart01 .rr{ visibility:hidden;} /**/ .down_part{padding-top: 0;padding-bottom: 8%;} .down_part-tt{padding: 6% 0 8%;box-sizing: border-box;color: #fff;} .ser_inwrap{ max-width: 920px; margin: 0 auto; width: 90%; } .serv_tit span{width: 82px;height: auto;} .serv_search-box{display: flex;justify-content: space-between;margin-bottom: 25px;} .serv_search-ll{width: 28.2%;} .serv_search{width: 45.6%;border: 1px solid #fff;margin-bottom: 0;} .serv_search input{width: 100%!important;color: #fff;} .serv_search input:-ms-input-placeholder { /* IE 和 Edge 的旧版本 */ color: #fff; } .serv_search input::-ms-input-placeholder { /* 仅限Edge 12-18 */ color: #fff; } .serv_search input::placeholder { /* Chrome, Firefox, Safari, 和 Opera 12+ */ color: #fff; } .serv_search .serv_txt{display: none;} .serv_sbtn{width: 21.7%;height: 55px;line-height: 55px;border: none;} .serv_search-ll .select-box dt{border: 1px solid #fff;display: flex;justify-content: space-between;align-items: center;padding: 0 15px;box-sizing: border-box;} .serv_search-ll .select-box dt a{color: #fff!important;padding: 0 15px;box-sizing: border-box;line-height: 53px;} .serv_search-ll .select-box dt a b{margin: 0;} .serv_search-ll .select-box dd a{padding: 0 30px;text-align: left;} .serv_txt{text-align: center;} .down_part-bb{margin-top: 5%;} .down_part-bb .serv_stype{margin-bottom: 1%;} .down_part-bb .select-box dt{background: #000000;border-radius: 5px;color: #fff;padding: 0 30px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;} .down_part-bb .select-box dt a{color: #fff!important;} .down_part-bb .select-box dt a b{margin: 0;} .down_part-bb .select-box dd a{padding: 0 30px;text-align: left;} .serv_slist-t{border: 1px solid #000;padding: 15px 30px;box-sizing: border-box;margin-bottom: 20px;} .serv_slist-b li{border-bottom: 1px solid #101128;padding: 35px 0;box-sizing: border-box;} .serv_slist-b dl{display: flex;justify-content: space-between;} .serv_slist-b dd h4{margin-bottom: 15px;} .serv_slist-div{margin-top: 10px;display: flex;} .serv_slist-div p{margin-right: 40px;} .serv_slist-div p i{margin-right: 12px;} .serv_slist-b dt a{background: #000000;padding: 4px 19px;box-sizing: border-box;border-radius: 5px;color: #fff;} .serv_slist-b dt a i{margin-left: 22px;} /*弹窗*/ .serv_modal{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;display: none;} .serv_modal-con{position: relative;z-index: 3;width: 1360px;max-width: 70%;margin: 10% auto;background: #fff;border-radius: 20px;padding: 50px 100px;box-sizing: border-box;} .serv_modal-div h3{margin-bottom: 20px;} .serv_modal-txt{margin-bottom: 40px;} .serv_modal-img img{width: 100%;} .serv_modal-close{width: 24px;height: 24px;background: #a1a1a1;color: #fff;font-size: 12px;cursor: pointer;border-radius: 100%; position: absolute;right: 40px;top: 40px;text-align: center;line-height: 24px;} .serv_modal-blank{background: rgba(0,0,0,0.6);cursor: pointer;position: absolute;width: 100%;height: 100%;left: 0;top: 0;} @media only screen and (max-width: 1023px) { .serv_tit span{width: 60px;} .serv_modal-con{padding: 50px 60px;} .serv_modal-close{right: 30px;top: 30px;} } @media only screen and (max-width: 767px) { .down_part{padding-bottom: 40px;} .down_part-tt{padding: 40px 0;} .serv_tit{margin-bottom: 30px;} .serv_tit span{width: 50px;} .serv_search-box{display: block;margin-bottom: 0;} .serv_search-ll{width: 100%;margin-bottom: 20px;} .serv_search-ll .select-box dt{padding: 0 20px;} .serv_search-ll .select-box dt a{line-height: 40px;padding: 0 ;} .serv_search-ll .select-box dd a{padding: 0 20px;} .serv_search{width: 100%;margin-bottom: 20px;height: auto;border: 0;} .serv_search input{border: 1px solid #fff!important;height: 40px;line-height: 40px;display: block;} .serv_sbtn{width: 40%;margin-left: auto;margin-right: auto;display: block;line-height: 40px;height: 40px;} .serv_txt{display: none;} .serv_search .serv_txt{display: block;overflow: hidden;text-align: left;padding: 0;box-sizing: border-box;width: 100%;} .down_part-bb .select-box dt{padding: 0 15px 0 20px;} .down_part-bb .select-box dd a{padding: 0 20px;} .down_part-bb{margin-top: 30px;} .down_part-bb .serv_stype{margin-bottom: 20px;} .serv_slist-t{padding: 5px 15px;} .serv_slist-b li{padding: 30px 0;} .serv_slist-b dl,.serv_slist-div{display: block;} .serv_slist-b dt{margin-top: 30px;} .serv_modal-con{margin: 100px auto;max-width: 90%;padding: 40px 20px;} .serv_modal-div h3{margin-bottom: 10px;} .serv_modal-txt{margin-bottom: 20px;} .serv_modal-close{right: 20px;top: 20px;} }