body {color:#555555;} a{color:#555555}a:active,a:hover {color:#003586} .maxWidth{margin:0 auto; padding-left:15px; padding-right:15px;} @media (min-width: 768px) { .maxWidth{ width: 768px; } } @media (min-width: 1024px) { .maxWidth{ width: 1024px; } } @media (min-width: 1430px) { .maxWidth{width:1430px;} } #particles-js{float: left; width: 100%; height: 100%; position: relative;} #particles-js .particles-js-canvas-el{position: absolute; z-index:1; width: 100%; height: 100%; left: 0; top:0;} /*#top{float: left; width: 100%;}*/ #top .head{background:#fff; position: relative; z-index: 999; float: left; width:100%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #top .logo{float:left; margin:20px 0; line-height:0;} #top .logo a{float: left; width:166px; height:45px;} #top .logo span{float: left; color:#003586; font-size: 16px; line-height: 46px; margin-left: 9px;} /*menu*/ #top .menu{float: right; margin-top: 25px;} #top .menu .nli{ float:left; padding:0 1px; margin:0; position:relative;} #top .menu .nli span a{ float:left; position:relative; color:#003586; font-size:16px; line-height:36px; padding: 0 18px;} #top .menu .nli span a:hover{color:#003586; background: #fed900;} #top .menu .nli.active span a{color:#ffffff; background: #003586} #top .menu .sub{display:none; float:left; position:absolute; left:1px; top:36px; width:112px; z-index:999; } #top .menu .sub .l2{ float:left; width:100%; margin-top: 1px;} #top .menu .sub .l2 .la2{ float:left; width:100%; text-align: center; background: #c3ddfa; color:#003586; font-size:16px; line-height:36px; position:relative;} #top .menu .sub .l2:hover .la2{ background:#fed900;} #top .menu .ul3{ display:none; float:left; width:112px; position:absolute; left:100%; margin-left: 1px; top:1px; background:#c3ddfa; text-align: center;} #top .menu .ul3 .l3{ float:left; width:100%;} #top .menu .ul3 .l3 .la3{ float:left; width:100%; color:#003586; font-size:16px; line-height:35px;} #top .menu .ul3 .l3 .la3:hover{background: #fed900;} #top .menu .sub .l2:hover .ul3{ display:block;} #top .SignIn{float: right; margin-top: 25px; line-height: 36px; color:#999; font-size: 15px; margin-left:20px;} @media screen and (max-width:1429px){ #top .logo span{font-size: 14px;} #top .menu .nli span a{font-size: 14px;padding: 0 15px;} #top .SignIn{font-size: 14px;} #top .menu .sub .l2 .la2{font-size: 14px;} #top .menu .ul3 .l3 .la3{font-size: 14px;} } @media screen and (max-width:1023px ){ #top .head{position: relative; z-index: 99;} #top .logo{ margin:15px 0;} #top .logo a{width: 155px; height: 40px;} #top .logo span{line-height: 40px;} #top .SignIn.pc{display: none} #top .SignIn{ width: 100%; text-align: center; margin:15px 0; line-height: 40px;} #top .menu{ display:none;} #top .pcShare{display: none} } @media screen and (max-width:1023px ){ #top .logo{ margin:15px 0;} #top .logo a{width: 118px; height: 30px;} #top .logo span{line-height: 30px; font-size: 12px;} } @media screen and (max-width:369px ){ #top .logo span{display: none;} } /*手机导航按钮*/ #top .menuph{ display:none; float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:20px 0 18px 20px;} #top .menuph .point { float:left; width: 28px; height: 22px; position: relative;} #top .menuph .point:hover .navbtn, #top .menuph .point:hover .navbtn::after, #top .menuph .point:hover .navbtn::before { width: 28px; right: 0;} #top .menuph .navbtn { position: absolute; top: 10px; right:4px; display: inline-block; width: 20px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #003586; } #top .menuph .navbtn::after, #top .menuph .navbtn::before { position: absolute; right: -4px; display: inline-block; width: 28px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #003586; } #top .menuph .navbtn::after { top: -11px; } #top .menuph .navbtn::before { top: 10px; } #top .menuph .point.active .navbtn{ background: transparent; } #top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; } #top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } @media screen and (max-width:1023px ){ #top .menuph{ display:block;} } @media screen and (max-width:767px ){ #top .menuph{margin:20px 0 10px 20px} } /*手机导航*/ #top .xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:62px 0 100px 0; display: none; z-index:88; background:#fff; background:rgba(255,255,255,0.9);} #top .xialaph .ul2, #top .xialaph .ul3{display: none;} #top .xialaph h4{ float:left; width:100%; position:relative;} #top .xialaph h4 a{ float:left; width:66%; color: #333; font-size:16px; line-height:50px; position:relative;text-transform: uppercase;} #top .xialaph li h4 a i{ float:left; position:absolute; left:0; top:50%; margin-obtn:-10px; width:20px; height:20px;} #top .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.3; } #top .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #000; opacity: 0.1; } #top .xialaph h5 a{ float:left; width:75%; color: #555; font-size:14px; line-height:40px; padding:0; font-family: Arial;} #top .xialaph h5{ float:left; width:100%;position: relative; } #top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000; opacity: 0.1; } #top .xialaph li:last-child h5::after{ display: none; } #top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 21px; cursor: pointer; } #top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 17px; margin-right: 10px; cursor: pointer; } #top .xialaph h4.active img.img_s, #top .xialaph h5.active img.img_s{ display: none; } #top .xialaph h4.active img.img_d, #top .xialaph h5.active img.img_d{ display: block; } #top .xialaph .ul2{ float:left; width:100%; padding:0 10px;} #top .xialaph .ul3{ float:left; width:100%; padding:5px 10px;border-bottom: 1px solid rgba(0,0,0,0.1);} #top .xialaph .ul3 li{float: left; width:100%; font-size: 14px; line-height: 35px;} #top .xialaph .ul3 li a{float: left; width: 100%; font-family: Arial;} #top .xialaph .img_d{ display: none; } /*手机底部导航*/ /*#footer{float: left; width: 100%;}*/ #footer .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#003586; z-index:87; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} #footer .pf_down li{ width:33.33%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2);} #footer .pf_down li:last-child{ border:none;} #footer .pf_down li .ico{ width:100%; float:left; height:20px;} #footer .pf_down li .ico img{ width:20px; height:20px;} #footer .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;} /*banner*/ #slideBox{float: left; width: 100%; position: relative; z-index: 66;} .homeBannerBox{background: #333333;} #slideBox .slide_banner{ float:left; width:100%; margin:0; position:relative; overflow:hidden; text-align:center;} #slideBox .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0;} #slideBox .slide_banner img{ width:100%;} #slideBox .slide_banner .slick-dots{ height:7px; bottom:31px; } #slideBox .slide_banner .slick-dots li{ width:43px; height:7px; margin:0 5px; text-align:center; text-indent:-9999px; overflow:hidden; vertical-align:top; position: relative; background: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #slideBox .slide_banner .slick-dots li.slick-active{background: #ffff00;} @media screen and (max-width:767px){ #slideBox .slide_banner .slick-dots{ height: 5px; bottom:15px;} #slideBox .slide_banner .slick-dots li{width: 30px; height: 5px;} } #contentBox{position: relative; z-index: 66;} #contentBox .homeProBox{float: left; width: 100%; padding: 20px 20px 70px 20px; background: #fff;} #contentBox .homeProBox .topTit{float: left; width: 100%;} #contentBox .homeProBox .topTit .li2{float: left; width: 100%;color:#ccc;} #contentBox .homeProBox .topTit .li2 .tit1{float: left; width: 100%; font-size: 38px; line-height: 40px; font-weight: bold;} #contentBox .homeProBox .topTit .li2 .enBox{float:left; width: 100%; font-size: 18px; line-height: 20px; margin-top: 8px;} #contentBox .homeProBox .topTit .li2 .psBox{float: left; width: 100%; font-size: 18px; line-height: 20px;} #contentBox .homeProBox .slick-slide:nth-child(2n) .li2{text-align: right} #contentBox .homeProBox .slick-current .li2{color:#003586} #contentBox .homeProBox .proInfoBox{float: left; width: 100%; margin-top: 5px;} #contentBox .homeProBox .listOne{float: left; width: 100%;} #contentBox .homeProBox .listOne .left{float: left; width:40.5%; margin-top: 40px; font-size: 18px; line-height: 28px; color:#000;} #contentBox .homeProBox .listOne .left .p1{float: left; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } #contentBox .homeProBox .listOne .left a{float: left; width: 152px; height: 52px; line-height: 52px; color:#fff; font-size: 18px; background: #727171; text-align: center; margin-top: 25px; position:relative; z-index: 3; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} #contentBox .homeProBox .listOne .left a:hover{background: #003586} #contentBox .homeProBox .listOne.two .left{float: right; text-align: right;} #contentBox .homeProBox .listOne.two .left a{float: right;} #contentBox .homeProBox .listOne .right{float: right; width: 55.8%; margin-right: -30px;} #contentBox .homeProBox .listOne .right li{float: left; width: 16.6666%; text-align: center; color:#000000; font-size: 18px; line-height: 24px;} #contentBox .homeProBox .listOne .right li .tImg{float: left; width: 100%; height: 81px; line-height: 81px;} #contentBox .homeProBox .listOne .right li .tImg img{vertical-align:bottom;} #contentBox .homeProBox .listOne.two .right{float: left; margin: 10px 0 0 -28px;} #contentBox .homeProBox .listOne .dImg{float: left; width: 100%; text-align: center; margin-top: -12px; line-height: 0;} @media screen and (max-width:1429px) { #contentBox .homeProBox{padding: 20px 20px 50px 20px} #contentBox .homeProBox .topTit .li2 .tit1{font-size: 30px; } #contentBox .homeProBox .topTit .li2 .enBox{ font-size: 16px;} #contentBox .homeProBox .topTit .li2 .psBox{font-size: 16px;} #contentBox .homeProBox .listOne .left{font-size: 16px;} #contentBox .homeProBox .listOne .left a{font-size: 16px; width: 150px; height: 40px; line-height: 40px;} #contentBox .homeProBox .listOne .dImg{margin-top: 0;} #contentBox .homeProBox .listOne .dImg img{height: 300px;} #contentBox .homeProBox .listOne .right{margin-right: -10px;} #contentBox .homeProBox .listOne .right li{font-size: 16px;} #contentBox .homeProBox .listOne.two .right{ margin: 10px 0 0 -9px;} } @media screen and (max-width:1023px) { #contentBox .homeProBox .topTit .li2 .tit1{font-size: 24px; line-height:30px;} #contentBox .homeProBox .topTit .li2 .enBox{font-size: 14px;} #contentBox .homeProBox .topTit .li2 .psBox{font-size: 14px;} #contentBox .homeProBox .listOne .left{font-size: 14px; line-height: 24px; width: 100%; margin-top: 20px;} #contentBox .homeProBox .listOne .left a{font-size: 14px; width: 130px; height: 35px; line-height: 35px; margin-top: 15px;} #contentBox .homeProBox .listOne .right{width: 100%; margin:15px 0 0 0;} #contentBox .homeProBox .listOne .right li{font-size: 14px;} #contentBox .homeProBox .listOne.two .right{margin: 15px 0 0 0;} #contentBox .homeProBox .listOne .dImg{margin-top:20px;} #contentBox .homeProBox .listOne .dImg img{height: auto;} } @media screen and (max-width:767px) { #contentBox .homeProBox{padding: 15px 0 30px 0;} #contentBox .homeProBox .topTit .li2 .tit1{font-size: 20px; line-height: 24px;} #contentBox .homeProBox .topTit .li2 .enBox{font-size: 12px; line-height: 16px;} #contentBox .homeProBox .topTit .li2 .psBox{font-size: 12px;} #contentBox .homeProBox .listOne .left{margin-top: 10px;} #contentBox .homeProBox .listOne .right li{font-size: 12px;} #contentBox .homeProBox .listOne .right li .tImg{height: 60px; line-height: 60px;} #contentBox .homeProBox .listOne .right li .tImg img{width: 80%;} #contentBox .homeProBox .listOne .dImg{margin-top: 10px;} } @media screen and (max-width:374px) { #contentBox .homeProBox .listOne .right{margin-top: 0} #contentBox .homeProBox .listOne.two .right{margin-top: 0;} } #conAboutBox{float: left; width: 100%; background: #333333; position: relative; z-index: 66;} #conAboutBox .homeBrandBox{float: left; width: 100%; position: relative;} #conAboutBox .homeBrandBox .ImgBox{float: left; width: 100%; line-height: 0;} #conAboutBox .homeBrandBox .textBox{position: absolute; width: 42%; left: 20px; top:35px;} #conAboutBox .homeBrandBox .textBox h2{float: left; width: 100%; color:#000000; font-size: 38px; line-height: 40px; font-weight: bold;} #conAboutBox .homeBrandBox .textBox .p1{float: left; width: 100%; margin-top: 15px; color:#000000; font-size: 18px; line-height: 28px;} #conAboutBox .homeBrandBox .textBox .more{float: left; width: 152px; height: 52px;margin-top: 35px;} #conAboutBox .homeBrandBox .textBox .more a{float: left; width: 100%; height: 52px; line-height: 52px; color:#fff; font-size:18px; background: #003586; text-align: center; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} #conAboutBox .homeBrandBox .textBox .more a:hover{background: #fcc800;} @media screen and (max-width:1429px) { #conAboutBox .homeBrandBox .textBox h2{font-size: 30px;} #conAboutBox .homeBrandBox .textBox .p1{font-size: 15px; line-height: 26px; margin-top: 10px;} #conAboutBox .homeBrandBox .textBox .more{ width: 150px; height: 40px;margin-top: 20px;} #conAboutBox .homeBrandBox .textBox .more a{height: 40px; line-height: 40px; font-size: 15px;} } @media screen and (max-width:1023px) { #conAboutBox .homeBrandBox .textBox{ top:30px;} #conAboutBox .homeBrandBox .textBox h2{font-size: 24px; line-height: 35px;} #conAboutBox .homeBrandBox .textBox .p1{font-size: 14px; line-height: 24px;} #conAboutBox .homeBrandBox .textBox .more{ width: 130px; height: 35px;margin-top: 15px;} #conAboutBox .homeBrandBox .textBox .more a{height: 35px; line-height: 35px; font-size: 14px;} } @media screen and (max-width:767px) { #conAboutBox .homeBrandBox .textBox{position: static; float: left; width: 100%; background: #e6f1f9; padding: 15px;} #conAboutBox .homeBrandBox .textBox h2{font-size: 20px; line-height: 30px;} } #conParBox{float: left; width: 100%; background: #fcc800; position: relative; z-index: 66;} #conParBox .homePartnerBox{float: left; width: 100%; background: #003586; padding: 42px 30px;} #conParBox .homePartnerBox .slick-list{padding: 0!important;} #conParBox .homePartnerBox .slick-list .slick-track{ /*transform: translate3d(0px, 0px, 0px) !important;*/ } #conParBox .homePartnerBox a{float: left; width: 100%; line-height: 0; text-align: center;} #conParBox .homePartnerBox a img{height: 68px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #conParBox .homePartnerBox a:hover img{ transform:rotateY(360deg); -ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); } #conNewBox{ position: relative; z-index: 66;} #conNewBox .homeNewsBox{float: left; width: 100%; background: #fff;} @media screen and (max-width:1429px) { #conParBox .homePartnerBox{padding: 30px 20px;} #conParBox .homePartnerBox a img{height: 60px;} } @media screen and (max-width:1023px) { #conParBox .homePartnerBox{padding: 20px;} #conParBox .homePartnerBox a img{height: 55px;} } @media screen and (max-width:767px) { #conParBox .homePartnerBox{padding: 15px;} #conParBox .homePartnerBox a img{height: 40px;} } #conNewBox .newTit{float: left; width: 100%; margin: 40px 0 0 20px; font-size: 38px; line-height: 40px; font-weight: bold; color:#000000;} #conNewBox .newList{float: left; width: 100%; margin: 35px 0 130px 0;} #conNewBox .newList .li1{float: left; width: 100%; padding: 0 20px;} #conNewBox .newList a{float: left; width: 100%; } #conNewBox .newList a .nTit{float: left; width: 100%; color:#000000; font-size: 24px; line-height: 35px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} #conNewBox .newList a .nText{float:left; width: 100%; font-size: 18px; line-height: 28px; color:#000; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } #conNewBox .newList a:hover .nTit{color:#003586;} @media screen and (max-width:1429px) { #conNewBox .newTit{font-size: 30px;} #conNewBox .newList{margin: 25px 0 100px 0;} #conNewBox .newList a .nTit{font-size: 20px; line-height: 30px;} #conNewBox .newList a .nText{font-size: 15px; line-height: 26px;} } @media screen and (max-width:1023px) { #conNewBox .newTit{font-size: 24px; line-height: 35px;} #conNewBox .newList{margin: 20px 0 80px 0;} #conNewBox .newList a .nTit{font-size: 18px; line-height: 28px;} #conNewBox .newList a .nText{font-size: 14px; line-height: 24px; margin-top: 5px;} } @media screen and (max-width:767px) { #conNewBox .newTit{font-size: 20px; line-height: 30px;margin: 25px 0 0 0;} #conNewBox .newList{margin: 15px 0 40px 0;} #conNewBox .newList .li1{padding: 0} #conNewBox .newList a .nTit{font-size: 16px;} } /*底部*/ #footer .downLogo1{float:left; width: 100%; background: #fcc800; position: relative; z-index: 66;} #footer .downLogo1 .tLogo{float: left; width: 100%; padding: 27px 0;} #footer .downLogo1 .tLogo a{float: left; line-height: 0;} #footer .downLogo1 .tLogo span{float: left; color:#003586; font-size:24px; line-height: 45px; margin-left: 10px;} #footer .downBox{float: left; width: 100%; background: #003586; position: relative; padding:30px 0 0 0; z-index: 66;} #footer .downBox .footLeft{float: left; width:50%;} #footer .downBox .downContact{float: left; width: 100%;} #footer .downBox .downContact .WeChat{float: left; width: 18.6%; margin:0 4% 0 20px;} #footer .downBox .downContact .WeChat .tImg{float: left; width: 100%; border:6px solid #fff; background: #fff; line-height: 0;} #footer .downBox .downContact .WeChat .dText{float: left; width: 100%; text-align: center; line-height: 32px; color:#fff; font-size: 14px;} #footer .downBox .downContact .addressBox{float: left; width:60%; color:#ffffff; font-size: 18px; line-height: 34px; } #footer .downBox .footNav{float: right; width:50%; } #footer .downBox .footNav .ul1{float: left; width: 25%; text-align: center;} #footer .downBox .footNav .footTit{float:left; width:100%; color:#fcc800; font-size:18px; line-height:28px;} #footer .downBox .footNav .box{ float:left; width:100%;} #footer .downBox .footNav .box li{ float:left; width:100%;} #footer .downBox .footNav .box li a{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px;} #footer .downBox .footNav .box li a:hover{ color:#fcc800;} #footer .downBox .CompanyBox{float: left; width: 100%; text-align: center; margin: 44px 0 65px 0; font-size: 14px; color:#fcc800; line-height: 40px;} @media screen and (max-width:1429px) { #footer .downLogo1 .tLogo{padding: 20px 0;} #footer .downLogo1 .tLogo span{font-size: 20px;} #footer .downBox{padding: 20px 0 0 0;} #footer .downBox .downContact .WeChat{width: 22%;} #footer .downBox .downContact .WeChat .dText{font-size: 15px;} #footer .downBox .downContact .addressBox{font-size: 15px; line-height: 28px; width: 56%;} #footer .downBox .footNav .footTit{font-size: 15px; line-height: 26px; } #footer .downBox .footNav .box li a{font-size: 15px; line-height: 26px;} #footer .downBox .CompanyBox{margin:30px 0 45px 0} } @media screen and (max-width:1023px) { #footer .downLogo1 .tLogo{padding: 15px 0;} #footer .downLogo1 .tLogo span{font-size: 18px;} #footer .downBox .footLeft{width: 100%;} #footer .downBox .footNav{display: none;} #footer .downBox .downContact .WeChat{width: 14%;} #footer .downBox .downContact .addressBox{font-size: 14px; line-height: 26px;} #footer .downBox .CompanyBox{margin: 25px 0 30px 0; line-height: 30px;} } @media screen and (max-width:767px) { #footer .downBox{margin-bottom:50px;} #footer .downLogo1 .tLogo a img{width: 110px; height: 29px;} #footer .downLogo1 .tLogo span{font-size: 14px; line-height: 29px;} #footer .downBox .downContact{display: block; text-align: center;} #footer .downBox .downContact .WeChat{float: none; display: inline-block; width: 25%; margin: 0 2%;} #footer .downBox .downContact .addressBox{width: 100%; margin-top: 10px;} #footer .downBox .CompanyBox{font-size: 12px; line-height: 24px;margin: 15px 0 25px 0;} } /*产品中心-漆面保护膜*/ #slideBox .currentLocation{float: left; width: 100%; color:#696969; font-size: 14px; line-height: 26px; padding: 13px 0;} #slideBox .currentLocation a{color:#696969} #slideBox .currentLocation a.on, #slideBox .currentLocation a:hover{color:#003586} #slideBox .inBanner{float: left; width: 100%; line-height: 0; position: relative; z-index: 1;} #contentBox .pageProAdvantage{float: left; width: 100%; margin: 58px 0;} #contentBox .pageProAdvantage .leftImg{float: left; width: 32.5%; line-height: 0;} #contentBox .pageProAdvantage .rightText{float: right; width: 61%;} #contentBox .pageProAdvantage .rightText .tit{float: left; width: 100%; line-height: 40px;} #contentBox .pageProAdvantage .rightText .tit h3{float: left; color:#000000; font-size: 24px;} #contentBox .pageProAdvantage .rightText .tit span{float: right; color:#000000; font-size: 18px;} #contentBox .pageProAdvantage .rightText .textWords{float: left; width: 100%; color:#000000; font-size: 18px; line-height: 32px; margin-top: 25px;} #contentBox .pageProAdvantage .rightText .textWords .p1{float: left; width: 100%;position: relative; padding-left: 25px;} #contentBox .pageProAdvantage .rightText .textWords .p1 em{position: absolute; left: 0; top:0; font-style: normal;} #contentBox .pageProAdvantage .rightText .textWords .p2{float: left; width: 100%; color:#ff0000; font-size:14px; line-height: 25px; padding-left: 25px;} @media screen and (max-width:1429px) { #contentBox .pageProAdvantage .rightText{width: 64%;} #contentBox .pageProAdvantage .rightText .tit h3{font-size: 20px;} #contentBox .pageProAdvantage .rightText .tit span{font-size:15px;} #contentBox .pageProAdvantage .rightText .textWords{font-size: 15px; line-height: 26px; margin-top: 15px;} } @media screen and (max-width:1023px) { #contentBox .pageProAdvantage{margin: 40px 0;} #contentBox .pageProAdvantage .leftImg{width: 100%; text-align: center;} #contentBox .pageProAdvantage .leftImg img{width: 60%;} #contentBox .pageProAdvantage .rightText{width: 100%; margin-top: 20px;} } @media screen and (max-width:767px) { #slideBox .currentLocation{padding:5px 0 10px 0;} #contentBox .pageProAdvantage{margin: 25px 0;} #contentBox .pageProAdvantage .leftImg img{width:100%;} #contentBox .pageProAdvantage .rightText{margin-top: 15px;} #contentBox .pageProAdvantage .rightText .tit h3{float: left; width: 100%;} #contentBox .pageProAdvantage .rightText .tit span{float: left; width: 100%; line-height: 20px;} #contentBox .pageProAdvantage .rightText .textWords{font-size: 14px; line-height: 24px; margin-top: 10px;} #contentBox .pageProAdvantage .rightText .textWords .p1{padding-left: 20px;} #contentBox .pageProAdvantage .rightText .textWords .p2{padding-left: 20px;} } #contentBox .proProtectiveFilm{float: left; width: 100%; margin:42px 0 95px 0; position: relative;} #contentBox .proProtectiveFilm .filmImg{float: left; width:58.57%;} #contentBox .proProtectiveFilm .filmText{float: right; width: 41.43%;} #contentBox .proProtectiveFilm .filmText dl{float: left; width: 100%;} #contentBox .proProtectiveFilm .filmText dl dd{float: left; width: 100%; color:#000000; font-size: 18px; line-height: 22px; position: relative; padding-bottom: 3px; margin-top: 60px;} #contentBox .proProtectiveFilm .filmText dl dd i{position: absolute; width: 435px; height: 51px; left: 0; bottom:-53px;} #contentBox .proProtectiveFilm .filmText dl dd.first{position: absolute; left: 85px; top:-67px; margin-top: 0;} #contentBox .proProtectiveFilm .filmText dl dd span{display: block;} #contentBox .proProtectiveFilm .filmText dl dd.two{margin-left: -20px;} #contentBox .proProtectiveFilm .filmText dl dd.two i{ left: -50px;} #contentBox .proProtectiveFilm .filmText dl dd.three{padding-left: 30px;} #contentBox .proProtectiveFilm .filmText dl dd.three i{ left: -20px;} #contentBox .proProtectiveFilm .filmText dl dd.four{padding-left: 45px;} #contentBox .proProtectiveFilm .filmText dl dd.four i{left: -10px;} #contentBox .proProtectiveFilm .filmText dl dd.five{position: absolute; left: 280px; bottom:0;} #contentBox .proProtectiveFilm .filmText dl dd.five i{bottom: 0;} @media screen and (max-width:1429px) { #contentBox .proProtectiveFilm .filmText dl dd{font-size: 14px; margin-top: 30px;} #contentBox .proProtectiveFilm .filmText dl dd.first{left:20px;} #contentBox .proProtectiveFilm .filmText dl dd i{width: 330px; height: 38px; bottom:-44px;} #contentBox .proProtectiveFilm .filmText dl dd.two{margin-top: -10px;} #contentBox .proProtectiveFilm .filmText dl dd.three{margin-top: 50px;} #contentBox .proProtectiveFilm .filmText dl dd.five{left: 195px; bottom: -20px;} } @media screen and (max-width:1023px) { #contentBox .proProtectiveFilm{margin: 10px 0 50px 0;} #contentBox .proProtectiveFilm .filmImg{width: 100%;} #contentBox .proProtectiveFilm .filmText{width: 100%;} #contentBox .proProtectiveFilm .filmText dl dd.first{position: relative; left: 0; margin-top: 0; top:0;} #contentBox .proProtectiveFilm .filmText dl dd.two{margin-top:20px; margin-left: 0;} #contentBox .proProtectiveFilm .filmText dl dd i{display: none;} #contentBox .proProtectiveFilm .filmText dl dd.three{margin-top: 20px; padding-left: 0;} #contentBox .proProtectiveFilm .filmText dl dd.four{margin-top: 20px; padding-left: 0;} #contentBox .proProtectiveFilm .filmText dl dd.five{position: relative;left: 0;bottom: 0; margin-top: 20px;} } @media screen and (max-width:767px) { #contentBox .proProtectiveFilm{margin: 10px 0 30px 0;} } #contentBox .proSixFunctions{float: left; width: 100%; padding: 85px 0 75px 0; background: url("_im_g/pro7.jpg") no-repeat center; background-size: cover;} #contentBox .proSixFunctions .proTit{float: left; width: 100%; text-align: center; line-height: 0;} #contentBox .proSixFunctions .p1{float: left; width: 100%; padding: 0 8%; color:#ffffff; font-size:18px; line-height: 32px; margin-top: 22px;} #contentBox .proSixFunctions .ulBox{float: left; width: 100%; margin-top:20px; padding: 0 40px;} #contentBox .proSixFunctions .ulBox li{float: left; width: 33.3333%; margin-top: 80px; padding: 0 40px 0 80px; position: relative;} #contentBox .proSixFunctions .ulBox li em{position: absolute; left: 0; top:0; line-height: 0;} #contentBox .proSixFunctions .ulBox li h3{float: left; width: 100%; color:#fff; font-size: 30px; line-height: 60px;} #contentBox .proSixFunctions .ulBox li p{float: left; width: 100%; color:#fff; font-size: 18px; line-height: 30px; margin-top: 5px;} @media screen and (max-width:1429px) { #contentBox .proSixFunctions .p1{font-size: 16px; line-height: 28px;} #contentBox .proSixFunctions .ulBox li{margin-top:50px; padding: 0 30px 0 60px;} #contentBox .proSixFunctions .ulBox li em img{width: 50px;} #contentBox .proSixFunctions .ulBox li h3{font-size: 24px; line-height: 45px;} #contentBox .proSixFunctions .ulBox li p{font-size: 16px; line-height: 26px;} } @media screen and (max-width:1023px) { #contentBox .proSixFunctions{padding: 60px 0 60px 0;} #contentBox .proSixFunctions .proTit img{width: 400px;} #contentBox .proSixFunctions .p1{font-size: 15px; line-height: 26px;} #contentBox .proSixFunctions .ulBox li{margin-top: 30px; padding: 0 20px 0 45px} #contentBox .proSixFunctions .ulBox li em img{width: 40px;} #contentBox .proSixFunctions .ulBox li h3{font-size: 20px; line-height: 35px;} #contentBox .proSixFunctions .ulBox li p{font-size: 14px; line-height: 24px; height: 120px;} } @media screen and (max-width:767px) { #contentBox .proSixFunctions{padding:35px 0;} #contentBox .proSixFunctions .proTit img{width:300px;} #contentBox .proSixFunctions .p1{font-size: 14px; line-height: 24px; padding: 0 20px;} #contentBox .proSixFunctions .ulBox{padding: 0 20px;} #contentBox .proSixFunctions .ulBox li{width: 100%; margin-top: 20px;} #contentBox .proSixFunctions .ulBox li p{height: auto;} } #contentBox .proCoopPartner{float: left; width: 100%; background: #bdc1ca; position: relative; padding-bottom: 990px;} #contentBox .proCoopPartner .proCoopParImg{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;} #contentBox .proCoopParText{float: left; width: 100%; padding: 0 35px; margin-top: 35px; position: relative; z-index: 2} #contentBox .proCoopParText .coopImg{float: left; width: 33.57%; line-height: 0;} #contentBox .proCoopParText .coopWords{float: right; width: 58.57%; color:#221815; font-size: 18px; line-height: 28px; font-weight: 100;} #contentBox .proCoopList{float: left; width: 100%; margin-top: 35px; padding: 0 70px;position: relative; z-index: 2;} #contentBox .proCoopList dd{float: left; width: 33.333%; line-height: 0; text-align: center;} @media screen and (max-width:1429px) { #contentBox .proCoopPartner{padding-bottom:700px;} #contentBox .proCoopParText .coopWords{font-size: 16px; line-height: 26px;} } @media screen and (max-width:1023px) { #contentBox .proCoopPartner{padding-bottom: 500px;} #contentBox .proCoopParText .coopImg{width: 100%; text-align: center;} #contentBox .proCoopParText .coopImg img{width: 350px;} #contentBox .proCoopParText .coopWords{ width:100%;font-size: 14px; line-height: 24px; margin-top: 20px;} #contentBox .proCoopList dd{width: 100%;} } @media screen and (max-width:767px) { #contentBox .proCoopPartner{padding-bottom: 260px;} #contentBox .proCoopParText{padding: 0 20px;margin-top:30px;} #contentBox .proCoopParText .coopImg img{width:80%;} #contentBox .proCoopParText .coopWords{margin-top: 15px;} #contentBox .proCoopList{margin-top:20px; padding: 0 20px;} } /*服务中心-报价查询*/ #contentBox .ServiceQuoInq{float: left; width: 100%;} #contentBox .ServiceQuoInq .ServiceQuoHd{float: left; width: 100%;} #contentBox .ServiceQuoInq .ServiceQuoHd li{float: left; padding: 0 24px; color:#a1a1a1; font-size: 24px; background: #cccccc; height: 44px; line-height: 44px; cursor: pointer; box-shadow: 0 0 7px rgba(0,0,0,0.10); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.10); -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.10); } #contentBox .ServiceQuoInq .ServiceQuoHd li span:last-child{display: none;} #contentBox .ServiceQuoInq .ServiceQuoHd li.on{color:#151515; background: #fff; position: relative; z-index: 2; line-height: 26px; padding-top: 18px; box-shadow: 0 -5px 7px rgba(0,0,0,0.10); -moz-box-shadow: 0 -5px 7px rgba(0,0,0,0.10); -webkit-box-shadow: 0 -5px 7px rgba(0,0,0,0.10); } #contentBox .ServiceQuoInq .ServiceQuoBd{float: left; width: 100%; background: #fff; min-height: 510px; box-shadow: 0 0 10px rgba(0,0,0,0.15); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); } #contentBox .ServiceQuoInq .ServiceQuoBd .SerBox{float: left; width: 100%; padding: 0 9% 0 30px;} #contentBox .ServiceQuoInq .SerBox .leftForm{float: left; width:21%; margin-top: 20px;} #contentBox .ServiceQuoInq .SerBox .leftForm dl{float: left; width: 100%; padding-left: 28px; position: relative; margin-top: 20px;} #contentBox .ServiceQuoInq .SerBox .leftForm dl span{position: absolute; left: 0; top:0;line-height: 40px; font-size: 35px; color:#a1a1a1; font-style: italic;} #contentBox .ServiceQuoInq .SerBox .leftForm dl select{float: left; width: 100%; height: 40px;border:2px solid #003586; font-size:18px; color:#000; text-indent:5px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url("_im_g/pro19.png") no-repeat right 12px center; background-size:23px 12px; } #contentBox .ServiceQuoInq .SerBox .leftForm dl select.on{color:#ff0000;border-color:#ff0000; background: url("_im_g/pro19_1.png") no-repeat right 12px center; background-size:23px 12px; } #contentBox .ServiceQuoInq .SerBox .leftForm dl button{float: left; width: 100%; height: 40px; font-size:18px; color:#fff; border:0; background: #003586;} #contentBox .ServiceQuoInq .SerBox .leftForm dl button:hover{ box-shadow: 0 0 15px rgba(0,53,134,0.2); -moz-box-shadow: 0 0 15px rgba(0,53,134,0.2); -webkit-box-shadow: 0 0 15px rgba(0,53,134,0.2); } #contentBox .ServiceQuoInq .SerBox .rBox{float: left; max-width:720px; margin-left: 50px;padding-bottom: 70px;} #contentBox .ServiceQuoInq .SerBox .rQueryBox{float: left; line-height: 0; width:100%; margin: 40px 0 0 0;} #contentBox .ServiceQuoInq .SerBox .rResultBox{float: left;width:100%; margin: 40px 0 0 0;} .rResultBox, .rQueryBox.hide {display: none;} .rResultBox.show {display: block;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carImg{float:left; width: 100%; line-height: 0;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carInfo{float: left; width: 100%; background: #333333; color:#fff; font-size: 18px; padding: 15px 20px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carInfo span{float: left; width: 45%;line-height: 30px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carInfo span:last-child{float: right; text-align: right;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carTable{float: left; width: 46%;border:1px solid #003586; margin-top: 40px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carTable .dlBox{float:left; width: 50%; text-align: center; font-size: 18px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carTable .dlBox dt{float: left; width: 100%; border:1px solid #003586;background: #003586;color:#fff;line-height: 33px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carTable .dlBox dd{float: left; width: 100%;border:1px solid #003586;color:#003586;line-height: 33px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carTable .dlBox dd.blue{background: #d1edff;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carTable .dlBox:nth-child(2) dt{background: #ff9900; color:#000;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carTable .dlBox:nth-child(2) dd{color:#000000;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carExplain{float: left; width: 100%; margin-top: 35px; color:#151515;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carExplain h3{float: left; width: 100%; font-size:18px; font-weight: bold; line-height: 28px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carExplain .text{float: left; width: 100%; font-size: 18px; line-height: 28px;} @media screen and (max-width:1429px) { #contentBox .ServiceQuoInq .ServiceQuoHd li{font-size:20px; padding: 0 20px;} #contentBox .ServiceQuoInq .ServiceQuoBd .SerBox{padding: 0 30px;} #contentBox .ServiceQuoInq .SerBox .rBox{width: 79%; margin-left: 0; padding-left: 30px; max-width:initial;} #contentBox .ServiceQuoInq .SerBox .leftForm{} #contentBox .ServiceQuoInq .SerBox .leftForm dl span{font-size:28px;} #contentBox .ServiceQuoInq .SerBox .leftForm dl select{font-size: 16px; background: url("_im_g/pro19.png") no-repeat right 10px center; background-size:16px 8px; } #contentBox .ServiceQuoInq .SerBox .leftForm dl button{font-size: 16px;} } @media screen and (max-width:1023px) { #contentBox .ServiceQuoInq .ServiceQuoHd li{font-size: 18px; width: 50%; text-align: center; background: #666; color:#999; border-top:1px solid #666666;} #contentBox .ServiceQuoInq .ServiceQuoHd li span:first-child{display: none} #contentBox .ServiceQuoInq .ServiceQuoHd li span:last-child{display: block;} #contentBox .ServiceQuoInq .ServiceQuoHd li.on{line-height: 44px;padding-top:0;} #contentBox .ServiceQuoInq .SerBox .leftForm{width: 100%; margin-top: 40px;} #contentBox .ServiceQuoInq .SerBox .leftForm dl{width: 48%; padding-left: 0;} #contentBox .ServiceQuoInq .SerBox .leftForm dl:nth-child(2n){float: right;} #contentBox .ServiceQuoInq .SerBox .leftForm dl span{display: none;} #contentBox .ServiceQuoInq .SerBox .leftForm dl:last-child{width: 100%; display: block; text-align: center;} #contentBox .ServiceQuoInq .SerBox .leftForm dl button{float: none; display: inline-block; width: 48%;} #contentBox .ServiceQuoInq .SerBox .rBox{width: 100%; padding-left: 0; padding-bottom: 50px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carInfo{font-size: 16px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carTable{margin-top: 30px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carTable .dlBox{font-size: 16px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carExplain{margin-top: 25px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carExplain h3{font-size: 16px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carExplain .text{font-size: 16px;} } @media screen and (max-width:767px) { .maxWidth.baojia{padding: 0;} #contentBox .ServiceQuoInq .ServiceQuoHd li{width: 50%; padding: 0; font-size: 14px; height: 35px; text-align: center; line-height: 35px;} #contentBox .ServiceQuoInq .ServiceQuoHd li.on{padding-top: 0; line-height:35px;} #contentBox .ServiceQuoInq .ServiceQuoBd{height: auto; padding:10px 0 0 0;} #contentBox .ServiceQuoInq .ServiceQuoBd .SerBox{padding:0 15px;} #contentBox .ServiceQuoInq .SerBox .leftForm{margin-top: 0;} #contentBox .ServiceQuoInq .SerBox .leftForm dl{margin-top: 15px;} #contentBox .ServiceQuoInq .SerBox .leftForm dl select{font-size: 14px;} #contentBox .ServiceQuoInq .SerBox .rBox{padding-bottom: 35px;} #contentBox .ServiceQuoInq .SerBox .rQueryBox{margin-top: 20px;} #contentBox .ServiceQuoInq .SerBox .rResultBox{margin-top: 20px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carInfo{padding: 10px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carInfo span{width: 100%; font-size: 14px; line-height: 24px; text-align: center;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carInfo span:last-child{text-align: center;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carTable{width: 90%; margin: 15px 5% 0 5%; } #contentBox .ServiceQuoInq .SerBox .rResultBox .carTable .dlBox{font-size: 14px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carExplain{width: 90%; margin: 15px 5% 0 5%;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carExplain h3{font-size: 14px;} #contentBox .ServiceQuoInq .SerBox .rResultBox .carExplain .text{font-size: 14px; line-height: 24px;} } /*服务中心-授权店面*/ #contentBox .empowerBox{float: left; width: 100%; margin-bottom: 50px;} #contentBox .empowerAddress{float: left; width:26.5%;} #contentBox .empowerAddress .p1{float: left; width: 100%; color:#000000; font-size: 16px; line-height: 20px;} #contentBox .empowerAddress .secForm{float: left; width: 100%; margin-top: 27px;} #contentBox .empowerAddress .secForm .secBox{float: left; width:35.13%; margin-right: 2.7%;} #contentBox .empowerAddress .secForm .secBox select{float: left; width: 100%; border:2px solid #003586; height:40px; line-height:36px; text-indent: 5px; color:#000; font-size:18px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url("_im_g/pro19.png") no-repeat right 12px center; background-size:23px 12px; } #contentBox .empowerAddress .secForm button{float:left; width: 24.34%; height: 40px; color:#fff; border:0; background:#003586; font-size: 18px;} #contentBox .empowerAddress .secForm button:hover{ box-shadow: 0 0 15px rgba(0,53,134,0.2); -moz-box-shadow: 0 0 15px rgba(0,53,134,0.2); -webkit-box-shadow: 0 0 15px rgba(0,53,134,0.2); } #contentBox .empowerAddress .AddressList{float: left; width: 100%; height: 410px; margin-top: 10px; overflow-y: auto;} #contentBox .empowerAddress .AddressList ul{float: left; width: 100%; padding-right: 12px;} #contentBox .empowerAddress .AddressList li{float: left; width: 100%; color:#000000; font-size: 16px; line-height: 21px; margin-top: 20px;} #contentBox .empowerAddress .AddressList li:first-child{margin-top:5px;} #contentBox .mapBox{float: right; width:70.7%;} #contentBox #bdmap1{float: left; width:100%; height: 566px;} @media screen and (max-width:1429px) { #contentBox .empowerAddress{width: 35%;} #contentBox .empowerAddress .p1{font-size: 14px;} #contentBox .empowerAddress .secForm .secBox select{font-size: 16px;} #contentBox .empowerAddress .secForm button{font-size: 16px;} #contentBox .empowerAddress .AddressList li{font-size: 14px;} #contentBox .mapBox{width: 60%;} #contentBox #bdmap1{height: 547px;} #contentBox .empowerAddress .secForm .secBox select{ background: url("_im_g/pro19.png") no-repeat right 10px center; background-size:16px 8px;} } @media screen and (max-width:1023px) { #contentBox .empowerAddress{width: 100%;} #contentBox .empowerAddress .secForm .secBox select{font-size: 14px;text-indent:3px;} #contentBox .empowerAddress .AddressList{height: 240px;} #contentBox .mapBox{width: 100%; margin-top: 25px;} #contentBox #bdmap1{height: 400px;} } @media screen and (max-width:767px) { #contentBox .empowerBox{margin-bottom: 35px;} #contentBox .empowerAddress .secForm{margin-top: 20px;} #contentBox .mapBox{margin-top: 20px;} #contentBox #bdmap1{height: 300px;} } /*服务中心-质保查询*/ #contentBox .QualityAss{float: left; width: 100%; margin-bottom: 50px; position: relative;} #contentBox .QualityAss .QualityAssImg{position: absolute; left: 0; top:0; width: 100%; height: 100%;} #contentBox .QualityAss .QualityAssForm{float: left; width:37%; position: relative; z-index: 2; background:#000; background: rgba(0,0,0,0.5); padding: 42px 38px;} #contentBox .QualityAss .QualityAssForm .p1{float: left; width: 100%; color:#fff; font-size: 16px; line-height: 25px; padding-bottom: 26px; border-bottom: 1px solid #6e6e6e;} #contentBox .QualityAss .QualityAssForm .p2{float: left; width: 100%; color:#fff; font-size:16px; line-height: 25px; padding-top:23px;} #contentBox .QualityAss .QualityAssForm .p2 span{color:#fed900} #contentBox .QualityAss .QualityAssForm .formBox{float: left; width: 100%;} #contentBox .QualityAss .QualityAssForm .formBox label{float: left; width: 100%; border:2px solid #394750; background: #fff; margin-top: 10px;} #contentBox .QualityAss .QualityAssForm .formBox label em{float: left; font-style: normal; width: 30%; background: #e4e4e4; height: 46px; line-height: 46px; color:#000000; font-size:18px; text-align: center;} #contentBox .QualityAss .QualityAssForm .formBox label input{float: left; width: 70%; border:0; background: #fff; height: 46px; line-height: 46px; text-indent: 15px; font-size:18px; color:#003586;} #contentBox .QualityAss .QualityAssForm .formBox button{float: left; width: 100%; border:2px solid #394750; background: #fed900; color:#000000; text-align: center; height: 50px; margin-top: 10px; font-size:18px;} #contentBox .QualityAss .QualityAssForm .p3{float: left; width: 100%; margin-top: 30px; border-top:1px solid #6e6e6e; color:#ffffff; font-size:14px; line-height: 25px; padding-top: 26px;} #contentBox .QualityAss .QualityAssForm .p3 span{color:#fed900;} @media screen and (max-width:1429px) { #contentBox .QualityAss .QualityAssForm{width:45%; padding: 35px 30px} } @media screen and (max-width:1023px) { #contentBox .QualityAss .QualityAssForm .p1{font-size: 14px; padding-bottom: 20px;} #contentBox .QualityAss .QualityAssForm .p2{font-size: 14px; padding-top: 16px;} #contentBox .QualityAss .QualityAssForm .formBox label em{font-size: 15px; width: 35%;} #contentBox .QualityAss .QualityAssForm .formBox label input{width: 65%; font-size: 15px;} #contentBox .QualityAss .QualityAssForm .formBox button{font-size: 15px;} #contentBox .QualityAss .QualityAssForm .p3{margin-top: 20px; padding-top:16px;} } @media screen and (max-width:767px) { #contentBox .QualityAss{margin-bottom: 25px;} #contentBox .QualityAss .QualityAssForm{width: 100%; padding:15px;} } #contentBox .QualityNoResults{position:absolute; line-height: 0; left:40%; top:50%; margin-top:-81px;} #contentBox .QualityAssForm .TipsBox.phBox{display: none; float: left; width: 100%; background: #fed900; margin-top:10px; color:#000; text-align: center; padding: 10px 0; font-size: 16px;} #contentBox .QualityAssForm .TipsBox.phBox p{font-size: 28px;} @media screen and (max-width:1429px) { #contentBox .QualityNoResults{left: 48%;} } @media screen and (max-width:1023px) { #contentBox .QualityNoResults{margin-top: -60px;} #contentBox .QualityNoResults img{width: 213px; height: 120px;} } @media screen and (max-width:767px) { #contentBox .QualityNoResults{display: none;} #contentBox .QualityAssForm .TipsBox.phBox{display: block;} } /*服务中心-质保查询-有结果*/ .queryResults{float: left; width: 100%; padding: 0 16.4%;} #contentBox .CustomerInfo{float: left; width: 100%;} #contentBox .CustomerInfo .topInfo{float: left; width: 100%; margin-top: 50px;} #contentBox .CustomerInfo .topInfo:first-child{margin-top: 30px;} #contentBox .CustomerInfo .topInfo h3{float: left; width: 100%; color:#003586; font-size: 30px;line-height: 32px;} #contentBox .CustomerInfo .topInfo h3 span{position: relative;} #contentBox .CustomerInfo .topInfo h3 span:after{position: absolute; content: ''; width: 0; height: 0; right: -12px; bottom: 4px; border-bottom: 7px solid #003586; border-left: 7px solid transparent; } #contentBox .CustomerInfo .topInfo p{float: left; width: 100%; margin-top: 13px;color:#000000; font-size: 24px; line-height: 33px; } #contentBox .CustomerInfo .downAdd{float: left; width: 100%; margin-top:40px; position: relative;} #contentBox .CustomerInfo .downAdd:after{position: absolute; content: ''; width: 1px; height: 100%; background: #000; left: 0; top:5px;} #contentBox .CustomerInfo .downAdd h3{float: left; width: 100%; color:#000000; font-size: 24px;line-height: 32px;padding-left: 12px;} #contentBox .CustomerInfo .downAdd p{float: left; width: 100%; padding-left: 12px; margin-top: 7px;color:#000000; font-size: 18px; line-height: 33px; min-height: 145px; position: relative} #contentBox .CustomerImgBox{float: left; width: 100%; margin:50px 0;} #contentBox .CustomerImgBox h3{float: left; width: 100%; color:#003586; font-size: 30px; line-height: 32px;} #contentBox .CustomerImgBox h3 span{position: relative;} #contentBox .CustomerImgBox h3 span:after{position: absolute; content: ''; width: 0; height: 0; right: -12px; bottom: 4px; border-bottom: 7px solid #003586; border-left: 7px solid transparent; } #contentBox .CustomerImgBox .CustomerList{float: left; width: 100%;} #contentBox .CustomerImgBox .CustomerList ul{margin: 0 -15px;} #contentBox .CustomerImgBox .CustomerList li{float: left; width: 100%; padding:0 15px; margin-top: 18px;} #contentBox .CustomerImgBox .CustomerList li h4{float: left; width: 100%; color:#000000; text-align: center; background: #fcc800; font-size:24px; line-height: 32px; padding: 5px 0;} #contentBox .CustomerImgBox .CustomerList li .tImg{float: left; width:100%; line-height: 0; position: relative; padding-bottom: 75%;} #contentBox .CustomerImgBox .CustomerList li .tImg img{position: absolute; width: 100%; height: 100%;} @media screen and (max-width:1429px) { #contentBox .CustomerInfo .topInfo{margin-top: 35px;} #contentBox .CustomerInfo .topInfo:first-child{margin-top: 25px;} #contentBox .CustomerInfo .topInfo h3{font-size: 24px;} #contentBox .CustomerInfo .topInfo p{font-size: 18px; line-height: 30px;} #contentBox .CustomerInfo .downAdd h3{font-size: 24px;} #contentBox .CustomerInfo .downAdd p{font-size:18px; line-height: 30px;} #contentBox .CustomerImgBox{margin:35px 0 45px 0} #contentBox .CustomerImgBox h3{font-size:24px;} #contentBox .CustomerImgBox .CustomerList ul{margin: 0 -10px;} #contentBox .CustomerImgBox .CustomerList li{padding: 0 10px;} #contentBox .CustomerImgBox .CustomerList li h4{font-size: 18px; line-height: 29px; padding: 5px 0;} } @media screen and (max-width:767px) { .queryResults{padding: 0;} #contentBox .CustomerInfo{width: 100%; } #contentBox .CustomerInfo .topInfo{margin-top: 15px;} #contentBox .CustomerInfo .topInfo:first-child{margin-top:5px;} #contentBox .CustomerInfo .topInfo h3{font-size: 20px;} #contentBox .CustomerInfo .topInfo p{font-size: 15px; line-height:26px; margin-top: 5px;} #contentBox .CustomerImgBox{width: 100%; margin: 15px 0 25px 0} #contentBox .CustomerImgBox h3{font-size:20px;} #contentBox .CustomerImgBox .CustomerList ul{margin: 0 -5px;} #contentBox .CustomerImgBox .CustomerList li{margin-top: 10px; padding: 0 5px;} #contentBox .CustomerImgBox .CustomerList li h4{font-size: 15px; line-height:22px; padding: 5px 0;} } /*漆面保护膜*/ .coverTit{float: left; width: 100%; text-align: center; margin-top: 30px;color:#514f4d;} .coverTit h1{font-size: 36px; line-height: 50px;} .coverTit h5{font-size: 14px; line-height: 20px;} .carSwitch{float: left; width: 100%;background: #000; margin: 20px 0 85px 0; position: relative} .carSwitch .carBd ul{float: left; width: 100%;} .carSwitch .carBd li{float:left; width: 12%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .carSwitch .carBd li .layImg{float:left; width: 100%; height: 563px;} .carSwitch .carBd li.on{ width:40%;} .carSwitch .carHd{position: absolute;width: 100%; left: 0; bottom: -85px; } .carSwitch .carHd ul{display: flex; justify-content:center;} .carSwitch .carHd li{float: left; width: 12%; cursor: pointer;font-size: 24px; color:#000; display: block; text-align: center; opacity: 0.5;} .carSwitch .carHd li span{display: inline-block; line-height:0; vertical-align: middle;} .carSwitch .carHd li em{line-height: 71px; display: none} .carSwitch .carHd li.active{width: 40%; opacity: 1;} .carSwitch .carHd li.active em{display: inline-block;} @media screen and (max-width:1429px) { .coverTit h1{font-size: 30px;line-height: 40px;} .carSwitch .carHd li{font-size: 18px;} .carSwitch .carHd li span img{width: 65px;} .carSwitch .carHd li em{line-height: 65px;} } @media screen and (max-width:1023px) { .coverTit{margin-top: 20px;} .coverTit h1{font-size: 26px;} .carSwitch{margin: 15px 0 60px 0;} .carSwitch .carHd{bottom: -60px;} .carSwitch .carBd li .layImg{height: 400px;} .carSwitch .carHd li{font-size: 16px;} .carSwitch .carHd li span img{width: 50px;} .carSwitch .carHd li em{line-height: 50px;} } @media screen and (max-width:767px) { .coverTit{margin-top: 10px;} .coverTit h1{font-size: 20px; line-height: 30px;} .coverTit h5{font-size: 12px; line-height: 20px;} .carSwitch {margin: 10px 0 40px 0;} .carSwitch .carBd li .layImg{height: 300px;} .carSwitch .carHd{bottom: -40px;} .carSwitch .carHd li{font-size: 12px;} .carSwitch .carHd li span img{width: 30px;} .carSwitch .carHd li em{line-height: 30px;} } .carPaint{float: left; width: 100%; margin: 50px 0 120px 0;} .paintTable{float: left; width: 100%; margin-top: 20px;} .paintTable dl{float: left; width: 100%; border-bottom: 1px solid #000000; color:#514f4d; font-size: 24px; padding: 20px 0; cursor: pointer;} .paintTable dl:first-child{border-bottom:2px solid #000; font-weight: bold; text-align: center;line-height: 44px;} .paintTable dl:first-child dd:nth-child(2):before{display: none;} .paintTable dl dd{float: left;position: relative; display: flex;justify-content:flex-start;align-items:center; line-height: 22px; min-height: 44px;padding: 0 20px;} .paintTable dl:first-child dd{justify-content:center;} .paintTable dl dd:first-child{width: 9%; text-align: center;justify-content:center; padding: 0;} .paintTable dl dd:nth-child(2){width: 30.8%; } .paintTable dl dd:nth-child(3){width: 20.5%;} .paintTable dl dd:nth-child(4){width: 39.7%;} .paintTable dl dd:after{position: absolute;content: ''; width: 1px; height: 44px; background: #000000; right: 0; top:50%; margin-top: -22px;} .paintTable dl dd:last-child:after{width: 0;} .paintTable dl dd em{position: relative; z-index: 2;} .paintTable dl:first-child:hover{background: none;} .paintTable dl:hover{background: #ccebff;} .paintTable.ph{display: none} .paintImg{float: left; width: 100%; margin-top: 70px; line-height: 0;} @media screen and (max-width:1429px) { .carPaint{ margin: 30px 0 100px 0;} .paintTable dl{font-size: 18px;padding: 12px 0;} .paintTable dl dd{padding: 0 12px;} .paintImg{ margin-top:50px;} } @media screen and (max-width:1023px) { .carPaint{ margin: 20px 0 60px 0;} .paintTable{margin-top:15px;} .paintTable dl{font-size: 16px;padding: 10px 0;} .paintTable dl dd{padding: 0 10px;} .paintTable dl dd::after{height: 38px; margin-top: -19px;} .paintTable dl dd:nth-child(2):before{ height:64px;} .paintImg{ margin-top:35px;} } @media screen and (max-width:767px) { .carPaint{ margin: 10px 0 25px 0;} .paintTable.pc{display: none} .paintTable.ph{display: block; margin-top: 0;} .paintTable.ph .tableBox{float: left; width: 100%; margin-top: 10px;} .paintTable dl{font-size: 14px;background: #f5f5f5;} .paintTable dl dd:first-child{width:30%;} .paintTable dl dd:nth-child(2){width: 70%; } .paintTable .tableBox:first-child dl dd:nth-child(2):before{ height:64px; opacity: 1;} .paintImg{ margin-top:20px;} } .creedBox{float: left; width: 100%; margin-bottom: 120px;} .creedBox .creedIco{float: left; width: 100%; text-align: center; margin-top: 65px;} .creedBox .creedIco ul{float: left; width: 100%; padding: 0 5%;} .creedBox .creedIco li{float: left; width: 25%; color:#12213f; font-size: 24px; line-height: 36px;} .creedBox .creedIco li span{display: block; line-height: 0;} .creedBox .creedIco li em{display: block; margin-top: 5px;} .creedText{float: left; width: 100%; margin-top: 70px;} .creedText .lImg{float: left; width:49%; text-align: right; line-height: 0;} .creedText .rText{float: right; width:49.5%; color:#333333; font-size: 24px; line-height: 38px; margin-top: 0;} .creedText .rText span{color:#999999} .creedText .rText .li1{float: left; width: 100%; margin-top: 12px;} .creedText .rText .li1:first-child{margin-left: -50px;} .creedText .rText .li1:nth-child(2){margin-left: -25px;} .creedText .rText .li1:nth-child(3){margin-left: -10px;} .creedText .rText .li1:last-child{margin-left: -15px;} .creedBox .creefImg{float: left; width: 100%; text-align: center; line-height: 0; margin-top: 20px;} @media screen and (max-width:1429px) { .creedBox{ margin-bottom: 90px;} .creedBox .creedIco{margin-top: 50px;} .creedBox .creedIco li{font-size: 18px;} .creedBox .creedIco li img{height: 70px;} .creedText{margin-top: 50px;} .creedText .lImg{width: 53%;} .creedText .lImg img{width: 85%;} .creedText .rText{ width: 45.5%; font-size: 18px;margin-top: -15px;} .creedText .rText .li1{margin-top: 10px;} .creedBox .creefImg img{height: 380px;} } @media screen and (max-width:1023px) { .creedBox{ margin-bottom: 55px;} .creedBox .creedIco{margin-top: 40px;} .creedBox .creedIco li{font-size: 16px; line-height: 30px;} .creedBox .creedIco li img{height: 60px;} .creedText .rText{font-size: 16px; line-height: 32px; } .creedText .rText .li1{margin-top: 5px;} .creedBox .creefImg img{height: 280px;} } @media screen and (max-width:767px) { .creedBox{ margin-bottom: 25px;} .creedBox .creedIco{margin-top: 30px;} .creedBox .creedIco ul{padding: 0;} .creedBox .creedIco li{font-size: 13px; line-height: 20px;} .creedBox .creedIco li img{height: 40px;} .creedText{display: block; margin-top: 15px;} .creedText .lImg{width: 100%; text-align: left;} .creedText .rText{width: 100%; font-size: 14px; line-height:28px; margin-top:0;} .creedText .rText .li1{margin-top: 0;} .creedText .rText .li1:first-child{margin-left: 0;} .creedText .rText .li1:nth-child(2){margin-left:0;} .creedText .rText .li1:nth-child(3){margin-left:0;} .creedText .rText .li1:last-child{margin-left:0;} .creedBox .creefImg{margin-top: 10px;} .creedBox .creefImg img{height: auto;} } .carQualityBG{float: left; width: 100%; background: url('_im_g/car14.jpg') no-repeat; background-size: 100% auto;} .carQualityBG .coverTit{position: relative; z-index: 3;} .QualityLeft{float: left; width: 46.5%; margin-top:40px; line-height: 0;} .QualityRight{float: right; width: 51.6%; margin-top: 85px;} .QualityRight .bd{float: left; width: 100%;text-align: center;} .QualityRight .bd li{line-height: 0;} .QualityRight .hd{float: left; width: 100%; background: #000; display: block; text-align: center;} .QualityRight .hd li{display: inline-block; padding: 0 29px; color:#989898; font-size: 24px; cursor: pointer; line-height: 50px; margin: 0 12px;} .QualityRight .hd li.on{color:#000; background: #ffa800;} @media screen and (max-width:1429px) { .QualityLeft{margin-top: 30px;} .QualityRight{ margin-top:55px;} .QualityRight .hd li{font-size:18px; margin: 0 5px; line-height: 40px;padding: 0 20px;} } @media screen and (max-width:1023px) { .QualityRight{ margin-top:40px;} .QualityRight .hd li{font-size:16px; margin: 0 5px; padding: 0 15px;} } @media screen and (max-width:767px) { .QualityLeft{width: 100%; margin-top: 20px;} .QualityRight{width: 100%; margin-top: 20px;} .QualityRight .hd li{font-size: 14px; line-height: 35px; padding: 0 10px; margin: 0;} } .QualityTable{float: left; width: 100%; margin-top:75px;} .QualityTable dl{float: left; width: 9.6%; font-size: 24px; color:#000; line-height: 30px; text-align: center;} .QualityTable dl:first-child{width: 13.6%;} .QualityTable dl dt{float: left; width: 100%;padding: 13px 0;} .QualityTable dl:first-child dd, .QualityTable dl:last-child dd{color:#000000} .QualityTable dl dd{float: left; width: 100%; padding: 13px 0; border-bottom: 1px solid #747474; color:#996600} .QualityText{float: left; width: 100%; padding: 0 8%; color:#999999; font-size: 14px; line-height: 20px; margin: 15px 0 100px 0;} @media screen and (max-width:1429px) { .QualityTable{margin-top: 60px;} .QualityTable dl{font-size: 18px;} .QualityTable dd img{width: 80%;} .QualityText{margin: 15px 0 60px 0;} } @media screen and (max-width:1023px) { .QualityTable{margin-top: 40px;} .QualityTable dl{font-size: 16px;} .QualityTable dl dt{padding: 8px 0;} .QualityTable dl dd{padding: 8px 0;} .QualityText{margin: 15px 0 40px 0; padding: 0 5%} } @media screen and (max-width:767px) { .QualityTable{margin-top: 20px;} .QualityTable dl{font-size: 12px; width: 100%;} .QualityTable dl:first-child{width: 100%;} .QualityTable dl dt{width: 20%; border-bottom: 1px solid #747474;} .QualityTable dl dd{width: 20%;} .QualityText{margin: 10px 0 25px 0; padding: 0} } .creedUse{float: left; width: 100%; margin: 15px 0 0 0;} .creedUse .PCSBut{float:left; width: 100%; padding: 0 10px;} .creedUse .PCSBut .li1{float: left; width:93px; height: 93px; text-align:center; color:#fff; font-size: 36px; line-height: 93px; position:relative; cursor: pointer; background: #cccccc; margin: 0 10px; border-radius: 50%; } .creedUse .PCSBut .li1.on{background: #398198;} .creedUse .PCSList{float: left; width: 100%; margin-top: 40px; position: relative;} .creedUse .PCSList .ulBox{float: left;width: 100%; position: absolute; opacity:0; z-index: 1; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .creedUse .PCSList .ulBox.active{position: relative; opacity: 1; z-index: 2;} .creedUse .PCSList .ulBox .imgBox{float: left; width: 100%; text-align: center; position: relative; line-height: 0; overflow: hidden;} .creedUse .PCSList .ulBox .imgBox .text{position: absolute; width: 100%; color:#398198; bottom: 10px; left: 0; line-height: 28px; font-size: 24px;} .creedUse .PCSList .ulBox .imgBox .text p{display: block;} .creedUse .PCSList .ulBox .imgBox .text .en{font-size: 14px; line-height: 18px;} @media screen and (max-width:1429px) { .creedUse .PCSBut .li1{width: 90px; height: 90px; line-height: 90px; font-size: 28px;} .creedUse .PCSList{margin-top: 20px;} } @media screen and (max-width:1023px) { .creedUse .PCSBut .li1{width: 70px; height: 70px; line-height: 70px; font-size: 20px;} .creedUse .PCSList .ulBox .imgBox .text{font-size: 18px;} .creedUse .PCSList .ulBox .imgBox .text .en{font-size: 12px;} } @media screen and (max-width:767px) { #contentBox .proCoopParText.carT{padding: 0;margin-top: 20px;} .creedUse{margin: 10px 0 0 0;} .creedUse .PCSBut{padding: 0;} .creedUse .PCSBut .li1{width: 50px; height: 50px; line-height: 50px; font-size: 16px;margin: 0 5px;} .creedUse .PCSList .ulBox .imgBox{padding-bottom:20px;} .creedUse .PCSList .ulBox .imgBox .text{font-size: 14px; line-height: 20px; bottom: 5px;} .creedUse .PCSList .ulBox .imgBox .text .en{font-size: 11px; line-height: 15px;} } .backOne{float: left; width: 100%; background: #e0f0f0; padding-bottom: 35px;} .proDownBox{float: left; width: 100%;} .carProcess{float: left; width: 100%; margin:30px 0 0 0;} .carProcess .CProList{float: left; width: 100%; margin-top:40px;} .carProcess .CProList ul{float: left; width: 100%;} .carProcess .CProList li{float: left; width: 20%; text-align: center; color:#003f7e; font-size:24px;line-height: 45px;position: relative} .carProcess .CProList li:after{position: absolute; content: ''; width: 95px;height: 60px; right: -47px; top:50%; margin-top: -50px; background: url("_im_g/car26.jpg") no-repeat; background-size:cover;} .carProcess .CProList li:last-child:after{display: none;} .carProcess .CProList li .tICO{float: left; width: 100%; line-height: 0;} .carProcess .CProList li .tICO img{width: 135px;} .carProcess .CProList li .dText{float: left; width: 100%; margin-top: 5px;} @media screen and (max-width:1429px) { .carProcess .CProList li{font-size: 20px;} .carProcess .CProList li .tICO img{width: 110px;} .carProcess .CProList li:after{width:60px; height: 38px;right: -30px; margin-top: -40px;} } @media screen and (max-width:1023px) { .carProcess{margin:20px 0 0 0;} .carProcess .CProList{margin-top: 25px;} .carProcess .CProList li{font-size: 18px; line-height: 35px;} .carProcess .CProList li .tICO img{width:90px;} .carProcess .CProList li:after{width: 45px; height: 28px;right: -22px;margin-top: -30px;} } @media screen and (max-width:767px) { .backOne{padding-bottom: 20px;} .carProcess{margin:20px 0 0 0;} .carProcess .CProList{margin-top: 10px;} .carProcess .CProList li{font-size: 16px; line-height: 30px; width: 33.333%; margin-top: 15px;} .carProcess .CProList li .tICO img{width:70px;} .carProcess .CProList li .dText{margin-top: 0;} .carProcess .CProList li:after{display: none;} } .carProcess .CProPlay{float: left; width: 75%; margin:55px 12.5% 0 12.5%; padding-bottom: 35px;} .carProcess .CProPlay dl{float: left; width: 100%; line-height: 0;} .carProcess .CProPlay .slick-dots{bottom: 0;} .carProcess .CProPlay .slick-dots li{width: 23px; height: 23px; background: #c0c0c0; border:2px solid #727272; margin: 0 14px; border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;} .carProcess .CProPlay .slick-dots li.slick-active{background: #fdd000; border-color:#034180;} .carProcess .CProPlay .slick-prev, .carProcess .CProPlay .slick-next{width:54px; height: 108px; left: -75px; margin-top: -25px;} .carProcess .CProPlay .slick-next{left: auto; right: -75px;} .carProcess .CProPlay .slick-prev:after{position: absolute; content: ''; width: 0; height: 0; left: 0;top:0; border-top: 54px solid transparent; border-right:54px solid #fdd000; border-bottom: 54px solid transparent; } .carProcess .CProPlay .slick-next:after{position: absolute; content: ''; width: 0; height: 0; left: 0;top:0; border-top: 54px solid transparent; border-left:54px solid #fdd000; border-bottom: 54px solid transparent;} @media screen and (max-width:1429px) { .carProcess .CProPlay{ margin:45px 12.5% 0 12.5%;} } @media screen and (max-width:1023px) { .carProcess .CProPlay{ margin:30px 10% 0 10%; width: 80%; padding-bottom: 30px;} .carProcess .CProPlay .slick-prev, .carProcess .CProPlay .slick-next{width: 40px; height: 80px; margin-top: -15px; left: -60px;} .carProcess .CProPlay .slick-next{left: auto; right: -60px;} .carProcess .CProPlay .slick-prev:after{ border-top: 40px solid transparent; border-right:40px solid #fdd000; border-bottom: 40px solid transparent; } .carProcess .CProPlay .slick-next:after{ border-top: 40px solid transparent; border-left:40px solid #fdd000; border-bottom: 40px solid transparent; } .carProcess .CProPlay .slick-dots li{width: 18px; height: 18px;margin: 0 10px;} } @media screen and (max-width:767px) { .carProcess .CProPlay{ margin:20px 5% 0 5%; width: 90%; padding-bottom: 25px;} .carProcess .CProPlay .slick-prev, .carProcess .CProPlay .slick-next{width: 20px; height: 40px; margin-top: -10px; left: -25px;} .carProcess .CProPlay .slick-next{left: auto; right: -25px;} .carProcess .CProPlay .slick-prev:after{ border-top: 20px solid transparent; border-right:20px solid #fdd000; border-bottom: 20px solid transparent; } .carProcess .CProPlay .slick-next:after{ border-top: 20px solid transparent; border-left:20px solid #fdd000; border-bottom: 20px solid transparent; } .carProcess .CProPlay .slick-dots li{width: 15px; height: 15px;margin: 0 7px;} } .carProcess .CProQuery{float: left; width: 44%; margin:45px 28% 0 28%;display:flex; flex-wrap:wrap;flex-direction:column; justify-content:center; text-align: center;} .carProcess .CProQuery .QRCode{float: left; line-height: 0;} .carProcess .CProQuery .search{float: left;} .carProcess .CProQuery .search span{display: block; color:#000; font-size: 24px; line-height: 30px; margin: 20px 0 10px 0;} .carProcess .CProQuery .inpBox{float: left; width: 100%; position: relative; background: #d9d9d9; padding-left: 62px;border:2px solid #595959;} .carProcess .CProQuery .inpBox input{float: left; width:100%; height: 59px; line-height: 59px; background: #fff; text-indent: 10px; font-size: 24px; color:#000; border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;} .carProcess .CProQuery .inpBox button{position: absolute; width: 33px; height: 36px; line-height: 0; left: 14px; top:50%; margin-top: -18px;} @media screen and (max-width:1429px) { .carProcess .CProQuery{margin:35px 20% 0 20%; width: 60%;} .carProcess .CProQuery .search span{font-size: 20px;} .carProcess .CProQuery .inpBox input{font-size: 20px;} .carProcess .CProQuery .inpBox button{width: 25px; height: 28px; margin-top: -14px; left: 17px;} } @media screen and (max-width:1023px) { .carProcess .CProQuery .search span{font-size: 18px; margin-bottom: 10px;} .carProcess .CProQuery .inpBox input{ height: 50px; line-height: 50px; font-size: 18px;} } @media screen and (max-width:767px) { .carProcess .CProQuery{margin: 25px 0 0 0; width: 100%;} .carProcess .CProQuery .QRCode img{width: 130px;} .carProcess .CProQuery .search{margin: 0;float: left; width: 100%; display:block;} .carProcess .CProQuery .inpBox{padding-left: 50px;} .carProcess .CProQuery .inpBox input{width: 100%; height: 45px;font-size: 16px;} .carProcess .CProQuery .search span{font-size: 16px; line-height: 30px; margin: 15px 0 5px 0;} .carProcess .CProQuery .inpBox button{width: 20px; height: 18px; margin-top: -10px; left: 14px;} } .carService{float: left; width: 100%; margin: 60px 0 0 0; padding-top: 20px; background: url("_im_g/car35.jpg") no-repeat center; background-size: cover;} .carService .CSerTable{float: left; width: 70%; margin: 0 15%;} .carService .CSerTable .info{float: left; width: 100%; color:#514f4d; font-size:24px; line-height: 35px;} .carService .CSerTable .dlBox{float: left; width: 100%; margin-top:20px;} .carService .CSerTable .dlBox dl{float: left; width: 13.7333%; line-height: 35px; color:#514f4d; font-size: 24px; text-align: center;} .carService .CSerTable .dlBox dl:first-child{width: 17.6002%;} .carService .CSerTable .dlBox dl dt{float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #000000} .carService .CSerTable .dlBox dl dd{float: left; width: 100%; padding: 10px 0;border-bottom: 1px solid #000000;} .carService .CSerTable .dlBox dl.rad dd{color:#ff0000;} .carService .CSerTable .ps{float: left; width: 100%; text-align:center; color:#000; line-height: 24px; margin-top: 15px; font-size: 14px;} .carService .but{float: left; width: 100%; display: block; text-align: center; margin: 55px 0;} .carService .but a{display: inline-block; width: 274px; height: 55px;line-height: 55px; background: #003f7e; color:#fdd000; font-size: 24px;} .carService .but a img{vertical-align: middle; margin-top: -7px; width: 33px;} .carService .but a:hover{background: #000;} .carService .CSerText{float:left; width: 100%; padding: 0 6%; margin-top: 25px; color:#000; font-size: 17px; line-height: 24px;} .carService .CSerText .text{float: left;} .carService .CSerText .text:last-child{ float: right;} .carService .CSerText p{margin-top: 10px;} @media screen and (max-width:1429px) { .carService{ margin: 50px 0 0 0;padding-top: 10px;} .carService .CSerTable{width: 80%;margin: 0 10%;} .carService .CSerTable .info{font-size: 18px;} .carService .CSerTable .dlBox dl{font-size: 18px;} .carService .but{margin: 40px 0;} .carService .but a{font-size: 18px;} .carService .CSerText{font-size: 16px;} .carService .CSerText .text{width: 100%;} .carService .CSerText h1{font-size:40px;padding-left: 20px;} .carService .CSerText p{margin-top: 5px;} } @media screen and (max-width:1023px) { .carService{ margin: 40px 0 0 0;} .carService .CSerTable{} .carService .CSerTable .info{font-size: 16px; line-height: 28px;} .carService .CSerTable .dlBox{margin-top: 15px;} .carService .CSerTable .dlBox dl{font-size: 16px;} .carService .CSerTable .dlBox dl dd{padding: 5px 0;} .carService .but{margin-top: 30px;} .carService .but a{font-size: 16px;height: 40px;line-height: 40px;width: 240px;} .carService .but a img{width: 25px;} .carService .CSerText{font-size: 16px; margin-top: 15px;} .carService .CSerText h1{font-size:30px;padding-left: 20px;} .carService .CSerText p{margin-top: 5px;} } @media screen and (max-width:767px) { .carService{ margin: 30px 0 0 0;} .carService .CSerTable{width: 94%; margin: 0 3%;} .carService .CSerTable .info{font-size: 14px; line-height: 24px;} .carService .CSerTable .dlBox{margin-top: 10px;} .carService .CSerTable .dlBox dl{font-size: 12px; width: 13.3333%;} .carService .CSerTable .dlBox dl:first-child{width: 31.6667%;} .carService .CSerTable .dlBox dl dt{padding: 5px 0;} .carService .CSerTable .dlBox dl.rad{width:11%;} .carService .CSerTable .ps{font-size: 12px; line-height: 20px;} .carService .CSerTable .but a{font-size: 14px; width: 200px;} .carService .CSerTable .but a img{width: 20px;} .carService .CSerText{padding: 0 3%; margin-top: 15px; font-size: 14px; line-height: 24px;} .carService .CSerText h1{font-size: 24px; line-height: 36px; padding-left: 10px;} .carService .CSerText .text{margin-top: 0;} .carService .but{margin: 20px 0 30px 0;} .carService .but a{font-size: 14px;} } @media screen and (max-width:374px) { .carService .CSerTable .dlBox dl{font-size: 11px;} } /*新闻中心*/ #pageConBox{float: left; width: 100%;} .pageTit{float: left; width: 100%; background: #003586; text-align:center; line-height: 47px; color:#ffc800; font-size: 24px;} .pageNewList{float: left; width: 32%;} .pageNewList ul{float: left; width: 100%; margin-top: -10px;} .pageNewList ul li{float: left; width: 100%; padding: 25px 0 23px 0; border-bottom: 1px solid #cccccc;} .pageNewList ul li:last-child{border-bottom: 0;} .pageNewList ul li .h2{float: left;width: 100%; color:#000000; font-size: 24px; line-height: 35px; height: 35px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .pageNewList ul li .dText{float: left; width: 100%; color:#000000; font-size: 18px; margin-top:8px;line-height: 28px; max-height: 112px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .pageNewList ul li a:hover .h2{color:#003586} .newFy{float: left; width: 100%; padding: 3px 0 27px 0; display: block; text-align: center;} .newFy .pageTurning{display:inline-block; *display:inline; *zoom:1; color:#000; font-size: 18px;line-height: 40px;} .newFy .pageTurning a{color:#000; padding: 0 10px;} .newFy .pageTurning span{padding: 0 10px;} .newFy .pageTurning a:hover{color:#003586} @media screen and (max-width:1429px) { .pageTit{font-size: 20px; line-height: 40px;} .pageNewList ul li{padding: 20px 0 17px 0;} .pageNewList ul li .h2{font-size: 20px; line-height: 30px; height: 30px;} .pageNewList ul li .dText{font-size: 16px; line-height: 24px; max-height: 96px;} .newFy .pageTurning{font-size: 16px;} .newFy .pageTurning a{padding: 0 8px;} .newFy .pageTurning span{padding: 0 8px;} } @media screen and (max-width:1023px) { .pageTit{font-size: 18px;} .pageNewList ul{margin-top: 0;} .pageNewList ul li{padding: 15px 0;} .pageNewList ul li .h2{font-size: 18px;} .pageNewList ul li .dText{font-size: 14px; margin-top:5px;} .newFy{padding: 0 0 25px 0;} .newFy .pageTurning{font-size: 14px; line-height: 30px;} .newFy .pageTurning a{padding: 0 3px;} .newFy .pageTurning span{padding: 0 3px;} } @media screen and (max-width:767px) { .pageNewList{width: 100%;} .pageTit{font-size: 16px;position: relative} .pageTit:after, .pageTit:before{position: absolute; content: ''; width: 20px; height: 100%; left: -17px;background:#003586;} .pageTit:before{left: auto; right: -17px;} .pageNewList ul li .h2{font-size: 16px; line-height: 28px; height: 28px;} .pageNewList ul li .dText{font-size: 13px; line-height: 22px; max-height: 88px;} .newFy .pageTurning{width: 100%;font-size: 13px;} .newFy .pageTurning a{float:left; width: 20%; color:#000; background: #fcc800;} .newFy .pageTurning a:last-child{float: right;} .newFy .pageTurning a i{display: none;} .newFy .pageTurning span{ padding: 0 8px;} } .pageCaseBox{float: right; width: 65%;} .pageCaseBox .caseList{float: left; width: 100%;} .pageCaseBox .caseList ul{margin: 0 -10px;} .pageCaseBox .caseList li{float: left; width: 33.333%; padding: 0 10px; margin-top: 20px;} .pageCaseBox .caseList li .tImg{float: left; width: 100%; position: relative; overflow:hidden; padding-bottom: 70%;} .pageCaseBox .caseList li .tImg img{position: absolute; width: 100%; height: 100%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .pageCaseBox .caseList li .dText{float: left; width: 100%; background: #000000; padding: 15px 10px 11px 10px; text-align: center;font-size: 18px; line-height: 32px;color:#fff;} .pageCaseBox .caseList li .dText .carName{float: left; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .pageCaseBox .caseList li .dText .carPs{float: left; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .pageCaseBox .caseList li a:hover .tImg img{ transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1); } .pageCaseBox .caseList li a:hover .dText{color:#ffc800} .wack1{ float:left; width:100%; padding:29px 0; text-align:center;} .wack1 .fy_ph{ display:inline-block; *display:inline; *zoom:1;} .wack1 .fy_ph a {float:left; line-height:40px; color:#000000; font-size:18px; margin:0 10px;} .wack1 .fy_ph a:hover, .wack1 .fy_ph a.on{color:#003586} @media screen and (max-width:1429px) { .pageCaseBox .caseList li .dText{font-size: 16px; line-height: 28px;padding: 10px;} .wack1{padding: 22px 0;} .wack1 .fy_ph a{font-size: 16px;} } @media screen and (max-width:1023px) { .pageCaseBox .caseList ul{margin: 0 -5px;} .pageCaseBox .caseList li{padding: 0 5px;margin-top: 10px;} .pageCaseBox .caseList li .dText{font-size: 14px; line-height: 24px;} .wack1 .fy_ph a{font-size: 14px; line-height: 30px; margin: 0 7px;} } @media screen and (max-width:767px) { .pageCaseBox{width: 100%;} .pageCaseBox .caseList{margin:3px 0 20px 0;} .pageCaseBox .caseList ul{margin:0 -7px;} .pageCaseBox .caseList li{width: 50%; padding: 0 7px; margin-top: 14px;} } /*新闻详情*/ .pageInfoBox{float: left; width: 100%;} .pageMargin{margin: 0 auto; width: 950px;} .pageInfoBox .newsInfo{float: left; width: 100%; color:#000; font-size:18px; line-height:28px;min-height: 500px;} .pageInfoBox .newsInfo .pTit{float: left; width: 100%; text-align: center; color:#000000; font-size: 30px; margin-top: 15px;} .pageInfoBox .newsInfo .textBox{float: left; width: 100%; margin-top:15px; text-align: center;} .pageInfoBox .newsInfo .textBox img{max-width: 100%;} .pageInfoBox .newsInfo .textBox p.l{text-align: left;} .pageInfoBox .newsInfo .textBox video{max-width: 706px; width: 100%;} @media screen and (max-width:1429px) { .pageInfoBox .newsInfo .pTit{font-size: 26px;} .pageInfoBox .newsInfo{font-size: 16px;} } @media screen and (max-width:1023px) { .pageMargin{margin: 0 auto; width:100%;} .pageInfoBox .newsInfo {font-size: 15px; line-height: 24px;} .pageInfoBox .newsInfo .pTit{font-size: 22px;} } @media screen and (max-width:767px) { .pageInfoBox .newsInfo {font-size: 14px;} .pageInfoBox .newsInfo .pTit{font-size: 20px;} .pageInfoBox .newsInfo .textBox{margin-top: 10px; padding-bottom: 15px;} } /*关于我们*/ .aboutInfo{float: left; width: 100%; color:#000000; font-size:16px;line-height: 28px;} .aboutInfo .lMap{float: left; width: 57%; line-height: 0; margin-left: 15px;} .aboutInfo .rText{float: right; width: 38%; margin-right: 15px;} .aboutInfo .rText img{max-width: 100%;} .aboutHistory{float: left; width: 100%; color:#000000; font-size: 18px; line-height: 28px; margin-bottom:60px;} .aboutHistory .ulBox{float: left; width: 100%; margin-top: 60px;} .aboutHistory .ulBox .titYear{float: left; width: 100%; text-align: center; font-size: 48px; line-height: 45px;} .aboutHistory .ulBox .text{float: left; width: 100%; padding: 0 50px; margin-top: 10px;} .aboutHistory .ulBox .imgBox{float: left; width: 100%; line-height: 0; text-align: center; margin-top: 15px;} .aboutHistory .ulBox .imgBox img{max-width: 100%;} .aboutHistory .ulBox .imgBox.wriLogo{margin: 50px 0 35px 0;} @media screen and (max-width:1429px) { .aboutInfo{font-size:14px;line-height: 24px;} .aboutInfo .lMap{width: 50%; margin-top: 25px;} .aboutInfo .rText{width: 43%;} .aboutInfo .rText img{width: 80%;} .aboutHistory{ font-size: 16px; } .aboutHistory .ulBox{margin-top:45px;} .aboutHistory .ulBox .titYear{font-size: 38px;} .aboutHistory .ulBox .imgBox.wriLogo{margin: 40px 0 25px 0;} } @media screen and (max-width:1023px) { .aboutInfo .lMap{width: 100%; margin:0;} .aboutInfo .rText{width:100%; margin: 15px 0 0 0;} .aboutInfo .rText img{width:auto;} .aboutHistory{ font-size: 14px; line-height: 24px; margin-bottom: 45px;} .aboutHistory .ulBox{margin-top: 30px;} .aboutHistory .ulBox .titYear{font-size: 32px; line-height: 35px;} .aboutHistory .ulBox .text{padding: 0 25px;} .aboutHistory .ulBox .imgBox.wriLogo{margin: 30px 0 15px 0;} .aboutHistory .ulBox .imgBox.wriLogo img{width: 60%;} } @media screen and (max-width:767px) { .aboutHistory{margin-bottom: 30px;} .aboutHistory .ulBox{margin-top: 20px;} .aboutHistory .ulBox .titYear{font-size: 28px; line-height: 30px;} .aboutHistory .ulBox .text{padding: 0;} .aboutHistory .ulBox .imgBox.wriLogo{margin: 20px 0 5px 0} .aboutHistory .ulBox .imgBox.wriLogo img{width: 70%;} } #pageHonor{float: left; width: 100%; background: #333333} .honorBox{float: left; width: 100%; margin: 60px 0 55px 0; padding: 0 38px;} .honorBox .liBox{text-align: center;color:#fff; font-size: 18px; line-height: 30px; height: 265px; margin: 0 20px;} .honorBox .liBox .img{ line-height: 0;} .honorBox .liBox .dTit{ margin-top: 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } @media screen and (max-width:1429px) { .honorBox{ font-size: 16px;} .honorBox .liBox{font-size: 16px;} } @media screen and (max-width:1023px) { .honorBox{margin: 50px 0 40px 0; padding: 0 10px; font-size: 14px;} .honorBox .liBox{font-size: 14px;height: 255px; margin: 0 10px;} .honorBox .liBox .dTit{margin-top:5px;} } @media screen and (max-width:767px) { .honorBox{margin: 30px 0 20px 0; padding: 0; } .honorBox .liBox{height: 215px; margin: 0 5px;} .honorBox .liBox .img img{height: 180px;} } /*太阳膜*/ .SolarBanner{float: left; width: 100%;} .SolarBanner .banBox{float: left; width: 100%;} .SolarBanner .banBox .tImg{float: left; width: 100%; line-height: 0;} .SolarBanner .banBox .dText{float: left; width: 100%; height: 88px; line-height: 30px; text-align: center; display: table; font-size: 18px;color:#000000;} .SolarBanner .banBox .dText span{vertical-align: middle; display: table-cell;} @media screen and (max-width:1429px) { .SolarBanner .banBox .dText{font-size: 16px; height: 75px;} } @media screen and (max-width:1023px) { .SolarBanner .banBox .dText{font-size: 14px; line-height: 24px;} } @media screen and (max-width:767px) { .SolarBanner .banBox .dText{height: 70px;} } .ClockBox{float: left; width: 100%; display:block; text-align: center; margin-bottom: 178px;} .ClockBox .h2Tit{float: left; width: 100%; color:#000000; font-size: 36px; line-height:50px; margin-top: 55px;} .ClockBox .RoundFrame{display: inline-block; width: 620px; height: 620px; margin-top: 135px; border:1px solid #e9e8e8; border-radius: 50%; position: relative} .ClockBox .RoundFrame dl{position: absolute; width: 100px; text-align: center; top:-115px; left: 50%; margin-left: -50px;} .ClockBox .RoundFrame dl .img{float: left; width: 100%; line-height: 0;} .ClockBox .RoundFrame dl dd{float: left; width: 100%; color:#2a3d54; font-size: 22px; line-height: 35px;} .ClockBox .RoundFrame dl:nth-child(2){top:-60px; left: 50%; margin-left: -230px;} .ClockBox .RoundFrame dl:nth-child(3){top:-60px; left: auto; right: 50%; margin-left:0; margin-right: -230px;} .ClockBox .RoundFrame dl:nth-child(4){top:65px; left:-58px; margin-left: 0;} .ClockBox .RoundFrame dl:nth-child(5){top:65px; left: auto; right:-58px; margin-left: 0;} .ClockBox .RoundFrame dl:nth-child(6){top:50%; margin-top: -60px; left: -100px; margin-left: 0;} .ClockBox .RoundFrame dl:nth-child(7){top:50%; margin-top: -60px; left: auto; right: -100px; margin-left: 0;} .ClockBox .RoundFrame dl:nth-child(8){top:auto; bottom: 30px; left:-58px; margin-left: 0;} .ClockBox .RoundFrame dl:nth-child(9){top:auto; bottom: 30px; left: auto; right:-58px; margin-left: 0;} .ClockBox .RoundFrame dl:nth-child(10){top:auto; bottom: -93px; left:50%;margin-left: -230px;} .ClockBox .RoundFrame dl:nth-child(11){top:auto; bottom: -93px; left: auto; right:50%;margin-right: -230px; margin-left: 0;} .ClockBox .RoundFrame dl:nth-child(12){top:auto; bottom: -150px; left:50%; margin-left: -50px;} #canvas{float: left; width: 620px; height: 620px; position: relative;} @media screen and (max-width:1429px) { .ClockBox .h2Tit{font-size: 32px; margin-top: 40px;} .ClockBox .RoundFrame dl dd{font-size: 20px;} } @media screen and (max-width:1023px) { .ClockBox{margin-bottom: 140px;} .ClockBox .RoundFrame{width: 480px;height: 480px;} .ClockBox .RoundFrame dl{width: 80px;} .ClockBox .RoundFrame dl .img img{width: 60px;} .ClockBox .RoundFrame dl dd{font-size: 18px;} .ClockBox .RoundFrame dl{top:-69px; margin-left: -40px;} .ClockBox .RoundFrame dl:nth-child(2){top: -28px; margin-left: -180px} .ClockBox .RoundFrame dl:nth-child(3){top:-28px; margin-right: -180px;} .ClockBox .RoundFrame dl:nth-child(4){left: -38px} .ClockBox .RoundFrame dl:nth-child(5){right: -38px;} .ClockBox .RoundFrame dl:nth-child(6){margin-top: -40px;left: -70px;} .ClockBox .RoundFrame dl:nth-child(7){margin-top: -40px;right: -70px;} .ClockBox .RoundFrame dl:nth-child(8){bottom: 33px;left: -38px;} .ClockBox .RoundFrame dl:nth-child(9){bottom: 33px;right: -38px;} .ClockBox .RoundFrame dl:nth-child(10){bottom: -60px; margin-left: -180px;} .ClockBox .RoundFrame dl:nth-child(11){bottom: -60px; margin-right: -180px;} .ClockBox .RoundFrame dl:nth-child(12){bottom: -104px;} #canvas{width: 480px;height: 480px;} } @media screen and (max-width:767px) { .ClockBox{margin-bottom: 80px;} .ClockBox .RoundFrame{width: 280px;height: 280px; margin-top: 50px;} .ClockBox .h2Tit{font-size: 24px; margin-top: 15px; line-height: 40px;} .ClockBox .RoundFrame dl{width:50px;} .ClockBox .RoundFrame dl dd{font-size:12px; line-height: 24px;} .ClockBox .RoundFrame dl .img img{width: 35px;} .ClockBox .RoundFrame dl{top:-40px; margin-left: -25px;} .ClockBox .RoundFrame dl:nth-child(2){top:-18px; margin-left: -100px;} .ClockBox .RoundFrame dl:nth-child(3){top:-18px; margin-right: -100px;} .ClockBox .RoundFrame dl:nth-child(4){top:35px; left: -23px;} .ClockBox .RoundFrame dl:nth-child(5){top:35px;right: -23px;} .ClockBox .RoundFrame dl:nth-child(6){margin-top: -20px;left: -43px;} .ClockBox .RoundFrame dl:nth-child(7){margin-top: -20px;right: -43px;} .ClockBox .RoundFrame dl:nth-child(8) {bottom: 15px;left: -23px;} .ClockBox .RoundFrame dl:nth-child(9) {bottom: 15px;right: -23px;} .ClockBox .RoundFrame dl:nth-child(10) {bottom: -43px;margin-left: -100px;} .ClockBox .RoundFrame dl:nth-child(11) {bottom: -43px;margin-right: -100px;} .ClockBox .RoundFrame dl:nth-child(12){bottom: -64px; margin-left: -25px;} #canvas{width: 280px;height: 280px;} } @media screen and (max-width:374px) { .ClockBox .RoundFrame{width: 230px; height: 230px} #canvas{width: 230px;height: 230px;} .ClockBox .RoundFrame dl:nth-child(2){top: -22px;margin-left: -90px;} .ClockBox .RoundFrame dl:nth-child(3){top: -22px;margin-right: -90px;} .ClockBox .RoundFrame dl:nth-child(4){top: 25px;left: -28px;} .ClockBox .RoundFrame dl:nth-child(5){top: 25px;right: -28px;} .ClockBox .RoundFrame dl:nth-child(8){bottom: 3px;left: -28px;} .ClockBox .RoundFrame dl:nth-child(9){bottom: 3px;right: -28px;} .ClockBox .RoundFrame dl:nth-child(10){margin-left: -90px;} .ClockBox .RoundFrame dl:nth-child(11){margin-right: -90px;} } #InsulationBack{float: left; width: 100%; background: #c3e1ff} .insBox{float: left; width: 100%; padding: 35px 0 20px 0; background: url("_im_g/pro36.png") no-repeat left top; background-size:100% auto; } .insTit{float: left; width: 100%; text-align: center; color:#2a3d54; font-size: 36px; line-height: 50px;} .insBox .lInfo{float: left; width: 57%; margin-top: 180px;} .insBox .lInfo dl{float: left; width: 100%;margin-top: 20px;} .insBox .lInfo dl dt{float: left; color:#2a3d54; font-size: 24px; line-height: 30px;} .insBox .lInfo dl dd{float: left; color:#2a3d54; font-size: 18px; line-height: 30px;} .insBox .rImg{float: right; width: 40.5%;line-height: 0; margin-top: 50px; text-align: center;} .insBox .rImg img{width: 100%} @media screen and (max-width:1429px) { .insTit{font-size: 32px;} .insBox .lInfo{ margin-top: 75px;} .insBox .lInfo dl{margin-top: 15px;} .insBox .lInfo dl dt{font-size: 20px; line-height: 28px;} .insBox .lInfo dl dd{font-size: 16px; line-height: 28px;} } @media screen and (max-width:1023px) { .insBox{padding: 25px 0 30px 0} .insTit{font-size: 28px; line-height: 40px;} .insBox .rImg{width:100%; margin-top: 30px;} .insBox .rImg img{width:60%;} .insBox .lInfo{width: 100%; margin-top:0;} .insBox .lInfo dl{margin-top:10px;} .insBox .lInfo dl dt{font-size: 18px;} .insBox .lInfo dl dd{font-size: 14px;} } @media screen and (max-width:767px) { .insBox{padding: 20px 0;} .insTit{font-size: 24px; line-height:32px;} .insBox .rImg{margin-top: 20px;} .insBox .rImg img{width: 100%;} } #parameterBox{float:left; width: 100%;} .parameterList{float: left; width: 100%; margin:35px 0 38px 0;} .parameterList .ulBox{float: left; width: 100%; margin-top:-25px;} .parameterList .ulBox .margin{margin: 0 -20px;} .parameterList .ulBox ul{float: left; width: 100%;} .parameterList .ulBox li{float: left; width:50%; padding: 0 40px; margin-top: 70px;} .parameterList .ulBox li .h2Tit{float: left; width: 100%;color:#2a3d54; font-size: 24px; line-height: 35px;} .parameterList .ulBox li .dInfo{float: left; width: 100%; margin-top: 5px; color:#2a3d54; font-size: 18px; line-height: 30px;} @media screen and (max-width:1429px) { .parameterList .ulBox{margin-top: -15px;} .parameterList .ulBox .margin{margin: 0 -10px;} .parameterList .ulBox li{margin-top: 45px;padding: 0 25px;} .parameterList .ulBox li .h2Tit{font-size: 20px;} .parameterList .ulBox li .dInfo{font-size: 16px; line-height: 26px;} } @media screen and (max-width:1023px) { .parameterList{margin: 25px 0 30px 0} .parameterList .ulBox{margin-top: -10px;} .parameterList .ulBox .margin{margin: 0 -15px;} .parameterList .ulBox li{margin-top: 30px; padding: 0 15px;} .parameterList .ulBox li .dInfo{font-size: 14px; line-height: 24px;} } @media screen and (max-width:767px) { .parameterList{margin: 20px 0 23px 0;} .parameterList .ulBox{margin-top: -5px;} .parameterList .ulBox .margin{margin: 0;} .parameterList .ulBox li{width: 100%; padding: 0; margin-top: 15px;} .parameterList .ulBox li .h2Tit{font-size: 18px;line-height: 30px;} .parameterList .ulBox li .dInfo{margin-top: 0;} } #blackBox{float: left; width:100%; background: #000000} .CREEDBox{float: left; width: 100%; height: 580px; display: table; position: relative} .CREEDBox .backImg{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 0.3;} .CREEDBox .table{display: table-cell; vertical-align: middle;} .CREEDBox .tableCell{float: right; width: 52%; padding-right: 5%; position: relative; z-index: 2;} .CREEDBox .tableCell .h1Tit{float: left; color:#fff; width: 100%; font-size: 36px; line-height: 60px;} .CREEDBox .tableCell .h1Tit span{color:#fcc800;border-bottom: 2px solid #fcc800; display: inline-block;} .CREEDBox .tableCell .dText{float: left; width: 100%; margin-top: 32px;color:#ffffff; font-size: 18px; line-height:30px;} .CREEDBox:nth-child(2n) .tableCell{float: left; padding: 0 0 0 5%;} @media screen and (max-width:1429px) { .CREEDBox{height: 440px;} .CREEDBox .tableCell .h1Tit{font-size: 30px; line-height: 50px;} .CREEDBox .tableCell .dText{font-size: 16px; line-height: 26px; margin-top: 20px;} } @media screen and (max-width:1023px) { .CREEDBox{height: 360px;} .CREEDBox .tableCell{width: 65%;} .CREEDBox .tableCell .h1Tit{font-size: 24px; line-height: 45px;} .CREEDBox .tableCell .dText{font-size: 14px; line-height: 24px; margin-top: 15px;} } @media screen and (max-width:767px) { .CREEDBox{height:auto; min-height:250px;} .CREEDBox .tableCell{width: 100%; padding: 20px;} .CREEDBox .tableCell .h1Tit{line-height: 40px; font-size: 20px;} .CREEDBox:nth-child(2n) .tableCell{padding: 20px;} } #proStandard{float: left; width: 100%;} .carProcess.position{position: relative; margin-top: 0;} .carProcess.position .coverTit{color:#333;} .carProcess.position .back1{position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index: 1; opacity: 0.2;} .standardBox{float: left; width: 100%; margin: 20px 0 70px 0; position: relative; z-index: 2;} .carProcess.position .standardBox .CProList{padding: 0 3.5%;} .carProcess.position .standardBox .CProList li:after{background: url("_im_g/pro49.png") no-repeat; background-size: cover;} .carProcess.position .CProList li .dText{margin-top: 0;} .standardBox .standarText{float: right; width:67%; padding: 0 5%; margin-top: 45px;} .standardBox .standarText p{display: block; margin-top: 10px; color:#000000; font-size: 18px; line-height: 28px;} @media screen and (max-width:1429px) { .standardBox{margin: 10px 0 60px 0} .standardBox .standarText{width:80%; margin-top: 30px;} .standardBox .standarText p{font-size: 16px;} .carProcess.position .standardBox .CProList{margin-top: 30px;} } @media screen and (max-width:1023px) { .carProcess.position .standardBox .CProList{padding: 0; margin-top: 25px;} .standardBox{margin: 10px 0 45px 0} .standardBox .standarText{width: 100%; margin-top: 20px;} .standardBox .standarText p{font-size: 14px; line-height: 24px;} } @media screen and (max-width:767px) { .carProcess.position .standardBox .CProList{margin-top: 5px;} .standardBox{margin: 15px 0 25px 0;} .standardBox .standarText{margin-top: 10px;} .standardBox .standarText p{margin-top: 5px;font-size: 13px;} } .carService.ppfBox{margin-top: 0; padding-bottom: 85px;} .carService.ppfBox .coverTit{color:#333;} .carService.ppfBox .CSerTable .dlBox dl{color:#333;} .carService.ppfBox .CSerTable .dlBox dl.rad dd{color:#cc0000;} .carService.ppfBox .CSerText{display: block; text-align: center} .carService.ppfBox .CSerText .tit{float: left; width: 100%; color:#000000; font-size: 28px; line-height: 40px; margin-bottom: 15px;} .carService.ppfBox .CSerText .text{float: none; display: inline-block; text-align: left;} .carService.ppfBox .CSerText .text p{font-size: 18px; line-height: 28px;} @media screen and (max-width:1429px) { .carService.ppfBox{padding-bottom: 70px;} .carService.ppfBox .CSerText .tit{font-size: 24px; margin-bottom: 10px;} .carService.ppfBox .CSerText .text{width: auto; } .carService.ppfBox .CSerText .text p{font-size: 16px;} } @media screen and (max-width:1023px) { .carService.ppfBox{padding-bottom: 50px;} .carService.ppfBox .CSerText .tit{font-size: 20px; line-height: 30px;} .carService.ppfBox .CSerText .text p{font-size: 14px; line-height: 24px;} } @media screen and (max-width:767px) { .carService.ppfBox{padding-bottom: 30px;} .carService.ppfBox .CSerText .tit{font-size: 18px; margin-bottom: 5px;} .carService.ppfBox .CSerText .text p{font-size: 13px;} } /* #005ca1 @media screen and (max-width:1429px) {} @media screen and (max-width:1023px) {} @media screen and (max-width:767px) {} */