@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;}
.navbar-left {float:left;}
.navbar-right {float:right;}
.productscd {height:1.4rem;border-bottom:1px solid #ededed;}
.productsTopvd {height:1.4rem;overflow:hidden;margin-top:0.1rem;margin-bottom:0.2rem;}
.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%;}
.mbanner {width:100%;}
.mbanner img {width:100%;display:block;height:auto;}
.caseMenu {width:100%;height:150px;background:url(img/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);}
.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:34%;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(img/see.png) no-repeat center;position:absolute;z-index:1;-moz-transform:rotateX(90deg);}
.newsMeenu .caseMenu {width:100%;height:150px;background:url(img/aboutmenu.jpg) no-repeat center;color:#999;}
.aboutMenu .caseMenu {width:100%;height:150px;background:url(img/aboutmenu1.jpg) no-repeat center;color:#999;}
.contactMenu .caseMenu {width:100%;height:150px;background:url(img/contact.jpg) no-repeat center;color:#999;}
.caseList li:hover .caseListhide {width:100%;height:100%;top:0%;left:0;}
.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 {-webkit-transition:.5s;transition:.5s;padding-top:.1rem;padding-bottom:.1rem;border-bottom:1px solid #f2f2f2;margin-bottom:0rem;height:100%;}
.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:0rem;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(img/casecenterico2.png) no-repeat center right;padding-right:15%;color:#666;}
.caseTab ul li:last-child:hover a {background:url(img/casecenterico2-1.png) no-repeat center right;}
.caseTab ul li i.caseCenterIco1 {display:block;float:left;padding:.25rem;background:url(img/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(img/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(img/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(img/casecenterico1-1.png) no-repeat center left;}
.caseTab ul li:hover .caseCenterIco2 {background:url(img/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;background:#333;border-radius:10px 10px 0 0;overflow:hidden;margin-bottom:7px;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;font-size:.22rem;color:#fff;padding:0;margin:0.1rem 0 0;}
.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;}
.newsTop li {padding:0 8px;}
.prouctsTitle p {text-transform:uppercase;text-align:center;color:#fff;padding-top:0rem;margin-bottom:19px;font-size:0.16rem;height: 24px;}
.proList_classify {background:#fafafa;overflow:hidden;}
.news_classify {overflow:hidden;}
.proList_classify ul {}
.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;}
.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:.1rem 0 0.18rem;background:#fafafa;margin-top:0.1rem;}
.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;}
.proList_sortGd {width:100%;margin-top:.2rem;position:relative;}
.proList_sortGd li {margin-bottom:.1rem;}
.proList_sortGd ul li img {width:100%;}
.proList_sortGd 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(img/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:#333;position:absolute;top:0;left:0%;-webkit-transition:.5s;transition:.5s;}
.border-right {width:1px;height:0px;background:#333;position:absolute;bottom:0;right:0%;-webkit-transition:.5s;transition:.5s;}
.border-top {width:0px;height:1px;background:#333;position:absolute;top:0;left:0%;-webkit-transition:.5s;transition:.5s;}
.border-bottom {width:0px;height:1px;background:#333;position:absolute;bottom:0;right:0%;-webkit-transition:.5s;transition:.5s;}
.border-proleft {width:1px;height:0px;background:#333;position:absolute;top:0;left:0%;-webkit-transition:.5s;transition:.5s;}
.border-proright {width:1px;height:0px;background:#333;position:absolute;bottom:0;right:0%;-webkit-transition:.5s;transition:.5s;}
.border-protop {width:0px;height:1px;background:#333;position:absolute;top:0;left:0%;-webkit-transition:.5s;transition:.5s;}
.border-probottom {width:0px;height:1px;background:#333;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:#333;}
.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 {}
.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(img/promore.png) no-repeat 95% center;}
25% {background:url(img/promore.png) no-repeat 97% center;}
50% {background:url(img/promore.png) no-repeat 100% center;}
75% {background:url(img/promore.png) no-repeat 97% center;}
100% {background:url(img/promore.png) no-repeat 95% center;}
}
@keyframes proll {0% {background:url(img/productsico3.png) no-repeat 95% center;}
25% {background:url(img/productsico3.png) no-repeat 97% center;}
50% {background:url(img/productsico3.png) no-repeat 100% center;}
75% {background:url(img/productsico3.png) no-repeat 97% center;}
100% {background:url(img/productsico3.png) no-repeat 95% center;}
}
.proMore {padding:.08rem;display:block;font-size:.1rem;text-transform:uppercase;color:#c6c6c6;background:url(img/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(img/prev.png) no-repeat left center;overflow:hidden;padding:49%;top:0px;position:absolute;}
.view .arrow-right:after {content:"";background:url(img/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(img/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(img/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;}
.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:#333;-webkit-transform:translateX(5px);transform:translateX(5px);}
.productRtopr p {height:1.6rem;overflow:hidden;}
.productRtopr span {font-size:.1rem;line-height:2;color:#999;display:block;font-size:.12rem;height:.7rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top:0.1rem;}
.productRtopr h5 {font-weight:bold;font-size:.15rem;font-weight:bold;margin-top:.1rem;margin-bottom:0.1rem;}
.relevant a {display:inline-block;border:1px solid #dededd;padding:.03rem .1rem;margin-bottom:.04rem;margin-right:.05rem;color:#808080;font-size:.14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.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(img/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 {color:#999;font-size:.16rem;}
::-moz-placeholder {color:#999;font-size:.16rem;}
:-ms-input-placeholder {color:#999;font-size:.16rem;}
.contactBox input::placeholder {color:#999;}
.promessageBox input::placeholder {color:#999;}
.promessageBox input.pro-name {background:url(img/name.png) no-repeat .1rem center;}
.promessageBox input.pro-tel {background:url(img/tel.png) no-repeat .1rem center;}
.promessageBox input.pro-email {background:url(img/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(img/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;width: 31.33333333%;margin: 0 1% 20px 1%}
.productsLil i {display:block;position:relative;padding:38% 49.5% 38% 49.5%;object-fit:cover;margin-top:.2rem;}
.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(img/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(img/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(img/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;padding-bottom: 15px;}
.clear {clear:both;}
.aboutR i {display:block;font-size:.15rem;padding-bottom:.5rem;background:url(img/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(img/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(img/honorr.png) no-repeat center;top:-0.2rem;position:absolute;z-index:99;cursor:pointer;right:0;}
.contact {background:url(img/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(img/contactico1.png) no-repeat center .1rem;-webkit-transition:.5s;transition:.5s;}
.contactNetwork {background:url(img/contactico2.png) no-repeat center .1rem;-webkit-transition:.5s;transition:.5s;}
.contactService {background:url(img/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(img/contactico1-1.png) no-repeat center .1rem;}
.contact ul li:hover h4.contactNetwork {background:url(img/contactico2-1.png) no-repeat center .1rem;}
.contact ul li:hover h4.contactService {background:url(img/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(img/name.png) no-repeat .1rem center;}
.contactBox input.contact-imgCode {background:url(img/yanzheng.png) no-repeat .1rem center;width:80%;margin-top:0.2rem;float:left;}
.contactImgcode {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(img/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(img/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(img/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(img/newsico3.png) no-repeat 90% center;}
.newsCenterTop {padding:.2rem;overflow:hidden;box-shadow:0 -5px 12px rgba(0,0,0,.03);margin-bottom:0.3rem;}
.newsCenterTopl a {display:block;position:relative;padding:32%;overflow:hidden;border:1px solid #f2f2f2;}
.newsCenterTopl a img {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:98%;max-height:98%;-webkit-transition:1s;transition:1s;}
.newsCenterTop:hover a img {-webkit-transform:scale(1.02);transform:scale(1.02);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:#333;-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(img/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;border-bottom:1px solid #f2f2f2;}
.newsTop ul li a.newsImg img {display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:0 auto;width:100%;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(img/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(img/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 {}
.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:.68rem;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(img/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;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;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(img/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;}
.wjdh-map #wmap {width:100%;height:500px;}
.driving-way {font-family:'Microsoft JhengHei';}
.driving-way .hd li.on {background-color:#333;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(img/checkbox.png) no-repeat 10px center;*background:url(img/checkbox.png) no-repeat 10px center;}
.driving-way .map-tab ul {position:relative;width:100%;height:112px;_background:url(img/ico5.png) no-repeat left center;*background:url(img/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;}
.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;}
.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(img/ico5.png) no-repeat center center;}
.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;}
.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;}
.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(img/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(img/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:#333;}
.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(img/newsico04.png) no-repeat 97% center;}
50% {background:url(img/newsico04.png) no-repeat 95% center;}
100% {background:url(img/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;}
@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:#333;opacity:1;}
.caseTitleR ul li .gaoliang .ctc {width:100%;color:#333;opacity:1;}
.news_classify ul li .gaoliang i {left:.18rem;}
.news_classify ul li .gaoliang span {color:#fff;background:url(img/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:#333;}
.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:#333;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:#333;}
.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:#0258b8;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:#333;}
.proListclass1 b {display:inline-block;width:15%;background:url(img/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;}
.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(img/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(img/aboutidd.png) no-repeat center bottom;margin-bottom:.2rem;}
.contactMap {background:url(img/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;max-height:0.7rem;margin-bottom:0.2rem;}
.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(img/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(img/contactico1.png) no-repeat center .1rem;}
.contact ul li:hover h4.contactNetwork {background:url(img/contactico2.png) no-repeat center .1rem;}
.contact ul li:hover h4.contactService {background:url(img/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(img/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(img/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(img/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(img/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(img/sosuo.png) no-repeat center center;}
.honorImg1 span::before {content:"";width:0;height:100%;background:rgba(0,0,0,.2) url(img/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:#333;}
.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(img/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(img/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 {}
.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(img/pagearrow.png) no-repeat 100% center;}
20% {background:url(img/pagearrow.png) no-repeat 95% center;}
40% {background:url(img/pagearrow.png) no-repeat 100% center;}
60% {background:url(img/pagearrow.png) no-repeat 95% center;}
80% {background:url(img/pagearrow.png) no-repeat 100% center;}
100% {background:url(img/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(img/pagearrow.png) no-repeat 100% center;animation:newsAiMore linear 4s infinite alternate;-webkit-transition:.5s;transition:.5s;}
.newsAi ul li:hover a.newsAiTitle {color:#333;-webkit-transform:translateX(5px);transform:translateX(5px);}
.newsAiMore:hover {color:#333;-webkit-transform:translateX(5px);transform:translateX(5px);}
.nwesCenterbText1 {overflow-y:hidden;}
.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(img/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(img/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:100%;}
.newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText {color:#333;}
.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;}
}

.proListclass1, .proList_classify ul li p a b, .proListRsort a::before, .border-left, .border-right, .border-top, .border-bottom, .pagination span.current, .pagination a:hover, .pagination span:hover, .productsCtl, .caseTab ul li:hover, .a-bth:hover, .border-proleft, .border-proright, .border-protop, .border-probottom, .caseLdd.button_text_container, .caseLdd:hover.button_text_container, .swiper-pagination-bullet-active, .newsQa ul li p span, .news_classify ul li b, .contact ul li:hover.contactTop, .driving-way.hd li.on, .proBg, .newsTop ul li:hover.newsTopcenter, .productsMore:hover, .driving-way.map-tab#result:hover, .proListRsort1 a::before, .messageBth:hover, .caseLdd:hover .button_text_container, .caseLdd .button_text_container{background: #0074d4;}
/*分页*/
.fenye {width:100%;text-align:center; margin:20px 0;}
.fenye .xiaocms-page {display:inline-block;}
.fenye .xiaocms-page a,.fenye .xiaocms-page span {display:inline-block;padding:0 13px;text-align:center;line-height:34px;margin:0 5px 10px 5px;border:#dddddd solid 1px;overflow:hidden;font-size:13px;color:#999999;}
.fenye .xiaocms-page a:hover {background:#0074d4;color:#fff!important;border:#0074d4 solid 1px;}
.fenye .xiaocms-page span {background:#0074d4;color:#fff;border:#0074d4 solid 1px;}

.dcont a{text-decoration: underline;color: #0074d4}
.dcont a:hover{color: #22a4fa}