@charset "utf-8";*{padding:0;margin:0;font-family:'Microsoft YaHei',arial,helvetica,clean,sans-serif}
body{font:.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:active,a:hover,a:link,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:700}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;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}
dd,dl,dt,em,h1,h2,h3,h4,h5,h6,i{font-weight:400;font-style:normal}
html{font-size:100px}
.clearboth{clear:both}
ol,ul{margin-bottom:0}
p{margin:0 0 0}
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:.1rem;margin-bottom:.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: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:.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:.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,.2)}
.caseList{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}
 .container p{font-size: 16px;line-height: 36px;}
.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;-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}
.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:700}
.caseLine{width:.2rem;height:1px;margin:.08rem auto .1rem;background:0 0}
.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:0;height:100%}
.caseList li:hover .caseListTitle{color:#fff!important}
.caseList li:hover .caseLine{background:#fff}
.pagination{text-align:center}
.qcwl-message .message-form ul li button{outline:0}
input{outline:0}
.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:.05rem}
.pagination a:hover,.pagination span:hover{color:#fff;background:#005097;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:0;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 .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:400}
.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 0 #333);filter:drop-shadow(-180px 0 0 #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:700;line-height:1.3;margin:.08rem auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:85%;background:url(../images/casecenterico1.png) no-repeat center left;-webkit-transition:.5s;transition:.5s;color:#666;font-size:.14rem}
.caseTab ul li:hover{background:#005097}
.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(../images/curpo.png),default}
.caseRecenter a{cursor:url(../images/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}
.caseCenter p{/* line-height: 32px; */font-size: 16px;}
.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:0 0;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:#005097;border-radius:10px 10px 0 0;overflow:hidden;margin-bottom:7px;display:block;height:112px}
.prouctsTitle{position:relative;z-index:1}
.pro-ico{margin:.12rem auto 0;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:0;padding-bottom:.1rem}
.prouctsTitle h3{text-align:center;font-size:.22rem;color:#fff;padding:0;margin:.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:#005097;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:0;margin-bottom:19px;font-size:.16rem}
.proList_classify{background:#fafafa;overflow:hidden}
.news_classify{overflow:hidden}
.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:#005097;display:block;width:100%;padding-left:6%;font-weight:700;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:0;margin-right:0;display:block;overflow:hidden}
.proList_classify ul li p a b{position:absolute;width:100%;height:86%;background:#005097;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:-.07rem}
.proList_classify ul li p a.cur b{left:-.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:.05rem}
.proHot{width:100%;padding:.1rem 0 .18rem;background:#fafafa;margin-top:.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 .1rem .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:14em;display:inline-block;vertical-align:bottom;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,.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:#005097;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::after,.productsBorer:hover i a::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.pagination span.current{display:block;background:#005097;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:0;background:#005097;position:absolute;top:0;left:0;-webkit-transition:.5s;transition:.5s}
.border-right{width:1px;height:0;background:#005097;position:absolute;bottom:0;right:0;-webkit-transition:.5s;transition:.5s}
.border-top{width:0;height:1px;background:#005097;position:absolute;top:0;left:0;-webkit-transition:.5s;transition:.5s}
.border-bottom{width:0;height:1px;background:#005097;position:absolute;bottom:0;right:0;-webkit-transition:.5s;transition:.5s}
.border-proleft{width:1px;height:0;background:#005097;position:absolute;top:0;left:0;-webkit-transition:.5s;transition:.5s}
.border-proright{width:1px;height:0;background:#005097;position:absolute;bottom:0;right:0;-webkit-transition:.5s;transition:.5s}
.border-protop{width:0;height:1px;background:#005097;position:absolute;top:0;left:0;-webkit-transition:.5s;transition:.5s}
.border-probottom{width:0;height:1px;background:#005097;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}
.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: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:#666;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:0;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:0;position:absolute}
.view .arrow-right:after{content:"";background:url(../images/next.png) no-repeat left center;overflow:hidden;padding:49%;top:0;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:.3rem;display:block;border:1px solid #dedede;position:absolute;left:36%;top:70%;-webkit-transition:.5s;transition:.5s}
.messageBth:hover{background:#005097;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:0}
.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:700;-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:.1rem}
.productRtopr h5{font-weight:700;font-size:.15rem;font-weight:700;margin-top:.1rem;margin-bottom:.1rem}
.relevant a{display:inline-block;border:1px solid #dededd;padding:.03rem .1rem;margin-bottom:.04rem;margin-right:.05rem;color:grey;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:grey}
.relevantImg ul li:hover .relevantImgMore{color:#333}
.productsMore{display:inline-block;padding:.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 0 #fff);filter:drop-shadow(-180px 0 0 #fff)}
.productsMore:hover{background:#005097;color:#fff;-webkit-transform:translateX(5px);transform:translateX(5px)}
.productsCtl{background:#005097;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:.16rem;margin-top:.1rem}
.detailsR{text-align:right;padding:0}
.detailsR i img{padding: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:400}
.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:.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(../images/name.png) no-repeat .1rem center}
.promessageBox input.pro-tel{background:url(../images/tel_1.png) no-repeat .1rem center}
.promessageBox input.pro-email{background:url(../images/yanzheng.png) no-repeat .1rem center}
.imgCode1{padding:.2rem 15px .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:0;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:#005097;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:400;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 0 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:0}
.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:#005097;color:#fff}
.caseTitleR{margin-top:.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:.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:-.2rem;position:absolute;z-index:99;left:0;cursor:pointer}
.honor{position:relative}
.honorLine{width:100%;height:1px;background:#dededd;position:absolute;top:-.05rem}
.honorArrow .honorR{width:.3rem;height:.3rem;overflow:hidden;background:#fff url(../images/honorr.png) no-repeat center;top:-.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:700;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:#005097}
.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 .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:80%;margin-top:.2rem;float:left}
.contactImgcode{float:left;margin-top:.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_1.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:.05rem;outline:0;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:0}
.news_classify ul{margin-left:-15px;margin-right:-15px;margin-top:0}
.news_classify ul li{margin-bottom:.05rem}
.news_classify ul li:nth-child{margin-bottom:0}
.newsclass1{padding:.12rem;background:#fafafa;display:block;width:100%;padding-left:6%;font-weight:700;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:400;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:#005097;-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 -5px 12px rgba(0,0,0,.03);margin-bottom:.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::after,.newsCenterbImg::before{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::after,.newsCenterb ul li:hover .newsCenterbImg::before{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:0}
.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:grey}
.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;display: block;font-size: 28px;color: #000;padding-bottom: 14px;}
.newsdetails .caseCenter .title{}
.newsdetails .caseCenter .title span{}
.newsdetails .caseCenter .title i{font-size: 14px;color: #b4b4b4;position: relative;padding: 0 18px;font-style: normal;text-transform: uppercase;}
.newsdetails .caseCenter .title i:after{position: absolute;width: 52px;height: 1px;background: #999;content: ""; top: 8px;right: -52px;}
.newsdetails .caseCenter .title i:before{position: absolute;width: 52px; height: 1px;background: #999;content: "";top: 8px;left: -52px;}

.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(../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:#005097;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 .4s ease-in-out;font-weight:400;border:1px solid #fff;height:2.68rem;width:90%;position:absolute;top:.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:0;background-color:transparent}
.newsListLImg img{width: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(0);transform:translateY(0)}
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(0);transform:translateY(0)}
}
.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(../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:.17rem;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:.5em;color:#4c4c4c;font-family:arial}
.newsListRtop b{font-size:.16rem;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;float:right;font-weight:400;line-height:.2rem;padding-bottom:.5em;color:#4c4c4c;font-family:arial}
.newsListRtop b::after{content:"";display:block;clear:both}
.newsListRtop a.newsListRImg{display:none;position:relative;padding:36%;-webkit-transition:.5s;transition:.5s;border:1px solid #f1f1f1}
.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;max-width:100%;max-height:100%;top:0;left:0}
.newsListRtopR a{display:block;font-size:.16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.newsListRtopR p{font-size:.14rem;color:#999;margin-top:.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 b,.newsListRtop:hover span{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:.05rem}
.newsQa ul li span{font-size:.13rem;background:#005097;float:left;width:.2rem;height:.2rem;border-radius:50%;display:block;color:#fff;text-align:center;font-weight:700;line-height:.2rem}
.newsQa ul li p{margin-top:.15rem}
.newsQa ul li b{margin:0 .1rem;float:left;width:85%;font-weight:400;background:#fcfcfc;font-size:.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:400;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:#005097}
.newsQa{overflow:hidden;padding-bottom:.5rem;margin-top:.3rem;cursor:url(../images/curpo.png),default}
.content-show{border:18px solid #f4f4f4;padding:22px;background-color:#fff;margin:.2rem 0}
.qcwl-map{position:relative}
.qcwl-map #r-result{position:absolute;right:0;top:0;width:450px;max-height:500px;overflow-y:scroll;overflow-x:hidden;z-index:99}
.qcwl-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 ul{position:relative;width:100%;height:112px}
.driving-way .map-tab ul .d1{top:0;transition:.5s}
.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;transition:.5s}
.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(../images/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.active i,.driving-way .map-tab .trip-mode a:hover i{transform:translateZ(0) rotate(45deg);-webkit-transform:translateZ(0) 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:.25s cubic-bezier(.4,.01,.165,.99);-webkit-transition:.25s cubic-bezier(.4,.01,.165,.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 .5s cubic-bezier(.47,0,.745,.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:#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(../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 .35s,-webkit-transform .35s;transition:opacity .35s,transform .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,.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:0;color:#fff;position:relative;-webkit-transition:.5s;transition:.5s;margin-top:.2rem;display:block}
.promessageBox input.a-bth::after{width:50%;left:50%;background:#005097;position:absolute;content:""}
.promessageBox input.a-bth::after:hover{width:100%;height:100%;background:#005097;content:""}
.caseTitleR ul li a{position:relative}
.caseTitleR ul li .ctc{display:block;width:0;position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;-webkit-transition:all .8s ease-out;transition:all .8s ease-out;opacity:0;font-size:.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(../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:#333}
.caseTitleR ul li a{position:relative}
.caseTitleR ul li .ctc{display:block;width:0;position:absolute;left:0;top:0;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:#005097}
.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}
.button_text_container{position:absolute;top:0;left:0}
.detailsR{width:35%;margin-top:.04rem}
.productsCC{overflow:hidden;border-bottom:1px solid #ededed}
.scan{color:#666;background-image:url(../images/ewm.gif);background-repeat:no-repeat;background-position:left center;padding:0 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:.1rem;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:.7rem;margin-bottom:.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:.15rem}
.productsCC img{display:inline-block}
.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:0 0;padding-bottom:.1rem}
.caseMenuTop{display:none}
.caseMenuBottom{padding-top:0}
.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}
.newsHot,.proHot{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:400}
.proListclass2:hover{color:#333}
.proList_classify ul li i{display:none}
.proListclass1 span{width:100%;font-size:1.4rem;font-weight:400;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 .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:400}
.caseList li:hover .caseListTitle{font-weight:700;font-weight:400}
.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}
.newsHot,.proHot{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:400;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%}
.smallshow .middle>li{padding:0 1%}
.bg_right{display:none}
.mask{display:none}
.smallshow .middle{overflow:hidden;transition:all .5s;height:.4rem}
.smallshow .middle>li{width:21%}
.prolistImgd{padding:0;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:0}
.aboutTop{background:0 0}
.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:0 0}
.contact ul li:hover .contactTop{background:0 0}
.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:.1rem 0}
.contact ul li:first-child .contactBottom{padding:.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:.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(0);transform:translateY(0);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 #fff;border-bottom:1px solid #f2f2f2}
.newsListLcenter:hover{box-shadow:0 0 0 #fff}
.newsListRtop:hover .newsListRtopR{padding:0}
.newsListRtop:hover .newsListRtopR a{color:#333}
.productTopImg{padding:0}
.pc-slide{margin:.2rem 0 0}
.driving-way .hd{display:none}
.driving-way .map-tab #result{top:130%;width:100%}
.content-show{overflow:hidden;padding-bottom:.4rem}
.qcwl-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:700}
.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}
.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::after,.contact ul li:hover .contactBottom::before{opacity:0;content:""}
.contact ul li:hover{-webkit-transform:translateY(0);transform:translateY(0)}
.caseList li:hover .caseListhide{display:none}
.newsCenterb ul li:hover .newsCenterbImg::after,.newsCenterb ul li:hover .newsCenterbImg::before{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::after,.productsBorer:hover i a::before{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(0);transform:translateX(0)}
.newsCenterb ul li:hover .newsCenterbTextr a{-webkit-transform:translateX(0);transform:translateX(0)}
.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 .5s cubic-bezier(.47,0,.745,.715) 0s}
.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;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:700;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:700;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:700;color:#666}
a.searchText{margin-bottom:.2rem}
.searchNews h5{border:1px solid #ccc;padding:.1rem;border-radius:5px;font-weight:700;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:700}
.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:.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:0 .2rem;line-height:.2rem;overflow:hidden}
.siteMapBox ul li a.siteTitle{font-weight:700;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:0 0}
.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:0 0}
.caseTab ul li a{background:0 0}
.caseTab ul li:hover{background:0 0}
.caseTab ul li:last-child:hover a{background:0 0}
.caseTab ul li:hover a{background:0 0}
.bdsharebuttonbox,.scan{display:none}
.proListCenter i a::after,.productsBorer i::after{display:none}
.border-bottom,.border-left,.border-probottom,.border-proleft,.border-proright,.border-protop,.border-right,.border-top{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 .contactBottom::before,.contact ul li:hover .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 0}
.proListL{margin-left:0}
.container{padding-left:15px;padding-right:15px}
.container
.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}
.caseMenuBottom{padding-top:0}
.caseList{padding-top:.4rem}
.caseLdd:hover{box-shadow:0 0 0}
.caseList li .caseListTitle{padding:.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:400}
.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:.2rem}
.honorMore1{margin-bottom:.2rem}
.caseRe i{text-align:center;display:block}
.qcwl-map{position:relative;width:100%;height:500px}
.qcwl-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:.16rem}
.map-marker dd span,.map-marker p{font-size:.14rem}
.newsListLImg::after{display:none}
.newsListLcenter:hover .newsListLtext a,.newsListRtop:hover .newsListRtopR a,.newsListRtop:hover b,.newsListRtop:hover span{color:#333!important}
}
.h1,h1{font-size:100%;box-sizing:content-box}
.page-content p{/* margin-bottom:10px */}
.caseContainer p{/* margin-bottom:10px */line-height: 32px;}
.caseContainer p strong{font-size: 16px;font-weight: bold;}
@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:.3rem}
.newsAi ul li .newsAicenter span{font-size:.2rem;color:#999;display:block}
.newsAi ul li .newsAicenter span i{font-size:.14rem;padding-left:.05rem;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.newsAiTitle{display:block;line-height:3;font-size:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s}
.newsAicenter p{font-size:.14rem;color:#666;line-height:2;height:.56rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newsAiMore{display:block;border-top:1px solid #f5f5f5;margin-top:.1rem;font-size:.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:#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:.2rem .1rem;border:1px solid #dededd;font-size:.25rem;line-height:1;color:#999;float:left;line-height:1.5}
.nwesCenterbText1 span img{width:200px;height:150px;}
.nwesCenterbText1 span i{font-size:.15rem;display:block;padding-top:.04rem;padding-bottom:0}
.newsCenterbTextr1{padding:0 0 0 2%;width:70%;float:left;background:url(../images/newsaic.png) no-repeat 117% 100% 54%;-webkit-transition:.5s;transition:.5s;position:relative;margin-top:.16rem;overflow:hidden;height:2rem}
.newsCenterbTextr1 .time{height: 24px;line-height: 24px;color: #666;}
.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{position:absolute;right:-10%;top:0;-webkit-transition:.5s;transition:.5s}
.newsCenterbTextr1 p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:2;margin:0;font-size:.14rem;width:100%;color:grey;-webkit-transition:.5s;transition:.5s;margin-top:.1rem}
.proListR1 .newsCenterb ul li{margin-top:0;margin-bottom:0}
.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:.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:.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}
}
.driving-way .map-go ul .d1{top:56px}
.driving-way .map-go ul .d2{top:0}



.fenye{ width:100%;margin-top:20px; float:left; text-align:center;}
/* ----- 通用PB分页条 ----- */
.pages{margin-top: 30px;}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 6px 8px;
  margin: 0 2px;
  border-radius: 3px;
}
.pagination a:hover {
  color: #fff;
  border: 1px solid #0f5e9e;
}
.pagination a.page-num-current {
  color: #fff;
  background: #0f5e9e;
  border: 1px solid #0f5e9e;
}



.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f5f5f5;
    border: 1px solid transparent;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn .badge {
    position: relative;
    top: -1px;
}
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-info {
    color: #fff;
    background-color: #0f5e9e;
    border-color: #0f5e9e;
}
*, ::after, ::before {
    box-sizing: border-box;
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

.son-navber{margin-bottom: 30px;}


.fwfw_title{text-align: center;margin: 0 auto;margin-bottom: 30px;}
.fwfw_title h1{color: #000;font-size: 32px;font-weight: bold;}