@charset "utf-8"; * {padding:0;margin:0;font-family:'Microsoft YaHei',arial,helvetica,clean,sans-serif;} body {font:0.14rem/1.231 'Microsoft YaHei',arial,helvetica,clean,sans-serif;color:#333;margin:0;line-height:1.5;-webkit-text-size-adjust:none;} :focus {outline:1;} article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;} a {color:#333;text-decoration:none;} a:link,a:hover,a:active,a:visited {text-decoration:none;} ins {background-color:#ff9;color:#000;text-decoration:none;} mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing:0;} hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;} input,select {vertical-align:middle;} li,ul {list-style-type:none;} img {border:none;} input,textarea {outline:0;border:0;} textarea {resize:none;} h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight:normal;font-style:normal;} html {font-size:100px;} .clearboth {clear:both;} ol,ul {margin-bottom:0;} p {margin:0 0 0px;} dl {margin-bottom:0;} .container {max-width:1200px;margin:0 auto;/* overflow:hidden;*/} .navbar-left {float:left;} .navbar-right {float:right;} .productscd {height:0.9rem;border-bottom:1px solid #ededed;} .productsTopvd {height:0.8rem;overflow:hidden;margin-top:0.1rem;} .col-lg-1 {width:8.33333333%;} .col-lg-2 {width:16.6666666%;} .col-lg-3 {width:25%;} .col-lg-4 {width:33.33333333%;} .col-lg-5 {width:41.66666666%;} .col-lg-6 {width:50%;} .col-lg-7 {width:58.33333333%;} .col-lg-8 {width:66.66666666%;} .col-lg-9 {width:75%;} .col-lg-10 {width:83.33333333%;} .col-lg-11 {width:91.666666666;} .col-lg-12 {width:100%;} /* center */.mbanner {width:100%;} .mbanner img {width:100%;display:block;height:100%;} .caseMenu {width:100%;height:150px;background:url(../images/casemenu.jpg) no-repeat center;color:#999;} .caseMenu a {color:#999;} .caseMenuTop span a {color:#333;} .caseMenuTop {width:100%;padding:.1rem 0;border-bottom:1px solid #e6e6e6;color:#999;font-size:0.15rem;} .caseMenuTop a {color:#999;} .caseMenuR i {float:right;padding-right:5px;} .caseMenuR img {padding-left:5px;} .caseMenuR a:hover {color:#333;} .caseMenuBottom {padding-top:.24rem;} .caseTitleL {font-size:.24rem;color:#333;} .caseRe {float:left;} .caseRer {float:left;text-align:right;margin-top:.06rem;} .text-center {margin-top:20px;} .caseTitleR ul li {float:left;padding:.05rem .2rem;background:#fff;border-radius:.05rem;border:1px solid #f2f2f2;margin-right:.1rem;-webkit-transition:.4s;transition:.4s;margin-right:.3rem;margin-bottom:0.03rem;} .caseRe i {font-size:.22rem;} .caseTitleR ul li a {display:block;line-height:.2rem;-webkit-transition:.5s;transition:.5s;} .caseTitleR ul li a::before {width:.1rem;height:.1rem;border:2px solid #ddd;content:"";display:inline-block;margin-right:10px;border-radius:50%;line-height:.2rem;vertical-align:unset;} .caseTitleR ul li:hover {box-shadow:0 0 10px rgba(32,107,209,0.2);} /* .caseTitleR ul li:hover a {color:#333;-webkit-transform:translateY(-2px);transform:translateY(-2px);} .caseTitleR ul li:hover a::before {border-color:#333;} */.caseList {padding-top:.4rem;margin-bottom:.4rem;} .caseList li {margin-bottom:.3rem;-webkit-transition:.5s;transition:.5s;border-radius:0 0 .03rem .03rem;overflow-y:hidden;} .caseList li i {display:block;position:relative;padding:28%;overflow:hidden;border:1px solid #d8d8d8;background:#fff;border-radius:5px 5px 0 0;} .caseList li img.caseImgList1 {position:absolute;top:0;left:0;width:100%;margin:auto;bottom:0;right:0;border-radius:5px;} .caseLdd .caseListdd {display:block;margin:1%;position:absolute;width:98%;height:96.1%;top:0;left:0;right:0;bottom:0;overflow:hidden;border-radius:5px 5px 0 0;} .caseListBg {width:100%;height:100%;display:block;top:0%;left:0%;position:absolute;z-index:2;-webkit-transition:.5s;transition:.5s;} .container {padding-left:0;padding-right:0;} .caseListhide {width:0%;height:0%;display:block;top:50%;left:50%;-webkit-transition:.8s;transition:.8s;background:rgba(255,255,255,.2) url(../images/see.png) no-repeat center;position:absolute;z-index:1;/* transform:rotateX(90deg);-webkit-transform:rotateX(90deg);/* Safari and Chrome */-moz-transform:rotateX(90deg);} .newsMeenu .caseMenu {width:100%;height:150px;background:url(../images/aboutmenu.jpg) no-repeat center;color:#999;} .aboutMenu .caseMenu {width:100%;height:150px;background:url(../images/aboutmenu1.jpg) no-repeat center;color:#999;} .contactMenu .caseMenu {width:100%;height:150px;background:url(../images/contact.jpg) no-repeat center;color:#999;} .caseList li:hover .caseListhide {width:100%;height:100%;top:0%;left:0;/* transform:rotateX(90deg);-webkit-transform:rotateX(360deg);-moz-transform:rotateX(90deg);*/} .caseList li .caseListTitle {font-size:.18rem;text-align:center;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.12rem 5%;-webkit-transition:1.2s;transition:1.2s;} .caseLdd:hover .caseListTitle {font-weight:bold;} .caseLine {width:.2rem;height:1px;margin:.08rem auto .1rem;background:transparent;} .caseList li p {font-size:.14rem;line-height:2;padding:0 .1rem;height:.52rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#999;-webkit-transition:1.2s;transition:1.2s;text-align:center;} .caseLdd:hover .caseText {border-bottom:1px solid transparent;} .caseList li:hover p {color:#fff;} .caseList li .caseMore {font-size:.36rem;display:block;text-align:center;margin-top:.08rem;font-weight:100;color:#fff;} .caseList li .caseMore img {position:relative;animation:lr linear 3s infinite alternate;} .caseText {/* background:#fff;*/-webkit-transition:.5s;transition:.5s;padding-top:.1rem;padding-bottom:.1rem;border-bottom:1px solid #f2f2f2;margin-bottom:0rem;height:100%;} /* .caseList li:hover .caseText {background:#333;} */.caseList li:hover .caseListTitle {color:#fff !important;} .caseList li:hover .caseLine {background:#fff;} .pagination {text-align:center;} .wjdh-message .message-form ul li button {outline:none;} input {outline:none;} .pagination a,.pagination span {color:#999;margin:0 .1rem;position:relative;float:left;padding:5px 15px;margin-left:-1px;line-height:1.42857143;text-decoration:none;background-color:#fff;border:1px solid #f2f2f2;cursor:pointer;-webkit-transition:.5s;transition:.5s;margin-bottom:0.05rem;} .pagination a:hover,.pagination span:hover {color:#fff;background:#333;box-shadow:0 0 14px rgba(0,0,0,.2);} .caseCenter h3 {text-align:center;padding-top:.2rem;font-size:.22rem;color:#4c4c4c;line-height:2;} .casemfx {display:block;text-align:center;padding-top:.1rem;position:relative;font-size:.15rem;color:#8c8c8c;text-overflow:ellipsis;white-space:nowrap;height:.3rem;} .sidepromenu {margin-top:1px;padding-left:0;padding-right:0;overflow:hidden;} .scan {vertical-align:text-top;} .casemfx a {color:#8c8c8c;} .casemfx i {position:relative;display:inline-block;float:left;margin-top:.02rem;} .casemfx i img {padding:0 0.05rem;} .casemImg ul li a {position:relative;padding:80%;float:left;} .casemImg img {width:100%;height:100%;position:absolute;top:0;left:0} .casemImg {padding:.13rem .3rem .2rem .1rem;border:1px solid #ddd;position:absolute;top:2.8rem;right:.5rem;display:none;z-index:2;background:#fff;} .casemImg b {display:block;text-align:left;padding-left:.1rem;padding-bottom:.07rem;font-weight:normal;} .detailsR {position:absolute;right:0} .casemfx {padding-bottom:.1rem;position:relative;} .productsTTOP .casemImg {width:2.6rem;} .caseContainer {padding-top:.1rem;padding-bottom:.2rem;border-bottom:1px solid #ddd;border-top:1px solid #ededed;margin-top:.3rem;} .caseRe img {border-left:180px solid transparent;-webkit-filter:drop-shadow(-180px 0 0px #333);filter:drop-shadow(-180px 0 0px #333);} .caseContainer p {padding-top:.2rem;margin:0;font-size:.15rem;color:#666;} .caseContainer {padding-bottom:.2rem;border-bottom:1px solid #ddd;} .caseContainer img {max-width:100%;display:block;margin:0 auto;height:auto;} .productRtopr h4 {color:#333;font-weight:bold;line-height:1.3;margin:0.08rem auto;} .pc-slide .swiper-wrapper {padding-bottom:.1rem;} .preview ul li.active-nav {border:1px solid #333;} .productsCenter {border-top:1px solid #ededed;padding-top:.1rem;overflow:hidden;padding-bottom:.2rem;display:block;} .caseTab ul li {padding:.25rem;background:#ededed;-webkit-transition:.5s;transition:.5s;color:#666;} .productsText {padding-top:.2rem;} .caseTab ul li:last-child a {text-align:right;width:100%;background:url(../images/casecenterico2.png) no-repeat center right;padding-right:15%;color:#666;} .caseTab ul li:last-child:hover a {background:url(../images/casecenterico2-1.png) no-repeat center right;} .caseTab ul li i.caseCenterIco1 {display:block;float:left;padding:.25rem;background:url(../images/casecenterico1.png) no-repeat center;animation:lr linear 3s infinite alternate;} .caseTab ul li i.caseCenterIco2 {display:block;padding:.25rem;animation:lr linear 3s infinite alternate;background:url(../images/casecenterico2.png) no-repeat center;} .caseTab ul li span {width:47%;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:.5rem;margin:0 .1rem;-webkit-transition:.5s;transition:.5s;font-size:.15rem;} .caseTab ul li b {margin:0 .07rem;position:relative;padding:.25rem 13%;-webkit-transition:.5s;transition:.5s;} .caseReC ul li i a img {position:absolute;top:0;left:0;width:100%;margin:auto;bottom:0;right:0;} .caseTab ul li img {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:.5s;transition:.5s;} .caseTab ul li:hover img {opacity:1;} .caseTab ul li a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:85%;padding-left:15%;background:url(../images/casecenterico1.png) no-repeat center left;-webkit-transition:.5s;transition:.5s;color:#666;font-size:0.14rem;} .caseTab ul li:hover {background:#333;} .caseTab ul li:hover a {color:#fff !important;} .caseTab {margin-top:.1rem;} .caseTab ul li:hover a {background:url(../images/casecenterico1-1.png) no-repeat center left;} .caseTab ul li:hover .caseCenterIco2 {background:url(../images/casecenterico2-1.png) no-repeat center;} .caseTab ul li:hover span {color:#fff;} .caseRecommend {padding:.3rem 0 .2rem 0;margin-bottom:.4rem;} .caseRel {font-size:.2rem;color:#333;} .caseRel img {display:inline-block;margin-right:.05rem;} .caseRer a {display:block;color:#666;} .caseRecenter {cursor:url(../img/curpo.png),default;} .caseRecenter a {cursor:url(../img/curpo.png),default;} .caseRecenter li i {display:block;position:relative;padding:30%;overflow:hidden;background:#fff;border:1px solid #d8d8d8;border-radius:5px 5px 0 0;} .caseCenter {max-width:1200px;margin:0 auto;} .contactBox iframe {display:none;} .caseRecenter li {margin-bottom:.3rem;-webkit-transition:.5s;transition:.5s;width:33.333333333333333%;} .caseRecenter li:hover .caseListhide {width:100%;height:100%;top:0%;left:0;transform:rotateX(90deg);-webkit-transform:rotateX(360deg);-moz-transform:rotateX(90deg);} .caseList li:hover .caseText {background:transparent;border-bottom:1px solid transparent;} .caseRecenter li:hover .caseListTitle {color:#fff;} .caseRecenter li:hover .caseLine {background:#fff;} .caseRecenter li:hover p {color:#fff;} .caseRecenter li .caseMore {font-size:.36rem;display:block;text-align:center;margin-top:.04rem;font-weight:100;color:#fff;} .caseRecenter li .caseMore img {position:relative;animation:lr linear 3s infinite alternate;} .caseRecenter li .caseListTitle {font-size:.18rem;text-align:center;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.1rem 5%;-webkit-transition:1.2s;transition:1.2s;} .caseReC {position:relative;} .caseRecenter li p {font-size:.14rem;line-height:2;padding:0 .1rem;height:.52rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#666;text-align:center;-webkit-transition:1.2s;transition:1.2s;} .caseRecenter {margin-top:.3rem;} .caseRecenter .caseText {padding-bottom:.2rem;} .proList {padding-top:.4rem;margin-bottom:.4rem;} .proListL {margin-left:.121rem;position:relative;overflow:hidden;} .proBg {display:block;width:100%;position:absolute;top:0;left:0;/* height:20%;*/background:#333;border-radius:10px 10px 0 0;overflow:hidden;margin-bottom:10px;display:block;height:112px;} .prouctsTitle {position:relative;z-index:1;padding-bottom:0.13rem;} .pro-ico {margin:.12rem auto 0rem;display:block;} .proListRsort1 {border-bottom:1px solid #f2f2f2;} .proListRsort .proListRsort {border:0;} .productss .proListRsort1 {border:0;border-bottom:1px solid #dededd;box-shadow:0 0 0;margin-bottom:0rem;padding-bottom:0.1rem;} .prouctsTitle h3 {text-align:center;/* line-height:0rem;*/font-size:.22rem;color:#fff;} .proListRsort1 a {display:inline-block;margin-right:20px;font-size:.14rem;line-height:2.5;color:#666;-webkit-transition:.5s;transition:.5s;} .proListRsort1 a::before {content:"";display:inline-block;width:5px;height:5px;background:#333;border-radius:50%;margin:3px .07rem;} .proListTop {overflow:hidden;/* margin-bottom:.13rem;*/} .newsTop li {padding:0 8px;} .prouctsTitle p {text-transform:uppercase;text-align:center;color:#fff;padding-top:rem;margin-bottom:6px;font-size:0.16rem;} .proList_classify {background:#fafafa;overflow:hidden;} .news_classify {overflow:hidden;} .proList_classify ul {/* height:0;*//* transition:all .4s;*/} .proList_classify ul li a.proListclass1 {position:relative;margin-top:.06rem;} .proList_classify ul li i {width:3%;background:#fff;display:inline-block;height:100%;position:absolute;top:0;left:2px;} .proList_classify ul li p {border:1px solid #dededd;border-top:1px solid #fff;padding-bottom:10px;margin-top:0;margin-bottom:0;} .proListclass1 {padding:.12rem;background:#333;display:block;width:100%;padding-left:6%;font-weight:bold;color:#fff;position:relative;} .proListclass1 span {width:85%;margin-left:2%;display:block;font-size:.16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .proListclass1:hover {color:#fff;} .proList_classify ul li p a {border-bottom:1px solid #f3f3f3;width:94%;padding-top:0;margin-left:3%;display:block;margin:.05rem;padding-bottom:.05rem;position:relative;} .proList_classify ul li p a span {padding:.07rem;width:90%;display:block;position:relative;z-index:1;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;font-size:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:url(../images/Acur.png),default;} .proList_classify ul {margin-left:0px;margin-right:0px;display:block;overflow:hidden;} .proList_classify ul li p a b {position:absolute;width:100%;height:86%;background:#333;left:-108%;-webkit-transition:.5s;transition:.5s;border-radius:.04rem;box-shadow:0 0 5px rgba(0,0,0,.1);} .proList_classify ul li p a:hover b {left:-0.07rem;} .proList_classify ul li p a.cur b {left:-0.07rem;} .proList_classify ul li p a.cur span {color:#fff;} .proList_classify ul li p a:hover span {color:#fff;} .proList_classify ul li p a span::before {width:2px;padding:.05rem 0;margin-right:.1rem;vertical-align:middle;background:#dededd;content:"";display:inline-block;-webkit-transition:.5s;transition:.5s;height:.2rem;margin-left:0.05rem;} .proHot {width:100%;padding:.2rem 0 0.18rem;background:#fafafa;margin-top:.2rem;} .proHot i {display:block;font-size:.22rem;text-align:center;} .proHot i img {padding-right:.1rem;} .proList_sort1 {width:100%;margin-top:.2rem;position:relative;} .proList_sort1 li {margin-bottom:.1rem;} .proList_sort1 ul li img {width:100%;} .proList_sort1 ul li p a {display:block;text-align:center;} .proHotimg {display:block;position:relative;padding:36%;border:5px solid #fff;} .proHotimg img {position:absolute;top:0;left:0;max-width:100%;max-height:100%;bottom:0;right:0;margin:auto;} .proHot_txt {text-align:center;display:block;line-height:.3rem;border-bottom:1px solid #dededd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pro-next img {margin-left:80%;cursor:pointer;} .pro-prev img {cursor:pointer;margin-left:20%;} .newsHot {width:100%;padding:.2rem 0.1rem 0.1rem;background:#fafafa;margin-top:.2rem;overflow:hidden;} .newsHot>i {display:block;font-size:.22rem;text-align:center;padding-bottom:.1rem;border-bottom:1px solid #e6e6e6;} .newsHot i img {padding-right:.1rem;} .newsHot ul li {display:inline-block;line-height:2.6;border-bottom:1px solid #e6e6e6;color:#999;-webkit-transition:.5s;transition:.5s;} .newsHot ul li:hover {-webkit-transform:translateX(5px);transform:translateX(5px);} .newsHot ul li span {width:8em;display:inline-block;vertical-align:bottom;margin-left:.1rem;font-size:.14rem;} .newsHot ul li i,.newsHot ul li span {color:#999;-webkit-transform:translateX(-5px);transform:translateX(-5px);overflow:hidden;text-overflow:ellipsis;font-size:.15rem;white-space:nowrap;} .newsHot ul li:hover i,.newsHot ul li:hover span {color:#333} .proListR {float:right;} .proListRtop {padding:.1rem 0;background:#f4f4f4;} .proListRtop i {padding-left:.2rem;font-size:.16rem;} .proListRtop i img {display:inline-block;margin-right:.1rem;} .proListRsort {padding:.15rem;background:#fff;box-shadow:-6px 8px 15px rgba(0,0,0,0.02);border:1px solid #f2f2f2;border-top:0;} .productsLir {padding:0;} .proListRsort a {display:inline-block;margin-right:20px;font-size:.14rem;line-height:.3rem;color:#666;} .proList_sort ul li:hover .proHot_txt {color:#333;} .proListRsort a::before {content:"";display:inline-block;width:5px;height:5px;background:#333;border-radius:50%;margin:3px .07rem;} .proListCenter li {margin-top:.2rem;padding:0 10px;} .proListCenter i a {position:relative;padding:31%;overflow:hidden;object-fit:cover;display:block;} .row1 {margin-left:-10px;margin-right:-10px;} .proListCenter i a::before {border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);position:absolute;top:5%;right:5%;bottom:5%;left:5%;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;z-index:2;background:url(../images/see.png) no-repeat center;} .proListCenter i a::after {border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);position:absolute;top:5%;right:5%;bottom:5%;left:5%;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;z-index:2;} .productsBorer:hover i a::before,.productsBorer:hover i a::after {opacity:1;-webkit-transform:scale(1);transform:scale(1);} .pagination span.current {display:block;background:#333;color:#fff;} .productsBorer i {position:relative;padding:0%;overflow:hidden;object-fit:cover;display:block;-webkit-transition:.5s;transition:.5s;width:96%;margin:2%} .productsBorer i::after {content:"";width:0%;height:0%;background:rgba(0,0,0,.1);position:absolute;top:50%;left:50%;-webkit-transition:.5s;transition:.5s;border-radius:.03rem} .proText {width:96%;margin:0 2%;} .productsBorer:hover i::after {width:100%;height:100%;top:0;left:0;} .productss ul li {margin-bottom:.3rem;} .productsMore {display:block;margin-bottom:.4rem;} .border-left {width:1px;height:0px;background:#242121;position:absolute;top:0;left:0%;-webkit-transition:.5s;transition:.5s;} .border-right {width:1px;height:0px;background:#242121;position:absolute;bottom:0;right:0%;-webkit-transition:.5s;transition:.5s;} .border-top {width:0px;height:1px;background:#242121;position:absolute;top:0;left:0%;-webkit-transition:.5s;transition:.5s;} .border-bottom {width:0px;height:1px;background:#242121;position:absolute;bottom:0;right:0%;-webkit-transition:.5s;transition:.5s;} .border-proleft {width:1px;height:0px;background:#242121;position:absolute;top:0;left:0%;-webkit-transition:.5s;transition:.5s;} .border-proright {width:1px;height:0px;background:#242121;position:absolute;bottom:0;right:0%;-webkit-transition:.5s;transition:.5s;} .border-protop {width:0px;height:1px;background:#242121;position:absolute;top:0;left:0%;-webkit-transition:.5s;transition:.5s;} .border-probottom {width:0px;height:1px;background:#242121;position:absolute;bottom:0;right:0%;-webkit-transition:.5s;transition:.5s;} .proListCenter li .productsBorer:hover .border-left {height:100%;} .proListCenter li .productsBorer:hover .border-right {height:100%;} .proListCenter li .productsBorer:hover .border-top {width:100%;} .proListCenter li .productsBorer:hover .border-bottom {width:100%;} .productsLil:hover .border-proleft {height:100%;} .productsLil:hover .border-proright {height:100%;} .productsLil:hover .border-protop {width:100%;} .productsLil:hover .border-probottom {width:100%;} .proListCenter i a img {position:absolute;top:0;left:0;max-width:100%;max-height:100%;right:0;bottom:0;margin:auto;} .proListRsort a:hover {color:#242121;} .proListCenter ul li:hover .caseListhide {top:0;} .proListCenter ul li:hover a.proListTitle {color:#333;border-bottom:1px solid #dededd;} .proListCenter ul li:hover a.proMore {color:#333;} .proListCenter ul li:hover .productsBorer {/* border:1px solid #333;*/} .productsBorer {border:1px solid #dededd;padding:0;border-radius:.05rem;-webkit-transition:.5s;transition:.5s;position:relative;} .proText a.proListTitle {display:block;padding:.1rem 0;color:#4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s;font-size:.16rem;padding:.08rem;border-bottom:1px solid #dededd;} @keyframes llr {0% {background:url(../images/promore.png) no-repeat 95% center;} 25% {background:url(../images/promore.png) no-repeat 97% center;} 50% {background:url(../images/promore.png) no-repeat 100% center;} 75% {background:url(../images/promore.png) no-repeat 97% center;} 100% {background:url(../images/promore.png) no-repeat 95% center;} } @keyframes proll {0% {background:url(../images/productsico3.png) no-repeat 95% center;} 25% {background:url(../images/productsico3.png) no-repeat 97% center;} 50% {background:url(../images/productsico3.png) no-repeat 100% center;} 75% {background:url(../images/productsico3.png) no-repeat 97% center;} 100% {background:url(../images/productsico3.png) no-repeat 95% center;} } .proMore {padding:.08rem;display:block;font-size:.1rem;text-transform:uppercase;color:#c6c6c6;background:url(../images/promore.png) no-repeat 100% center;animation:llr linear 1.5s infinite alternate;} .pro_page {padding-top:.1rem;margin-left:15px;margin-top:.4rem;} .btn-text-parent {position:relative;display:inline-block;overflow:hidden;vertical-align:bottom;} .wrap_text {display:inline-block;} .buildin-btn-text {position:absolute;left:0;top:0;z-index:9;width:100%;transform:translateY(100%);} .buildin-btn-text .btn-letter {opacity:0;} .btn-letter {display:inline-block;margin:0em 0.05em;position:relative;transition:transform .6s,opacity .6s ease;} .current-btn-text .btn-letter:nth-child(1) {transition-delay:49ms;} .current-btn-text .btn-letter:nth-child(2) {transition-delay:99ms;} .current-btn-text .btn-letter:nth-child(3) {transition-delay:149ms;} .current-btn-text .btn-letter:nth-child(4) {transition-delay:199ms;} .current-btn-text .btn-letter:nth-child(5) {transition-delay:249ms;} .current-btn-text .btn-letter:nth-child(6) {transition-delay:299ms;} .current-btn-text .btn-letter:nth-child(7) {transition-delay:349ms;} .current-btn-text .btn-letter:nth-child(8) {transition-delay:399ms;} .current-btn-text .btn-letter:nth-child(9) {transition-delay:449ms;} .current-btn-text .btn-letter:nth-child(10) {transition-delay:499ms;} .current-btn-text .btn-letter:nth-child(11) {transition-delay:549ms;} .current-btn-text .btn-letter:nth-child(12) {transition-delay:599ms;} .current-btn-text .btn-letter:nth-child(13) {transition-delay:649ms;} .current-btn-text .btn-letter:nth-child(14) {transition-delay:699ms;} .current-btn-text .btn-letter:nth-child(15) {transition-delay:749ms;} .current-btn-text .btn-letter:nth-child(16) {transition-delay:799ms;} .current-btn-text .btn-letter:nth-child(17) {transition-delay:849ms;} .current-btn-text .btn-letter:nth-child(18) {transition-delay:899ms;} .current-btn-text .btn-letter:nth-child(19) {transition-delay:949ms;} .current-btn-text .btn-letter:nth-child(20) {transition-delay:999ms;} .current-btn-text .btn-letter:nth-child(21) {transition-delay:1049ms;} .current-btn-text .btn-letter:nth-child(22) {transition-delay:1099ms;} .current-btn-text .btn-letter:nth-child(23) {transition-delay:1149ms;} .current-btn-text .btn-letter:nth-child(24) {transition-delay:1199ms;} .current-btn-text .btn-letter:nth-child(25) {transition-delay:1249ms;} .current-btn-text .btn-letter:nth-child(26) {transition-delay:1299ms;} .current-btn-text .btn-letter:nth-child(27) {transition-delay:1349ms;} .current-btn-text .btn-letter:nth-child(28) {transition-delay:1399ms;} .current-btn-text .btn-letter:nth-child(29) {transition-delay:1449ms;} .current-btn-text .btn-letter:nth-child(30) {transition-delay:1499ms;} .buildin-btn-text .btn-letter:nth-child(1) {opacity:0;transition-delay:49ms;} .buildin-btn-text .btn-letter:nth-child(2) {opacity:0;transition-delay:99ms;} .buildin-btn-text .btn-letter:nth-child(3) {opacity:0;transition-delay:149ms;} .buildin-btn-text .btn-letter:nth-child(4) {opacity:0;transition-delay:199ms;} .buildin-btn-text .btn-letter:nth-child(5) {opacity:0;transition-delay:249ms;} .buildin-btn-text .btn-letter:nth-child(6) {opacity:0;transition-delay:299ms;} .buildin-btn-text .btn-letter:nth-child(7) {opacity:0;transition-delay:349ms;} .buildin-btn-text .btn-letter:nth-child(8) {opacity:0;transition-delay:399ms;} .buildin-btn-text .btn-letter:nth-child(9) {opacity:0;transition-delay:449ms;} .buildin-btn-text .btn-letter:nth-child(10) {opacity:0;transition-delay:499ms;} .buildin-btn-text .btn-letter:nth-child(11) {opacity:0;transition-delay:549ms;} .buildin-btn-text .btn-letter:nth-child(12) {opacity:0;transition-delay:599ms;} .buildin-btn-text .btn-letter:nth-child(13) {opacity:0;transition-delay:649ms;} .buildin-btn-text .btn-letter:nth-child(14) {opacity:0;transition-delay:699ms;} .buildin-btn-text .btn-letter:nth-child(15) {opacity:0;transition-delay:749ms;} .buildin-btn-text .btn-letter:nth-child(16) {opacity:0;transition-delay:799ms;} .buildin-btn-text .btn-letter:nth-child(17) {opacity:0;transition-delay:849ms;} .buildin-btn-text .btn-letter:nth-child(18) {opacity:0;transition-delay:899ms;} .buildin-btn-text .btn-letter:nth-child(19) {opacity:0;transition-delay:949ms;} .buildin-btn-text .btn-letter:nth-child(20) {opacity:0;transition-delay:999ms;} .buildin-btn-text .btn-letter:nth-child(21) {opacity:0;transition-delay:1049ms;} .buildin-btn-text .btn-letter:nth-child(22) {opacity:0;transition-delay:1099ms;} .buildin-btn-text .btn-letter:nth-child(23) {opacity:0;transition-delay:1149ms;} .buildin-btn-text .btn-letter:nth-child(24) {opacity:0;transition-delay:1199ms;} .buildin-btn-text .btn-letter:nth-child(25) {opacity:0;transition-delay:1249ms;} .buildin-btn-text .btn-letter:nth-child(26) {opacity:0;transition-delay:1299ms;} .buildin-btn-text .btn-letter:nth-child(27) {opacity:0;transition-delay:1349ms;} .buildin-btn-text .btn-letter:nth-child(28) {opacity:0;transition-delay:1399ms;} .buildin-btn-text .btn-letter:nth-child(29) {opacity:0;transition-delay:1449ms;} .buildin-btn-text .btn-letter:nth-child(30) {opacity:0;transition-delay:1499ms;} .caseTitleR>ul {position:relative;} .caseTitleR ul li {float:left;text-align:center;font-size:15px;-webkit-transition:all .3s linear;transition:all .3s linear;} .caseTitleR ul li a {display:block;color:#666666;overflow:hidden;font-size:.15rem;} /* ·Å´ó¾µÐ§¹û */.pc-slide {width:100%;margin:0 auto;} .view .swiper-container {width:100%;} .view .arrow-left {background:rgba(0,0,0,.1);position:absolute;left:0px;top:50%;margin-top:-25px;width:38px;height:37px;z-index:10;} .view .arrow-left:after {content:"";background:url(../images/prev.png) no-repeat left center;overflow:hidden;padding:49%;top:0px;position:absolute;} .view .arrow-right:after {content:"";background:url(../images/next.png) no-repeat left center;overflow:hidden;padding:49%;top:0px;position:absolute;} .view .arrow-right {background:rgba(0,0,0,.1);position:absolute;right:0;top:50%;margin-top:-25px;width:38px;height:37px;z-index:10;} .preview {width:100%;margin-top:10px;position:relative;} .preview .swiper-container {width:100%;} .preview .swiper-slide {width:20%;cursor:pointer;} .preview .slide6 {width:82px;} .preview .arrow-left {background:url(../images/feel3.png) no-repeat left top;position:absolute;left:10px;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;} .preview .arrow-right {background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:10px;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;} .preview img {padding:1px;} .productTopImg i {display:block;position:relative;padding:33.9%;} .messageBth {width:1rem;height:0.3rem;display:block;border:1px solid #dedede;position:absolute;left:36%;top:70%;-webkit-transition:.5s;transition:.5s;} .messageBth:hover {background:#333;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.02);} .productTopImg img {position:absolute;top:0;left:0;bottom:0;right:0;max-width:96%;max-height:96%;margin:auto;} .productTopImg {padding:0rem;} .productsTTOP:hover .casemImg {display:block;} .view {border:1px solid #ededed;} .preview ul li span {display:block;position:relative;padding:32.8%;} .preview ul li span img {position:absolute;top:0;left:0;max-width:96%;max-height:96%;bottom:0;right:0;margin:auto;} /*end*/.contactBox ul li:last-child {border-right:0;} .productRtopr h4 a {color:#333;font-weight:bold;-webkit-transition:.5s;transition:.5s;display:block;} .productRtopr h4 a:hover {color:#242121;-webkit-transform:translateX(5px);transform:translateX(5px);} .productRtopr p {height:.5rem;border-bottom:1px solid #dededd;overflow:hidden;} .productRtopr span {font-size:.1rem;line-height:1.36;color:#999;display:block;font-size:.14rem;height:.39rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .productRtopr h5 {font-weight:bold;font-size:.14rem;font-weight:bold;margin-top:.1rem;margin-bottom:0.1rem;} .relevant a {display:inline-block;border:1px solid #dededd;padding:.01rem .1rem;margin-bottom:.04rem;margin-right:.05rem;color:#808080;font-size:.14rem;} .relevant a:hover {color:#333;} .relevantImg ul li {width:48%;margin:0 1%;float:left;} .relevantImg ul li>a.relevantImgA {position:relative;padding:34%;display:block;border:1px solid #dededd;} .relevantImg ul li img {position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;padding:.02rem;} .relevantImg ul li .relevantImgMore {display:block;text-align:center;line-height:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#808080;} .relevantImg ul li:hover .relevantImgMore {color:#333;} .productsMore {display:inline-block;padding:0.05rem .1rem;border:1px solid #dededd;margin-top:.3rem;margin-left:.3rem;-webkit-transition:.5s;transition:.5s;color:#737373;} .productsMore i {overflow:hidden;display:inline-block;width:.16rem;vertical-align:sub;} .productsMore:hover i img {border-left:180px solid transparent;-webkit-filter:drop-shadow(-180px 0 0px #fff);filter:drop-shadow(-180px 0 0px #fff);} .productsMore:hover {background:#333;color:#fff;-webkit-transform:translateX(5px);transform:translateX(5px);} .productsCtl {background:#333;padding:.05rem .1rem;border-radius:.03rem .03rem 0 0;} .productsCtl img {display:inline-block;margin-right:.05rem;margin-left:.2rem;} .productsCtl i {color:#fff;font-size:.16rem;} .productCenTop {overflow:hidden;margin-top:.1rem;border-bottom:1px solid #dededd;position:relative;} .details {line-height:1;text-transform:uppercase;color:#dededd;font-size:0.16rem;margin-top:0.1rem;} .detailsR {text-align:right;padding:0;} .detailsR i img {padding:0 0.05rem;} .casemImg1 {padding:.13rem .3rem .2rem .1rem;border:1px solid #ddd;top:.3rem;right:.05rem;z-index:2;background:#fff;} .casemImg1 b {display:block;text-align:left;padding-left:.1rem;padding-bottom:.07rem;font-weight:normal;} .casemImg1 ul li a {position:relative;padding:80%;float:left;} .casemImg1 img {width:100%;height:100%;position:absolute;top:0;left:0} .productsText {padding-bottom:.2rem;border-bottom:1px solid #dededd;} .caseTab {padding-top:.4rem;background:url(../images/icod33.png) no-repeat center .1rem;} .productsText p {padding-top:.2rem;margin:0;color:#999;} .caseTab ul li:hover {color:#fff;} .productsTTOP {position:relative;} .productsText img {max-width:100%;margin:.2rem 0;height:auto;} .proMessage h4 {text-align:center;margin-top:.3rem;font-size:.24rem;} .proMessage p {font-size:.14rem;text-align:center;color:#666;margin-bottom:.2rem;font-family:arial;} .promessageBox input {border:1px solid #dededd;padding:0.07rem .1rem;display:block;width:100%;padding-left:.14rem;text-indent:.14em;color:#666;background:#999;border-radius:5px;font-size:.15rem;text-indent:1.5em;} ::-webkit-input-placeholder {/* WebKit browsers */color:#999;font-size:.16rem;} ::-moz-placeholder {/* Mozilla Firefox 19+ */color:#999;font-size:.16rem;} :-ms-input-placeholder {/* Internet Explorer 10+ */color:#999;font-size:.16rem;} .contactBox input::placeholder {color:#999;} .promessageBox input::placeholder {color:#999;} .promessageBox input.pro-name {background:url(../images/name.png) no-repeat .1rem center;} .promessageBox input.pro-tel {background:url(../images/tel.png) no-repeat .1rem center;} .promessageBox input.pro-email {background:url(../images/yanzheng.png) no-repeat .1rem center;} .imgCode1 {padding:0.2rem 15px 0.1rem;} .imgcodeText {width:100%;padding:0 5px 0 15px;} .pro-textarea {width:80%;border:1px solid #dededd;text-indent:1.44em;padding:.8% 1.4%;line-height:1.5;min-height:.85rem;color:#666;margin-top:.2rem;background:url(../images/textarea.png) no-repeat .1rem .1rem;padding-left:.14rem;border-radius:5px;font-size:.16rem;} .yanzhengma {width:20%;float:right;} .promessageBox input.a-bth {display:block;margin-top:.2rem;outline:none;border:0;-webkit-transition:.5s;transition:.5s;color:#fff;padding-left:0;letter-spacing:4px;} .promessageBox input.a-bth::after {content:"";position:absolute;top:0;left:0;} .a-bth:hover {background:#333;color:#fff;} .productsLil {border:1px solid #dededd;overflow:hidden;border-radius:.03rem;} .productsLil i {display:block;position:relative;padding:49.5%;object-fit:cover;margin-top:.1rem;} .productsLil img {position:absolute;top:0;left:0;max-width:100%;max-height:100%;right:0;bottom:0;margin:auto;} .productsTitle {display:block;width:100%;padding:.1rem 0;background:url(../images/productsico3.png) no-repeat 100% center;animation:proll linear 2s infinite alternate;} .productsTitle span {display:block;font-size:.16rem;} .productsTitle b {display:block;font-weight:normal;font-size:.14rem;color:#999;} .productsLir i {display:block;position:relative;padding:40.5%;overflow:hidden;border-radius:.05rem;-webkit-transition:.5s;transition:.5s;border:1px solid #e6e6e6;} .proMored {height:.21rem;border-radius:0 0 .05rem .05rem;} .prpductsLi {display:block;padding:.05rem;} .proList {overflow:hidden;} .prolistImgd:hover i {box-shadow:0 0px 8px rgba(0,0,0,.2);border:1px solid #fff;border-radius:.03rem;} .productsLir i img {position:absolute;top:0;left:0;max-width:100%;max-height:100%;padding:4%;right:0;bottom:0;margin:auto;} .proMored {position:absolute;top:83.5%;display:block;border-radius:0 0 .03rem .03rem;left:0;width:96%;background:rgba(0,0,0,.4) url(../images/productslist3.png) no-repeat 90% .08rem;color:#fff;-webkit-transition:.5s;transition:.5s;padding:0% 5%;font-size:.14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:20%;left:2%;line-height:1.8;height:.24rem;} .prolistImgd:hover .proMored {padding:0;width:97%;height:97%;display:block;text-align:center;padding:33% 2%;top:1.5%;color:#fff;background:rgba(0,0,0,.2) url(../images/productslist4.png) no-repeat center 67%;left:1.5%;overflow:hidden;border-radius:.03rem;} .proListRsort1 a:hover {-webkit-transform:translateX(5px);transform:translateX(5px);} .productss .proListRsort {border-bottom:1px solid #dededd;box-shadow:0 0 0;margin-bottom:0rem;} .prolistImgd {padding:0 .05rem .1rem;} .pagination>li>a,.pagination>li>span {margin:0 .03rem;} .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {background:#333;color:#fff;} .caseTitleR {margin-top:0.05rem;} .abouttitleR ul li {margin-right:.2rem;} .aboutTitle h3 {font-size:.26rem;text-align:center;line-height:1;margin-top:.4rem;color:#4c4c4c;} .aboutTitle span {text-align:center;display:block;text-transform:uppercase;color:#666;font-size:.16rem;line-height:2.5;font-family:Arial;} .aboutTop {margin-top:.2rem;} .aboutL {padding-left:0;padding-bottom:.7rem;} .aboutL i {display:block;position:relative;padding:39%;overflow:hidden;} .aboutL i img {position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:.5s;transition:.5s;} .aboutR {padding-top:.2rem;} .aboutR h3 {color:#fff;font-size:.26rem;color:#333;text-align:center;} .aboutR span {font-size:.15rem;color:#333;line-height:2;} .aboutLine {width:1rem;height:1px;background:#f2f2f2;margin:.2rem auto;} .aboutR p {color:#666;line-height:2;text-indent:2em;-webkit-transition:.3s;transition:.3s;} .clear {clear:both;} .aboutR i {display:block;font-size:.15rem;padding-bottom:.5rem;background:url(../images/aboutidd.png) no-repeat center bottom;} .honor ul li {margin-top:.3rem;} .honorImg {display:block;position:relative;padding:36%;background:#fff;border:1px solid #ddd;} .honorImg img {padding:2%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;} .honorMore {text-align:center;display:block;padding-top:0.08rem;line-height:3;font-size:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;} .honor ul li i {width:.08rem;height:.08rem;display:block;border-radius:50%;border:2px solid #dededd;margin:.2rem auto 0;background:#fff;} .honorArrow {height:.3rem;position:relative;} .honorArrow .honorL {width:.3rem;height:.3rem;overflow:hidden;background:#fff url(../images/honorl.png) no-repeat center;top:-0.2rem;position:absolute;z-index:99;left:0;cursor:pointer;} .honor {position:relative;} .honorLine {width:100%;height:1px;background:#dededd;position:absolute;top:-0.05rem;} .honorArrow .honorR {width:.3rem;height:.3rem;overflow:hidden;background:#fff url(../images/honorr.png) no-repeat center;top:-0.2rem;position:absolute;z-index:99;cursor:pointer;right:0;} .contact {background:url(../images/aboutbottomhover.jpg) no-repeat center bottom;overflow:hidden;padding-bottom:1.5rem;margin-bottom:-10px;} .contactTop h4 {text-align:center;padding-top:.9rem;font-weight:bold;font-size:.18rem;-webkit-transition:.5s;transition:.5s;} .contactmeg {background:url(../images/contactico1.png) no-repeat center .1rem;-webkit-transition:.5s;transition:.5s;} .contactNetwork {background:url(../images/contactico2.png) no-repeat center .1rem;-webkit-transition:.5s;transition:.5s;} .contactService {background:url(../images/contactico3.png) no-repeat center .1rem;-webkit-transition:.5s;transition:.5s;} .contactTop span {font-size:.14rem;text-align:center;display:block;padding-bottom:.1rem;-webkit-transition:.5s;transition:.5s;color:#d4d4d4;} .contactBottom {padding:.3rem .3rem .7rem;text-align:center;line-height:2;-webkit-transition:.5s;transition:.5s;position:relative;font-size:.15rem;overflow:hidden;color:#666;} .contactTop {background:#fff;-webkit-transition:.5s;transition:.5s;padding:.1rem 0;} .contact ul li {margin-top:.4rem;-webkit-transition:.5s;transition:.5s;position:relative;} .contact ul li:hover .contactTop {background:#333;} .contact ul li:hover .contactTop h4 {color:#fff;} .contact ul li:hover .contactTop span {color:#fff;} .contact ul li:hover h4.contactmeg {background:url(../images/contactico1-1.png) no-repeat center .1rem;} .contact ul li:hover h4.contactNetwork {background:url(../images/contactico2-1.png) no-repeat center .1rem;} .contact ul li:hover h4.contactService {background:url(../images/contactico3-1.png) no-repeat center .1rem;} .contact ul li:hover {-webkit-transform:translateY(-5px);transform:translateY(-5px);} .aboutTitle p {padding:.3rem .5rem;font-size:.15rem;color:#999;text-align:center;line-height:1.8;} .contactList {overflow:hidden;} .contactList ul li {border-right:1px solid #dededd;padding:.2rem 0 0.4rem;} .contactList ul li:last-child {border-right:0;} .contactList ul li img {display:block;margin:0 auto .1rem;height:.4rem;animation:tb linear 3s infinite alternate;} .contactList ul li h4 {font-size:.2rem;text-align:center;line-height:3;margin:0;} .contactList ul li p {text-align:center;font-size:.16rem;height:.6rem;line-height:2;padding:0 .2rem;} .contactBox {border:5px solid #f4f4f4;display:block;overflow:hidden;margin-top:.5rem;} .contactBox ul li {padding:2% 5%;margin:.4rem 0;border-right:1px solid #dededd;min-height:3.7rem;} .contactBox ul li p {line-height:2;color:#999;font-size:.15rem;} .contactBox ul li p span {font-size:.16rem;} .contactBox .proMessage h4 {margin-top:0;margin-bottom:0;} .contactBox input.contact-name {background:url(../images/name.png) no-repeat .1rem center;} .contactBox input.contact-imgCode {background:url(../images/yanzheng.png) no-repeat .1rem center;width:50%;margin-top:0.2rem;float:left;} .contactBox #code_img {float:left;margin-top:0.2rem;margin-left:1%;} .contactBox input {border:1px solid #dededd;padding:.07rem .1rem;display:block;width:100%;text-indent:.25rem;color:#666;font-size:.14rem;} .contactBox input.contact-tel {background:url(../images/tel.png) no-repeat .1rem center;} .contact-textarea {width:100%;border:1px solid #dededd;text-indent:.28rem;padding:1% 1.4%;line-height:1.5;min-height:.7rem;color:#666;margin-top:.1rem;background:url(../images/textarea.png) no-repeat .08rem .1rem;margin-top:.2rem;font-size:.16rem;} .contactBox .contact-bth {display:block;margin-top:0.05rem;outline:none;border:0;-webkit-transition:.5s;transition:.5s;border-radius:.05rem;color:#fff;background:#999;margin-top:.2rem;padding-left:0;letter-spacing:4px;font-size:.16rem;text-indent:0rem;} .news_classify ul {margin-left:-15px;margin-right:-15px;margin-top:0px;} .news_classify ul li {margin-bottom:0.05rem;} .news_classify ul li:nth-child {margin-bottom:0;} .newsclass1 {padding:.12rem;background:#fafafa;display:block;width:100%;padding-left:6%;font-weight:bold;color:#333;} .news_classify ul li i {width:2%;background:#fff;display:inline-block;height:100%;position:absolute;top:0;left:-100px;z-index:9;-webkit-transition:.5s;transition:.5s;} .news_classify span {width:100%;padding:0 15%;display:block;font-size:.16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;position:relative;z-index:999;background:url(../images/newsico1.png) no-repeat 90% center;-webkit-transition:.5s;transition:.5s;} .news_classify ul li b {display:block;position:absolute;top:0;left:-100%;width:100%;height:100%;background:#333;-webkit-transition:.5s;transition:.5s;} .news_classify ul li:hover i {left:.18rem;} .news_classify ul li:hover b {left:0;} .news_classify ul li:hover span {color:#fff;background:url(../images/newsico3.png) no-repeat 90% center;} .newsCenterTop {padding:.2rem;overflow:hidden;box-shadow:0 0 12px rgba(0,0,0,.1);} .newsCenterTopl a {display:block;position:relative;padding:24%;overflow:hidden;} .newsCenterTopl a img {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;-webkit-transition:1s;transition:1s;} .newsCenterTop:hover a img {-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8;} .newsCenterTopr h4 a {font-size:.2rem;display:block;line-height:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;-webkit-transition:1s;transition:1s;} .newsCenterTop:hover h4 a {color:#242121;-webkit-transform:translateX(5px);transform:translateX(5px);} .newsCenterTopr p {font-size:.15rem;line-height:2;height:.54rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#999;} .newsCenterTopr span {margin-top:.3rem;display:block;color:#999;} .newsCenterTopr span img {display:inline-block;vertical-align:inherit;padding-right:.06rem;} .newsCemterb ul li {overflow:hidden;box-shadow:0 0 16px rgba(0,0,0,.1);} .newsCenterb ul li .newsCenterbImg {position:relative;padding:18%;display:block;background:#fafafa;} .newsCenterb ul li .newsCenterbImg img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;margin:auto;max-height:100%;} .newsCenterbImg::after {content:"";top:8%;right:5%;bottom:8%;left:5%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0;position:absolute;content:'';opacity:0;-webkit-transition:opacity .4s,-webkit-transform .4s;-moz-transition:opacity .4s,-moz-transform .4s;-o-transition:opacity .4s,-o-transform .4s;transition:opacity .4s,transform .4s;} .newsCenterbImg::before {top:8%;right:5%;bottom:8%;z-index:2;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;position:absolute;content:'';opacity:0;-webkit-transition:opacity .4s,-webkit-transform .4s;-moz-transition:opacity .4s,-moz-transform .4s;-o-transition:opacity .4s,-o-transform .4s;transition:opacity .4s,transform .4s;} .newsCenterbImg i {display:block;width:0%;height:0%;background:rgba(0,0,0,.2);position:absolute;top:50%;left:50%;z-index:1;-webkit-transition:.5s;transition:.5s;} .newsCenterb ul li:hover .newsCenterbImg i {left:0;top:0;width:100%;height:100%;} .newsCenterb ul li:hover .newsCenterbTextr a {-webkit-transform:translateX(5px);transform:translateX(5px);} .newsCenterbImg::before,.newsCenterbImg::after {position:absolute;content:'';opacity:0;-webkit-transition:opacity .4s,-webkit-transform .4s;-moz-transition:opacity .4s,-moz-transform .4s;-o-transition:opacity .4s,-o-transform .4s;transition:opacity .4s,transform .4s;} .newsCenterb ul li:hover .newsCenterbImg::before,.newsCenterb ul li:hover .newsCenterbImg::after {content:"";opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .nwesCenterbText {overflow-y:hidden;padding-bottom:.05rem;} .nwesCenterbText span {display:block;width:20%;margin:.1rem;border:1px solid #dededd;font-size:.25rem;line-height:1;padding:.1rem .12rem;color:#999;float:left;} .nwesCenterbText span i {font-size:.15rem;display:block;padding-top:.04rem;padding-bottom:0rem;} .newsCenterbTextr {padding:0 .2rem 0 0;width:74.4%;float:left;background:url(../images/newsico04.png) no-repeat 97% center;} .newsCenterbTextr a {padding:.16rem 0 0;display:block;font-size:.16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s;width:90%;} .newsCenterbTextr p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:2.7;margin:0;font-size:.15rem;width:96%;color:#808080;} .proHot_txt {display:block;font-size:.14rem;line-height:3;color:#4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .caseMenuL {font-size:.14rem;} .newsCenter {overflow:hidden;-webkit-transition:.5s;transition:.5s;border-bottom:1px solid #dededd;} .newsCenterb ul li {margin-top:.3rem;} .newsCenterb ul li:hover .newsCenter {box-shadow:0 0 16px rgba(0,0,0,.1);border-bottom:1px solid #fff;} .newsCenterb ul li:hover a {color:#333;} .newsdetails {padding:0 2%;overflow:hidden;padding-bottom:.2rem;} .newsdetails .casemImg {top:.5rem;} .newsdetails .caseCenter h3 {padding-top:0;} .aboutTitle a {display:block;text-align:center;font-size:.16rem;padding-top:.1rem;color:#333;} .newsTop ul li a.newsImg {position:relative;padding:34%;display:block;overflow:hidden;} .newsTop ul li a.newsImg img {display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:0 auto;max-width:100%;max-height:100%;border-radius:6px 6px 0 0;} .newsText {font-size:.15rem;display:block;padding:.1rem 0;} .newsTopcenter {border:1px solid #dededd;-webkit-transition:.8s;transition:.8s;margin-bottom:.2rem;border-radius:6px 6px 0 0;} .newsTopcenter .newsText {padding:0 .07rem;margin:.05rem 0;margin-bottom:.15rem;height:.46rem;-webkit-transition:.5s;transition:.5s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.15rem;-webkit-transition:1s;transition:1s;} .newsTop {margin-top:.3rem;-webkit-transition:.5s;transition:.5s;overflow:hidden;} .newsTopcenter span {margin:0 .07rem .1rem;width:96%;padding-right:30%;display:block;background:url(../images/newslistmore.png) no-repeat 96% center;-webkit-transition:.5s;transition:.5s;font-size:.15rem;color:#999;} .newsTop ul li:hover .newsTopcenter {-webkit-transform:translateX(-5px);transform:translateX(-5px);background:#333;box-shadow:0 0 16px rgba(0,0,0,.1);} .newsTop ul li:hover .newsText {color:#fff;} .newsTop ul li:hover .newsTopcenter span {color:#fff;background:url(../images/newslistmore2.png) no-repeat 96% center;} .newsTop ul li:hover a.newsImg {background:#fff;} .newsListCenter {margin-top:.3rem;-webkit-transition:.5s;transition:.5s;} .newsListLImg {display:block;position:relative;-webkit-transition:.5s;transition:.5s;overflow:hidden;} .newsListLImg::after {content:"";opacity:0;transform:scale(1.5);transition:all 0.4s ease-in-out;font-weight:normal;border:1px solid white;height:2.68rem;width:90%;position:absolute;top:0.18rem;left:5%;padding:70px;display:inline-block;text-decoration:none;padding:7px 14px;text-transform:uppercase;color:#fff;border:1px solid #fff;border-radius:0px;background-color:transparent;} .newsListLImg img {width:100%;} .newsListLcenter img {/* position:absolute;top:0;left:0;bottom:0;right:0;margin:0 auto;max-width:100%;max-height:100%;*/} .newsListLcenter:hover .newsListLImg::after {opacity:1;content:"";transform:scale(1);background-color:transparent;} .newsListLtext {padding:4.1% .2rem;-webkit-transition:.5s;transition:.5s;position:absolute;z-index:3;bottom:0;background:#fff;width:100%;} @keyframes tan {0% {-webkit-transform:translateY(0px);transform:translateY(0px);} 25% {-webkit-transform:translateY(-5px);transform:translateY(-5px);} 50% {-webkit-transform:translateY(-10px);transform:translateY(-10px);} 75% {-webkit-transform:translateY(-5px);transform:translateY(-5px);} 100% {-webkit-transform:translateY(0px);transform:translateY(0px);} } .newsQa ul li:hover i span {animation:tan linear 2s infinite alternate;} .newsListLtext a {display:block;font-size:.16rem;line-height:3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s;} .newsListLcenter {-webkit-transition:.5s;transition:.5s;border-radius:.05rem .05rem 0 0;overflow:hidden;box-shadow:0 0 16px rgba(0,0,0,.1);height:5rem;position:relative;} .newsListLtext p {color:#999;text-indent:2em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:.69rem;font-size:.15rem;-webkit-transition:.5s;transition:.5s;-webkit-transition:.5s;transition:.5s;line-height:2;} .page-content {margin:.2rem 0;overflow:hidden;font-size:.15rem;line-height:2;display:block;} .productsText {font-size:.15rem;line-height:2;} .newsListLcenter span {margin-top:.2rem;display:block;background:url(../images/news04.png) no-repeat center left;padding-left:.2rem;color:#999;font-size:.14rem;} .newsListLcenter:hover {box-shadow:0 0 16px rgba(0,0,0,.1);} .newsListLcenter:hover .newsListLtext a {color:#333;} .newsListRtop {padding:.15rem;overflow:hidden;background:#fff;border-bottom:1px solid #f2f2f2;border-radius:.05rem;border-radius:5px;} .newsListRtop span {font-size:.22rem;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;line-height:.2rem;float:left;padding-bottom:0.5em;color:#4c4c4c;font-family:arial;} .newsListRtop b {font-size:.16rem;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;float:right;font-weight:normal;line-height:.2rem;padding-bottom:0.5em;color:#4c4c4c;font-family:arial;} .newsListRtop b::after {content:"";display:block;clear:both;} .newsListRtop a.newsListRImg {display:none;position:relative;padding:30%;-webkit-transition:.5s;transition:.5s;} .newsListRtopR {width:100%;padding:0;-webkit-transition:.5s;transition:.5s;} .newsListRtopL {padding:0;width:0;-webkit-transition:.5s;transition:.5s;} .newsListRtop a.newsListRImg img {position:absolute;width:100%;height:100%;top:0;left:0;} .newsListRtopR a {display:block;font-size:.16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .newsListRtopR p {font-size:.14rem;color:#999;margin-top:0.05rem;line-height:1.5;height:.6rem;text-indent:2em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} .newsListRtop:hover .newsListRtop a.newsListRImg {display:block;position:relative;padding:30%;} .newsListRtop:hover span,.newsListRtop:hover b {color:#333;} .newsListRtop:hover .newsListRImg {display:block;} .newsListRtop:hover .newsListRtopR {width:75%;padding:0 .1rem;} .newsListRtop:hover {background:#fff;box-shadow:0 0 16px rgba(0,0,0,.1);border:1px solid #fff;} .newsListRtop:hover .newsListRtopL {width:25%;} .newsListRtop:hover .newsListRtopR a {color:#333;} .newsListR ul li {margin-bottom:.1rem;} .newsQa ul li {background:#fff;border:1px solid #f2f2f2;padding:.3rem .1rem;border-radius:0.05rem;} .newsQa ul li span {font-size:.13rem;background:#333;float:left;width:.2rem;height:.2rem;border-radius:50%;display:block;color:#fff;text-align:center;/* margin:.5rem 0;*/font-weight:bold;line-height:.2rem;} .newsQa ul li p {margin-top:.15rem;} .newsQa ul li b {margin:0 .1rem;float:left;width:85%;font-weight:normal;background:#fcfcfc;font-size:0.15rem;padding:.03rem .1rem;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;/* text-indent:2em;*/line-height:2;padding-bottom:.08rem;} .newsQa ul li a {margin:0 .1rem;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:85%;font-weight:normal;background:#fcfcfc;padding:.05rem .1rem;font-size:.15rem;cursor:url(../images/curpo.png),default;} .newsQa ul li:hover a {color:#333} .newsQa ul li i::after {content:"";clear:both;display:block;} .newsQa ul li p span {background:#333;} .newsQa {overflow:hidden;padding-bottom:.5rem;margin-top:.3rem;cursor:url(../img/curpo.png),default;} .content-show {border:18px solid #f4f4f4;padding:22px;background-color:#fff;margin:.2rem 0;} .wjdh-map {position:relative;} .wjdh-map #r-result {position:absolute;right:0;top:0;width:450px;max-height:500px;overflow-y:scroll;overflow-x:hidden;z-index:99;/* transition:0.25s cubic-bezier(0.4,0.01,0.165,0.99);*//* -webkit-transition:0.25s cubic-bezier(0.4,0.01,0.165,0.99);*/} .wjdh-map #wmap {width:100%;height:500px;} .driving-way {font-family:'Microsoft JhengHei';} .driving-way .hd li.on {background-color:#242121;color:#fff;} .driving-way .hd li {float:left;font-size:15px;width:50%;height:50px;line-height:50px;background-color:#eee;text-indent:80px;cursor:pointer;} .driving-way .map-tab {padding:20px 0;} .driving-way .map-tab .trip-mode a {position:relative;float:left;font-size:16px;padding-left:50px;width:100px;height:50px;line-height:50px;} .driving-way .map-tab .trip-mode a.active {_background:url(../images/checkbox.png) no-repeat 10px center;*background:url(../images/checkbox.png) no-repeat 10px center;} .driving-way .map-tab ul {position:relative;width:100%;height:112px;_background:url(../images/ico5.png) no-repeat left center;*background:url(../images/ico5.png) no-repeat left center;} .driving-way .map-tab ul .d1 {top:0;} .driving-way .map-tab ul li {height:35px;line-height:35px;width:70%;font-size:16px;padding:10px 0;margin-left:80px;position:absolute;left:0;/* transition:0.25s cubic-bezier(0.4,0.01,0.165,0.99);*//* -webkit-transition:0.25s cubic-bezier(0.4,0.01,0.165,0.99);*/} .driving-way .map-tab ul li input {font-size:16px;width:100%;height:35px;line-height:35px;} .driving-way .map-tab ul i {display:block;width:75%;height:1px;background-color:#ccc;position:absolute;left:50px;top:56px;} .driving-way .map-tab ul .d2 {top:56px;} .driving-way .map-tab ul .d2:before {position:absolute;left:-20px;top:25px;content:'';display:block;border-radius:50%;width:3px;height:3px;border:2px solid #12a7eb;} .driving-way .map-tab #result {background-color:#313131;color:#fff;width:200px;height:50px;line-height:50px;position:absolute;right:0;top:50%;margin-top:-25px;display:block;text-align:center;font-size:18px;text-transform:uppercase;cursor:pointer;/* transition:0.25s cubic-bezier(0.4,0.01,0.165,0.99);*//* -webkit-transition:0.25s cubic-bezier(0.4,0.01,0.165,0.99);*/} .driving-way .map-tab ul .d2:before {position:absolute;left:-20px;top:25px;content:'';display:block;border-radius:50%;width:3px;height:3px;border:2px solid #12a7eb;} .driving-way .map-tab ul .d1:before {position:absolute;left:-20px;top:30px;content:'';display:block;border-radius:50%;width:3px;height:3px;border:2px solid #ed744e;} .driving-way .map-tab ul:before {position:absolute;left:0;top:50%;margin-top:-9px;content:'';display:block;width:16px;height:17px;background:url(../images/ico5.png) no-repeat center center;/* transition:0.25s cubic-bezier(0.4,0.01,0.165,0.99);*//* -webkit-transition:0.25s cubic-bezier(0.4,0.01,0.165,0.99);*/} .driving-way .map-go ul:before {transform:rotateX(180deg);} .driving-way .map-tab .trip-mode a i:before {content:'';display:block;width:6px;height:6px;background-color:#666;position:absolute;left:50%;top:50%;margin-left:-3px;margin-top:-3px;opacity:0;/* transition:0.25s cubic-bezier(0.4,0.01,0.165,0.99);*//* -webkit-transition:0.25s cubic-bezier(0.4,0.01,0.165,0.99);*/} .driving-way .map-tab .trip-mode a i {width:14px;height:14px;display:block;border:3px solid #666;position:absolute;left:10px;top:50%;margin-top:-10px;/* transition:0.25s cubic-bezier(0.4,0.01,0.165,0.99);*//* -webkit-transition:0.25s cubic-bezier(0.4,0.01,0.165,0.99);*/} .driving-way .map-tab .trip-mode a:hover i,.driving-way .map-tab .trip-mode a.active i {transform:translateZ(0px) rotate(45deg);-webkit-transform:translateZ(0px) rotate(45deg);} .driving-way .map-tab .trip-mode a i {width:14px;height:14px;display:block;border:3px solid #666;position:absolute;left:10px;top:50%;margin-top:-10px;transition:0.25s cubic-bezier(0.4,0.01,0.165,0.99);-webkit-transition:0.25s cubic-bezier(0.4,0.01,0.165,0.99);} .newsdetails .casemImg {top:.35rem;right:-.5rem;} .aboutTop:hover .aboutL img {-webkit-transform:scale(1.1);transform:scale(1.1);} .honorImg span {display:block;position:absolute;width:100%;height:100%;top:0;left:0;display:block;overflow:hidden;} .honorImg span::before {content:"";width:0;height:100%;background:rgba(0,0,0,.2) url(../images/sosuo.png) no-repeat center -.2rem;padding:14px 18px;position:absolute;top:0;left:50%;opacity:0;transition:all 500ms cubic-bezier(0.47,0,0.745,0.715) 0s;} .honor ul li:hover .honorImg span::before {width:100%;left:0;opacity:1;background:rgba(0,0,0,.2) url(../images/sosuo.png) no-repeat center center;} .buildin-btn-text {position:absolute;left:0;top:0%;z-index:9;width:100%;transform:translateY(100%);} .honorMore::after,.honorMore::before {-webkit-backface-visibility:hidden;backface-visibility:hidden;border-top:1px solid transparent;bottom:0;content:" ";display:block;margin:0 auto;position:relative;-webkit-transition:all 280ms ease-in-out;transition:all 280ms ease-in-out;width:0;} .honor ul li:hover .honorMore::after,.honor ul li:hover .honorMore::before {-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:#ddd;-webkit-transition:width 350ms ease-in-out;transition:width 350ms ease-in-out;width:90%;content:"";} .honorMore:hover::before {bottom:auto;top:0;width:90%;} .honor ul li:hover .honorMore {color:#242121;} /* .contact ul li .contactBottom::after {content:"";position:absolute;bottom:269px;right:-276px;width:100%;height:100%;background:#dedede;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,39deg);-webkit-transition:.5s;transition:.5s;} */.contact ul li .contactBottom::before {content:"";width:90%;height:1px;border-top:0;border-bottom:1px solid #ddd;position:absolute;top:99%;left:5%;opacity:1;-webkit-transition:.5s;transition:.5s;} .contact ul li:hover .contactBottom::after {content:"";bottom:81px;right:-306px;} .contactTop span:after {content:""} .contact ul li:hover .contactBottom::before {content:"";height:101%;top:0%;opacity:1;border-top:1px solid #ddd;} .contact ul li:hover .contactBottom {background:#fcfcfc;} .contactTop i {display:block;width:50px;height:1px;background:#ddd;margin:0 auto;position:absolute;left:43.5%;top:1.8rem;} @keyframes newsd {0% {background:url(../images/newsico04.png) no-repeat 97% center;} 50% {background:url(../images/newsico04.png) no-repeat 95% center;} 100% {background:url(../images/newsico04.png) no-repeat 97% center;} } .newsCenterb ul li:hover .newsCenterbTextr {animation:newsd linear 1s infinite alternate;} .newsImg::before {position:absolute;top:50%;left:50%;width:102%;height:103%;border:2px solid #fff;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition:.8s;transition:.8s;} .newsTop ul li:hover .newsImg::before {opacity:1;background-color:rgba(0,0,0,0.2);-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,0deg) scale3d(1,1,1);z-index:2;} /* .caseList li:hover .caseListBg {border:1px solid #182431;} */@keyframes lr {0% {-webkit-transform:translateX(-5px);transform:translateX(-5px);} 25% {-webkit-transform:translateX(5px);transform:translateX(5px);} 50% {-webkit-transform:translateX(-5px);transform:translateX(-5px);} 75% {-webkit-transform:translateX(5px);transform:translateX(5px);} 100% {-webkit-transform:translateX(-5px);transform:translateX(-5px);} } @keyframes tb {0% {-webkit-transform:translateY(-5px);transform:translateY(-5px);} 25% {-webkit-transform:translateY(5px);transform:translateY(5px);} 50% {-webkit-transform:translateY(-5px);transform:translateY(-5px);} 75% {-webkit-transform:translateY(5px);transform:translateY(5px);} 100% {-webkit-transform:translateY(-5px);transform:translateY(-5px);} } .promessageBox input.a-bth {text-indent:0rem;color:#fff;position:relative;-webkit-transition:.5s;transition:.5s;margin-top:.2rem;display:block;} .promessageBox input.a-bth::after {width:50%;left:50%;background:#333;position:absolute;content:"";} .promessageBox input.a-bth::after:hover {width:100%;height:100%;background:#333;content:"";} .caseTitleR ul li {} .caseTitleR ul li a {position:relative;} .caseTitleR ul li .ctc {display:block;width:0;position:absolute;left:0px;top:0px;white-space:nowrap;overflow:hidden;-webkit-transition:all .8s ease-out;transition:all .8s ease-out;opacity:0;font-size:0.15rem;} .caseTitleR ul li:hover .ctc {width:100%;color:#242121;opacity:1;} .caseTitleR ul li .gaoliang .ctc {width:100%;color:#242121;opacity:1;} .news_classify ul li .gaoliang i {left:.18rem;} .news_classify ul li .gaoliang span {color:#fff;background:url(../images/newsico3.png) no-repeat 90% center;} .news_classify ul li .gaoliang b {left:0;} .caseTitleR ul li span::before {width:.1rem;height:.1rem;border:2px solid #333;content:"";display:inline-block;margin-right:10px;border-radius:50%;line-height:.2rem;vertical-align:revert;border-color:#242121;} .caseTitleR ul li a {position:relative;} .caseTitleR ul li .ctc {display:block;width:0;position:absolute;left:0px;top:0px;white-space:nowrap;overflow:hidden;-webkit-transition:all .8s ease-out;transition:all .8s ease-out;opacity:0;} .caseTitleR ul li:hover .ctc {width:100%;color:#242121;opacity:1;} .caseTitleR ul li span::before {width:.1rem;height:.1rem;border:2px solid #333;content:"";display:inline-block;margin-right:10px;border-radius:50%;line-height:.2rem;vertical-align:unset;border-color:#242121;} .proListclass2 {width:82%;color:#fff;display:inline-block;font-size:.16rem;margin-left:.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:2;} .caseLdd {width:100%;height:100%;position:relative;overflow:hidden;border-radius:0 0 .03rem .03rem;-webkit-transition:.5s;transition:.5s;border-radius:5px;border-radius:5px 5px 0 0;} .caseLdd:hover .caseText {border-radius:0 0 .03rem .03rem;} .caseLdd:hover {box-shadow:0 0 16px rgba(0,0,0,.1);} .caseLdd .button_text_container {width:0%;height:0%;position:absolute;top:100%;left:0;background:#182431;z-index:-1;-webkit-transition:1.2s;transition:1.2s;border-radius:50%;} .caseLdd:hover .button_text_container {top:0;left:-25%;width:150%;height:150%;background:#242121;} .proListclass1 b {display:inline-block;width:15%;background:url(../images/proico1.png) no-repeat center;overflow:hidden;cursor:pointer;padding:.1rem 0;vertical-align:bottom;transition:all .4s;-webkit-transform:rotate(0);transform:rotate(0);position:relative;z-index:2;} .proListclass1 i {position:absolute;width:3px;height:100%;top:0;left:.03rem;background:#fff;z-index:3} .proListclass1 b.active {-webkit-transform:rotate(-90deg);transform:rotate(-90deg);} .proListclass2:hover {color:#fff !important;} .bdsharebuttonbox {zoom:1;display:inline-flex;vertical-align:middle;margin-left:10px;width:16%;} .button_text_container {position:absolute;top:0;left:0;} .detailsR {width:35%;margin-top:.04rem;} .productsCC {overflow:hidden;border-bottom:1px solid #ededed;padding-left:-15px;padding-right:-15px;} .scan {color:#666;background-image:url(../images/ewm.gif);background-repeat:no-repeat;background-position:left center;padding:0px 0 8px 30px;position:relative;display:inline-block;} #qrcode {margin-top:10px;position:absolute;right:8px;top:.3rem;} .newsdetails #qrcode {position:absolute;right:-50px;top:40px;z-index:3} #qrcode img {width:200px;height:200px;border:8px solid #fff;box-shadow:0 0 5px rgba(0,0,0,.2);} .map-marker dt {float:left;} .map-marker dd {height:100px;overflow:hidden;margin-left:110px;} .map-marker h4 {height:30px;font-size:18px;padding-bottom:0;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:0;margin-top:0;line-height:30px;} .map-marker {height:100px;} .map-marker dd span {font-size:18px;} .map-marker p {height:40px;line-height:20px;overflow:hidden;} .bdshare-button-style1-16 span {float:left;margin-top:.02rem;color:#666;} .addLine {display:block;font-size:.15rem;padding-bottom:.2rem;background:url(../images/aboutidd.png) no-repeat center bottom;margin-bottom:.2rem;} .contactMap {background:url(../images/aboutbottomhover.jpg) no-repeat center bottom;overflow:hidden;padding-bottom:.10rem;margin-bottom:-10px;} .productRtopl {padding:0;} .productRtopr {padding:0;border:1px solid #ededed;border-left:0;padding:0 3% .1rem;height:417px;} .pc-slide .view {height:417px;} .relevant {overflow:hidden;min-height:1.1rem;} .caseRe img {display:inline-block;} .caseREimg {width:.32rem;height:.25rem;overflow:hidden;display:inline-block;float:none;margin-top:6px;vertical-align:sub;} .caseContainer p,.caseContainer span,.productsText p,.productsText span {font-size:0.15rem;} .productsCC img {display:inline-block;} .dd {} .proListclass1:before {content:"";position:absolute;top:-100%;left:0%;width:100%;height:100%;background:rgba(0,0,0,.2);-webkit-transition:.5s;z-index:1;} .dd:before {position:absolute;top:0;left:0%;width:100%;height:100%;background:rgba(0,0,0,.2);-webkit-transition:.5s;z-index:1;} .sidepromenu:hover .proListclass1:before {top:0;} @media (max-width:1200px) {.caseMenu {width:100%;height:auto;background:none;padding-bottom:.1rem;} .caseMenuTop {display:none;} .caseMenuBottom {padding-top:0rem;} .caseMenuBottom .caseTitleL {padding-top:.12rem;padding-bottom:.12rem;text-align:center;font-size:.2rem;background:#f4f5f8;} .caseMenuBottom .caseTitleL i {padding-right:.05rem;} .caseMenuBottom .caseTitleR ul {padding-top:.3rem;} .caseMenuBottom .caseTitleR ul li {margin-top:.1rem;padding:.04rem .08rem;} .caseTab ul li span {width:1.6rem;font-size:.15rem;} .proListTop img {display:none;} .proList {padding-top:.2rem;} .prouctsTitle h3 {color:#333;} .prouctsTitle p {color:#666;} .proList_classify ul li p {display:none;} .proHot,.newsHot {display:none;} .proListRtop {display:none;} .proListRsort {display:none;} .productsBorer {padding:.05rem;} .proListCenter ul {margin-right:-15px;margin-left:-15px;} .proListclass1 {background:#f1f1f1;border-bottom:1px solid #fff;} .proListclass1 b {display:none;} .proListclass1 a {color:#333;width:100%;display:block;text-align:center;font-weight:normal;} .proListclass2:hover {color:#333;} .proList_classify ul li i {display:none;} .proListclass1 span {width:100%;font-size:1.4rem;font-weight:normal;color:#333;} .proListCenter ul li:hover .productsBorer {border:1px solid #dededd;} .proListCenter ul li:hover .caseListhide {top:-100%;} .proListCenter li {margin-top:.1rem;margin-bottom:.1rem;} .proListCenter ul li:hover a.proListTitle {color:#333;border-bottom:1px solid #dededd;} .proListCenter ul li:hover a.proMore {color:#999;} .proListclass1 a {color:#fff;} } .baidu-maps label {max-width:none;} @media (max-width:992px) {.col-md-1 {width:8.33333333%;} .col-md-2 {width:16.6666666%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33333333%;} .col-md-5 {width:41.66666666%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33333333%;} .col-md-8 {width:66.66666666%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33333333%;} .col-md-11 {width:91.666666666;} .col-md-12 {width:100%;} .caseMenuTop {display:none;} .caseMenuBottom .caseTitleR ul {padding-top:.1rem;} .caseMenuBottom .caseTitleR ul li {padding-right:.05rem;} .caseTab ul li b {display:none;} .caseRel i {display:block;text-align:center;font-size:.2rem;} .proListclass1 a {color:#fff;} } @media (max-width:768px) {.proListclass1 a {color:#fff;} .col-sm-1 {width:8.33333333%;} .col-sm-2 {width:16.6666666%;} .col-sm-3 {width:25%;} .col-sm-4 {width:33.33333333%;} .col-sm-5 {width:41.66666666%;} .col-sm-6 {width:50%;} .col-sm-7 {width:58.33333333%;} .col-sm-8 {width:66.66666666%;} .col-sm-9 {width:75%;} .col-sm-10 {width:83.33333333%;} .col-sm-11 {width:91.666666666;} .col-sm-12 {width:100%;} .caseMenuBottom .caseTitleR ul {padding-top:.1rem;} .caseMenuBottom .caseTitleR ul li {padding:.05rem 0.2rem;} .caseRer {display:none;} .caseList {padding-top:.2rem;} .caseTitleR ul li:hover {box-shadow:0 0 0;} .caseList li:hover .caseText {background:#fff;} .caseList li .caseListTitle {font-size:.14rem;font-weight:normal;} .caseList li:hover .caseListTitle {font-weight:bold;font-weight:normal;} .caseList li {margin-bottom:.2rem;} .caseList li:hover .caseListTitle {color:#333;} .caseList li p {font-size:1.2rem;line-height:1.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;height:.6rem;font-size:.15rem;padding:0 .05rem;} .caseText {padding-top:0;padding-bottom:.05rem;} .caseList li .caseMore {display:none;} .caseLine {display:none;} .caseList li:hover p {color:#666;} .caseList li:hover .caseListhide {top:-102%;} .caseContainer {padding-bottom:.4rem;} .caseTab ul li img {display:none;} .caseTab ul li span {display:none;} .caseTab ul li i {display:block;margin:0 auto;} .caseTab ul li i.caseCenterIco2 {display:block;float:right;padding:.25rem;background:url(../images/casecenterico2.png) no-repeat center;} .caseTab ul li {padding:0 .2rem;background:#ededed;} .caseTab {margin-top:.2rem;} .caseCenter h3 {font-size:.2rem;line-height:.13rem;} .caseRecenter li .caseMore {display:none;} .caseRecenter li p {font-size:.14rem;line-height:.2rem;padding:0 .1rem;line-height:.2rem;height:.8rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;color:#666;} .caseRecenter .caseText {background:#f2f2f2;padding-bottom:1rem;} .caseRe i {display:block;text-align:center;font-size:.24rem;} .proListTop img {display:none;} .proList {padding-top:.2rem;} .prouctsTitle h3 {color:#333;} .prouctsTitle p {color:#666;} .proList_classify ul li p {display:none;} .proHot,.newsHot {display:none;} .proListRtop {display:none;} .proListRsort {display:none;} .productsBorer {padding:.05rem;} .proListCenter ul {margin-right:-15px;margin-left:-15px;} .proListclass1 {background:#f1f1f1;} .proList_classify ul li i {display:none;} .proListclass1 span {width:100%;font-size:.14rem;font-weight:normal;color:#333;} .proListCenter ul li:hover .productsBorer {border:1px solid #dededd;} .proListCenter ul li:hover .caseListhide {top:-100%;} .proListCenter li {margin-top:0;margin-bottom:.1rem;} .proListCenter ul li:hover a.proListTitle {color:#333;border-bottom:1px solid #dededd;} .proListCenter ul li:hover a.proMore {color:#999;} .pro_page {margin:0;text-align:center;} .proList_sort ul li:hover .proHot_txt {color:#333;} .proList_classify {margin-left:15px;margin-right:15px;} .exzoom .exzoom_zoom_outer {display:none} .productRtopr h4 {display:none;} .productRtopr p {display:none;} .productRtopr h5 {display:none;} .relevant {display:none;} .relevantImg {display:none;} .details {display:none;} .detailsR {display:none;} .promessageBox input {margin-top:.1rem;} .textarea {min-height:.8rem;} .show {height:1.4rem;} .show img {height:1.4rem;} .smallshow>.middle_box {width:78%;} .productRtopl {padding-left:-15px;padding-right:-15px;} .smallshow .middle>li {padding:0 1%;} .bg_right {display:none;} .mask {display:none;} .smallshow .middle {overflow:hidden;transition:all 0.5s;height:.4rem;} .smallshow .middle>li {width:21%;} .prolistImgd {padding:0px;margin-bottom:.1rem;} .productsLil i {display:none;} .productsLil {margin-top:.1rem;margin-bottom:.1rem;} .productsLir i {margin-bottom:0;} .productsLir {padding:0;} .productss .proListRsort {border-bottom:1px solid #dededd;box-shadow:0 0 0;margin-bottom:0rem;} .aboutTop {background:none;} .aboutL {padding-right:0;padding-bottom:0;} .aboutR h4 {font-size:.18rem;} .aboutR {padding-top:.1rem;color:#333;} .aboutR h4 {color:#333;text-align:center;} .aboutR span {display:block;color:#333;text-align:center;color:#999;} .aboutR p {color:#333;height:auto;} .aboutLine {margin:.4rem auto;background:#666;} .aboutTitle h3 {margin-top:.2rem;font-size:.2rem;} .aboutTitle span {padding-top:0;} .honor ul li {margin-top:.1rem;} .contact ul li:hover .contactBottom {background:none;} .contact ul li:hover .contactTop {background:none;} .contact ul li:hover h4.contactmeg {background:url(../images/contactico1.png) no-repeat center .1rem;} .contact ul li:hover h4.contactNetwork {background:url(../images/contactico2.png) no-repeat center .1rem;} .contact ul li:hover h4.contactService {background:url(../images/contactico3.png) no-repeat center .1rem;} .contact ul li:hover .contactTop h4 {color:#333;} .contact ul li:hover .contactTop span {color:#666;} .contactBottom {padding:0.1rem 0;} .contact ul li:first-child .contactBottom {padding:0.1rem 0 .8rem;} .contact ul li {margin-top:.2rem;} .contactTop {padding:.1rem 0;} .contact {padding-bottom:.2rem;} .contactBox ul li {padding:0 3%;margin:.2rem 0;height:auto;} .contactList ul li h4 {line-height:2;} .contactBox {margin-top:0;} .aboutTitle p {padding:.2rem 5%;text-align:left;text-indent:.2em;} .news_classify {padding-left:15px;padding-right:15px;} .news_classify ul li a {background:#f2f2f2;} .news_classify ul li b {display:none;} .news_classify ul li i {display:none;} .newsCenterTop {padding:.1rem;margin-top:.2rem;border-radius:.5px;} .newsCenterT,.newsCenterTopl,.newsCenterTopr {padding-left:0;padding-right:0;} .nwesCenterbText span {display:none;} .newsCenterbTextr {width:100%;padding:0 8% 1%;} .honorMore1 {margin-bottom:0.2rem;} .bdshare-button-style1-16 {display:none;} .newsCenterb ul li {padding-left:0;padding-right:0;box-shadow:0 0 16px rgba(0,0,0,.1);} .news_classify ul li:hover span {color:#333;background:url(../images/newsico1.png) no-repeat 90% center;} .newsCenterb ul li:hover a {color:#333;} .newsTop ul li:hover .newsTopcenter {-webkit-transform:translateY(0px);transform:translateY(0px);background:#fff;box-shadow:0 0 16px rgba(0,0,0,.1);} .newsTop ul li:hover .newsText {color:#333;} .newsTop ul li:hover .newsTopcenter span {color:#333;background:url(../images/newslistmore.png) no-repeat 96% center;} .newsTopcenter span {margin-top:.05rem;color:#999;} .newsTopcenter .newsText {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .newsListRtop:hover .newsListRtopL {display:none;width:0;} .newsListRtop:hover .newsListRtopR {width:100%;} .newsQa {margin-top:.3rem;} .newsQa ul li a {width:83%;} .newsQa ul li b {width:83%;} .newsQa ul li:hover {color:#333;} .newsListRtop:hover {box-shadow:0 0 0 rgb(255,255,255);border-bottom:1px solid #f2f2f2;} .newsListLcenter:hover {box-shadow:0 0 0 rgba(255,255,255,1)} .newsListRtop:hover .newsListRtopR {padding:0;} .newsListRtop:hover .newsListRtopR a {color:#333;} .productTopImg {padding:0;} .pc-slide {margin:.2rem 0 0rem;} .driving-way .hd {display:none;} .driving-way .map-tab #result {top:130%;width:100%;} .content-show {overflow:hidden;padding-bottom:.4rem;} .wjdh-map #wmap {height:5rem;} .caseRecommend {padding-bottom:.5rem;} .caseRecenter li:hover .caseListhide {display:none;} .caseRecenter li:hover .caseText {background:#f2f2f2;} .caseRecenter li:hover .caseListTitle {color:#333;font-weight:bold;} .caseRecenter li:hover p {color:#666;} .prolistImgd:hover .proMored {position:absolute;top:84%;width:100%;height:0%;left:0;width:100%;background:rgba(0,0,0,.4) url(../images/productslist3.png) no-repeat 90% .8rem;color:#fff;line-height:1.4rem;-webkit-transition:.5s;transition:.5s;padding:3% 5%;text-align:left;} .aboutR p {height:auto} .aboutR p:hoveR {height:auto;} .newsdetails {margin-left:0;margin-right:0;} .productsCenter {padding-left:-15px;padding-right:-15px;} .productRtop .productRtopl {padding-left:-15px;padding-right:-15px;} .pro-textarea {text-indent:.25rem;line-height:2.4;} .productsTTOP:hover .casemImg {display:none;} .caseTitleR ul li:hover a {color:#333;} .honor ul li:hover .honorImg span::before {opacity:0;} .honor ul li:hover .honorMore {color:#333;} .contact ul li:hover .contactBottom::before,.contact ul li:hover .contactBottom::after {opacity:0;content:"";} .contact ul li:hover {-webkit-transform:translateY(0px);transform:translateY(0px);} .caseList li:hover .caseListhide {display:none;} .newsCenterb ul li:hover .newsCenterbImg::before,.newsCenterb ul li:hover .newsCenterbImg::after {opacity:0;content:"";} .newsCenterb ul li .newsCenterbImg i {opacity:0;} .newsCenterb ul li:hover .newsCenterbImg i {opacity:0;} .newsTopcenter .newsText {height:.2em;display:block;} .proListCenter li .productsBorer:hover .border-left {opacity:0;} .proListCenter li .productsBorer:hover .border-right {opacity:0;} .proListCenter li .productsBorer:hover .border-top {opacity:0;} .proListCenter li .productsBorer:hover .border-bottom {opacity:0;} .productsBorer:hover i a::before,.productsBorer:hover i a::after {display:none;} .newsCenterTop:hover a img {-webkit-transform:scale(1);transform:scale(1);opacity:1;} .newsCenterTopr h4 a {font-size:.16rem;} .newsCenterTop:hover h4 a {color:#333;-webkit-transform:translateX(0px);transform:translateX(0px);} .newsCenterb ul li:hover .newsCenterbTextr a {-webkit-transform:translateX(0px);transform:translateX(0px);} .newsCenterb ul li .newsCenterbTextr {animation:newsd linear 3s infinite alternate;} .newsTop ul li:hover .newsImg::before {opacity:0;} .prolistImgd:hover .proMored {height:20%;} .productsCtl img {margin-left:.05rem;} .sidepromenu {padding-left:2px;padding-right:2px;} } .caseMenu {width:100%;height:150px;background:url(../images/casemenu.jpg) no-repeat center;color:#999;} .honorImg1 {display:block;position:relative;padding:40%;background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.1);} .honorMore1 {text-align:center;display:block;padding-top:.08rem;line-height:3;font-size:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;} .honorImg1 span {display:block;position:absolute;width:100%;height:100%;top:0%;left:0%;display:block;overflow:hidden;} .productsText p span {font-size:.15rem;} .page-content span {font-size:.15rem;} .honorImg1 img {max-width:94%;max-height:94%;padding:0%;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;} .honorBox ul li:hover .honorImg1 span::before {width:100%;left:0;opacity:1;background:rgba(0,0,0,.2) url(../images/sosuo.png) no-repeat center center;} .honorImg1 span::before {content:"";width:0;height:100%;background:rgba(0,0,0,.2) url(../images/sosuo.png) no-repeat center -2rem;padding:14px 18px;position:absolute;top:0;left:50%;opacity:0;transition:all 500ms cubic-bezier(0.47,0,0.745,0.715) 0s;} .honorMore1 {text-align:center;display:block;padding-top:0.08rem;line-height:3;font-size:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;margin-bottom:2rem;} .honorMore1::after,.honorMore1::before {-webkit-backface-visibility:hidden;backface-visibility:hidden;border-top:1px solid transparent;bottom:0;content:" ";display:block;margin:0 auto;position:relative;-webkit-transition:all 280ms ease-in-out;transition:all 280ms ease-in-out;width:0;} .honorBox ul li:hover .honorMore1::after,.honorBox ul li:hover .honorMore1::before {-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:#ddd;-webkit-transition:width 350ms ease-in-out;transition:width 350ms ease-in-out;width:90%;} .caseRecommend .caseRecommend {margin-top:1rem;margin-bottom:1rem;} .honorBox {overflow:hidden;} .honorBox ul {margin-top:.2rem;} .searchBoxTitle {font-weight:bold;margin-top:.4rem;font-size:.2rem;letter-spacing:.2px;margin-bottom:.4rem;} .searchProducts h5 {border:1px solid #ccc;padding:.1rem;border-radius:5px;font-weight:bold;margin-bottom:.2rem;} .searchImg a.searchImgCenter {display:block;position:relative;padding:50%;border:1px solid #ccc;} .searchImg a.searchImgCenter img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;display:block;padding:10%;} a.searchText {text-align:center;display:block;margin-top:.1rem;font-size:.12rem;font-weight:bold;color:#666;} a.searchText {margin-bottom:.2rem;} .searchNews h5 {border:1px solid #ccc;padding:.1rem;border-radius:5px;font-weight:bold;margin-bottom:.2rem;} .searchNews ul li a {color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.05rem 0;-webkit-transition:.5s;transition:.5s;font-size:.15rem;font-weight:bold;} .searchNews ul li a:hover {color:#12a7eb;-webkit-transform:translateX(5px);transform:translateX(5px);} .siteMapBox {overflow:hidden;border:1px solid #ccc;margin-top:.3rem;padding-bottom:.3rem;margin-bottom:0.3rem;} .text-right1 {float:right;padding:.05rem;background:#F8F8F8;color:#666;border:1px solid #E0E0E0;z-index:2;} .text-right1 a {color:#666;display:inline-block;padding:0 5px;} .text-right1 a:hover {color:#333;} .siteMapBox ul li {padding:0rem .2rem;line-height:.2rem;overflow:hidden;} .siteMapBox ul li a.siteTitle {font-weight:bold;display:block;line-height:.4rem;font-size:.16rem;} .siteMapBox ul li .siteMapMt {overflow:hidden;border:1px solid #ccc;padding:.05rem;} .siteMapBox ul li .siteMapMt a.siteMore {padding:0 20px;} .siteMapBox {position:relative;} .text-right1 {position:absolute;right:0;} .siteMapBox ul li a.siteMore:hover {color:#242121;} .siteMapBox ul li .siteMapMt b {display:block;width:100%;} .searchMore {display:block;} .siteMore {display:block;} .siteMore i {display:block;} .siteMdd {display:block;} .siteMapMt span {display:block;text-align:center;} .siteMapMt p {float:left;margin-bottom:0;} .webqq_left span {font-size:18px;} @media (max-width:768px) {.caseTitleR {margin-bottom:.2rem;overflow:hidden;} .caseMenuBottom .caseTitleR ul {padding-top:0;} .caseMenu {background:none;} .caseMenu {height:auto;} .honorImg1 span {display:none;} .honorBox ul li:hover .honorMore1::after,.honorBox ul li:hover .honorMore1::before {-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:transparent;-webkit-transition:width 350ms ease-in-out;transition:width 350ms ease-in-out;width:90%;content:"";} .caseRecommend {padding-bottom:0;} .caseTitleR ul li .ctc {display:none;} .caseTab ul li {padding:.2rem .2rem;} .caseTab ul li:last-child a {background:none;} .caseTab ul li a {background:none;} .caseTab ul li:hover {background:none;} .caseTab ul li:last-child:hover a {background:none;} .caseTab ul li:hover a {background:none;} .scan,.bdsharebuttonbox {display:none;} .proListCenter i a::after,.productsBorer i::after {display:none;} .border-left,.border-right,.border-top,.border-bottom,.border-proleft,.border-proright,.border-protop,.border-probottom {display:none;} .proListCenter ul li:hover a.proListTitle {color:#333 !important;} .pagination a,.pagination span {padding:4px 7px;margin:0 .05rem;} .proListclass2:hover {color:#fff;} .proMored {background:rgba(0,0,0,.4) url(../images/productslist3.png) no-repeat 90% 1rem;} .webqqs {display:none;} .caseRecenter .caseText {padding:0;} .caseLdd .button_text_container {display:none;} .proList b {display:none !important;} .proListclass1 {overflow:hidden;} .aboutTop img {max-width:100%;height:auto;} .contact ul li:hover .contactTop {background:#fff !important;} .contact ul li:hover .contactBottom::before,.contact ul li .contactBottom::before {display:none;} .row1 {margin:0 -15px;} .proListCenter li {margin-top:.2rem;padding:0 15px;} .productRtopr {height:auto;} .productsCenter img {max-width:100%;height:auto;} .proListCenter {margin:0 -15px;} .proListCenter li {padding:0 15px;} .proList_classify {margin:0 0px;} .proListL {margin-left:0;} .container {padding-left:15px;padding-right:15px;} .proListclass1 i {display:none;} .proList_classify {margin-left:15px;margin-right:15px;} .proListCenter {margin:0 15px;} .prolistImgd:hover .proMored {position:absolute;top:83.5%;display:block;border-radius:0 0 .03rem .03rem;left:0;width:96%;background:rgba(0,0,0,.4) url(../images/productslist3.png) no-repeat 90% .08rem;color:#fff;-webkit-transition:.5s;transition:.5s;padding:0% 5%;font-size:.14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:20%;left:2%;line-height:1.8;height:.24rem;} .pc-slide .view {height:217px;} .productRtopr,.productsMore {display:none;} .caseList li:hover .caseListTitle {color:#333 !important;} .caseList li p {display:none;} .caseMenu {/* height:.5rem;*/} .caseMenuBottom {padding-top:0;} .caseList {padding-top:.4rem;} .caseLdd:hover {box-shadow:0 0 0;} .caseList li .caseListTitle {padding:0.05rem 0;} .caseList li:hover .caseText {border-bottom:1px solid #f2f2f2;} .caseContainer {padding:0 15px;} .caseREimg img {display:none;} .caseRecenter li:hover .caseListTitle {font-weight:normal;} .caseTab {padding:0 15px;} .newsTop li {padding:0;} .newsTop ul li:hover .newsTopcenter {border-top:1px solid #f2f2f2;background:#fff !important;} .newsListLcenter {box-shadow:0 0 0;} .newsListR {margin-top:0.2rem;} .honorMore1 {margin-bottom:0.2rem;} .caseRe i {text-align:center;display:block;} .wjdh-map {position:relative;width:100%;height:500px;} .wjdh-map #r-result {width:100%;height:5rem;} .content-show {padding:0;} .map-tab {display:none;} #wmap {height:5rem;} #r-result {display:none;} .map-marker h4 {font-size:0.16rem;} .map-marker dd span,.map-marker p {font-size:.14rem;} .newsListLImg::after {display:none;} .newsListLcenter:hover .newsListLtext a,.newsListRtop:hover span,.newsListRtop:hover b,.newsListRtop:hover .newsListRtopR a {color:#333 !important;} } .h1,h1 {font-size:100%;box-sizing:content-box;} .page-content p {margin-bottom:10px;} .caseContainer p {margin-bottom:10px;} @keyframes newsAiMore {0% {background:url(../images/pagearrow.png) no-repeat 100% center;} 20% {background:url(../images/pagearrow.png) no-repeat 95% center;} 40% {background:url(../images/pagearrow.png) no-repeat 100% center;} 60% {background:url(../images/pagearrow.png) no-repeat 95% center;} 80% {background:url(../images/pagearrow.png) no-repeat 100% center;} 100% {background:url(../images/pagearrow.png) no-repeat 95% center;} } .newsAi ul li .newsAicenter {box-shadow:0 0 16px rgba(0,0,0,.1);padding:15px 30px;margin-top:0.3rem;} .newsAi ul li .newsAicenter span {font-size:0.2rem;color:#999;display:block;} .newsAi ul li .newsAicenter span i {font-size:0.14rem;padding-left:0.05rem;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;} .newsAiTitle {display:block;line-height:3;font-size:0.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s;} .newsAicenter p {font-size:0.14rem;color:#666;line-height:2;height:0.56rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .newsAiMore {display:block;border-top:1px solid #f5f5f5;margin-top:0.1rem;font-size:0.14rem;color:#b2b2b2;line-height:3;background:url(../images/pagearrow.png) no-repeat 100% center;animation:newsAiMore linear 4s infinite alternate;-webkit-transition:.5s;transition:.5s;} .newsAi ul li:hover a.newsAiTitle {color:#242121;-webkit-transform:translateX(5px);transform:translateX(5px);} .newsAiMore:hover {color:#242121;-webkit-transform:translateX(5px);transform:translateX(5px);} .nwesCenterbText1 {overflow-y:hidden;/* padding-bottom:.05rem;*/} .nwesCenterbText1 span {display:block;margin:0.2rem 0.1rem;border:1px solid #dededd;font-size:.25rem;line-height:1;padding:.1rem .12rem;color:#999;float:left;line-height:1.5;padding:0.15rem 0.2rem;} .nwesCenterbText1 span i {font-size:.15rem;display:block;padding-top:.04rem;padding-bottom:0rem;} .newsCenterbTextr1 {padding:0 0 0 2%;width:85%;float:left;background:url(../images/newsaic.png) no-repeat 117% 100% 54%;-webkit-transition:.5s;transition:.5s;position:relative;margin-top:0.16rem;overflow:hidden;height:1rem;} .newsCenterbTextr1 a.newsAiText {display:block;font-size:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s;width:100%;line-height:2;overflow-y:hidden;position:relative;} .newsAiMore1 {width:20%;height:100%;overflow:hidden;background:url(../images/newsaic.png) no-repeat center right;position:absolute;right:-10%;top:0;-webkit-transition:.5s;transition:.5s;} .newsCenterbTextr1 p {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:2;margin:0;font-size:.14rem;width:100%;color:#808080;-webkit-transition:.5s;transition:.5s;margin-top:0.1rem;} .proListR1 .newsCenterb ul li {margin-top:0;margin-bottom:0rem;} .proListR1 .newsCenterb ul li .newsCenter {padding:20px 30px;} .newsCenterb ul li:hover .newsAiMore1 {right:0%;} .newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText,.newsCenterb ul li:hover .newsCenterbTextr1 p {width:88%;} .newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText {color:#242121;} .proListR1 .newsCenter {border-bottom:1px solid #f2f2f2;} .honorBox .honorMore1 {margin-bottom:0.2rem;-webkit-transition:.5s;transition:.5s;} .honorMore1:hover {color:#000;} @media(max-width:768px) {.nwesCenterbText1 span {display:none;} .newsCenterbTextr1 {width:100%;} .proListR1 .newsCenterb ul li {margin-top:0.3rem;margin-bottom:0;} .newsCenterb ul li .newsAiMore1 {display:none;} .newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText,.newsCenterb ul li:hover .newsCenterbTextr1 p {width:100%;} .newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText {color:#333;} .newsCenter {border-bottom:1px solid #e6e6e6;} }