@charset "UTF-8"; *, :before, :after { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img { margin: 0; padding: 0; } body { font-family: "Microsoft Yahei",sans-serif; color: #333; font-size: 16px; line-height: 1.7; margin: 0 auto; background-color: #0d1019; } ol, ul, li { list-style: none; } a { color: #333; text-decoration: none; outline: none; cursor: pointer; } a:hover, a:active, a:link, a:visited { text-decoration: none; } fieldset, img, video { max-width: 100%; border: none; vertical-align: middle; height: auto; } input, select, textarea, button { color: #333; font-size: 16px; font-family: "renebieder"; outline: none; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } input, button { border-radius: 0; -webkit-appearance: none; } /*清除IOS默认圆角*/ textarea { resize: none; outline: none; border: none; -webkit-appearance: none; } /*去除右下角拖动边框标识*/ input:-ms-clear { display: none; } /*消除 IE10 里的叉号*/ input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; outline: none; } ::-webkit-input-placeholder { color: #646A7C; } ::-moz-placeholder { color: #646A7C; } :-ms-input-placeholder { color: #646A7C; } :-moz-placeholder { color: #646A7C; } table { border-collapse: separate; } /*边线重叠*/ .clearfix:after { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1; } table tr td, table tr th { padding: 2px; } .transition { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .wrap { clear: both; display: block; margin: 0 auto; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @keyframes appoint_scroll { 0% { transform: translateY(0); } 50% { transform: translateY(12px); } 100% { transform: translateY(0); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .jawPageBg01, .jawPageBg02 { clear: both; display: block; background-repeat: no-repeat; } .jawPageBg01 { overflow: hidden; position: relative; } .jawPageBg01::after { content: ''; position: absolute; border-radius: 50%; background-image: radial-gradient(#26509b, rgba(38, 80, 155, 0)); display: block; } .jawPageBg02 { background-image: url("../images/jawCrusher/jawPageBg02.png"); background-position: left center; background-size: 100% 100%; } .header {position: relative;z-index: 999;} .header .logo { float: left; width: 7.96%; } .header .nav { float: right; display: block; text-align: center; } .header .nav li { float: left; display: inline-block; } .header .nav li a { clear: both; display: block; color: #fff; text-transform: capitalize; } .header .nav li a:hover { text-decoration: underline; } .header .navbtn { display: none; } .jawTit { clear: both; display: block; text-align: center; width: 65%; margin: 0 auto; } .jawTit h3 { clear: both; display: block; line-height: 1.7; color: #fff; } .jawTit svg { width: 100%; } .jawTit svg text { stroke-width: 0; fill: url(#grad); font-weight: bold; dominant-baseline: ideographic; } .jawTit svg.pc_svg { display: block; } .jawTit svg.m_svg { display: none; } .jawTit p { clear: both; display: block; line-height: 1.88; color: #fff; font-family: "Microsoft Yahei Light"; } .jawBan { clear: both; display: block; position: relative; z-index: 2; } .jawBan .jawBanFl { float: left; width: 50%; } .jawBan .jawBanFl h1 { clear: both; display: block; line-height: 1.36; color: #fff; } .jawBan .jawBanFl .jawBanTxt { clear: both; display: block; line-height: 1.88889; color: #fff; font-family: "Microsoft Yahei Light"; } .jawBan .jawBanFl .ChatBtn { clear: both; display: block; border: 1px solid #fff; overflow: hidden; } .jawBan .jawBanFl .ChatBtn span { float: left; width: 50%; text-align: center; font-weight: bold; cursor: pointer;} .jawBan .jawBanFl .ChatBtn span:first-child { color: #0d1019; border-right: 1px solid #fff; background-color: #ffcd34; background-image: -moz-linear-gradient(0deg, #eb8d04 0%, #ffcd34 50%, #eb8d04); background-image: -webkit-linear-gradient(0deg, #eb8d04 0%, #ffcd34 50%, #eb8d04); background-image: -o-linear-gradient(0deg, #eb8d04 0%, #ffcd34 50%, #eb8d04); background-position: left center; background-size: 200% 100%; background-repeat: no-repeat; transition: background-position .6s ease; } .jawBan .jawBanFl .ChatBtn span:first-child:hover { background-position: right center; } .jawBan .jawBanFl .ChatBtn span:first-child + span { color: #fff; } .jawBan .jawBanFl .email { color: #fff; line-height: 1; font-weight: lighter; margin-top: 40px; } .jawBan .jawBanFl .email a { padding-left: 48px; background: url("../images/jawCrusher/ban_email.png") left center no-repeat; color: #fff; padding-left: 48px; text-decoration: underline; font-weight: bold; } .jawBan .jawBanFr_pc { position: absolute; right: -47px; top: 45px; width: 45.85526%; } .jawBan .jawBanFr_m { display: none; } .jawWide { padding-top: 50px; padding-bottom: 50px; overflow: hidden; } .jawWide .jawWideFl { float: left; } .jawWide .jawWideFr { float: right; } .jawWide .jawWidePic { width: 50%; overflow: hidden; } .jawWide .jawWidePic img { display: block; width: 100%; } .jawWide .jawWideMain { width: 46.31579%; } .jawWide .jawWideMain h3 { clear: both; display: block; line-height: 1.7; color: #fff; } .jawWide .jawWideMain svg { width: 100%; } .jawWide .jawWideMain svg text { stroke-width: 0; fill: url(#grad); font-weight: bold; dominant-baseline: ideographic; } .jawWide .jawWideMain svg.pc_svg { display: block; } .jawWide .jawWideMain svg.m_svg { display: none; } .jawWide .jawWideMain p { clear: both; display: block; color: #fff; font-family: "Microsoft Yahei Light"; line-height: 1.7; } .jawWide .jawWideMain .ChatBtn { clear: both; display: block; cursor: pointer; border: 1px solid #fff; text-align: center; font-weight: bold; color: #0d1019; background-color: #ffcd34; background-image: -moz-linear-gradient(0deg, #eb8d04 0%, #ffcd34 50%, #eb8d04); background-image: -webkit-linear-gradient(0deg, #eb8d04 0%, #ffcd34 50%, #eb8d04); background-image: -o-linear-gradient(0deg, #eb8d04 0%, #ffcd34 50%, #eb8d04); background-position: left center; background-size: 200% 100%; background-repeat: no-repeat; transition: background-position .6s ease; } .jawWide .jawWideMain .ChatBtn:hover { background-position: right center; } .jawCategories { overflow: hidden; } .jawCategories .jawTit { width: 52.96053%; } .jawCategories .jawCategoriesList { clear: both; overflow: hidden; position: relative; width: 100%; max-width: 1920px; margin: 0 auto; } .jawCategories .jawCategoriesList li { float: left; width: 20%; overflow: hidden; text-align: center; margin-top: 0px; margin-bottom: 0px; cursor: pointer; position: relative; } .jawCategories .jawCategoriesList li::after { content: ''; position: absolute; z-index: 3; background: url(../images/jawCrusher/oreDressIcon01.png) no-repeat center center; background-size: 100%; } .jawCategories .jawCategoriesList li img { clear: both; display: block; width: 100%; } .jawCategories .jawCategoriesList li:hover img { opacity: 0.8; } .pic_box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); z-index: 999; } .pic_box div { width: 92%; max-width: 647px; position: absolute; left: 0; right: 0; top: 50%; margin: auto; transform: translateY(-50%); } .pic_box img { width: 100%; } .pic_box span { position: absolute; right: 0; top: -50px; font-size: 40px; line-height: 1; color: #FFF; cursor: pointer; font-weight: 400; font-style: normal; } .jawAdvantages { clear: both; display: block; background: url(../images/jawCrusher/jawAdvantagesaBg.png) no-repeat center top; background-size: 100%; } .jawAdvantages .jawTit { width: 55.92105%; } .jawAdvantages .wrap { overflow: hidden; } .jawAdvantages .jawAdvantagesList { clear: both; display: block; margin-left: -2.63158%; width: 105.26316%; } .jawAdvantages .jawAdvantagesList li { float: left; width: 25%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; padding-left: 2.5%; padding-right: 2.5%; } .jawAdvantages .jawAdvantagesList li strong { clear: both; display: block; color: #fff; line-height: 1.7; } .jawAdvantages .jawAdvantagesList li p { clear: both; display: block; font-family: "Microsoft Yahei Light"; color: #fff; line-height: 1.7; } .jawAdvantages .jawAdvantagesList li span { display: block; font-family: 'Impact'; line-height: 1; color: rgba(255, 255, 255, 0.03); position: absolute; left: 10%; } .jawAdvantages .jawAdvantagesList li::after { content: ''; position: absolute; right: 0%; top: 40%; width: 1px; background: rgba(255, 255, 255, 0.1); } .jawAdvantages .jawAdvantagesList li:last-child::after { display: none; } .jawAdvantages .jawAdvantagesList li:before { content: ''; position: absolute; left: 10%; bottom: 0px; height: 2px; width: 0%; background: #4a77c8; transition: width 1s ease-in-out; } .jawAdvantages .jawAdvantagesList li:hover:before { width: 80%; } .jawTechnical { clear: both; display: block; } .jawTechnical .wrap { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .jawTechnical .jawTit { width: 100%; position: relative; cursor: pointer; } .jawTechnical .jawTit .clickbtn { position: absolute; right: 0; top: 0px; cursor: pointer; } .jawTechnical .jawTit .clickbtn:before { content: "+"; width: 40px; height: 40px; display: block; border: 2px solid #006ecd; border-radius: 50%; font-size: 42px; text-align: center; line-height: 29px; color: #006ecd; } .jawTechnical .jawTit.on .clickbtn { position: absolute; right: 0; top: 0px; cursor: pointer; } .jawTechnical .jawTit.on .clickbtn:before { content: "-"; font-size: 42px; line-height: 29px; } .jawTechnical .jawTechnicalBox { display: none; } .jawTechnical .TechnicalTab { width: 103.7%; position: relative; left: -3.7%; } .jawTechnical .TechnicalTab li { float: left; border: 1px solid #fff; margin-left: 3.7%; cursor: pointer; } .jawTechnical .TechnicalTab li a { color: #fff; display: block; } .jawTechnical .TechnicalTab li.on { background: url(../images/jawCrusher/chat-bg.png) center no-repeat; background-size: cover; border: 1px solid #fff; } .jawTechnical .TechnicalTab li.on a { color: #fff; font-weight: bold; } .jawTechnical .TechnicalMain .TechnicalItem { display: none !important; } .jawTechnical .TechnicalMain .TechnicalItem .pc_table { display: block; } .jawTechnical .TechnicalMain .TechnicalItem .m_table { display: none; } .jawTechnical .TechnicalMain .TechnicalItem p { clear: both; display: block; color: #fff; line-height: 1.7; } .jawTechnical .TechnicalMain .TechnicalItem td { padding: 8px 5px; } .jawTechnical .TechnicalMain .TechnicalItem.on { display: block !important; } .jawPrice { clear: both; display: block; } .jawPrice .jawTit { width: 59.21053%; } .jawPrice .jawPriceList { margin-left: -1.25%; padding-top: 1.31579%; } .jawPrice .jawPriceList dd { float: left; width: 32.09877%; margin-left: 1.23457%; margin-top: 1.29955%; overflow: hidden; } .jawPrice .jawPriceList dd img { width: 100%; } .jawPrice .jawPriceList dd.jawPriceListDdPic { width: 42.88499%; } .jawPrice .jawPriceList dt { float: left; width: 54.5809%; margin-left: 1.23457%; margin-top: 1.29955%; padding: 1px; overflow: hidden; background-image: -moz-linear-gradient(0deg, #0f1938 30%, #ffffff); background-image: -webkit-linear-gradient(0deg, #0f1938 30%, #ffffff); background-image: -o-linear-gradient(0deg, #0f1938 30%, #ffffff); background-position: left center; background-size: 100% 100%; background-repeat: no-repeat; position: relative; } .jawPrice .jawPriceList dt:after { clear: both; display: block; content: ''; width: 100%; padding-top: 45.2381%; } .jawPrice .jawPriceList dt .jawPriceListDtMain { position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; background-image: -moz-linear-gradient(0deg, #0f1938 30%, #162748); background-image: -webkit-linear-gradient(0deg, #0f1938 30%, #162748); background-image: -o-linear-gradient(0deg, #0f1938 30%, #162748); background-position: left center; background-size: 100% 100%; background-repeat: no-repeat; padding: 4.7619% 8.33333% 7.14286% 8.33333%; } .jawPrice .jawPriceList dt .jawPriceListDtMain p { clear: both; display: block; clear: both; display: block; font-family: "Microsoft Yahei Light"; color: #fff; line-height: 1.7; } .jawPrice .jawPriceList dt .jawPriceListDtMain .ChatBtn { clear: both; display: block; cursor: pointer; border: 1px solid #fff; text-align: center; font-weight: bold; color: #0d1019; background-color: #ffcd34; background-image: -moz-linear-gradient(0deg, #eb8d04 0%, #ffcd34 50%, #eb8d04); background-image: -webkit-linear-gradient(0deg, #eb8d04 0%, #ffcd34 50%, #eb8d04); background-image: -o-linear-gradient(0deg, #eb8d04 0%, #ffcd34 50%, #eb8d04); background-position: left center; background-size: 200% 100%; background-repeat: no-repeat; transition: background-position .6s ease; } .jawPrice .jawPriceList dt .jawPriceListDtMain .ChatBtn:hover { background-position: right center; } .jawstation { clear: both; display: block; } .jawstation .jawstationList { clear: both; padding-top: 5.26316%; margin-left: -1.31579%; } .jawstation .jawstationList li { float: left; width: 48.7013%; margin-left: 1.2987%; } .jawstation .jawstationList li img { clear: both; display: block; width: 100%; } .jawstation .jawstationList li span { clear: both; display: block; font-weight: bold; color: #fff; line-height: 1.7; } .jawScreen { clear: both; display: block; background: url(../images/jawCrusher/jawScreenBg.png) no-repeat center top; background-size: 100%; } .jawScreen .jawScreenList { margin-left: -1.31579%; margin-top: 1.97368%; } .jawScreen .jawScreenList li { float: left; width: 18.7013%; margin-left: 1.2987%; margin-top: 1.2987%; overflow: hidden; position: relative; } .jawScreen .jawScreenList li:after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: -webkit-linear-gradient(bottom, #0d1019 5%, rgba(13, 16, 25, 0.2) 100%); background: -moz-linear-gradient(bottom, #0d1019 5%, rgba(13, 16, 25, 0.2) 100%); background: -ms-linear-gradient(bottom, #0d1019 5%, rgba(13, 16, 25, 0.2) 100%); background: -o-linear-gradient(bottom, #0d1019 5%, rgba(13, 16, 25, 0.2) 100%); background: linear-gradient(to top, #0d1019 5%, rgba(13, 16, 25, 0.2) 100%); } .jawScreen .jawScreenList li:nth-child(6) { margin-left: 10.64935%; } .jawScreen .jawScreenList li img { width: 100%; } .jawLatest { clear: both; display: block; background: url(../images/jawCrusher/jawLatestBg.png) no-repeat center center; background-size: 100%; position: relative; } .jawLatest:after { content: ''; position: absolute; left: 0px; bottom: 0px; z-index: 1; background: url("../images/jawCrusher/jawPageBg03.png") no-repeat left bottom; background-size: 100% 100%; width: 100%; height: 100%; } .jawLatest .wrap { position: relative; z-index: 2; } .jawLatest .jawTit { width: 47.3684%; } .jawLatest .jawLatestTop { clear: both; display: block; width: 63.8157%; margin: 0 auto; } .jawLatest .jawLatestTop li { float: left; font-weight: bold; line-height: 1.7; color: #fff; } .jawLatest .jawLatestTop li:first-child { margin-left: 0px; } .jawLatest .jawLatestTop li i { float: left; border-radius: 50%; border: 1px solid #fff; position: relative; } .jawLatest .jawLatestTop li i:after { clear: both; display: block; content: ''; border-radius: 50%; border: 1px solid #fff; margin-left: auto; margin-right: auto; } .jawLatest .jawLatestTop li i:before { content: ''; position: absolute; border-radius: 50%; background: #4a77c8; } .jawLatest .jawLatestBom { clear: both; display: block; width: 63.8157%; margin-left: auto; margin-right: auto; } .jawLatest .jawLatestBom .jawLatestForm { margin-left: -2.06186%; } .jawLatest .jawLatestBom .jawLatestForm li { float: left; margin-left: 2.0202%; width: 47.9798%; line-height: 1; border: 1px solid #fff; position: relative; } .jawLatest .jawLatestBom .jawLatestForm li input { clear: both; display: block; width: 100%; border: 0px; text-align: left; background: none; color: #fff; position: relative; z-index: 2; } .jawLatest .jawLatestBom .jawLatestForm li input::placeholder { color: #fff; } .jawLatest .jawLatestBom .jawLatestForm li textarea { clear: both; display: block; width: 100%; border: 0px; text-align: left; background: none; color: #fff; position: relative; z-index: 2; } .jawLatest .jawLatestBom .jawLatestForm li textarea::placeholder { color: #fff; } .jawLatest .jawLatestBom .jawLatestForm li textarea::-webkit-scrollbar { width: 6px; height: 6px; } .jawLatest .jawLatestBom .jawLatestForm li textarea::-webkit-scrollbar-thumb { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: rgba(195, 195, 195, 0.3); } .jawLatest .jawLatestBom .jawLatestForm li textarea::-webkit-scrollbar-track { background-color: transparent; } .jawLatest .jawLatestBom .jawLatestForm li span { position: absolute; left: 0px; top: 7px; z-index: 1; font-size: 16px; color: #fff; } .jawLatest .jawLatestBom .jawLatestForm li span font { color: #eb8d04; } .jawLatest .jawLatestBom .jawLatestForm li:before { content: ''; position: absolute; background-size: 100%; background-position: center center; background-repeat: no-repeat; } .jawLatest .jawLatestBom .jawLatestForm li.ly-name:before { background-image: url(../images/jawCrusher/jawLatestIcon01.png); } .jawLatest .jawLatestBom .jawLatestForm li.ly-cp:before { background-image: url(../images/jawCrusher/jawLatestIcon02.png); } .jawLatest .jawLatestBom .jawLatestForm li.ly-email:before { background-image: url(../images/jawCrusher/jawLatestIcon03.png); } .jawLatest .jawLatestBom .jawLatestForm li.ly-tel:before { background-image: url(../images/jawCrusher/jawLatestIcon04.png); } .jawLatest .jawLatestBom .jawLatestForm li.ly-text { margin-bottom: 0px; width: 97.9798%; } .jawLatest .jawLatestBom .jawLatestForm li.ly-text:before { background-image: url(../images/jawCrusher/jawLatestIcon05.png); } .jawLatest .jawLatestBom .jawLatestForm #p-name { float: left; margin-left: 2.0202%; width: 97.9798%; color: #eb8d04; } .jawLatest .jawLatestBom .jawSubmit { clear: both; display: block; cursor: pointer; border: 1px solid #fff; text-align: center; font-weight: bold; color: #0d1019; margin-left: auto; margin-right: auto; background-color: #ffcd34; background-image: -moz-linear-gradient(0deg, #eb8d04 0%, #ffcd34 50%, #eb8d04); background-image: -webkit-linear-gradient(0deg, #eb8d04 0%, #ffcd34 50%, #eb8d04); background-image: -o-linear-gradient(0deg, #eb8d04 0%, #ffcd34 50%, #eb8d04); background-position: left center; background-size: 200% 100%; background-repeat: no-repeat; transition: background-position .6s ease; } .jawLatest .jawLatestBom .jawSubmit:hover { background-position: right center; } .jawLatest .footer { clear: both; display: block; text-align: center; line-height: 1.7; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.1); } .swt { position: fixed; right: 10px; top: 25%; z-index: 9999; } .swt i { width: 40px; height: 55px; display: block; position: absolute; right: 0; top: 0; cursor: pointer; } .back-top { width: 75px; height: 75px; position: fixed; bottom: 100px; right: 10px; z-index: 10050; display: none;} .back-top a { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 100%; } .back-top a img { display: block; width: 100%; height: 100%; } .fdftm { position: fixed; width: 130px; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 999; } .fdftm .fdftmtop { position: relative; } .fdftm .fdftmtop a { display: block; cursor: pointer; } .fdftm .fdftmtop span { position: absolute; left: -81px; top: 42px; animation: widthmove 4s linear infinite; width: 100px; overflow: hidden; } .fdftm .fdftmtop span i { clear: both; display: block; font-style: normal; width: 100px; height: 45px; background: url("https://www.chinaftm.com/images/fdicon01.png") no-repeat center top; display: block; font-size: 14px; line-height: 16px; color: #3c65b0; padding: 7px 15px 0px 9px; } .fdftm .fdftmbom { width: 100%; margin-top: -35px; height: 165px; background: url("https://www.chinaftm.com/images/kft.png") center no-repeat; position: relative; } .fdftm .fdftmbom .fdftmboma01 { display: block; cursor: pointer; position: relative; z-index: 5; height: 50%; } .fdftm .fdftmbom .fdftmboma02 { display: block; cursor: pointer; position: relative; z-index: 5; height: 50%; } .fdftm .fdftmbom .pc-top { position: absolute; z-index: -1; bottom: -42px; left: 19px; width: 98px; height: 86px; display: none; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 3.064px 2.571px 4px 0px rgba(40, 52, 62, 0.2); -moz-box-shadow: 3.064px 2.571px 4px 0px rgba(40, 52, 62, 0.2); box-shadow: 3.064px 2.571px 4px 0px rgba(40, 52, 62, 0.2); } #toTop { position: fixed; overflow: hidden; z-index: 999; text-align: center; background: #3359a2; cursor: pointer; width: 1.33333rem; height: 1.33333rem; border-radius: 0.2rem; line-height: 1.33333rem; bottom: 2rem; right: 2%; } #toTop img { width: 50%; } .footer-fl { clear: both; width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; position: fixed; left: 50%; bottom: .26667rem; z-index: 9999; } .footer-fl ul { width: 98%; background: #fff; border-radius: .13333rem .13333rem .4rem .4rem; box-shadow: 0 0 .24rem #71aee1; transform: translate(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); padding: .2rem 0rem; } .footer-fl ul li { float: left; width: 50%; } .footer-fl ul li a { font-size: .37333rem; color: #121c29; font-weight: bold; line-height: .86667rem; text-align: center; display: block; } .footer-fl ul li img { width: .77333rem; margin-right: .13333rem; } #LRdiv0 { display: none !important; } @keyframes widthmove { 0%, 50% { width: 0px; left: 0px; } 60%, 100% { width: 100px; left: -81px; } } @-webkit-keyframes widthmove { 0%, 50% { width: 0px; left: 0px; } 60%, 100% { width: 100px; left: -81px; } } @media (min-width: 1601px) { .wrap { width: 1520px; } .jawPageBg01::after { right: -770px; top: -1050px; width: 1920px; height: 1920px; box-shadow: 0px 0px 150px #16366e; } .header { padding-top: 35px; padding-bottom: 35px; } .header .nav li { padding: 0px 40px; } .header .nav li a { font-size: 20px; line-height: 51px; } .jawTit h3 { font-size: 40px; } .jawTit svg { height: 55px; } .jawTit svg text { font-size: 40px; } .jawTit p { font-size: 18px; padding-top: 20px; } .jawBan { padding-top: 86px; padding-bottom: 176px; } .jawBan .jawBanFl h1 { font-size: 50px; } .jawBan .jawBanFl .jawBanTxt { font-size: 18px; margin-top: 30px; } .jawBan .jawBanFl .ChatBtn { width: 575px; height: 76px; border-radius: 20px; margin-top: 50px; } .jawBan .jawBanFl .ChatBtn span { line-height: 76px; font-size: 24px; } .jawBan .jawBanFl .email { margin-top: 40px; } .jawBan .jawBanFl .email a { font-size: 18px; } .jawWide { padding-top: 50px; padding-bottom: 50px; } .jawWide .jawWidePic { border-radius: 20px; } .jawWide .jawWideMain h3 { font-size: 40px; padding-bottom: 10px; } .jawWide .jawWideMain svg { height: 55px; margin-bottom: 10px; } .jawWide .jawWideMain svg text { font-size: 40px; } .jawWide .jawWideMain p { font-size: 18px; padding-top: 10px; padding-bottom: 10px; } .jawWide .jawWideMain .ChatBtn { width: 287px; height: 75px; border-radius: 20px; line-height: 75px; font-size: 24px; margin-top: 30px; } .jawCategories { padding-top: 100px; } .jawCategories .jawCategoriesList { margin-top: 50px; } .jawCategories .jawCategoriesList li { padding-left: 10px; padding-right: 10px; } .jawCategories .jawCategoriesList li::after { right: 25px; top: 15px; width: 28px; height: 28px; } .jawCategories .jawCategoriesList li img { border-radius: 20px; } .jawAdvantages { padding-top: 100px; } .jawAdvantages .jawAdvantagesList { padding-top: 25px; } .jawAdvantages .jawAdvantagesList li { padding-top: 50px; padding-bottom: 50px; } .jawAdvantages .jawAdvantagesList li strong { font-size: 24px; margin-bottom: 25px; height: 81.6px; } .jawAdvantages .jawAdvantagesList li p { font-size: 18px; height: 91.8px; } .jawAdvantages .jawAdvantagesList li span { font-size: 127px; top: 48px; } .jawAdvantages .jawAdvantagesList li::after { height: 55px; } .jawTechnical .wrap { padding-top: 30px; padding-bottom: 5px; } .jawTechnical .TechnicalTab { margin-top: 30px; margin-bottom: 35px; } .jawTechnical .TechnicalTab li { border-radius: 30px; margin-bottom: 30px; } .jawTechnical .TechnicalTab li a { line-height: 48px; font-size: 18px; padding: 0 20px; } .jawTechnical .TechnicalTab li.on { box-shadow: 0 25px 8px -20px rgba(117, 121, 125, 0.8); } .jawTechnical .TechnicalMain .TechnicalItem p { font-size: 18px; padding-top: 20px; padding-bottom: 20px; } .jawTechnical .TechnicalMain .TechnicalItem td { font-size: 18px; line-height: 1.5; } .jawPrice { padding-top: 100px; padding-bottom: 100px; } .jawPrice .jawPriceList dd { border-radius: 20px; } .jawPrice .jawPriceList dt { border-radius: 20px; } .jawPrice .jawPriceList dt .jawPriceListDtMain { border-radius: 20px; } .jawPrice .jawPriceList dt .jawPriceListDtMain p { font-size: 18px; } .jawPrice .jawPriceList dt .jawPriceListDtMain .ChatBtn { width: 287px; height: 75px; border-radius: 20px; line-height: 75px; font-size: 24px; margin-top: 30px; } .jawstation { padding-top: 50px; } .jawstation .jawstationList li img { border-radius: 20px; } .jawstation .jawstationList li span { font-size: 20px; padding-top: 20px; padding-bottom: 20px; } .jawScreen { padding-top: 180px; padding-bottom: 50px; } .jawScreen .jawScreenList li { border-radius: 20px; } .jawLatest { padding-top: 100px; } .jawLatest .jawLatestTop { padding-top: 50px; } .jawLatest .jawLatestTop li { margin-left: 100px; font-size: 20px; } .jawLatest .jawLatestTop li i { width: 23px; height: 23px; margin-right: 28px; margin-top: 5px; } .jawLatest .jawLatestTop li i:after { width: 13px; height: 13px; margin-top: 4px; } .jawLatest .jawLatestTop li i:before { width: 7px; height: 7px; top: 7px; left: 7px; box-shadow: 0 0 15px #4a77c8, 0 0 15px #4a77c8, 0 0 15px #4a77c8; } .jawLatest .jawLatestBom { margin-top: 65px; } .jawLatest .jawLatestBom .jawLatestForm #p-name { margin-bottom: 20px; line-height: 30px; font-size: 18px; } .jawLatest .jawLatestBom .jawLatestForm li { margin-bottom: 20px; padding: 22px 22px 22px 87px; border-radius: 20px; } .jawLatest .jawLatestBom .jawLatestForm li input { line-height: 30px; font-size: 18px; } .jawLatest .jawLatestBom .jawLatestForm li textarea { line-height: 30px; height: 210px; font-size: 18px; } .jawLatest .jawLatestBom .jawLatestForm li span { left: 87px; top: 28px; font-size: 18px; } .jawLatest .jawLatestBom .jawLatestForm li:before { left: 28px; top: 22px; width: 32px; height: 32px; } .jawLatest .jawLatestBom .jawSubmit { width: 287px; height: 75px; border-radius: 20px; line-height: 75px; font-size: 24px; margin-top: 55px; margin-bottom: 100px; } .jawLatest .footer { font-size: 20px; padding-top: 50px; padding-bottom: 50px; } } @media (max-width: 1600px) { .wrap { width: 1360px; } .jawPageBg01::after { right: -630px; top: -630px; width: 1440px; height: 1440px; box-shadow: 0 0 126px #16366e; } .header { padding-top: 30px; padding-bottom: 30px; } .header .nav li { padding: 0px 35px; } .header .nav li a { font-size: 18px; line-height: 45px; } .jawTit h3 { font-size: 36px; } .jawTit svg { height: 48px; } .jawTit svg text { font-size: 36px; } .jawTit p { font-size: 16px; padding-top: 18px; } .jawBan { padding-top: 77.4px; padding-bottom: 158.4px; } .jawBan .jawBanFl h1 { font-size: 45px; } .jawBan .jawBanFl .jawBanTxt { font-size: 16.2px; margin-top: 27px; } .jawBan .jawBanFl .ChatBtn { width: 517.5px; height: 68.4px; border-radius: 18px; margin-top: 45px; } .jawBan .jawBanFl .ChatBtn span { line-height: 68.4px; font-size: 21.6px; } .jawBan .jawBanFl .email { margin-top: 36px; } .jawBan .jawBanFl .email a { font-size: 16.2px; } .jawWide { padding-top: 45px; padding-bottom: 45px; } .jawWide .jawWidePic { border-radius: 18px; } .jawWide .jawWideMain h3 { font-size: 36px; padding-bottom: 9px; } .jawWide .jawWideMain svg { height: 48px; margin-bottom: 9px; } .jawWide .jawWideMain svg text { font-size: 36px; } .jawWide .jawWideMain p { font-size: 16.2px; padding-top: 9px; padding-bottom: 9px; } .jawWide .jawWideMain .ChatBtn { width: 258.3px; height: 67.5px; border-radius: 18px; line-height: 67.5px; font-size: 21.6px; margin-top: 27px; } .jawCategories { padding-top: 90px; } .jawCategories .jawCategoriesList { margin-top: 45px; } .jawCategories .jawCategoriesList li { padding-left: 9px; padding-right: 9px; } .jawCategories .jawCategoriesList li::after { right: 22.5px; top: 13.5px; width: 25.2px; height: 25.2px; } .jawCategories .jawCategoriesList li img { border-radius: 18px; } .jawAdvantages { padding-top: 90px; } .jawAdvantages .jawAdvantagesList { padding-top: 22.5px; } .jawAdvantages .jawAdvantagesList li { padding-top: 45px; padding-bottom: 45px; } .jawAdvantages .jawAdvantagesList li strong { font-size: 21.6px; margin-bottom: 22.5px; height: 73.44px; } .jawAdvantages .jawAdvantagesList li p { font-size: 16.2px; height: 82.62px; } .jawAdvantages .jawAdvantagesList li span { font-size: 114.3px; top: 43.2px; } .jawAdvantages .jawAdvantagesList li::after { height: 49.5px; } .jawTechnical .wrap { padding-top: 27px; padding-bottom: 4.5px; } .jawTechnical .TechnicalTab { margin-top: 27px; margin-bottom: 31.5px; } .jawTechnical .TechnicalTab li { border-radius: 27px; margin-bottom: 27px; } .jawTechnical .TechnicalTab li a { line-height: 43.2px; font-size: 16.2px; padding: 0 18px; } .jawTechnical .TechnicalTab li.on { box-shadow: 0 22.5px 7.2px -18px rgba(117, 121, 125, 0.8); } .jawTechnical .TechnicalMain .TechnicalItem p { font-size: 16.2px; padding-top: 18px; padding-bottom: 18px; } .jawTechnical .TechnicalMain .TechnicalItem td { font-size: 16.2px; } .jawPrice { padding-top: 90px; padding-bottom: 90px; } .jawPrice .jawPriceList dd { border-radius: 18px; } .jawPrice .jawPriceList dt { border-radius: 18px; } .jawPrice .jawPriceList dt .jawPriceListDtMain { border-radius: 18px; } .jawPrice .jawPriceList dt .jawPriceListDtMain p { font-size: 16.2px; } .jawPrice .jawPriceList dt .jawPriceListDtMain .ChatBtn { width: 258.3px; height: 67.5px; border-radius: 18px; line-height: 67.5px; font-size: 21.6px; margin-top: 27px; } .jawstation { padding-top: 45px; } .jawstation .jawstationList li img { border-radius: 18px; } .jawstation .jawstationList li span { font-size: 18px; padding-top: 18px; padding-bottom: 18px; } .jawScreen { padding-top: 162px; padding-bottom: 45px; } .jawScreen .jawScreenList li { border-radius: 18px; } .jawLatest { padding-top: 90px; } .jawLatest .jawLatestTop { padding-top: 45px; } .jawLatest .jawLatestTop li { margin-left: 80px; font-size: 18px; } .jawLatest .jawLatestTop li i { width: 20px; height: 20px; margin-right: 25px; } .jawLatest .jawLatestTop li i:after { width: 12px; height: 12px; margin-top: 3px; } .jawLatest .jawLatestTop li i:before { width: 6px; height: 6px; top: 6px; left: 6px; box-shadow: 0 0 13px #4a77c8, 0 0 13px #4a77c8, 0 0 13px #4a77c8; } .jawLatest .jawLatestBom { margin-top: 60px; } .jawLatest .jawLatestBom .jawLatestForm #p-name { margin-bottom: 18px; font-size: 16px; line-height: 27px; } .jawLatest .jawLatestBom .jawLatestForm li { margin-bottom: 18px; padding: 19.8px 19.8px 19.8px 78.3px; border-radius: 18px; } .jawLatest .jawLatestBom .jawLatestForm li input { line-height: 27px; font-size: 16px; } .jawLatest .jawLatestBom .jawLatestForm li textarea { line-height: 27px; height: 181px; font-size: 16px; } .jawLatest .jawLatestBom .jawLatestForm li span { left: 78.3px; top: 27px; font-size: 16px; } .jawLatest .jawLatestBom .jawLatestForm li:before { left: 25.2px; top: 19.8px; width: 28.8px; height: 28.8px; } .jawLatest .jawLatestBom .jawSubmit { width: 258px; height: 67px; border-radius: 18px; line-height: 67px; font-size: 21px; margin-top: 49px; margin-bottom: 90px; } .jawLatest .footer { font-size: 18px; padding-top: 45px; padding-bottom: 45px; } } @media (max-width: 1440px) { .wrap { width: 1200px; } .jawPageBg01::after { right: -567px; top: -567px; width: 1296px; height: 1296px; box-shadow: 0 0 113.4px #16366e; } .header { padding-top: 25px; padding-bottom: 25px; } .header .nav li { padding: 0px 30px; } .header .nav li a { font-size: 16px; line-height: 40px; } .jawTit h3 { font-size: 32px; } .jawTit svg { height: 43px; } .jawTit svg text { font-size: 32px; } .jawTit p { font-size: 14px; padding-top: 16px; } .jawBan { padding-top: 69.66px; padding-bottom: 142.56px; } .jawBan .jawBanFl h1 { font-size: 40.5px; } .jawBan .jawBanFl .jawBanTxt { font-size: 14.58px; margin-top: 24.3px; } .jawBan .jawBanFl .ChatBtn { width: 465.75px; height: 61.56px; border-radius: 16.2px; margin-top: 40.5px; } .jawBan .jawBanFl .ChatBtn span { line-height: 61.56px; font-size: 19.44px; } .jawBan .jawBanFl .email { margin-top: 32.4px; } .jawBan .jawBanFl .email a { font-size: 14.58px; background-size: 25px; padding-left: 41px; } .jawWide { padding-top: 40.5px; padding-bottom: 40.5px; } .jawWide .jawWidePic { border-radius: 16.2px; } .jawWide .jawWideMain h3 { font-size: 32.4px; padding-bottom: 8.1px; } .jawWide .jawWideMain svg { height: 43px; margin-bottom: 8.1px; } .jawWide .jawWideMain svg text { font-size: 32px; } .jawWide .jawWideMain p { font-size: 14.58px; padding-top: 8.1px; padding-bottom: 8.1px; } .jawWide .jawWideMain .ChatBtn { width: 232.47px; height: 60.75px; border-radius: 16.2px; line-height: 60.75px; font-size: 19.44px; margin-top: 24.3px; } .jawCategories { padding-top: 81px; } .jawCategories .jawCategoriesList { margin-top: 40.5px; } .jawCategories .jawCategoriesList li { padding-left: 8.1px; padding-right: 8.1px; } .jawCategories .jawCategoriesList li::after { right: 20.25px; top: 12.15px; width: 22.68px; height: 22.68px; } .jawCategories .jawCategoriesList li img { border-radius: 16.2px; } .jawAdvantages { padding-top: 81px; } .jawAdvantages .jawAdvantagesList { padding-top: 20.25px; } .jawAdvantages .jawAdvantagesList li { padding-top: 40.5px; padding-bottom: 40.5px; } .jawAdvantages .jawAdvantagesList li strong { font-size: 19.44px; margin-bottom: 20.25px; height: 66.096px; } .jawAdvantages .jawAdvantagesList li p { font-size: 14.58px; height: 74.358px; } .jawAdvantages .jawAdvantagesList li span { font-size: 102.87px; top: 38.88px; } .jawAdvantages .jawAdvantagesList li::after { height: 44.55px; } .jawTechnical .wrap { padding-top: 24.3px; padding-bottom: 15px; } .jawTechnical .TechnicalTab { margin-top: 24.3px; margin-bottom: 28.35px; } .jawTechnical .TechnicalTab li { border-radius: 24.3px; margin-bottom: 24.3px; } .jawTechnical .TechnicalTab li a { line-height: 38.88px; font-size: 14.58px; padding: 0 16.2px; } .jawTechnical .TechnicalTab li.on { box-shadow: 0 20.25px 6.48px -16.2px rgba(117, 121, 125, 0.8); } .jawTechnical .TechnicalMain .TechnicalItem p { font-size: 14.58px; padding-top: 16.2px; padding-bottom: 16.2px; } .jawTechnical .TechnicalMain .TechnicalItem td { font-size: 14.58px; } .jawPrice { padding-top: 81px; padding-bottom: 81px; } .jawPrice .jawPriceList dd { border-radius: 16.2px; } .jawPrice .jawPriceList dt { border-radius: 16.2px; } .jawPrice .jawPriceList dt .jawPriceListDtMain { border-radius: 16.2px; } .jawPrice .jawPriceList dt .jawPriceListDtMain p { font-size: 14.58px; } .jawPrice .jawPriceList dt .jawPriceListDtMain .ChatBtn { width: 232.47px; height: 60.75px; border-radius: 16.2px; line-height: 60.75px; font-size: 19.44px; margin-top: 24.3px; } .jawstation { padding-top: 40.5px; } .jawstation .jawstationList li img { border-radius: 16.2px; } .jawstation .jawstationList li span { font-size: 16.2px; padding-top: 16.2px; padding-bottom: 16.2px; } .jawScreen { padding-top: 145.8px; padding-bottom: 40.5px; } .jawScreen .jawScreenList li { border-radius: 16.2px; } .jawLatest { padding-top: 81px; } .jawLatest .jawLatestTop { padding-top: 40px; } .jawLatest .jawLatestTop li { margin-left: 60px; font-size: 16px; } .jawLatest .jawLatestTop li i { width: 18px; height: 18px; margin-right: 22px; margin-top: 4px; } .jawLatest .jawLatestTop li i:after { width: 10px; height: 10px; margin-top: 3px; } .jawLatest .jawLatestTop li i:before { width: 4px; height: 4px; box-shadow: 0 0 10px #4a77c8, 0 0 10px #4a77c8, 0 0 10px #4a77c8; } .jawLatest .jawLatestBom { margin-top: 54px; } .jawLatest .jawLatestBom .jawLatestForm #p-name { margin-bottom: 16px; font-size: 14px; line-height: 23px; } .jawLatest .jawLatestBom .jawLatestForm li { margin-bottom: 16px; padding: 17.82px 17.82px 17.82px 70.47px; border-radius: 16px; } .jawLatest .jawLatestBom .jawLatestForm li input { line-height: 23px; font-size: 14px; } .jawLatest .jawLatestBom .jawLatestForm li textarea { line-height: 23px; height: 162px; font-size: 14px; } .jawLatest .jawLatestBom .jawLatestForm li span { left: 70.47px; top: 23px; font-size: 14px; } .jawLatest .jawLatestBom .jawLatestForm li:before { left: 22.68px; top: 17.82px; width: 25.92px; height: 25.92px; } .jawLatest .jawLatestBom .jawSubmit { width: 232px; height: 60px; border-radius: 16px; line-height: 58px; font-size: 19px; margin-top: 45px; margin-bottom: 81px; } .jawLatest .footer { font-size: 16px; padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 1280px) { .wrap { width: 1040px; } .jawPageBg01::after { right: -510.3px; top: -510.3px; width: 1166.4px; height: 1166.4px; box-shadow: 0 0 102.06px #16366e; } .header { padding-top: 20px; padding-bottom: 20px; } .header .nav li { padding: 0px 25px; } .header .nav li a { font-size: 15px; line-height: 35px; } .jawTit h3 { font-size: 28px; } .jawTit svg { height: 43px; } .jawTit svg text { font-size: 28px; } .jawTit p { padding-top: 14px; } .jawBan { padding-top: 62.694px; padding-bottom: 128.304px; } .jawBan .jawBanFl h1 { font-size: 36.45px; } .jawBan .jawBanFl .jawBanTxt { font-size: 14px; margin-top: 21.87px; } .jawBan .jawBanFl .ChatBtn { width: 419.175px; height: 55.404px; border-radius: 14.58px; margin-top: 36.45px; } .jawBan .jawBanFl .ChatBtn span { line-height: 55.404px; font-size: 17.496px; } .jawBan .jawBanFl .email { margin-top: 29.16px; } .jawBan .jawBanFl .email a { font-size: 13.122px; } .jawWide { padding-top: 36.45px; padding-bottom: 36.45px; } .jawWide .jawWidePic { border-radius: 14.58px; } .jawWide .jawWideMain h3 { font-size: 29.16px; padding-bottom: 7.29px; } .jawWide .jawWideMain svg { height: 43px; margin-bottom: 7.29px; } .jawWide .jawWideMain svg text { font-size: 28px; } .jawWide .jawWideMain p { font-size: 14px; padding-top: 7.29px; padding-bottom: 7.29px; } .jawWide .jawWideMain .ChatBtn { width: 209.223px; height: 54.675px; border-radius: 14.58px; line-height: 54.675px; font-size: 17.496px; margin-top: 21.87px; } .jawCategories { padding-top: 72.9px; } .jawCategories .jawCategoriesList { margin-top: 36.45px; } .jawCategories .jawCategoriesList li { padding-left: 7.29px; padding-right: 7.29px; } .jawCategories .jawCategoriesList li::after { right: 18.225px; top: 10.935px; width: 20.412px; height: 20.412px; } .jawCategories .jawCategoriesList li img { border-radius: 14.58px; } .jawAdvantages { padding-top: 72.9px; } .jawAdvantages .jawAdvantagesList { padding-top: 18.225px; } .jawAdvantages .jawAdvantagesList li { padding-top: 36.45px; padding-bottom: 36.45px; } .jawAdvantages .jawAdvantagesList li strong { font-size: 17.496px; margin-bottom: 18.225px; height: 59.4864px; } .jawAdvantages .jawAdvantagesList li p { font-size: 14px; height: 71.4px; } .jawAdvantages .jawAdvantagesList li span { font-size: 92.583px; top: 34.992px; } .jawAdvantages .jawAdvantagesList li::after { height: 40.095px; } .jawTechnical .wrap { padding-top: 21.87px; padding-bottom: 18px; } .jawTechnical .TechnicalTab { margin-top: 21.87px; margin-bottom: 25.515px; } .jawTechnical .TechnicalTab li { border-radius: 21.87px; margin-bottom: 21.87px; } .jawTechnical .TechnicalTab li a { line-height: 34.992px; font-size: 14px; padding: 0 14.58px; } .jawTechnical .TechnicalTab li.on { box-shadow: 0 18.225px 5.832px -14.58px rgba(117, 121, 125, 0.8); } .jawTechnical .TechnicalMain .TechnicalItem p { font-size: 14px; padding-top: 14.58px; padding-bottom: 14.58px; } .jawTechnical .TechnicalMain .TechnicalItem td { font-size: 14px; } .jawPrice { padding-top: 72.9px; padding-bottom: 72.9px; } .jawPrice .jawPriceList dd { border-radius: 14.58px; } .jawPrice .jawPriceList dt { border-radius: 14.58px; } .jawPrice .jawPriceList dt .jawPriceListDtMain { border-radius: 14.58px; } .jawPrice .jawPriceList dt .jawPriceListDtMain p { font-size: 14px; } .jawPrice .jawPriceList dt .jawPriceListDtMain .ChatBtn { width: 209.223px; height: 54.675px; border-radius: 14.58px; line-height: 54.675px; font-size: 17.496px; margin-top: 21.87px; } .jawstation { padding-top: 36.45px; } .jawstation .jawstationList li img { border-radius: 14.58px; } .jawstation .jawstationList li span { font-size: 14.58px; padding-top: 14.58px; padding-bottom: 14.58px; } .jawScreen { padding-top: 131.22px; padding-bottom: 36.45px; } .jawScreen .jawScreenList li { border-radius: 14.58px; } .jawLatest { padding-top: 72.9px; } .jawLatest .jawLatestTop { padding-top: 35px; } .jawLatest .jawLatestTop li { margin-left: 40px; font-size: 14px; } .jawLatest .jawLatestTop li i { width: 16px; height: 16px; margin-right: 19px; margin-top: 3px; } .jawLatest .jawLatestTop li i:after { margin-top: 2px; } .jawLatest .jawLatestTop li i:before { width: 6px; height: 6px; top: 4px; left: 4px; } .jawLatest .jawLatestBom { margin-top: 48px; } .jawLatest .jawLatestBom .jawLatestForm #p-name { margin-bottom: 14px; } .jawLatest .jawLatestBom .jawLatestForm li { margin-bottom: 14px; padding: 16.038px 16.038px 16.038px 63.423px; border-radius: 14px; } .jawLatest .jawLatestBom .jawLatestForm li input { line-height: 20px; } .jawLatest .jawLatestBom .jawLatestForm li textarea { line-height: 20px; height: 145px; } .jawLatest .jawLatestBom .jawLatestForm li span { left: 63.423px; top: 19px; } .jawLatest .jawLatestBom .jawLatestForm li:before { left: 20.412px; top: 16.038px; width: 23.328px; height: 23.328px; } .jawLatest .jawLatestBom .jawSubmit { width: 208px; height: 54px; border-radius: 14px; line-height: 52px; font-size: 17px; margin-top: 40px; margin-bottom: 72px; } .jawLatest .footer { font-size: 14px; padding-top: 35px; padding-bottom: 35px; } } @media (max-width: 1120px) { .wrap { width: 880px; } .jawPageBg01::after { right: -459.27px; top: -459.27px; width: 1049.76px; height: 1049.76px; box-shadow: 0 0 91.854px #16366e; } .header { padding-top: 20px; padding-bottom: 20px; } .header .nav li { padding: 0px 20px; } .header .nav li a { font-size: 14px; line-height: 30px; } .jawTit h3 { font-size: 25px; } .jawTit svg { height: 41px; } .jawTit svg text { font-size: 25px; } .jawBan { padding-top: 56.4246px; padding-bottom: 115.4736px; } .jawBan .jawBanFl h1 { font-size: 32.805px; } .jawBan .jawBanFl .jawBanTxt { margin-top: 19.683px; } .jawBan .jawBanFl .ChatBtn { width: 377.2575px; height: 49.8636px; border-radius: 13.122px; margin-top: 32.805px; } .jawBan .jawBanFl .ChatBtn span { line-height: 49.8636px; font-size: 15.7464px; } .jawBan .jawBanFl .email { margin-top: 26.244px; } .jawWide { padding-top: 32.805px; padding-bottom: 32.805px; } .jawWide .jawWidePic { border-radius: 13.122px; } .jawWide .jawWideMain h3 { font-size: 26.244px; padding-bottom: 6.561px; } .jawWide .jawWideMain svg { height: 41px; margin-bottom: 6.561px; } .jawWide .jawWideMain svg text { font-size: 25px; } .jawWide .jawWideMain p { padding-top: 6.561px; padding-bottom: 6.561px; } .jawWide .jawWideMain .ChatBtn { width: 188.3007px; height: 49.2075px; border-radius: 13.122px; line-height: 49.2075px; font-size: 15.7464px; margin-top: 19.683px; } .jawCategories { padding-top: 65.61px; } .jawCategories .jawCategoriesList { margin-top: 32.805px; } .jawCategories .jawCategoriesList li { padding-left: 6.561px; padding-right: 6.561px; } .jawCategories .jawCategoriesList li::after { right: 16.4025px; top: 9.8415px; width: 18.3708px; height: 18.3708px; } .jawCategories .jawCategoriesList li img { border-radius: 13.122px; } .jawAdvantages { padding-top: 59.049px; } .jawAdvantages .jawAdvantagesList { padding-top: 16.4025px; } .jawAdvantages .jawAdvantagesList li { padding-top: 32.805px; padding-bottom: 32.805px; } .jawAdvantages .jawAdvantagesList li strong { font-size: 15.7464px; margin-bottom: 16.4025px; height: 53.53776px; } .jawAdvantages .jawAdvantagesList li span { font-size: 83.3247px; top: 31.4928px; } .jawAdvantages .jawAdvantagesList li::after { height: 36.0855px; } .jawTechnical .wrap { padding-top: 19.683px; padding-bottom: 25px; } .jawTechnical .TechnicalTab { margin-top: 19.683px; margin-bottom: 22.9635px; } .jawTechnical .TechnicalTab li { border-radius: 19.683px; margin-bottom: 19.683px; } .jawTechnical .TechnicalTab li a { line-height: 31.4928px; padding: 0 13.122px; } .jawTechnical .TechnicalTab li.on { box-shadow: 0 16.4025px 5.2488px -13.122px rgba(117, 121, 125, 0.8); } .jawTechnical .TechnicalMain .TechnicalItem p { padding-top: 13.122px; padding-bottom: 13.122px; } .jawPrice { padding-top: 65.61px; padding-bottom: 65.61px; } .jawPrice .jawPriceList dd { border-radius: 13.122px; } .jawPrice .jawPriceList dt { border-radius: 13.122px; } .jawPrice .jawPriceList dt .jawPriceListDtMain { border-radius: 13.122px; } .jawPrice .jawPriceList dt .jawPriceListDtMain .ChatBtn { width: 188.3007px; height: 49.2075px; border-radius: 13.122px; line-height: 49.2075px; font-size: 15.7464px; margin-top: 19.683px; } .jawstation { padding-top: 32.805px; } .jawstation .jawstationList li img { border-radius: 13.122px; } .jawstation .jawstationList li span { font-size: 13.122px; padding-top: 13.122px; padding-bottom: 13.122px; } .jawScreen { padding-top: 118.098px; padding-bottom: 32.805px; } .jawScreen .jawScreenList li { border-radius: 13.122px; } .jawLatest { padding-top: 65.61px; } .jawLatest .jawLatestTop { padding-top: 30px; } .jawLatest .jawLatestTop li { margin-left: 35px; } .jawLatest .jawLatestTop li i { width: 14px; height: 14px; margin-right: 16px; margin-top: 4px; } .jawLatest .jawLatestTop li i:after { width: 8px; height: 8px; } .jawLatest .jawLatestTop li i:before { top: 3px; left: 3px; } .jawLatest .jawLatestBom { margin-top: 43px; } .jawLatest .jawLatestBom .jawLatestForm #p-name { margin-bottom: 12px; } .jawLatest .jawLatestBom .jawLatestForm li { margin-bottom: 12px; padding: 14.4342px 14.4342px 14.4342px 57.0807px; border-radius: 12px; } .jawLatest .jawLatestBom .jawLatestForm li input { line-height: 18px; } .jawLatest .jawLatestBom .jawLatestForm li textarea { line-height: 18px; height: 130px; } .jawLatest .jawLatestBom .jawLatestForm li span { left: 57.0807px; top: 17px; } .jawLatest .jawLatestBom .jawLatestForm li:before { left: 18.3708px; top: 14.4342px; width: 20.9952px; height: 20.9952px; } .jawLatest .jawLatestBom .jawSubmit { width: 187px; height: 48px; border-radius: 12px; line-height: 46px; font-size: 15px; margin-top: 36px; margin-bottom: 64px; } .jawLatest .footer { padding-top: 30px; padding-bottom: 30px; } } @media (max-width: 960px) { .wrap { width: 100%; padding-left: 0.4rem; padding-right: 0.4rem; } .header { padding-top: 0.4rem; padding-bottom: 0.4rem; position: relative; } .header .logo { width: 1.6rem; } .header .nav { position: absolute; display: none; right: 0.4rem; top: 1.33333rem; background: #fff; border-radius: 0.2rem; padding-top: 0.2rem; padding-bottom: 0.2rem; } .header .nav li { clear: both; display: block; float: none; padding: 0rem 0.53333rem; } .header .nav li a { font-size: 0.37333rem; line-height: 1.7; color: #333; padding-top: 0.06667rem; padding-bottom: 0.06667rem; } .header .navbtn { float: right; display: block; width: 0.66667rem; height: 0.66667rem; padding: 0.29333rem 0rem; cursor: pointer; } .header .navbtn .navbtnIcon { clear: both; display: block; width: 0.66667rem; height: 0.08rem; margin: auto; position: relative; background: #fff; transition: all linear 0.2s; } .header .navbtn .navbtnIcon::before, .header .navbtn .navbtnIcon::after { content: ""; height: 0.08rem; display: block; background: #fff; position: absolute; left: 0; right: 0; transition: all linear 0.4s; } .header .navbtn .navbtnIcon::before { top: -0.24rem; } .header .navbtn .navbtnIcon::after { bottom: -0.24rem; } .header .navbtn.menu_icon_active .navbtnIcon { background: none; } .header .navbtn.menu_icon_active .navbtnIcon::before { transform: translate3d(0, 0.24rem, 0) rotate(45deg); } .header .navbtn.menu_icon_active .navbtnIcon::after { transform: translate3d(0, -0.24rem, 0) rotate(-45deg); } .jawTit { width: 100%; } .jawTit h3 { font-size: 0.53333rem; } .jawTit svg text { font-size: 0.53333rem; } .jawTit svg.pc_svg { display: none; } .jawTit svg.m_svg { display: block; height: 110px; } .jawTit p { font-size: 0.37333rem; padding-top: 0.4rem; } .jawBan { padding-top: 1.06667rem; padding-bottom: 0.66667rem; } .jawBan .jawBanFr_pc { display: none; } .jawBan .jawBanFr_m { clear: both; display: block; width: 100%; } .jawBan .jawBanFl { clear: both; display: block; float: none; width: 100%; } .jawBan .jawBanFl h1 { font-size: 0.6rem; } .jawBan .jawBanFl .jawBanTxt { margin-top: 0.26667rem; font-size: 0.37333rem; } .jawBan .jawBanFl .ChatBtn { width: 100%; height: 0.8rem; border-radius: 0.18667rem; margin-top: 0.42667rem; } .jawBan .jawBanFl .ChatBtn span { line-height: 0.8rem; font-size: 0.37333rem; } .jawBan .jawBanFl .email { margin-top: 0.34667rem; } .jawBan .jawBanFl .email a { font-size: 0.4rem; background-size: 0.4rem; padding-left: 0.66667rem; } .jawWide { padding-top: 0.33333rem; padding-bottom: 0.33333rem; } .jawWide .jawWideFl, .jawWide .jawWideFr { clear: both; display: block; float: none; } .jawWide .jawWidePic { width: 100%; border-radius: 0.26667rem; } .jawWide .jawWideMain { width: 100%; } .jawWide .jawWideMain h3 { font-size: 0.53333rem; padding-bottom: 0.13333rem; } .jawWide .jawWideMain svg { margin-top: 1.06667rem; margin-bottom: 0.26667rem; } .jawWide .jawWideMain svg text { font-size: 0.53333rem; } .jawWide .jawWideMain svg.pc_svg { display: none; } .jawWide .jawWideMain svg.m_svg { display: block; height: 110px; } .jawWide .jawWideMain p { font-size: 0.37333rem; padding-top: 0.26667rem; padding-bottom: 0.26667rem; } .jawWide .jawWideMain .ChatBtn { display: none; } .jawCategories { padding-top: 0.8rem; } .jawCategories .jawTit { width: 100%; } .jawCategories .jawCategoriesList { margin-top: 0.66667rem; margin-left: auto; margin-right: auto; max-width: 10rem; padding-left: 0.2rem; padding-right: 0.2rem; } .jawCategories .jawCategoriesList li { width: 50%; padding: 0.2rem; } .jawCategories .jawCategoriesList li::after { right: 0.4rem; top: 0.4rem; width: 0.37333rem; height: 0.37333rem; } .jawCategories .jawCategoriesList li img { border-radius: 0.26667rem; } .jawAdvantages { padding-top: 1.33333rem; } .jawAdvantages .jawTit { width: 100%; } .jawAdvantages .jawAdvantagesList { padding-top: 0.33333rem; margin-left: 0; width: 100%; } .jawAdvantages .jawAdvantagesList li { clear: both; display: block; float: none; width: 100%; padding: 0.66667rem 0; } .jawAdvantages .jawAdvantagesList li strong { font-size: 0.37333rem; margin-bottom: 0.33333rem; height: auto; } .jawAdvantages .jawAdvantagesList li p { font-size: 0.37333rem; height: auto; } .jawAdvantages .jawAdvantagesList li span { font-size: 1.33333rem; top: 0.64rem; left: 0%; } .jawAdvantages .jawAdvantagesList li::after { height: 0.73333rem; } .jawAdvantages .jawAdvantagesList li:hover:before { width: 0%; } .jawTechnical .wrap { padding-top: 0.4rem; padding-bottom: 0.26667rem; } .jawTechnical .TechnicalTab { margin-top: 0.4rem; margin-bottom: 0.46667rem; } .jawTechnical .TechnicalTab li { border-radius: 0.4rem; margin-bottom: 0.4rem; } .jawTechnical .TechnicalTab li a { line-height: 0.66667rem; font-size: 0.37333rem; padding: 0 0.26667rem; } .jawTechnical .TechnicalTab li.on { box-shadow: 0 0.33333rem 0.10667rem -0.26667rem rgba(117, 121, 125, 0.8); } .jawTechnical .TechnicalMain .TechnicalItem .pc_table { display: none; } .jawTechnical .TechnicalMain .TechnicalItem .m_table { display: block; } .jawTechnical .TechnicalMain .TechnicalItem p { font-size: 0.37333rem; padding-top: 0.26667rem; padding-bottom: 0.26667rem; } .jawTechnical .TechnicalMain .TechnicalItem td { padding: 0.2rem 0.13333rem; font-size: 0.37333rem; word-wrap: break-word; word-break: break-all; } .jawPrice { padding-top: 1.33333rem; padding-bottom: 0rem; } .jawPrice .jawTit { width: 100%; } .jawPrice .jawPriceList dd { border-radius: 0.26667rem; } .jawPrice .jawPriceList dd.jawPriceListDdPic { display: none; } .jawPrice .jawPriceList dt { width: 98.76543%; margin-top: 2.59909%; border-radius: 0.26667rem; } .jawPrice .jawPriceList dt:after { display: none; } .jawPrice .jawPriceList dt .jawPriceListDtMain { position: relative; top: auto; right: auto; bottom: auto; left: auto; border-radius: 0.26667rem; } .jawPrice .jawPriceList dt .jawPriceListDtMain p { font-size: 0.37333rem; } .jawPrice .jawPriceList dt .jawPriceListDtMain .ChatBtn { display: none; } .jawstation { padding-top: 1.33333rem; } .jawstation .jawstationList { margin-left: 0%; } .jawstation .jawstationList li { clear: both; display: block; float: none; width: 100%; margin-left: 0%; } .jawstation .jawstationList li img { border-radius: 0.26667rem; } .jawstation .jawstationList li span { font-size: 0.37333rem; padding-top: 0.26667rem; padding-bottom: 0.26667rem; } .jawScreen { padding-top: 1.33333rem; padding-bottom: 0.66667rem; } .jawScreen .jawScreenList { margin-left: -1.97368%; } .jawScreen .jawScreenList li { width: 48.06452%; margin-left: 1.93548%; margin-top: 1.93548%; border-radius: 0.26667rem; } .jawScreen .jawScreenList li:nth-child(6) { margin-left: 1.93548%; } .jawLatest { padding-top: 0.66667rem; padding-bottom: 1.33333rem; } .jawLatest .jawTit { width: 100%; } .jawLatest .jawLatestTop { width: 100%; padding-top: 0.66667rem; } .jawLatest .jawLatestTop li { clear: both; display: block; float: none; margin-left: 0rem; font-size: 0.37333rem; } .jawLatest .jawLatestTop li i { width: 0.32rem; height: 0.32rem; margin-right: 0.2rem; margin-top: 0.13333rem; } .jawLatest .jawLatestTop li i:after { width: 0.18667rem; height: 0.18667rem; margin-top: 0.05333rem; } .jawLatest .jawLatestTop li i:before { width: 0.10667rem; height: 0.10667rem; top: 0.09333rem; left: 0.09333rem; box-shadow: 0 0 0.2rem #4a77c8, 0 0 0.2rem #4a77c8, 0 0 0.2rem #4a77c8; } .jawLatest .jawLatestBom { margin-top: 0.66667rem; width: 100%; } .jawLatest .jawLatestBom .jawLatestForm { margin-left: 0%; } .jawLatest .jawLatestBom .jawLatestForm #p-name { margin-bottom: 0.26667rem; line-height: 0.53333rem; font-size: 0.37333rem; } .jawLatest .jawLatestBom .jawLatestForm li { clear: both; display: block; float: none; margin-left: 0%; width: 100%; margin-bottom: 0.4rem; padding: 0rem; border-radius: 0.26667rem; } .jawLatest .jawLatestBom .jawLatestForm li input { line-height: 0.53333rem; font-size: 0.37333rem; padding: 0.37333rem 0.37333rem 0.37333rem 1.2rem; } .jawLatest .jawLatestBom .jawLatestForm li textarea { height: 3.2rem; line-height: 0.53333rem; font-size: 0.37333rem; padding: 0.37333rem 0.37333rem 0.37333rem 1.2rem; } .jawLatest .jawLatestBom .jawLatestForm li span { left: 1.16rem; top: 0.37333rem; font-size: 0.37333rem; } .jawLatest .jawLatestBom .jawLatestForm li:before { left: 0.53333rem; top: 0.37333rem; width: 0.37333rem; height: 0.37333rem; } .jawLatest .jawLatestBom .jawLatestForm li.ly-text { width: 100%; } .jawLatest .jawLatestBom .jawSubmit { width: 3.84rem; height: 1rem; border-radius: 0.26667rem; line-height: 1rem; font-size: 0.37333rem; margin-top: 0.73333rem; margin-bottom: 1.33333rem; } .jawLatest .footer { font-size: 0.37333rem; padding-top: 0.66667rem; padding-bottom: 0.66667rem; } .fdftm { display: none; } .back-top {width: 1.3rem; height: 1.3rem; position: fixed; bottom: 4rem; right: 0.1rem;} }