@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;margin:auto}
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:1300px;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:#056a33}
.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,.caseTitleR ul li.hover{box-shadow:0 0 10px rgba(5,106,51,.2); background-color: #056a33;}
.caseTitleR ul li.hover a,.caseTitleR ul li:hover a{color: #fff;}
.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(../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}
.wjdh-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,.pagination a.current{color:#fff;background:#056a33;box-shadow:0 0 14px rgba(0,0,0,.2)}
.caseCenter h3{text-align:center;padding-top:.2rem;font-size:.24rem;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{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:85%;padding-left:15%;background:url(../images/casecenterico1.png) no-repeat center left;-webkit-transition:.5s;transition:.5s;color:#666;font-size:.14rem}
.caseTab ul li:hover{background:#056a33}
.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 #056a33;border-radius:5px 5px 0 0}
.caseCenter{max-width:1300px;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: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}
@charset"utf-8";.yc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gd{-webkit-transition:.5s;transition:.5s}
.top{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.right{-webkit-transform:translateX(5px);transform:translateX(5px)}
.dx{text-transform:uppercase}
*{padding:0;margin:0;font-family:'Microsoft YaHei',arial,helvetica,clean,sans-serif;outline:0}
body{font:.15rem/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}
input::-webkit-input-placeholder{color:#b2b2b2;font-size:.15rem}
input::-moz-placeholder{font-size:.15rem;color:#b2b2b2}
input:-moz-placeholder{font-size:.15rem;color:#b2b2b2}
input:-ms-input-placeholder{font-size:.15rem;color:#b2b2b2}
input::placeholder{font-size:.15rem;color:#b2b2b2}
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}
a:hover{color:#333}
.container{max-width:1200px;margin:0 auto;padding:0}
.navbar-left{float:left}
.navbar-right{float:right}
.productscd{height:.9rem;border-bottom:1px solid #ededed}
.productsTopvd{height:.8rem;overflow:hidden;margin-top:.1rem}
.yc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gd{-webkit-transition:.5s;transition:.5s}
.top{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.rightA{-webkit-transform:translateX(5px);transform:translateX(5px)}
.dx{text-transform:uppercase}
.fl{float:left}
.fr{float:right}
.cb{clear:both}
.mbanner img{width:100%;display:block;position:relative;top:0}
.swiper-container{width:100%;margin-left:auto;margin-right:auto}
.swiper-slide{background-size:cover;background-position:center}
.gallery-top{height:80%;width:100%;cursor:url(../img/gesture.png),default}
.gallery-thumbs{height:20%;box-sizing:border-box;padding:10px 0;cursor:url(../img/gesture.png),default}
.gallery-thumbs .swiper-slide{height:100%;opacity:1}
.gallery-thumbs .swiper-slide b{position:relative;display:block;padding:32.8%;border:1px solid #f2f2f2}
.gallery-thumbs .swiper-slide-thumb-active b{border:1px solid #333}
.gallery-thumbs .swiper-slide b img{position:absolute;max-width:100%;max-height:100%;top:0;left:0;right:0;bottom:0;margin:auto}
.pro_centern1 .pro_centern1Title{text-align:center}
.pro_centern1 .pro_centern1Title h3{padding-top:.5rem;font-size:.26rem;line-height:1;color:#4c4c4c;margin-bottom:.1rem}
.pro_centern1 .pro_centern1Title p{padding-top:0;text-transform:uppercase;line-height:1;font-size:.18rem;color:#999;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.pro_centern1 .pro_centern1Title a{display:inline-block;color:#333;font-size:.14rem;line-height:1;margin-top:.16rem;padding-bottom:.01rem;border-bottom:1px solid rgba(0,0,0,.4)}
.pro_centern1 .pro_centern1Box .pro_centern1Brief{padding:0 120px;font-size:.14rem;line-height:.3rem;margin-top:.1rem;color:#999;text-align:center;margin-bottom:.3rem}
.pro_centern1 .pro_centern1Box .gallery-top{border:1px solid #e6e6e6;overflow:hidden}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxImg{position:relative;padding:19%;overflow:hidden;border-right:1px solid #e6e6e6}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxImg img{position:absolute;display:block;top:0;left:0;right:0;margin:auto;bottom:0;max-width:99%;max-height:99%}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText{padding:.18rem}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox{width:100%;height:100%;background:#f5f5f5;padding:.3rem .4rem .3rem}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox h4{font-size:.24rem;color:#333;line-height:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox h4 b{font-size:.24rem}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox span{line-height:1;font-size:.13rem;color:#999;display:block;border-bottom:1px solid #e6e6e6;padding:.16rem 0 .14rem}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox span a{color:#999;display:inline-block;padding-left:15px;-webkit-transition:.5s;transition:.5s}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox span a:hover{color:#333;-webkit-transform:translateX(5px);transform:translateX(5px)}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox p{font-size:.14rem;color:grey;line-height:.32rem;margin-top:.26rem;padding-bottom:0;border-bottom:1px solid #e6e6e6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:1.07rem;border-top:1px solid #e6e6e6;padding:5px 0}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1{width:100%;height:100%;padding:0 .3rem 0;background:#f5f5f5;overflow:hidden}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare{padding-top:.3rem}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare .pro_centern1BoxTextBoxShareBox{padding:0}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare h4{font-size:.14rem}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare h4 b{font-size:.2rem}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare a.pro_centern1BoxTextBox1More{display:block;width:1.25rem;height:.36rem;background:#333 url(../img/pro_centern1BoxTextBox1More.png) no-repeat 80% center;border-radius:4px;line-height:.36rem;text-indent:2em;color:#fff;font-size:.14rem;margin:.28rem 0;-webkit-transition:.5s;transition:.5s}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare a.pro_centern1BoxTextBox1More:hover{-webkit-transform:translateX(5px);transform:translateX(5px);box-shadow:0 0 16px rgba(0,0,0,.1)}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxQR{overflow:hidden;background:url(../img/pro_centern1BoxTextBoxQR.png) no-repeat center top;margin-top:.1rem}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxQR img{width:1.16rem;height:1.16rem;margin:0 auto;display:block;margin-top:.32rem}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxQR h6{text-align:center;font-size:.13rem;margin-top:.15rem;padding-bottom:.1rem}
.pro_centern1Boxcontainer .swiper-container{position:relative!important}
.bFind-wrapper-top{height:26px!important}
.gallery-thumbs .swiper-slide{overflow:hidden}
.pro_swiperMore{display:block;text-align:center;line-height:2;-webkit-transition:.5s;transition:.5s;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:12em;text-indent:.03rem;border-bottom:1px solid rgba(255,255,255,.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gallery-thumbs .swiper-slide-thumb-active .pro_swiperMore{border-bottom:1px solid rgba(0,0,0,.4)}
.gallery-thumbs .swiper-slide-thumb-active a{color:#333}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}
.swiper-button-next1{width:.35rem;height:.8rem;background:url(../img/swiper-button-next1.png) no-repeat center;position:absolute;top:40%;z-index:1;left:0;outline:0}
.swiper-button-prev1{width:.35rem;height:.8rem;background:url(../img/swiper-button-prev1.png) no-repeat center;position:absolute;top:40%;z-index:1;right:0;outline:0}
.pro_centern1Box1 .pro_centern1Box1Title{text-align:center}
.pro_centern1Box1 .pro_centern1Box1Title h3{padding-top:.5rem;font-size:.26rem;line-height:1;color:#4c4c4c;margin-bottom:.1rem}
.pro_centern1Box1 .pro_centern1Box1Title p{text-transform:uppercase;line-height:1;font-size:.18rem;color:#999;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.pro_centern1Box1 .pro_centern1Box1Box{background:url(../img/pro_centern1Box1BoxBg.jpg) no-repeat center top;padding-bottom:.6rem;background-size:cover;margin-top:.4rem;position:relative}
.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background:0 0!important;border:1px solid #333;opacity:1}
.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#333!important;background:0 0}
.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd{width:50%;background:#333;padding:.3rem;margin:.8rem auto .3rem}
.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd h4{text-align:center;padding-top:.3rem;color:#fff!important;font-weight:700;font-size:.26rem}
.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd img{display:block;margin:0 auto;margin-top:.3rem}
.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd p{padding:20px;color:#fff;text-align:center;font-size:.15rem}
.pro_centern1Box2{overflow:hidden;padding-bottom:.3rem}
.pro_centern1Box2 .pro_centern1Box2Title{text-align:center}
.pro_centern1Box2 .pro_centern1Box2Title h3{padding-top:.5rem;font-size:.26rem;line-height:1;color:#4c4c4c;margin-bottom:.1rem}
.pro_centern1Box2 .pro_centern1Box2Title p{text-transform:uppercase;line-height:1;font-size:.18rem;color:#999;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.pro_centern1Box2 .pro_centern1Box2Box{margin-top:.2rem}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List{box-shadow:0 0 20px rgba(0,0,0,.1);padding:0;overflow:hidden;margin:.3rem 0 0}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left{position:relative;padding:0}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left a{display:block;position:relative;padding-top:87%}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left a img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:94%;max-height:94%;margin:auto;-webkit-transition:.5s;transition:.5s}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left a .pro_centern1Box2LeftLeft{position:absolute;height:0%;width:1px;background:#fff;top:5%;left:5%;overflow:hidden;-webkit-transition:.5s;transition:.5s;-webkit-transition:.5s;transition:.5s}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left a .pro_centern1Box2LeftRight{position:absolute;height:0%;width:1px;background:#fff;bottom:5%;right:5%;overflow:hidden;-webkit-transition:.5s;transition:.5s;-webkit-transition:.5s;transition:.5s}
.pro_centern1Box3 .pro_centern1Box3R h4 i{width:.12rem;height:.12rem;display:inline-block;vertical-align:middle;overflow:hidden}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left a .pro_centern1Box2LeftTop{position:absolute;width:0%;height:1px;background:#fff;top:5%;left:5%;overflow:hidden;-webkit-transition:.5s;transition:.5s;-webkit-transition:.5s;transition:.5s}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left a .pro_centern1Box2LeftBottom{position:absolute;width:0%;height:1px;background:#fff;bottom:5%;right:5%;overflow:hidden;-webkit-transition:.5s;transition:.5s}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2right a.pro_centern1Box2MinTitle{font-size:.16rem;-webkit-transition:.5s;transition:.5s;display:block;margin:.3rem 0 .2rem;text-align:left;line-height:.3rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;height:.3rem}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2right a.pro_centern1Box2MinTitle:hover{color:#333}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2right p{font-size:.14rem;color:grey;line-height:.3rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:.6rem}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2right .pro_centern1Box2More{display:block;width:1.06rem;height:.3rem;background:url(../img/pro_centern1Box2More.png) no-repeat 50% center;border:1px solid #ccc;color:transparent;text-transform:uppercase;-webkit-transition:.5s;transition:.5s;line-height:.3rem;margin-top:.3rem}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2Left a .pro_centern1Box2LeftLeft{height:90%}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2Left a .pro_centern1Box2LeftBottom{width:90%}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2Left a .pro_centern1Box2LeftTop{width:90%}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2Left a .pro_centern1Box2LeftRight{height:90%}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2right .pro_centern1Box2MinTitle{-webkit-transform:translateX(5px);transform:translateX(5px);color:#333}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2right .pro_centern1Box2More{background:#333 url(../img/pro_centern1Box2More1.png) no-repeat 80% center;text-indent:1.3em;color:#fff;border:1px solid #333}
.pro_centern1Box3{background:url(../img/pro_centern1Box3.jpg) no-repeat center top;margin-top:.3rem;display:block;overflow:hidden}
.pro_centern1Box3 .pro_centern1Box3L h4{line-height:3;font-weight:700;color:#333;font-size:.2rem;margin-top:.05rem}
.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input{text-indent:2.5em;color:#999}
.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message1{background:transparent url(../img/pro_centern1Message1.png) no-repeat 10px center;padding:9px 0;border:1px solid #ccc;border-radius:4px}
.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message2{background:transparent url(../img/pro_centern1Message2.png) no-repeat 10px center;padding:9px 0;border:1px solid #ccc;border-radius:4px;margin-left:2%}
.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message3{background:transparent url(../img/pro_centern1Message3.png) no-repeat 10px center;padding:9px 1.9% 9px 0;border:1px solid #ccc;border-radius:4px;box-sizing:content-box;margin:.13rem 0}
.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message4{background:transparent url(../img/pro_centern1Message4.png) no-repeat 10px center;padding:9px 1.9% 9px 0;border:1px solid #ccc;border-radius:4px;box-sizing:content-box}
.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message5{text-indent:0;text-align:center;padding:9px 0 9px 0;border:1px solid #ccc;border-radius:4px;box-sizing:content-box;background:#333;color:#fff}
.pro_centern1Box3 .pro_centern1Box3R{float:right}
.pro_centern1Box3 .pro_centern1Box3R h4{font-weight:700;color:#333;font-size:.26rem;line-height:1;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;padding-left:.356rem;margin:0}
.pro_centern1Box3 .pro_centern1Box3R h4::before{content:"";width:.49rem;height:.02rem;background:#333;display:inline-block;vertical-align:middle;margin-right:.2rem}
.pro_centern1Box3 .pro_centern1Box3R h5{font-weight:700;color:#333;font-size:.2rem;line-height:2.5;padding-left:.46rem;padding-top:.1rem}
.pro_centern1Box3 .pro_centern1Box3R p{padding:0;padding-left:.46rem;display:block;overflow:hidden;width:28em;line-height:2.3;font-size:.15rem;padding-top:.08rem}
.pro_centern1Box3 .pro_centern1Box3R a.pro_centern1Box3RMore{display:block;float:none;width:1.08rem;height:.3rem;background:#333;text-align:center;color:#fff;margin-top:.2rem;line-height:.3rem;margin-left:.46rem;margin-bottom:.4rem;-webkit-transition:.5s;transition:.5s}
.pro_centern1Box3 .pro_centern1Box3R a.pro_centern1Box3RMore:hover{-webkit-transform:translateX(5px);transform:translateX(5px);box-shadow:0 0 16px rgba(0,0,0,.2)}
.pro_centern1Box4 .pro_centern1Box2Title{text-align:center}
.pro_centern1Box4 .pro_centern1Box2Title h3{padding-top:.5rem;font-size:.26rem;line-height:1;color:#4c4c4c;margin-bottom:.1rem}
.pro_centern1Box4 .pro_centern1Box2Title p{text-transform:uppercase;line-height:1;font-size:.18rem;color:#999;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.pro_centern1Box1BoxLine{width:100%;height:1px;background:rgba(255,255,255,.2);position:absolute;top:2.25rem;z-index:2}
.pro_centern1BoxTextBox1Center .swiper-button-next,.pro_centern1BoxTextBox1Center .swiper-button-prev{width:auto;top:2.27rem}
.clearboth{clear:both}
.pro_centern1Box4line{width:100%;height:1px;background:#f5f5f5;position:absolute;top:1.66rem}
.pro_centern1Box4{position:relative}
.pro_centern1Box4Center{position:relative;z-index:3}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd{margin-top:.5rem}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li{width:16.6%;cursor:pointer;float:left}
.pro_centern1BoxTextBox1Center .swiper-button-prev:after,.pro_centern1BoxTextBox1Center .swiper-container-rtl .swiper-button-next:after{content:"";background:url(../img/pro_centern1BoxTextBox1CenterL1.png) no-repeat center;width:.48rem;height:.41rem}
.pro_centern1BoxTextBox1Center .swiper-button-prev{background:rgba(255,255,255,.1) url(../img/pro_centern1BoxTextBox1CenterL.png) no-repeat center;width:.48rem;height:.41rem;-webkit-transition:.5s;transition:.5s}
.pro_centern1BoxTextBox1Center .swiper-button-next{background:rgba(255,255,255,.1) url(../img/pro_centern1BoxTextBox1CenterR.png) no-repeat center;width:.48rem;height:.41rem;-webkit-transition:.5s;transition:.5s}
.pro_centern1BoxTextBox1Center .swiper-button-prevL:hover{background:url(../img/pro_centern1BoxTextBox1CenterL1.png) no-repeat center;width:.48rem;height:.41rem}
.pro_centern1BoxTextBox1Center .swiper-button-next:hover{background:url(../img/pro_centern1BoxTextBox1CenterR1.png) no-repeat center;width:.48rem;height:.41rem}
.pro_centern1BoxTextBox1Center .swiper-button-next:after,.pro_centern1BoxTextBox1Center .swiper-container-rtl .swiper-button-prev:after{content:"";background:url(../img/pro_centern1BoxTextBox1CenterR1.png) no-repeat center;width:.48rem;height:.41rem}
.pro_centern1BoxTextBox1Center .swiper-button-next:hover::after{background:#333 url(../img/pro_centern1BoxTextBox1CenterR1.png) no-repeat center}
.pro_centern1BoxTextBox1Center .swiper-button-prev:hover::after{background:#333 url(../img/pro_centern1BoxTextBox1CenterL1.png) no-repeat center}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li i{display:block;width:.26rem;height:.26rem;background:url(../img/pro_centern1Box4CenterLcLI.png) no-repeat center;margin:0 auto}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li span{font-size:.24rem;display:block;text-align:center;line-height:3}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li b{display:block;background:url(../img/pro_centern1Box4CenterLcOn.png) no-repeat center;width:.6rem;height:.34rem;margin:0 auto;margin-top:.1rem;display:none}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li.on em{width:.3rem;height:.26rem;overflow:hidden;margin:0 auto;display:block}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li.on i{display:block;width:3.9rem;height:.26rem;background:url(../img/pro_centern1Box4CenterLcLI2.png) no-repeat center;margin:0 auto;overflow:hidden;border-left:360px solid transparent;-webkit-filter:drop-shadow(-360px 0 0 #333);filter:drop-shadow(-360px 0 0 #333)}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li.on span{font-size:.24rem;display:block;color:#333;text-align:center}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li.on b{display:block;background:url(../img/pro_centern1Box4CenterLcOn.png) no-repeat center;width:.6rem;height:.34rem;margin:0 auto}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi{box-shadow:0 0 40px rgba(0,0,0,.1);padding:.34rem}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterL{float:left;width:32%}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterL a{position:relative;padding:31.2%;display:block;border:1px solid #f2f2f2}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterL a img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;padding:2%;right:0;bottom:0;margin:auto}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR{width:64%;float:left;margin:0 0 0 3%}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR .pro_centern1Box4CenterRTitle{display:block;font-size:.2rem;color:#333;-webkit-transition:.5s;transition:.5s;padding-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR p{font-size:.14rem;color:#999;line-height:2;margin-top:.2rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;height:1.1rem;text-indent:2em;-webkit-transition:.5s;transition:.5s}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR .pro_centern1Box4CenterRMore{display:block;font-size:.14rem;width:1.25rem;height:.3rem;border:1px solid #d9d9d9;line-height:.3rem;text-indent:1.3em;background:transparent url(../img/pro_centern1Box4CenterRMore.png) no-repeat 80% center;-webkit-transition:.5s;transition:.5s;margin-top:.28rem;color:grey}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR .pro_centern1Box4CenterRMore:hover{-webkit-transform:translateX(5px);transform:translateX(5px);color:#fff;background:#333 url(../img/pro_centern1Box4CenterRMore1.png) no-repeat 80% center;box-shadow:0 0 16px rgba(32,107,209,.2)}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR:hover .pro_centern1Box4CenterRTitle{-webkit-transform:translateX(5px);transform:translateX(5px);-webkit-transition:.5s;transition:.5s}
.pro_centern1Box4CenterLBth i{width:.3rem;height:.3rem;position:absolute;background:#ccc url(../img/pro_centern1Box4CenterLBth.png) no-repeat center;top:0;left:-.3rem;cursor:pointer;-webkit-transition:.5s;transition:.5s;border-radius:50%}
.pro_centern1Box4CenterLBth i:hover{background:#333 url(../img/pro_centern1Box4CenterLBth.png) no-repeat center}
.pro_centern1Box4CenterRBth i{width:.3rem;height:.3rem;position:absolute;background:#ccc url(../img/pro_centern1Box4CenterRBth.png) no-repeat center;top:0;right:-.3rem;cursor:pointer;-webkit-transition:.5s;border-radius:50%;transition:.5s}
.pro_centern1Box4CenterRBth i:hover{background:#333 url(../img/pro_centern1Box4CenterRBth.png) no-repeat center}
.pro_centern1Box5{position:relative}
.pro_centern1Box5 .pro_centern1Box2Title{text-align:center}
.pro_centern1Box5 .pro_centern1Box2Title h3{padding-top:.5rem;font-size:.26rem;line-height:1;color:#4c4c4c;margin-bottom:.1rem}
.pro_centern1Box5 .pro_centern1Box2Title p{text-transform:uppercase;line-height:1;font-size:.18rem;color:#999;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.pro_centern1Box5 .pro_centern1Box5Box{margin-top:.4rem;cursor:url(../img/gesture.png),default}
.pro_centern1Box5 .pro_centern1Box5Box .pro_centern1Box5BoxLi ul li .pro_centern1Box5BoxLiTitle{position:relative;display:block;border:1px solid #d8d8d8;cursor:url(../img/gesture.png),default;padding-top:62%}
.pro_centern1Box5 .pro_centern1Box5Box .pro_centern1Box5BoxLi ul li .pro_centern1Box5BoxLiTitle img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:block}
.pro_centern1Box5 .pro_centern1Box5Box .pro_centern1Box5BoxLi ul li .pro_centern1Box5BoxLiMore{display:block;height:80px;border-bottom:1px solid #f2f2f2;width:100%;text-align:center;padding-top:.26rem;-webkit-transition:.5s;transition:.5s;background:url(../img/pro_centern1Box5BoxLiMore1.png) no-repeat center 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro_centern1Box5 .pro_centern1Box5Box .pro_centern1Box5BoxLi ul li:hover .pro_centern1Box5BoxLiMore{color:#fff;padding-top:.16rem;background:#333 url(../img/pro_centern1Box5BoxLiMore1.png) no-repeat center 50px}
.pro_centern1Box5 .pro_centern1Box5Box .pro_centern1Box5BoxLi ul li:hover .pro_centern1Box5BoxLiMore .pro_centern1Box5BoxLiMore1{color:#fff}
.pro_centern1Box5 .pro_centern1Box5Box .swiper-pagination{height:.3rem;width:100%;top:3.4rem}
.pro_centern1Box5Box .swiper-container{padding-bottom:.9rem;box-sizing:content-box}
.pro_centern1Box5Box .swiper-container span.swiper-pagination-bullet-active{width:.2rem!important;height:.08rem;border-radius:5px;-webkit-transition:.5s;transition:.5s}
.pro_centern1Box5BoxLiTitle i::after{content:"";width:0%;position:absolute;height:0%;border-left:1px solid #fff;border-right:1px solid #fff;top:50%;left:50%;z-index:3;-webkit-transition:.5s;transition:.5s}
.pro_centern1Box5BoxLiTitle i::before{content:"";width:0%;position:absolute;height:0%;border-top:1px solid #fff;border-bottom:1px solid #fff;top:50%;z-index:2;left:50%;-webkit-transition:.5s;transition:.5s}
.pro_centern1Box5BoxLiTitle:hover i::after{width:90%;height:90%;top:5%;left:5%}
.pro_centern1Box5BoxLiTitle:hover i::before{height:90%;width:90%;left:5%;top:5%}
.pro_centern1Box5BoxLiTitle i{width:0%;height:0%;position:absolute;top:50%;left:50%;background:rgba(0,0,0,.1) url(../img/pro_centern1Box5BoxLiMore2.png) no-repeat center;z-index:2;-webkit-transition:.5s;transition:.5s}
.pro_centern1Box5BoxLiTitle:hover i{top:0;left:0;width:100%;background:rgba(0,0,0,.1) url(../img/pro_centern1Box5BoxLiMore2.png) no-repeat center;height:100%}
.pro_centern2 .pro_centern1Title{text-align:center}
.pro_centern2 .pro_centern1Title h3{padding-top:.5rem;font-size:.26rem;line-height:1;color:#4c4c4c}
.pro_centern2 .pro_centern1Title p{text-transform:uppercase;line-height:1;font-size:.18rem;color:#999;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;margin-top:.1rem}
.pro_centern2 .pro_centern1Title a{display:inline-block;color:#333;font-size:.14rem;line-height:1;margin-top:.16rem;padding-bottom:.01rem;border-bottom:1px solid rgba(0,0,0,.4)}
.pro_centern2 .pro_centern2Box .pro_centern2Brief{padding:0 120px;font-size:.14rem;line-height:.3rem;margin-top:.2rem;color:#999;text-align:center;margin-bottom:.3rem}
.pro_centern2 .pro_centern2BoxMain{margin:0 auto}
.pro_centern2 .pro_centern2BoxMain ul li img{-webkit-transition:.5s;transition:.5s}
.pro_centern2 .pro_centern2BoxMain ul li .pro_centern2BoxMain3More{-webkit-transition:.5s;transition:.5s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro_centern2 .pro_centern2BoxMain ul li:hover .pro_centern2BoxMain3More{color:#333;border-bottom:1px solid #f2f2f2}
.pro_centern3Box4BoxTitleText{padding-left:0}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1{width:49%;margin-right:2%;float:left;position:relative;overflow:hidden}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 a.pro_centern2BoxMainTitle{position:relative;padding:35%;display:block;border:1px solid #f2f2f2}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 a.pro_centern2BoxMainTitle img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto;padding:1%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 .pro_centern2BoxMainMore{height:.5rem;background:rgba(0,0,0,.5);position:absolute;bottom:0;width:100%;-webkit-transition:.5s;transition:.5s}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 .pro_centern2BoxMainMore .pro_centern2BoxMainMore1{height:.5rem;text-align:center;font-size:.18rem;font-weight:700;display:block;line-height:.5rem;color:#fff;-webkit-transition:.5s;transition:.5s}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 p{width:70%;margin:0 auto;text-align:center;color:#fff;padding-top:7%;background:url(../img/pro_centern1Box1BoxList.png) no-repeat center 2%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 a.pro_centern2BoxMainMore2{display:block;margin:0 auto;width:.4rem;height:.4rem;margin-top:.3rem;-webkit-transition:.5s;transition:.5s}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 a.pro_centern2BoxMainMore2:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1:hover .pro_centern2BoxMainMore{height:100%;padding-top:22%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2{width:49%;float:left;position:relative;overflow:hidden}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 a.pro_centern2BoxMainTitle{position:relative;padding:35%;display:block;border:1px solid #f2f2f2}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 a.pro_centern2BoxMainTitle img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto;padding:1%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 .pro_centern2BoxMainMore{height:.5rem;background:rgba(0,0,0,.5);position:absolute;bottom:0;width:100%;-webkit-transition:.5s;transition:.5s}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 .pro_centern2BoxMainMore .pro_centern2BoxMainMore1{height:.5rem;text-align:center;font-size:.18rem;font-weight:700;display:block;line-height:.5rem;color:#fff;-webkit-transition:.5s;transition:.5s}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 p{width:70%;margin:0 auto;text-align:center;color:#fff;padding-top:7%;background:url(../img/pro_centern1Box1BoxList.png) no-repeat center 2%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 a.pro_centern2BoxMainMore2{display:block;margin:0 auto;width:.4rem;height:.4rem;margin-top:.3rem;-webkit-transition:.5s;transition:.5s}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 a.pro_centern2BoxMainMore2:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2:hover .pro_centern2BoxMainMore{height:100%;padding-top:22%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2::after{clear:both;content:"";display:block}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain3{display:block;margin-top:.3rem;float:left;width:19%;margin-right:1.23%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain3:last-child{margin-right:0}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain3 a.pro_centern2BoxMain3Title{display:block;position:relative;padding:34.6%;border:1px solid #ccc;overflow:hidden}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain3 a.pro_centern2BoxMain3Title img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;padding:1%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain3 a.pro_centern2BoxMain3More{display:block;text-align:center;line-height:3}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain4{display:block;margin-top:.3rem;float:left;width:19%;margin-right:1.23%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain4 a.pro_centern2BoxMain3Title{display:block;position:relative;padding:34.6%;border:1px solid #f2f2f2;overflow:hidden}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain4 a.pro_centern2BoxMain3Title img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;padding:1%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain4 a.pro_centern2BoxMain3More{display:block;text-align:center;line-height:3}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain5{display:block;margin-top:.3rem;float:left;width:19%;margin-right:1.23%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain5 a.pro_centern2BoxMain3Title{display:block;position:relative;padding:34.6%;border:1px solid #f2f2f2;overflow:hidden}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain5 a.pro_centern2BoxMain3Title img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;padding:1%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain5 a.pro_centern2BoxMain3More{display:block;text-align:center;line-height:3}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain6{display:block;margin-top:.3rem;float:left;width:19%;margin-right:1.23%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain6 a.pro_centern2BoxMain3Title{display:block;position:relative;padding:34.6%;border:1px solid #f2f2f2;overflow:hidden}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain6 a.pro_centern2BoxMain3Title img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;padding:1%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain6 a.pro_centern2BoxMain3More{display:block;text-align:center;line-height:3}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain7{display:block;margin-top:.3rem;float:left;width:19%;margin-right:0}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain7 a.pro_centern2BoxMain3Title{display:block;position:relative;padding:34.6%;border:1px solid #f2f2f2;overflow:hidden}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain7 a.pro_centern2BoxMain3Title img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;padding:1%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain7 a.pro_centern2BoxMain3More{display:block;text-align:center;line-height:3}
.pro_centern2 .pro_centern2Box1Main{margin-top:.6rem}
.pro_centern2 .pro_centern2Box1Main .pro_centern2BoxMain1Title{position:relative;width:100%;height:.86rem}
.pro_centern2 .pro_centern2Box1Main .pro_centern2BoxMain1Title h4{font-size:.86rem;color:#e5e5e5;text-align:center;text-transform:uppercase;font-weight:700;position:absolute;width:100%;height:.86rem;line-height:1}
.pro_centern2 .pro_centern2Box1Main .pro_centern2BoxMain1Title b{font-weight:400;font-size:.26rem;color:#fff;padding:0 10px;display:table;background:#333;margin:0 auto;position:relative;z-index:2;top:.48rem}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul{display:table;margin:40px auto;text-align:center}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul li{display:inline-block;padding:0 .32rem;width:2.14rem;margin-bottom:.2rem;box-sizing:content-box}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul li i{display:block;width:2.14rem;text-align:center;height:.46rem;line-height:.46rem;background:#e6e6e6;border-radius:3px;-webkit-transition:.5s;transition:.5s;font-size:.18rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul li.on i{color:#fff;background:#333}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList{min-height:2.26rem;background:url(../img/pro_centern1Box1BoxBg.jpg) no-repeat center;padding-top:.01rem;background-size:cover;padding-bottom:.3rem;box-sizing:content-box}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList i{display:block;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-style:italic;color:#fff;font-size:.26rem;text-align:center;width:.55rem;height:.55rem;line-height:.55rem;border-bottom:2px solid #fff;margin:.2rem auto}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList p{width:9.82rem;font-size:.14rem;color:#fff;line-height:.3rem;text-align:center;margin:0 auto;margin-top:.2rem}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList h5{color:#fff;text-align:center;padding-top:.3rem}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList h5 img{vertical-align:baseline;padding:0 .04rem}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList h5 b{font-size:.24rem}
.pro_centern2 .pro_centern3Box1Main{position:relative;padding:0}
.pro_centern2 .pro_centern3Box1Main .pro_centern1Title{text-align:center}
.pro_centern2 .pro_centern3Box1Main .pro_centern1Title h3{padding-top:.5rem;font-size:.26rem;line-height:1;color:#4c4c4c}
.pro_centern2 .pro_centern3Box1Main .pro_centern1Title p{text-transform:uppercase;line-height:1;font-size:.18rem;color:#999;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.pro_centern2 .pro_centern3Box1Main .pro_centern1Title a{display:inline-block;color:#333;font-size:.14rem;line-height:1;margin-top:.16rem;padding-bottom:.01rem;border-bottom:1px solid rgba(0,0,0,.4)}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox{cursor:url(../img/gesture.png),default}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi{margin-top:.5rem;cursor:url(../img/gesture.png),default}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi .pro_centern3Box1MainBoxImg1{display:block;position:relative;padding:35%;border:1px solid #f2f2f2}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi .pro_centern3Box1MainBoxImg1 img{width:100%;height:100%;position:absolute;left:0;right:0;top:0;margin:auto;padding:1%}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi i{width:90%;height:86%;position:absolute;top:5%;left:5%;border:1px solid #e6e6e6;z-index:2;-webkit-transition:.5s;transition:.5s;cursor:url(../img/gesture.png),default}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi:hover i{border:1px solid transparent}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi i::after{content:"";width:0%;height:0%;position:absolute;top:50%;left:50%;border-left:1px solid #333;border-right:1px solid #333;z-index:2;-webkit-transition:.5s;transition:.5s}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi i::before{content:"";width:0%;height:0%;position:absolute;top:50%;left:50%;border-top:1px solid color;border-bottom:1px solid color;z-index:3;-webkit-transition:.5s;transition:.5s}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi:hover i::after{content:"";width:100%;height:100%;border-top:1px solid #333;border-bottom:1px solid #333;top:0;left:0}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi:hover i::before{content:"";width:100%;height:100%;border-top:1px solid #333;border-bottom:1px solid #333;top:0;left:0}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi:hover .pro_centern3Box1MainBoxTitle{color:#333}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi .pro_centern3Box1MainBoxTitle{display:block;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:80%;margin:0 auto;overflow:hidden;padding:.15rem 0;position:relative;z-index:2;font-size:.16rem;color:#4c4c4c}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi p{width:80%;margin:0 auto;position:relative;z-index:2;text-align:center;color:grey;margin-bottom:.15rem;font-size:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:.3rem;line-height:.3rem}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi .pro_centern3Box1MainBoxMore{width:1.08rem;height:.3rem;background:#d9d9d9 url(../img/pro_centern1BoxTextBox1More.png) no-repeat 72% center;display:block;margin:.4rem auto -.1rem;text-indent:2em;line-height:.3rem;text-transform:uppercase;color:#fff;font-size:.12rem;-webkit-transition:.5s;transition:.5s}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi .pro_centern3Box1MainBoxMore:hover{background:#333 url(../img/pro_centern1BoxTextBox1More.png) no-repeat 72% center;-webkit-transform:translateX(5px);transform:translateX(5px)}
.pro_centern2 .pro_centern3Box1Main .swiper-pagination{position:relative;margin:.7rem 0 .4rem}
.pro_centern1Box2Box ul li{padding-right:30px;padding-left:0}
.pro_centern1Box2Box ul li:nth-child(2n){padding-left:0}
.pro_centern2 .pro_centern3Box1Main .swiper-pagination span.swiper-pagination-bullet{-webkit-transition:.5s;transition:.5s;margin:0 .06rem}
.pro_centern2 .pro_centern3Box1Main .swiper-pagination span.swiper-pagination-bullet-active{width:.2rem;border-radius:.15rem}
.pro_centern2 .pro_centern4Box1Main{width:100%;height:3.75rem;background:url(../img/pro_centern4Box1Main.jpg) no-repeat center}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox{width:97%;margin:0 15%}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox h4{line-height:3;margin-top:.35rem;font-weight:700;color:#333;margin-bottom:.1rem}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message .pro_centern1imgcode{margin:.15rem 0 0 .12rem}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input{text-indent:2.5em;color:#999}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message1{background:transparent url(../img/pro_centern1Message1.png) no-repeat 10px center;padding:9px 0;border:1px solid #ccc;border-radius:4px}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message2{background:transparent url(../img/pro_centern1Message2.png) no-repeat 10px center;padding:9px 0;border:1px solid #ccc;border-radius:4px;margin-left:2%}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message3{background:transparent url(../img/pro_centern1Message3.png) no-repeat 10px center;padding:12px 1.9% 12px 0;border:1px solid #ccc;border-radius:4px;box-sizing:content-box;margin:0 0 .16rem}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message4{background:transparent url(../img/pro_centern1Message4.png) no-repeat 10px center;padding:9px 1.9% 9px 0;border:1px solid #ccc;border-radius:4px;box-sizing:content-box;margin:.15rem 0}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message5{text-indent:0;text-align:center;padding:9px 0 9px 0;border-radius:4px;box-sizing:content-box;background:#333;color:#fff;width:85%}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox{padding:0 18%}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox h4{line-height:1;margin-top:.52rem;font-weight:700;color:#333;margin-bottom:.2rem}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox b{font-weight:700;color:#333;text-transform:uppercase;font-size:.14rem}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox p{line-height:.4rem;font-size:.15rem;margin-top:.1rem}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox i{font-weight:700;font-size:.26rem;color:#333;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;display:block;margin-top:.16rem}
span.pro_centern4Box1MainRImgd{display:inline-block;width:.68rem;height:.2rem;overflow:hidden;display:inline-block;vertical-align:middle}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox a{display:block;width:1.3rem;height:.36rem;background:#333;text-align:center;color:#fff;margin-top:.2rem;line-height:.36rem;margin-bottom:.4rem;-webkit-transition:.5s;transition:.5s;border-radius:3px}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox a:hover{-webkit-transform:translateX(5px);transform:translateX(5px);box-shadow:0 0 16px rgba(0,0,0,.2)}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox{margin-top:.5rem}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi{cursor:url(../img/gesture.png),default}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList{margin-bottom:15px;-webkit-transition:.5s;transition:.5s}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList a.pro_centern5Box1MainBoxListImg{position:relative;display:block;padding:36%}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList a.pro_centern5Box1MainBoxListImg img{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;opacity:0;-webkit-transition:.8s;transition:.8s}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover a.pro_centern5Box1MainBoxListImg img{opacity:1}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList .pro_centern5Box1MainBoxListB{width:100%;height:78%;padding:21% 10%;position:absolute;top:0;left:0;background:#f5f5f5;-webkit-transition:.5s;transition:.5s}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList .pro_centern5Box1MainBoxListB span{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:.2rem;-webkit-transition:.5s;transition:.5s;color:#999}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList .pro_centern5Box1MainBoxListB span i{color:#b2b2b2;-webkit-transition:.5s;transition:.5s;font-size:.14rem}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList .pro_centern5Box1MainBoxListB a{color:#4c4c4c;display:block;font-size:.15rem;-webkit-transition:.5s;transition:.5s;line-height:4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList .pro_centern5Box1MainBoxListB p{font-size:.14rem;color:#999;line-height:2;-webkit-transition:.5s;transition:.5s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:.56rem}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList .pro_centern5Box1MainBoxListB b{display:block;-webkit-transition:.5s;transition:.5s;border-bottom:1px solid #ccc;margin-top:.73rem}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList .pro_centern5Box1MainBoxListMore{display:block;position:relative;z-index:2;padding:0 10%;-webkit-transition:.5s;transition:.5s;height:1rem;color:#b3b3b3;background:#f5f5f5 url(../img/pro_centern5Box1MainBoxListMore.png) no-repeat 90% center;line-height:1rem;cursor:url(../img/gesture.png),default;margin-top:0}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover{box-shadow:0 0 16px rgba(0,0,0,.1)}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListB{background:rgba(0,0,0,.5)}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListB span{color:#fff}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListB span i{color:#fff}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListB a{color:#fff}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListB p{color:#fff}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListB b{border-bottom:1px solid transparent}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListMore{background:#fff url(../img/pro_centern5Box1MainBoxListMore.png) no-repeat 90% center}
.pro_centern3 .pro_centern1Title{text-align:center}
.pro_centern3 .pro_centern1Title h3{padding-top:.5rem;font-size:.26rem;line-height:1;color:#4c4c4c}
.pro_centern3 .pro_centern1Title p{text-transform:uppercase;line-height:1;font-size:.18rem;color:#999;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;margin-top:.1rem}
.pro_centern3 .pro_centern1Title a{display:inline-block;color:#333;font-size:.14rem;line-height:1;margin-top:.16rem;padding-bottom:.01rem;border-bottom:1px solid rgba(0,0,0,.4)}
.pro_centern3 .pro_centern2Box .pro_centern2Brief{padding:0 120px;font-size:.14rem;line-height:.3rem;margin-top:.2rem;color:#999;text-align:center;margin-bottom:.2rem}
.pro_centern3 .pro_centern3Box{overflow:hidden}
.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1{box-shadow:0 0 6px rgba(0,0,0,.15);margin-top:.125rem}
.pro_center3ListBox ul li{margin-top:.16rem;padding:0 10px}
.ShowProductsListBoxImg{background:#f9f9f9;border-radius:5px;-webkit-transition:.5s;transition:.5s}
.ShowProductsListBoxImgBox{background:#fff;padding:10px;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:5px;-webkit-transition:.5s;transition:.5s}
.ShowProductsListBoxImgD{position:relative;padding:33.3%;display:block}
.ShowProductsListBoxImgBox a.ShowProductsListBoxImgD img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-transition:.5s;transition:.5s}
.showProductListMOred{overflow:hidden;margin-top:.1rem}
.showProductListMOredL{width:80%;float:left;-webkit-transition:.5s;transition:.5s}
.pro_center3ListBox ul li:hover .showProductListMOredL{-webkit-transform:translateX(5px);transform:translateX(5px)}
.pro_center3ListBox ul li:hover .showProductListMOredL a{color:#206bd1}
.pro_center3ListBox ul li:hover .showProductListMOredL p{color:#206bd1}
.pro_center3ListBox ul li:hover .showProductListMOredR{margin-right:.04rem}
.pro_center3ListBox ul li:hover .ShowProductsListBoxImg img{display:block;-webkit-transform:scale(1.02);transform:scale(1.02)}
.showProductListMOredL a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.16rem;-webkit-transition:.5s;transition:.5s}
.showProductListMOredL p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999;-webkit-transition:.5s;transition:.5s}
.showProductListMOredR{float:right;width:10%;position:relative;padding:2%}
.showProductListMOredR{-webkit-transition:.5s;transition:.5s}
.showProductListMOredR img{display:block;margin:0 auto}
.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiImg{position:relative;display:block;padding:35.5%}
.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiImg img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;padding:1%}
.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiImg::after{content:"";top:50%;left:50%;width:0%;height:0%;position:relative;background:rgba(0,0,0,.2);-webkit-transition:.5s;transition:.5s}
.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiTitle{display:block;position:absolute;bottom:0;left:0;height:.5rem;background:rgba(0,0,0,.5);width:100%;padding:0 5%;line-height:.5rem;text-align:center;font-weight:700;font-size:.18rem;color:#fff;overflow:hidden}
.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiTitle::after{content:"";width:100%;background:#333;position:absolute;left:0;top:-100%;height:.5rem;display:block;-webkit-transition:.5s;transition:.5s}
.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiTitle i{position:absolute;bottom:0;left:0;z-index:8;width:100%;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s;font-size:.18rem}
.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li:hover a.pro_centern3BoxLiImg::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}
.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li:hover a.pro_centern3BoxLiTitle::after{content:"";top:0}
.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li{padding:0;float:left;margin-top:.125rem;width:47.5%}
.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li:nth-child(2n){margin-left:.28rem}
.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox{width:100%;border:1px solid #e6e6e6}
.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3Box1{position:relative;padding:36%;display:block}
.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3Box1 img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;padding:1%}
.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3Box1::after{content:"";width:0;height:0;position:absolute;top:50%;left:50%;background:rgba(0,0,0,.2);-webkit-transition:.5s;transition:.5s}
.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore{width:100%;height:.3rem;line-height:.3rem;background:rgba(0,0,0,.5);display:block;position:absolute;bottom:0;left:0;text-align:center;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 15px;z-index:6}
.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore::after{content:"";width:100%;height:.3rem;background:#333;position:absolute;left:0;top:-100%;display:block;-webkit-transition:.5s;transition:.5s}
.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore i{position:absolute;bottom:0;left:0;z-index:8;width:100%;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s;font-size:.15rem}
.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox:hover a.pro_centern3Box1::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}
.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox:hover a.pro_centern3BoxMore::after{top:0}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box{width:100%;min-height:3.11rem;background:url(../images/pro_centern3Box1Box.png) no-repeat center top;margin-top:.5rem;background-size:cover;overflow:hidden;position:relative;padding-bottom:0}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListL{padding-left:0;padding-right:0;margin-top:.6rem;padding:0}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListL i{display:block;position:relative;padding:32%}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListL i img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;padding:1%}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR{padding-left:0;padding-bottom:.2rem;padding-top:.8rem}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR h4{background:url(../images/pro_centern3Box1BoxMainBdListRLine.png) no-repeat center left;padding-left:.7rem;font-size:.22rem;color:#fff;margin-top:.1rem;margin-left:-14px}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR p{padding-left:.7rem;color:#fff;width:4.5rem;font-size:.14rem;line-height:.34rem;margin-top:.3rem;margin-left:-14px}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR b{padding-left:.7rem;margin-top:.3rem;display:block;font-size:.14rem;color:#fff;font-weight:400;margin-left:-14px}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR b img{padding-right:.05rem;vertical-align:sub}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR b i{font-size:.24rem;font-weight:700}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd{height:4.05rem;padding:0 0 0 .3rem}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd::-webkit-scrollbar{background:0 0}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd::-moz-scrollbar{background:0 0}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd::-ms-scrollbar{background:0 0}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd::-webkit-scrollbar-thumb{background:#4c4c4c}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li{border-bottom:1px solid #5a5a5a;border-left:1px solid #5a5a5a;height:0;border-right:1px solid #5a5a5a;overflow:hidden;position:relative;-webkit-transition:.5s;transition:.5s}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;padding:1%}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li h4{color:#ccc;text-align:center;line-height:1.15rem}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li.on{min-height:1.35rem;line-height:1.35rem;cursor:pointer;background:#595959}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li.on h4{color:#fff}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainL{width:.32rem;height:.32rem;position:absolute;left:64%;top:.85rem;background:url(../img/pro_centern3Box1BoxMainL.png) no-repeat center;cursor:pointer;-webkit-transition:.5s;transition:.5s}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainL:hover{background:url(../images/pro_centern3Box1BoxMainL1.png) no-repeat center}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainR{width:.32rem;height:.32rem;background:url(../images/pro_centern3Box1BoxMainR.png) no-repeat center;position:absolute;left:66%;cursor:pointer;-webkit-transition:.5s;transition:.5s;top:.85rem}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainR:hover{background:url(../images/pro_centern3Box1BoxMainR1.png) no-repeat center}
.pro_centern3Box2 .pro_centern3Box2List{width:85.6%;margin:0 auto;margin-top:.5rem;position:relative;background:url(../images/pro_centern3Box2ListBox.png) no-repeat center}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi{padding:0 0}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi:hover .pro_centern3Box2ListTitle{color:#333}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi .pro_centern3Box2ListImg{display:block;position:relative;padding:29%;border:1px solid #f2f2f2}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi .pro_centern3Box2ListImg img{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;padding:1%}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi .pro_centern3Box2ListTitle{display:block;font-size:.18rem;line-height:3;border-bottom:1px solid #e6e6e6;width:18em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi p{color:#999;line-height:2;margin-top:.1rem;font-size:.14rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:.56rem}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi .pro_centern3Box2ListMore{width:1.56rem;height:.4rem;border:1px solid #ccc;display:block;background:transparent url(../img/pro_centern3Box2ListMore.png) no-repeat center;margin-top:.3rem;-webkit-transition:.5s;transition:.5s;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi .pro_centern3Box2ListMore:hover{background:#333 url(../img/pro_centern3Box2ListMore2.png) no-repeat center;box-shadow:0 0 16px rgba(32,107,209,.2);border-color:#333}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListLeft{width:.41rem;height:.41rem;background:url(../images/pro_centern3Box2ListBoxLiLeft.png) no-repeat center;position:absolute;top:55%;left:-8%;z-index:10;cursor:pointer}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListRight{width:.41rem;height:.41rem;background:url(../images/pro_centern3Box2ListBoxLiRight.png) no-repeat center;position:absolute;top:55%;z-index:10;right:-8%;cursor:pointer}
.pro_centern3Box3{height:2.53rem;width:100%;background:url(../images/pro_centern3Box3.png) no-repeat center top;margin-top:.5rem}
.pro_centern3Box3 .pro_center3Box3L h4{font-size:.2rem;font-weight:700;color:#fff;margin-top:.44rem}
.pro_centern3Box3 .pro_center3Box3L p{line-height:2;font-size:.15rem;color:#fff;margin-top:.16rem;width:24em}
.pro_centern3Box3 .pro_center3Box3L h5{font-size:.26rem;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#fff;font-weight:700;margin-top:.3rem}
.pro_centern3Box3 .pro_center3Box3L a{display:inline-block;width:1.06rem;height:.3rem;border:1px solid #333;background:#333;font-size:.15rem;line-height:.15rem;font-weight:400;text-align:center;line-height:.3rem;color:#fff;vertical-align:text-bottom;margin-left:.3rem;-webkit-transition:.5s;transition:.5s}
.pro_centern3Box3 .pro_center3Box3L a:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}
.pro_centern3Box3 .pro_center3Box3R{width:45%;padding-left:5%;padding-right:0}
.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message1{background:transparent url(../images/pro_centern3Message1.png) no-repeat 10px center;padding:9px 0;border-bottom:1px solid #b3b3b3;text-indent:2.5em;color:#b2b2b2;width:44%;margin:8% 3% 0}
.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message2{background:transparent url(../images/pro_centern3Message2.png) no-repeat 10px center;padding:9px 0;border-bottom:1px solid #b2b2b2;text-indent:2.5em;width:44%;margin:0 3%;color:#b2b2b2;margin:8% 3% 0}
.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message3{background:transparent url(../images/pro_centern3Message3.png) no-repeat 10px center;padding:9px 0;border-bottom:1px solid #b2b2b2;text-indent:2.5em;margin:0 3%;width:44%;color:#b2b2b2;margin:5% 3% 0}
.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message4{background:transparent url(../images/pro_centern3Message4.png) no-repeat 10px center;padding:9px 0;border-bottom:1px solid #b2b2b2;text-indent:2.5em;margin:0 3%;width:44%;color:#b2b2b2;margin:5% 3% 0}
.pro_centern3Box3 .pro_center3Box3R .pro_centern1imgcode{height:.24rem;position:absolute;top:0;right:0;top:51%;width:18%;z-index:10}
.pro_centern1imgcode{height:.4rem}
.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message5{width:94%;display:block;height:.4rem;background:0 0;border:1px solid #b2b2b2;color:#b2b2b2;border-radius:4px;margin:7% 3% 0;-webkit-transition:.5s;transition:.5s;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.pro_centern3Box4 .pro_centern3Box4Box{margin-top:.4rem;cursor:url(../images/gesture.png),default}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li{-webkit-transition:.5s;transition:.5s;margin-bottom:15px}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxImg{display:block;padding:31%;position:relative;border:1px solid #f2f2f2}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxImg img{width:100%;height:100%;position:absolute;left:0;right:0;top:0;padding:2%;bottom:0;margin:auto;cursor:url(../img/gesture.png),default}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxTitleTime{padding:0 .16rem}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxTitleTime .pro_centern3Box4BoxTitleTimebox{background:#fff;margin-top:.2rem;-webkit-transition:.5s;transition:.5s;border:1px solid #b3b3b3}
.pro_centern3Box4 .pro_centern3Box4Box .swiper-container{padding:15px}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxTitleTime .pro_centern3Box4BoxTitleTimebox h5{font-size:.26rem;font-weight:700;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#333;padding:.16rem .1rem 0;-webkit-transition:.5s;transition:.5s;line-height:1;text-align:center}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxTitleTime .pro_centern3Box4BoxTitleTimebox p{padding:0 .2rem .08rem .2rem;-webkit-transition:.5s;transition:.5s;color:grey;padding-top:.08rem}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxTitleText{padding-left:0}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxTitleText a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;-webkit-transition:.5s;transition:.5s;display:block}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxTitleText p{font-size:.14rem;line-height:1.7;color:grey;margin-top:.1rem;-webkit-transition:.5s;transition:.5s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:.49rem}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxMore{display:block;padding:.2rem 10px;border-bottom:1px solid #f2f2f2;color:#b2b2b2;font-size:.14rem;background:url(../img/pro_centern3Box2ListMore.png) no-repeat 95% center;cursor:url(../img/gesture.png),default;-webkit-transition:.5s;transition:.5s}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li:hover{box-shadow:0 0 16px rgba(0,0,0,.1)}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li:hover .pro_centern3Box4BoxTitleTime .pro_centern3Box4BoxTitleTimebox{background:#333;border:1px solid #333}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li:hover .pro_centern3Box4BoxTitleTime .pro_centern3Box4BoxTitleTimebox h5{color:#fff}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li:hover .pro_centern3Box4BoxTitleTime .pro_centern3Box4BoxTitleTimebox p{color:#fff}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li:hover .pro_centern3Box4BoxTitleText a{text-decoration:underline;color:#333}
.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li:hover .pro_centern3Box4BoxMore{border-bottom:1px solid #fff}
.pro_centern1Box1BoxAutoPage{box-sizing:content-box!important;bottom:0!important;left:0!important;width:100%!important}
.pro_centern1Box1BoxAutoPage span.swiper-pagination-bullet{border:1px solid #333!important;background:0 0!important}
.pro_centern5Box1MainBoxLiLeftIco{width:.35rem;height:.8rem;background:url(../images/swiper-button-next1.png) no-repeat center;top:36%;z-index:2;left:0;position:absolute}
.pro_centern5Box1MainBoxLiLeftIco:hover{background:url(../images/pro_centern5Box1MainBoxLiLeftIco1.png) no-repeat center}
.pro_centern5Box1MainBoxLiRightIco{width:.35rem;height:.8rem;background:url(../images/swiper-button-prev1.png) no-repeat center;top:36%;position:absolute;z-index:2;right:0}
.pro_centern5Box1MainBoxLiRightIco:hover{background:url(../images/pro_centern5Box1MainBoxLiRightIco1.png) no-repeat center}
.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message5:hover{background:#333;color:#fff;border:1px solid #333}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left{-webkit-transition:.5s;transition:.5s}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2Left a img{max-width:100%;max-height:100%}
.pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox a.pro_centern3Box1 img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;padding:1%}
.pro_centern3BoxBottom ul li{margin-top:.4rem}
.pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox a.pro_centern3Box1{position:relative;padding:36%;display:block;border:1px solid #f2f2f2}
.pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore i{position:absolute;bottom:0;left:0;z-index:8;width:100%;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s;font-size:.15rem}
.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiTitle i{position:absolute;bottom:0;left:0;z-index:8;width:100%;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s;font-size:.18rem}
.pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore::after{content:"";width:100%;height:.3rem;background:#333;position:absolute;left:0;top:-100%;display:block;-webkit-transition:.5s;transition:.5s}
.pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore{width:89.5%;height:.3rem;line-height:.3rem;background:rgba(0,0,0,.5);display:block;position:absolute;bottom:0;left:5%;text-align:center;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 15px;z-index:6}
.pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox:hover a.pro_centern3Box1::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}
.pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox:hover a.pro_centern3BoxMore::after{top:0}
.pro_centern2 .pro_centern2BoxMain{width:100%;margin:0 auto;overflow:hidden;padding:.32rem 0}
.pro_centern2 .pro_centern2BoxMain ul li:hover img{-webkit-transform:scale(1.01);transform:scale(1.01)}
.pro_centern2BoxMainNew ul li{padding:0 10px;padding-bottom:.3rem}
.pro_centern2BoxMainNewBox{background:#056a33;padding-bottom:.2rem;box-shadow:0 0 16px rgba(0,0,0,.1)}
.pro_centern2BoxMainNew ul li a.pro_centern2BoxMainNewImg{display:block;position:relative;padding:35.1%; background-color: #fff;}
.pro_centern2BoxMainNew ul li a.pro_centern2BoxMainNewImg img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;right:0;margin:auto;padding:10px}
.pro_centern2BoxMainNew ul li .pro_centern2BoxMainNewImgLine{width:100%;position:absolute;left:0;bottom:1px}
.pro_centern2BoxMainNew ul li .pro_centern2BoxMainNewImgLine i{display:block;padding:0 10px;width:90%;border-bottom:1px solid #fff;margin:0 15px}
.pro_centern2BoxMainNew ul li a.pro_centern2BoxMainNewTitle{line-height:2.5;padding-top:.1rem;font-size:.16rem; font-weight: bold; padding:0 20px;display:block;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;-webkit-transition:.5s;transition:.5s}
.pro_centern2BoxMainNewLine{width:.4rem;height:1px;background:#fff;margin:0 auto;-webkit-transition:.5s;transition:.5s}
.pro_centern2BoxMainNew ul li p{background:url(../images/pro_centern2BoxMainNewP.png) no-repeat center;padding:15px;color:#fff;line-height:.2rem;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;-webkit-transition:.5s;transition:.5s;text-align:center;display:block;height:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro_centern2BoxMainNew ul li a.pro_centern2BoxMainNewMore{width:1.35rem;height:.28rem;border:1px solid #f37800;display:block;margin:0 auto;text-align:center;border-radius:.14rem;margin-top:.1rem;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#fff;line-height:.28rem;-webkit-transition:.5s;transition:.5s}
.pro_centern2BoxMainNew ul li:hover a.pro_centern2BoxMainNewTitle{color:#fff}
.pro_centern2BoxMainNew ul li:hover a.pro_centern2BoxMainNewTitle,.pro_centern2BoxMainNew ul li:hover p{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.pro_centern2BoxMainNew ul li:hover .pro_centern2BoxMainNewMore{background:#f37800;animation:lr linear 2s infinite alternate;color:#fff}
.pro_centern2BoxMainNew ul li:hover .pro_centern2BoxMainNewLine{width:.8rem;background:#f37800}
.pro_reason3AdvTop{padding:.4rem .2rem;height:3.39rem;background:#fff url(../images/zan.png) no-repeat 90% 95.5%;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.1)}
.pro_reason3Adv{padding:.2rem 0;background:#f5f5f5;margin-top:50px}
.pro_reason3AdvTopText{float:left;margin-left:.05rem;width:68%;position:relative;text-indent:.1rem;margin-top:.08rem}
.pro_reason3AdvTopNum{font-size:.54rem;color:#6e6e6e;text-align:right;float:left;line-height:1}
.pro_reason3AdvTopText::before{content:"";width:.04rem;height:.43rem;background:#f5f5f5;position:absolute;top:0;left:0}
.pro_reason3AdvTopText h4{color:#999;text-transform:uppercase;font-size:.16rem}
.pro_reason3AdvTopText p{color:#56b919;font-size:.2rem;font-weight:700;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro_reason3AdvCenter{font-size:.14rem;line-height:2;color:#888;height:1.4rem;text-indent:2em}
.pro_reason3AdvTopText p i{width:.2rem;height:.03rem;background:#999;display:block;margin:.2rem 17% .3rem}
.pro_reason3AdvCenter{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:2;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.oro_reason3AdvBottom{width:100%;margin-top:.2rem}
.oro_reason3AdvBottom img{float:right}
@keyframes lr{50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
100%{-webkit-transform:translateX(5px);transform:translateX(5px)}
}
@media(max-width:960px){.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainL{width:.32rem;height:.32rem;position:absolute;left:68%;top:.9rem}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainR{width:.32rem;height:.32rem;position:absolute;left:71%;top:.9rem}
}
@media (max-width:768px){.pro_centern1 .pro_centern1Box .pro_centern1Brief{padding:0 15px}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxImg{border-right:0;padding:30.7%;margin-top:.3rem}
.gallery-thumbs{display:none}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxQR{display:none}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare{padding-bottom:.3rem}
.pro_centern1Box1BoxLine{display:none}
.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd{width:80%}
.swiper-pagination-clickable{display:none}
.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd h4{padding-top:.2rem}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2right a.pro_centern1Box2MinTitle{margin:.1rem 0}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2right .pro_centern1Box2More{margin-top:.1rem}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd{display:none}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd{margin-top:.5rem;padding:0 15px}
.pro_centern1Box4CenterLBth,.pro_centern1Box4CenterRBth{top:1.4rem}
.pro_centern1Box4line{display:none}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterL{display:none}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR{width:100%;margin:0}
.pro_centern1Box3{background:#f5f5f5}
.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message2{margin:.13rem 0 0}
.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message5{margin:.13rem 0}
.pro_centern1Box3 .pro_centern1Box3R h5,.pro_centern1Box3 .pro_centern1Box3R p{padding-left:0}
.pro_centern1Box3 .pro_centern1Box3R a.pro_centern1Box3RMore{margin-left:0}
.pro_centern1Box3 .pro_centern1Box3R h4{padding-left:0;margin-top:.2rem}
.pro_centern1Box3 .pro_centern1Box3L h4{line-height:6}
.pro_centern1Box5 .pro_centern1Box5Box .swiper-pagination{display:none}
.pro_centern1Box5Box .swiper-container{padding-bottom:.4rem}
.pro_centern1Box5BoxLi .swiper-slide{padding:0 15px}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText{padding:0 .3rem}
.pro_centern3 .pro_centern2Box .pro_centern2Brief{padding:0 15px}
.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li{margin-top:.2rem;margin-bottom:0}
.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore{width:96%;left:2%}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR h4{margin-top:.1rem}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR{padding-left:none;padding-top:.2rem;padding-left:.1rem}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd{display:none}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListL i{padding:40%}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR p{width:100%}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd{min-height:2rem}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li{margin-top:.3rem;border-top:1px solid #5a5a5a}
.pro_centern3Box3 .pro_center3Box3L p{width:100%}
.pro_centern3{overflow:hidden}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR b{padding-left:0;text-align:center}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR b i{font-size:.18rem}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR p{padding-left:.1rem}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li{line-height:1}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li.on{line-height:1}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainL{left:5%;top:1.9rem}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainR{left:90%;top:1.9rem}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainL:hover{left:5%;top:1.9rem}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainR:hover{left:90%;top:1.9rem}
.pro_centern3Box2 .pro_centern3Box2List{background:0 0}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi .pro_centern3Box2ListTitle{width:100%}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi{padding:0}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox .pro_centern3Box2ListLeft,.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox .pro_centern3Box2ListRight{display:none}
.pro_centern3Box3{background:#f1f1f1;overflow:hidden;height:auto;padding-bottom:.3rem}
.pro_centern3Box3 .pro_center3Box3L h4{margin-top:.2rem}
.pro_centern3Box3 .pro_center3Box3L h5{margin-top:.1rem}
.pro_centern3Box3 .pro_center3Box3R{width:93%}
.pro_centern3Box3 .pro_center3Box3R{padding:0;overflow:hidden}
.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message1{width:100%;margin:8% 0 0}
.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message2{width:100%;margin:8% 0 0}
.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message3{width:100%;margin:8% 0 0}
.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message4{width:100%;margin:8% 0 0}
.pro_centern3Box3 .pro_center3Box3R{width:100%;padding:0 15px}
.pro_centern3Box3 .pro_center3Box3L h4{color:#333}
.pro_centern3Box3 .pro_center3Box3L p{color:#999}
.pro_centern3Box3 .pro_center3Box3L h5{color:#999}
.pro_centern3Box3 .pro_center3Box3L a{margin-top:.2rem}
.pro_centern3Box4{padding:0 15px}
.pro_centern3Box4BoxTitleTime{display:none}
.pro_centern3Box4BoxTitleText{width:100%}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li h4{line-height:2;margin-top:44%}
.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 .pro_centern3BoxLiImgL{display:none}
.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 .pro_centern3BoxLiImgR{display:none}
.pro_centern2 .pro_centern2Box .pro_centern2Brief{padding:0 15px}
.pro_centern2 .pro_centern2BoxMain{width:100%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1{width:100%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2{width:100%;margin-top:.2rem}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain3{width:47%;margin-top:.2rem;margin-left:1.8%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain4{width:47%;margin-top:.2rem;margin-right:1%;margin-left:1.8%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain5{width:47%;margin-top:0;margin-right:1%;margin-left:1.8%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain6{width:47%;margin-top:0;margin-right:1%;margin-left:1.8%}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain7{width:48%;margin-top:0;display:none}
.pro_centern2{overflow:hidden}
.pro_centern2Box1MainBox{width:100%;overflow:hidden}
.pro_centern2 .pro_centern2Box1Main{margin-top:0}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul{display:inline-block}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul li i{width:100%}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul li{padding:0 5px;height:auto}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList p{width:100%;padding:0 15px}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList{height:auto}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList h5{padding-bottom:.1rem;padding-top:.1rem}
.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul{margin:.2rem auto}
.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi{padding:0 15px}
.pro_centern3Box1Main{margin-bottom:.2rem}
.pro_centern2 .pro_centern4Box1Main{background:#f2f2f2}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox{margin:0 15px}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox h4{margin-top:.2rem}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message2{margin-left:0;margin-top:.13rem}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message3{width:97%}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message5{width:99%}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox{padding:0 15px}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox h4{margin-top:.4rem}
.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList a.pro_centern5Box1MainBoxListImg img{display:none}
.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox p{line-height:.3rem}
.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1{padding:0}
.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2right .pro_centern1Box2More{display:none}
.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message3{width:97%}
.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi{height:3rem}
.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li{padding:0 5px}
.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListL{margin-top:.4rem}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListLeft{display:none}
.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListRight{display:none}
.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain3{margin-left:1.7%}
}
.pro_reason3AdvBox{padding:.1rem 0}


.proList{padding-top:.4rem;margin-bottom:.4rem;position:relative;z-index:0}
.proListL{margin-left:.121rem;position:relative;overflow:hidden}
.proBg{display:block;width:100%;position:absolute;top:0;left:0;background:#056a33;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:#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:0;margin-bottom:19px;font-size:.16rem;height:.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:#333;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:#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:-.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}
.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:.1rem .1rem .1rem;background:#fafafa;margin-top:.1rem;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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom;margin-left:.1rem;font-size:.14rem;width:8em}
.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:left}
.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:#333;border-radius:50%;margin:3px .07rem}
.proListCenter li{margin-top:.2rem;padding:0 10px}
.proListCenter i a{position:relative;padding:31%;overflow:hidden;object-fit:cover;display:block}
.row1{margin-left:-10px;margin-right:-10px}
.proListCenter i a::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);position:absolute;top:5%;right:5%;bottom:5%;left:5%;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;z-index:2;background:url(../images/see.png) no-repeat center}
.proListCenter i a::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);position:absolute;top:5%;right:5%;bottom:5%;left:5%;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;z-index:2}
.productsBorer:hover i a::after,.productsBorer:hover i a::before{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:0;background:#333;position:absolute;top:0;left:0;-webkit-transition:.5s;transition:.5s}
.border-right{width:1px;height:0;background:#333;position:absolute;bottom:0;right:0;-webkit-transition:.5s;transition:.5s}
.border-top{width:0;height:1px;background:#333;position:absolute;top:0;left:0;-webkit-transition:.5s;transition:.5s}
.border-bottom{width:0;height:1px;background:#333;position:absolute;bottom:0;right:0;-webkit-transition:.5s;transition:.5s}
.border-proleft{width:1px;height:0;background:#333;position:absolute;top:0;left:0;-webkit-transition:.5s;transition:.5s}
.border-proright{width:1px;height:0;background:#333;position:absolute;bottom:0;right:0;-webkit-transition:.5s;transition:.5s}
.border-protop{width:0;height:1px;background:#333;position:absolute;top:0;left:0;-webkit-transition:.5s;transition:.5s}
.border-probottom{width:0;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}
.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; text-align: center;}
.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:#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: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%;-webkit-transition:.5s;transition:.5s}
.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:#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:.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.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:#333;color:#fff}
.productsLil{border:1px solid #dededd;overflow:hidden;border-radius:.03rem}
.productsLil i{display:block;position:relative;padding:49.5%;object-fit:cover;margin-top:.1rem}
.productsLil img{position:absolute;top:0;left:0;max-width:100%;max-height:100%;right:0;bottom:0;margin:auto}
.productsTitle{display:block;width:100%;padding:.1rem 0;background:url(../images/productsico3.png) no-repeat 100% center;animation:proll linear 2s infinite alternate}
.productsTitle span{display:block;font-size:.16rem}
.productsTitle b{display:block;font-weight: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;position:relative;z-index:0}
.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:#333;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:#333}
.contact ul li:hover .contactTop h4{color:#fff}
.contact ul li:hover .contactTop span{color:#fff}
.contact ul li:hover h4.contactmeg{background:url(../images/contactico1-1.png) no-repeat center .1rem}
.contact ul li:hover h4.contactNetwork{background:url(../images/contactico2-1.png) no-repeat center .1rem}
.contact ul li:hover h4.contactService{background:url(../images/contactico3-1.png) no-repeat center .1rem}
.contact ul li:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.aboutTitle p{padding:.3rem .5rem;font-size:.15rem;color:#999;text-align:center;line-height:1.8}
.contactList{overflow:hidden}
.contactList ul li{border-right:1px solid #dededd;padding:.2rem 0 .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.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:#056a33;-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}
.newsCenterTop:hover{background-color: #056a33; color: #fff;}
.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:#fff;-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:hover p{color: #fff;}
.newsCenterTopr span{margin-top:.3rem;display:block;color:#999}
.newsCenterTopr:hover span{color: #fff;}
.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}
.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:#333;box-shadow:0 0 16px rgba(0,0,0,.1)}
.newsTop ul li:hover .newsText{color:#fff}
.newsTop ul li:hover .newsTopcenter span{color:#fff;background:url(../images/newslistmore2.png) no-repeat 96% center}
.newsTop ul li:hover a.newsImg{background:#fff}
.newsListCenter{margin-top:.3rem;-webkit-transition:.5s;transition:.5s}
.newsListLImg{display:block;position:relative;-webkit-transition:.5s;transition:.5s;overflow:hidden}
.newsListLImg::after{content:"";opacity:0;transform:scale(1.5);transition:all .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%}
.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:.16rem;line-height:.3rem;display:block;color:#666}
.productsText{font-size:.16rem;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:#333;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:#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 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;-webkit-transition:.5s;transition:.5s}
.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:#333;position:absolute;content:""}
.promessageBox input.a-bth::after:hover{width:100%;height:100%;background:#333;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}
.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:#333}
.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 3px 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);position:relative;z-index:9999999}
.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:.66rem;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{font-size:.16rem;line-height:.3rem;color:#666}
.caseContainer p,.caseContainer span,.productsText p,.productsText span{font-size:.16rem;line-height:.3rem}
.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}
.JourTop{margin-top:.36rem}
.JourTopLineL{height:.1rem;border:1px solid #dadada;border-left:0;border-right:0;margin-top:.07rem;float:left;width:40%}
.JourTopLineR{height:.1rem;border:1px solid #dadada;border-left:0;border-right:0;margin-top:.07rem;float:left;width:40%}
.JourTopLineText{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;text-align:center;float:left;width:20%}
.JourTopLineText span{font-size:.18rem;color:#797979;letter-spacing:2px}
.JourTopLineText h4{font-size:.26rem;font-weight:700;margin-top:.04rem}
.JourTopLineText a{width:.38rem;height:.17rem;display:block;margin:.12rem auto 0}
.JourTopLineText a img{display:block}
.JourTopCenter ul li{height:1.1rem;width:100%;border-bottom:1px solid #dadada}
.JourTopCenterL{margin-top:.05rem}
.JourTopCenterLimg{padding-left:0;margin:0;padding-right:0;width:48.66%}
.JourTopCenterLimg a{display:block;height:1rem;width:100%}
.JourTopCenter{margin-top:.26rem}
.JourTopCenterLimg a img{object-fit:cover;width:100%;height:100%;display:block}
.JourTopCenterLTime{border-right:1px solid #dadada;height:.9rem;margin-top:.05rem}
.JourTopCenterLTime h4{font-size:.4rem;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:700;text-align:center;color:#d6d6d6;margin-top:.1rem;line-height:.4rem}
.JourTopCenterLTime span{text-align:center;display:block;color:#d6d6d6;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:.22rem}
.JourTopCenterR{margin-top:.05rem}
.JourTopCenterRL{padding-left:6px;width:89%;float:left}
.JourTopCenterRL a{display:block;font-size:.16rem;color:#363636;padding-top:.18rem;line-height:.16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.JourTopCenterRL P{font-size:.14rem;line-height:.22rem;height:.44rem;margin-top:.12rem;color:#c2c2c2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.JourTopCenterRR{float:right;width:10%;height:100px;background:url(../images/jourtopcentermore.png) no-repeat 70% center;-webkit-transition:.5s;transition:.5s}
.JourTopCenter ul li{-webkit-transition:.5s;transition:.5s;height:1.1rem}
.JourTopCenter ul li:hover{background-color:#fff;height:1.1rem;border-bottom:1px solid #dadada;box-shadow:0 0 22px rgba(0,0,0,.2)}
.JourTopCenter ul li.JourTopCenterActive{background-color:#fff;height:1.1rem;border-bottom:1px solid #dadada;box-shadow:0 0 22px rgba(0,0,0,.2)}
.JourTopCenter ul li:nth-child(1){border-top:1px solid #dadada}
.JourTopCenter ul li:hover .JourTopCenterRR{background:url(../images/jourtopcentermore.png) no-repeat 85% center}
.JourCenter{margin-top:.5rem}
.JourCenterTitle h3{float:left;padding-left:.4rem;font-size:.26rem;color:#363636;font-weight:700;position:relative}
.JourCenterTitle{display:block;padding-bottom:.1rem;border-bottom:4px solid #b1b1b1;line-height:36px}
.JourCenterTitle h3::before{content:"";width:.04rem;height:.35rem;background:#0f4c81;position:absolute;-webkit-transform:rotate(-25deg);transform:rotate(-25deg);left:.08rem}
.JourCenterTitle h3::after{content:"";width:.04rem;height:.35rem;background:#0f4c81;position:absolute;-webkit-transform:rotate(-25deg);transform:rotate(-25deg);left:.2rem;opacity:.2}
.JourCenterTitle a{float:right;margin-top:.1rem}
.JourCenterN a.JourCenterNImg{display:block;position:relative;display:block;background:#f1f1f1;height:1.55rem}
.JourCenterN a.JourCenterNImg img{width:100%;height:100%}
.JourCenterN h4 a{font-size:15px;font-weight:700}
.JourCenterText{padding:.1rem .15rem}
.JourCenterNCenter{border-radius:10px 10px 0 0;overflow:hidden;background:#f6f6f6;-webkit-transition:.5s;transition:.5s}
.JourCenterText h4{width:100%}
.JourCenterText h4 a{display:block;width:100%;line-height:.22rem;height:.44rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#373636;-webkit-transition:.5s;transition:.5s}
.JourCenterText p{font-size:.14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#929292;padding:.06rem 0}
.JourCenterTimeBox i{padding-left:.16rem;background:url(../images/jourcentertime.png) no-repeat center left;font-size:.12rem;color:silver;float:left}
.JourCenterTimeBox a{padding-left:.16rem;background:url(../images/jourcentermore.png) no-repeat center left;font-size:.12rem;color:silver;float:right}
.JourCenterTimeBox{padding:0.rem 0}
.JourCenterN ul li{margin-top:.2rem}
.JourCenterN ul li .JourCenterNCenter:hover{box-shadow:0 0 12px rgba(0,0,0,.2);background-color:#f6f6f6}
.JourCenterN ul li .JourCenterNCenter:hover .JourCenterText h4 a{color:#0f4c81}
.JourCenterL{width:65%;float:left}
.JourCenterR{width:31%;float:right}
.JourCenterR ul li{width:100%;padding-left:5%;border-left:2px solid #e4e4e4;margin-left:2%;position:relative;padding-right:.07rem;padding-bottom:.3rem}
.JourCenterR ul li::after{content:"";position:absolute;top:0;left:-2px;width:2px;height:0%;border-left:2px solid #0f4c81;-webkit-transition:.5s;transition:.5s}
.JourCenterR ul li:hover::after{width:2px;height:100%}
.JourCenterR ul li:hover span a{color:#0f4c81}
.JourCenterRCenter{position:relative}
#lanPos{width:100%;padding-left:5%;border-left:2px solid #0f4c81;margin-left:2%;position:absolute;padding-right:.07rem;padding-top:.1rem;-webkit-transition:.5s;transition:.5s}
.JourCenterR ul li span i{width:.14rem;height:.14rem;border-radius:50%;border:1px solid #0f4c81;margin:0 auto;left:-.08rem;top:0;position:absolute}
.JourCenterR ul li span i::before{width:.08rem;display:block;height:.08rem;border-radius:50%;border:1px solid #0f4c81;position:absolute;content:"";left:.02rem;top:.02rem}
.JourCenterR ul li:nth-child(1) span i{width:.14rem;height:.14rem;border-radius:50%;border:1px solid #0f4c81;margin:0 auto;left:-.08rem;top:.1rem;position:absolute}
.JourCenterR ul li:nth-child(1) span i::before{width:.08rem;display:block;height:.08rem;border-radius:50%;border:1px solid #0f4c81;position:absolute;content:"";left:.02rem;top:.02rem}
.JourCenterR ul li:nth-child(4){padding-bottom:0}
.JourCenterR ul li span a{font-size:.15rem;display:block;line-height:.15rem;height:.15rem;-webkit-transition:.5s;transition:.5s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.JourCenterR ul li p{padding:.08rem .22rem;background:#fcfcfc;font-size:.13rem;color:#9e9e9e;line-height:.22rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:.15rem;border-radius:6px}
.JourCenterR ul li p i{-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:.22rem;height:.44rem;display:-webkit-box}
.JourCenterR ul li b{padding-left:.16rem;background:url(../images/jourcentertime.png) no-repeat 0 .04rem;font-size:.12rem;margin:.09rem 0 0;display:block;font-weight:400;color:silver}
.JourCenterR ul{margin-top:.2rem;width:100%}
.JourCenterR ul li:nth-child(1){padding-bottom:.21rem;padding-top:10px}
.JourBottom{margin-top:.5rem;margin-bottom:.5rem}
.JourBottomCenterBox{margin-top:.26rem;padding:0 15px}
.JourBottomCenterBox ul li{padding:20px;background:#fff;border-radius:6px;box-shadow:0 0 16px rgba(0,0,0,.1);margin:.2rem 0;-webkit-transition:.5s;transition:.5s}
.JourBottomCenterBox ul li:hover{box-shadow:0 0 20px rgba(0,0,0,.3)}
.JourBottomCenterBoxTitle i{font-size:.13rem;background:#333;float:left;width:.25rem;height:.25rem;border-radius:50%;display:block;color:#fff;text-align:center;font-weight:700;line-height:.25rem}
.JourBottomCenterBoxTitle a{width:82%;float:right;margin:0 .1rem;background:#fcfcfc;padding:.05rem .1rem;font-size:.15rem;border-radius:5px;position:relative}
.JourBottomCenterBoxTitle a b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;display:block}
.JourBottomCenterBoxTitle a::after{content:"";border-left:13px solid transparent;width:2px;height:0;border-top:13px solid #fcfcfc;left:-1%;position:absolute;top:3px;transform:rotate(-133deg)}
.JourBottomCenterBoxText{margin-top:.15rem}
.JourBottomCenterBoxText i{font-size:.13rem;background:#0f4c81;float:left;width:.25rem;height:.25rem;border-radius:50%;display:block;color:#fff;text-align:center;font-weight:700;line-height:.25rem}
.JourBottomCenterBoxText p{margin:0 .1rem;float:right;width:84%;font-weight:400;background:#fcfcfc;font-size:.14rem;padding:.03rem .1rem;color:#999;position:relative;padding-bottom:.08rem;border-radius:5px}
.JourBottomCenterBoxText p b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:2;font-weight:400}
.JourBottomCenterBoxText p::after{content:"";border-left:13px solid transparent;width:2px;height:0;border-top:13px solid #fcfcfc;left:-1%;position:absolute;top:3px;transform:rotate(-133deg)}
.JourBottomCenterBox ul li:hover .JourBottomCenterBoxTitle i{animation:tan linear 2s infinite alternate}
@media (max-width:1300px){.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}
}
@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:.24rem;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}
.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: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}
.JourTopLineL,.JourTopLineR{display:none}
.JourTopLineText{width:100%}
.JourTopCenterL{display:none}
.JourCenterL{width:100%}
.JourCenterR{width:100%;margin-top:.5rem}
.JourCenterTitle h3,.JourTopLineText h4{font-size:.2rem}
.JourBottom{margin-bottom:.5rem}
.JourCenterTitle h3::after,.JourCenterTitle h3::before{display:none}
.JourCenterTitle h3{padding-left:0}
.JourCenterTimeBox i{display:none}
.JourCenterText h4 a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-weight:400;height:.22rem}
.JourCenterText{padding:.1rem}
.JourCenterText p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:inherit;white-space:initial;height:.66rem;margin-bottom:.1rem}
}
.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;pointer-events:none}
.productsText p span{font-size:.15rem}
.page-content span{font-size:.15rem}
.honorImg1 img{width:100%;height:100%;padding:0;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;object-fit:contain}
.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:"";box-sizing:border-box;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}
.pro_addPageTitle{width:100%;height:.7rem;background:#333;border-radius:10px 10px 0 0;position:relative;padding:0 20px}
.pro_addPageTitle h4{position:relative;display:inline-block;color:#fff;font-size:.24rem;z-index:2;background:#333;margin-top:.22rem}
.pro_addPageTitle p{position:absolute;top:0;left:20px;line-height:.7rem;color:#fff;opacity:.2;z-index:2;text-transform:uppercase;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:.4rem;letter-spacing:-5px}
.pro_addPageTitle img{width:.3rem;height:.3rem;display:block;position:absolute;right:20px;top:20px}
.pro_addPagenr{border:1px solid #eaeaea;border-top:0;padding:0 .2rem .2rem}
.pro_addPagenr h5{width:100%;height:.5rem;display:block;background:#eaeaea}
.pro_addPagenr ul li h5 a{width:80%;padding:0 10px;display:block;padding-right:0;font-size:.18rem;line-height:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.pro_addPagenr ul li h5 b{width:20%;background:url(../images/pro_addpagenrico.png) no-repeat center;float:left;height:.5rem;-webkit-transition:.5s;transition:.5s;cursor:pointer}
.pro_addPagenr ul li h5 b.on{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.pro_addPagenr ul li:hover h5{background:#333;-webkit-transition:.5s;transition:.5s}
.pro_addPagenr ul li:hover h5 a{color:#fff;-webkit-transition:.5s;transition:.5s}
.pro_addPagenr ol li{border:1px solid #ededed;border-top:0;padding:0 10px;line-height:50px}
.pro_addPagenr ul>li{padding-top:.2rem}
.pro_addPagenr ol li{margin-top:0}
.pro_addPagenr ol li a{width:100%;padding:0;display:block;padding-right:20%;font-size:.14rem;line-height:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/pro_addpagenrico.png) no-repeat 95% center;-webkit-transition:.5s;transition:.5s;color:#666}
.pro_addPagenr ol li:hover a{color:#333;-webkit-transform:translateX(5px)}
.pro_addNewsTitle{height:.46rem;width:100%;background:#333;padding:0 20px;margin-top:.2rem}
.pro_addNewsTitle img{width:.21rem;height:.23rem;vertical-align:sub}
.pro_addNewsTitle i{font-size:.18rem;color:#fff;line-height:.46rem;padding-left:.1rem}
.pro_addNewsBox{width:100%;padding:0 .2rem;border:1px solid #ededed;border-top:0}
.pro_addNewsImg{display:block;position:relative;padding:32.6%;border:4px solid #f0f0f0;margin:.1rem 0 0}
.pro_addNewsImg img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.pro_addNewsText{height:.38rem;border-bottom:1px solid #ededed;display:block;text-align:center;line-height:.38rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666}
.pro_addNewsCenter{height:30px;margin-top:10px}
.pro_addNewsCenter .pro_addNewsBoxL{width:50%;position:relative;float:left;height:18px}
.pro_addNewsCenter .pro_addNewsBoxL img{display:block;margin:2px 4px}
.pro_addNewsCenter .pro_addNewsBoxL i{position:absolute;right:10px;width:.18rem;height:.18rem;cursor:pointer;-webkit-transition:.5s;transition:.5s;border:1px solid #ededed}
.pro_addNewsCenter .pro_addNewsBoxR i{position:absolute;left:10px;width:.18rem;height:.18rem;cursor:pointer;-webkit-transition:.5s;transition:.5s;border:1px solid #ededed}
.pro_addNewsCenter .pro_addNewsBoxR{width:50%;position:relative;float:left;height:30px}
.pro_addNewsCenter .pro_addNewsBoxR img{display:block;margin:2px 4px}
.pro_addNewsCenter .pro_addNewsBoxL:hover i,.pro_addNewsCenter .pro_addNewsBoxR:hover i{background:#333}
.pro_addNewsTitle1 img{height:.19rem;width:.17rem}
.pro_addNewsBoxList ul li{border:1px solid #ededed;border-top:0;padding:0 .2rem;line-height:.4rem}
.pro_addNewsBoxList ul li a{padding-left:.2rem;line-height:.4rem;display:block;background:url(../images/pro_addnewsboxlistico.png) no-repeat center left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s;color:#666}
.pro_addNewsBoxList ul li a:hover{color:#333;-webkit-transform:translateX(5px);transform:translateX(5px)}
.proListR ul li .proListCenterBpx{border:1px solid #ededed;padding:5px 5px 0;box-shadow:0 0 16px rgba(0,0,0,.1);border-radius:5px;-webkit-transition:.5s;transition:.5s;overflow:hidden;margin:0 -6px 20px;background:#f7f7f7}
.proListR ul li .proListCenterBpx:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.proListR ul li .proListCenterBpx:hover .proListCenterTextL a{font-weight:600;color:#333}
.proListR ul li .proListCenterBpx:hover .proListCenterTextR{background:#333}
.proListCenterTextL{width:80%;float:left;display:block;background:#f9f9f9;padding-left:.2rem}
.proListCenterTextR{width:20%;float:left;background:#e9e9e9;-webkit-transition:.5s;transition:.5s}
.proListCenterP{width:105%;height:5px;background-color:#fff;clear:both;margin:0 -5px}
.proListCenter1d{position:relative;display:block;border:1px solid #f1f1f1;border-bottom:0;padding:30%}
.proListR ul li .proListCenterBpx:hover{border-color:#333;background:#fff}
.proListCenter1d img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.proListCenterTextL{height:66px;overflow:hidden}
.proListCenterTextR{height:66px}
.proListCenterTextR img{display:block;margin:.18rem auto}
.proListCenterText2{font-size:.18rem;line-height:2;font-weight:500;-webkit-transition:.5s;transition:.5s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.proListCenterTextL p{font-size:.14rem;color:#999;padding-right:.1rem;margin-bottom:.09rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@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}
.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}
.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}
.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:.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}
@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;padding:.1rem .12rem;color:#999;float:left;line-height:1.5;padding:.15rem .2rem}
.nwesCenterbText1 span i{font-size:.15rem;display:block;padding-top:.04rem;padding-bottom:0}
.newsCenterbTextr1{padding:0 0 0 2%;width:85%;float:left;background:url(../images/newsaic.png) no-repeat 117% 100% 54%;-webkit-transition:.5s;transition:.5s;position:relative;margin-top:.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{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: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}
.productCenterShow .ShowProductTitle{background:#333 url(../images/showproducttitle.png) no-repeat top;padding:0 20px;border-radius:10px 10px 0 0;height:1.04rem}
.productCenterShow .ShowProductTitleYY{display:block;width:100%;box-shadow:0 0 4px rgba(0,0,0,.5);height:1px}
.productCenterShow .ShowProductTitle h4{font-size:.22rem;color:#fff;font-weight:700;text-align:center;padding:.24rem .22rem 0}
.productCenterShow .ShowProductTitle p{font-size:.16rem;color:#fff;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;text-transform:uppercase;text-align:center;font-weight:700;line-height:1.7}
.productCenterShow .ShowProductTitle p::after,.productCenterShow .ShowProductTitle p::before{content:"-";padding:0 5px}
.productCenterShow .ShowProductTitle img{display:block;margin:0 auto;padding-bottom:.1rem}
.ShowProductCenter{background-color:#f9f9f9;margin-top:10px}
.ShowProductCenter ul li h6{background-color:#333;padding:10px 15px;overflow:hidden;border-radius:6px 6px 0 0}
.ShowProductCenter ul li h6 a{color:#fff;font-size:.16rem;font-weight:700;line-height:.21rem;display:block;width:90%;float:left}
.ShowProductCenter ul li h6 i{width:.21rem;margin-right:10px}
.ShowProductCenter ul li h6 i img{width:.21rem;vertical-align:bottom}
.ShowProductCenter ul li h6 b{width:10%;background:url(../images/showproductpevr.png) no-repeat center right;height:.21rem;display:block;float:left;cursor:pointer;-webkit-transition:.5s;transition:.5s}
.ShowProductCenter ul li h6 b.on{background:url(../images/showproductpevr.png) no-repeat center center;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.ShowProductCenter ul li ol{padding:.1rem .1rem .1rem;overflow:hidden}
.ShowProductCenter ul li{margin-bottom:.1rem}
.ShowProductCenter ul li ol li{padding:4px 10px;margin:10px 0;position:relative;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.14);border-radius:4px}
.ShowProductCenter ul li ol li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:2;background:url(../images/showproductol.png) no-repeat 6px center;padding-left:30px;-webkit-transition:.5s;transition:.5s;font-size:.15rem;color:#626161}
.ShowProductCenter ul li ol li i{width:0%;height:100%;background:#333;position:absolute;top:0;left:0;-webkit-transition:.5s;transition:.5s}
.ShowProductCenter ul li ol li:hover a{color:#fff;background:url(../images/showproductol1.png) no-repeat 6px center}
.ShowProductCenter ul li ol li:hover i{width:100%}
.HotproductShow,.HotproductShow1{border-top:3px solid #333}
.HotproductShow1 ul li i{float:left;position:relative}
.HotproductShow1 ul li span{float:left;font-size:.14rem}
.HotproductShow1 ul li a i::after{content:"";width:.1rem;height:1px;display:inline-block;background:#ccc;vertical-align:middle;margin:0 5px 0 12px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s}
.HotproductShow1 ul li a:hover i::after{width:.2rem;margin:0 5px 0 7px;background:#333}
.HotproductShow1 ul li{padding:0 10px}
.ShowproductList .ShowProductListTitle{width:100%;height:60px;background:#f9f9f9}
.ShowProductTitleL{position:relative;overflow:hidden;width:11%;float:left}
.ShowProductTitleL i{background:#ebebeb;position:absolute;width:240px;height:240px;border-radius:50%;top:-140%;right:0}
.ShowProductTitleText{float:left;margin-left:2%}
.ShowProductTitleL b{height:60px;display:block;position:relative;z-index:2;text-align:center;line-height:60px;font-size:.5rem;color:#fff;font-weight:700;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;text-shadow:0 0 10px rgba(0,0,0,.2)}
.ShowProductTitleText a,.ShowProductTitleText span{font-size:.16rem;display:block;padding-top:.06rem;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s}
.ShowProductTitleText p{font-size:.14rem;color:#999;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.showProductTitleMore{margin-right:2%;float:right;width:2em;box-sizing:content-box;border:1px solid #999;padding:1px 9px;color:#999;margin-top:.06rem;-webkit-transition:.5s;transition:.5s}
.showProductTitleMore:hover{color:#333;border:1px solid #333}
.ShowProductsListBoxImg{background:#f9f9f9;padding:12px;border-radius:5px;-webkit-transition:.5s;transition:.5s}
.ShowProductsListBoxImgD{position:relative;padding:33.3%;display:block}
.ShowProductsListBoxImgBox{background:#fff;padding:10px;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:5px;-webkit-transition:.5s;transition:.5s}
.ShowProductsListBoxImgBox a.ShowProductsListBoxImgD img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-transition:.5s;transition:.5s}
.showProductListMOredR{-webkit-transition:.5s;transition:.5s}
.showProductListMOredR a{display:block}
.showProductListMOred{overflow:hidden;margin-top:.1rem}
.showProductListMOredL{width:80%;float:left;-webkit-transition:.5s;transition:.5s}
.tubiapo{padding-top:.14rem}
.showProductListMOredR{float:right;width:10%;position:relative;padding:2%}
.showProductListMOredR img{display:block;margin:0 auto}
.ShowProductListBox{margin:0 -10px}
.showProductListMOredL a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.16rem;-webkit-transition:.5s;transition:.5s}
.ShowProductListBox ul li:hover .showProductListMOredL a{color:#333}
.ShowProductListBox ul li:hover .showProductListMOredL p{color:#333}
.ShowProductCWC{border:5px solid #f9f9f9;overflow:hidden;margin-top:.2rem;padding:5px 0}
.ShowProductListTitleTitle .ShowProductCWC{margin-top:0;border-top:0}
.ShowProductCWC a{padding-left:25px;color:#858585;display:inline-block;-webkit-transition:.5s;transition:.5s;line-height:2}
.ShowProductCWC a i{width:.1rem;height:.1rem;display:inline-block;overflow:hidden}
.ShowProductCWC a img{display:inline-block}
.ShowproductList{overflow:hidden;margin-bottom:.3rem}
.ShowProductCWC a:hover i img{border-left:180px solid transparent;-webkit-filter:drop-shadow(-180px 0 0 #333);filter:drop-shadow(-180px 0 0 #333)}
.ShowProductCWC a:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}
.showProductListMOredL p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999;-webkit-transition:.5s;transition:.5s}
.ShowProductListBox ul li{margin-top:.16rem;padding:0 10px}
.ShowProductCWC a:hover{color:#333}
.ShowProductsImgBox{padding:.1rem 0;background:#f9f9f9;margin:.2rem 0 0;overflow:hidden}
.ShowProductImgL a{position:relative;display:block;padding:33.6%;border:1px solid #f1f1f1}
.ShowProductImgL a img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.ShowProductImgRBox{width:94%;height:90%;overflow:hidden;background-color:#fff;border:1px solid #dedede;padding:20px;margin:10px}
.ShowProductImgRBoxTitle{display:block;font-size:.18rem;font-weight:700;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.1rem;-webkit-transition:.5s;transition:.5s}
.ShowProductImgRLine{width:100%;border-top:1px solid #dedede;margin:0 auto}
.ShowProductImgRBox p{color:#858585;line-height:2;text-indent:2em;margin-top:.2rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:.84rem;-webkit-transition:.5s;transition:.5s}
.ShowProductImgRLine1{width:10%;border-top:1px solid #dedede;margin:.2rem auto;-webkit-transition:.5s;transition:.5s}
.ShowProductImgBoxCenterL{float:left;height:.44rem;animation:msClock 2s linear infinite;animation:msClock 2s linear infinite}
.ShowProductImgBoxCenterLText{margin-left:.1rem;float:left;height:.44rem;-webkit-transition:.5s;transition:.5s}
.ShowProductImgBoxCenterLText span{font-size:.14rem;color:#7f7f7f;display:block}
.ShowProductImgRBox:hover .ShowProductImgRBoxTitle{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.ShowProductImgRBox:hover p{-webkit-transform:translateY(5px);transform:translateY(5px)}
@keyframes msClock{0%,100%,70%{transform:rotate(0) scale(1)}
10%,30%{transform:rotate(-15deg) scale(1.05)}
20%,40%{transform:rotate(15deg) scale(1.05)}
}
.ShowProductImgBoxCenterLText i{font-size:.18rem;color:#7f7f7f;font-weight:700}
.ShowProductImgBoxCenterRMore{float:right;height:.44rem;width:20%;border-left:1px solid #a7a7a7;padding-left:.1rem;color:#999;line-height:.44rem;-webkit-transition:.5s;transition:.5s}
.ShowProductImgBoxCenterRMore:hover{-webkit-transform:translateX(5px);transform:translateX(5px);color:#333;border-left:1px solid #333}
@media(max-width:768px){.nwesCenterbText1 span{display:none}
.proListL{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}
.ShowProductListBox ul li:hover .ShowProductsListBoxImg .ShowProductsListBoxImgBox{box-shadow:0 0 16px rgba(0,0,0,.2)}
.ShowProductListBox ul li:hover .ShowProductsListBoxImg img{display:block;-webkit-transform:scale(1.02);transform:scale(1.02)}
.ShowProductListBox ul li:hover .showProductListMOredL{-webkit-transform:translateX(5px);transform:translateX(5px)}
.ShowProductImgRBox:hover .ShowProductImgRLine1{width:30%}
.ShowProductImgRBox:hover .ShowProductImgBoxCenterLText{margin-left:.12rem}
.ShowProductImgRBox:hover .ShowProductImgBoxCenterRMore{margin-right:.02rem}
.ShowProductListBox ul li:hover .showProductListMOredR{margin-right:.04rem}
@media(max-width:768px){.pro_addNews{display:none!important}
.pro_addNew,.pro_addNewsBoxList{display:none!important}
.pro_addPagenr{margin-bottom:.2rem}
.pro_addPage .row{margin:0}
.ShowProductImgRBox{margin:10px 15px}
.ShowProductImgBoxCenterRMore{width:28%}
.showProductListMOredR{display:none}
.showProductListMOredL{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)}
}
.newsTOnewTop{background:#fbfbfb;padding:.5rem 0}
.newsTonewTopLBox{width:100%;height:auto;background:#fff;padding:.2rem;border-radius:5px;border:1px solid #e4e4e4;box-shadow:0 0 19px rgba(0,0,0,.05)}
.newsTonewTopLBox h4 a{display:block;text-align:center;font-size:.18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newsTonewTopLBox h4 i{width:.3rem;height:.02rem;background:#cacaca;display:block;margin:.12rem auto}
.newsTonewsTopLImg{width:100%;height:2.2rem;display:block;position:relative}
.newsTonewsTopLImg a.newsTonewsTopLImgA{width:100%;height:2.2rem;display:block}
.newsTonewsTopLImg a.newsTonewsTopLImgA img{display:block;width:100%;height:2.2rem;border-radius:5px;-webkit-transition:.5s;transition:.5s;object-fit:cover}
.newsTonewsTioTime{width:.8rem;height:.8rem;background:#0f4c81;position:absolute;bottom:-.25rem;-webkit-transition:.5s;transition:.5s;left:0}
.newsTonewsTioTime h4{padding-top:.16rem;font-size:30px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#fff;padding-left:.06rem;padding-bottom:.08rem;border-bottom:1px solid rgba(255,255,255,.5)}
.newsTonewsTioTime span{padding-left:.06rem;line-height:.24rem;color:#fff}
.newsTOnewTopL p{padding-top:.4rem;line-height:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#999;text-indent:2em}
.newsTOnewTopLMore{display:block;width:1.7rem;height:.3rem;display:block;margin:.22rem auto 0;border:1px solid #d0d0d0;line-height:.3rem;text-indent:.3rem;color:#515151;background:url(../images/newstonewtoplmore.png) no-repeat 74% center;-webkit-transition:.5s;transition:.5s}
.newsTOnewTopL:hover .newsTonewsTopLImg a.newsTonewsTopLImgA img{transform:scale(1.02)}
.newsTOnewTopL:hover .newsTonewsTioTime{left:1%}
.newsTOnewTopL:hover .newsTOnewTopLMore{background:#0f4c81 url(../images/newstonewtoplmore.png) no-repeat 76% center;color:#fff;text-indent:.25rem}
.newsTOnewTopRTitle{width:100%}
.newsTOnewTopRTitleL{float:left;width:4%}
.newsTOnewTopRTitleL h4{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:40px;text-transform:uppercase;color:#0f4c81;position:relative}
.newsTOnewTopRTitleL span{font-size:13px;display:block;line-height:1;position:absolute;bottom:-.06rem;text-align:center}
.newsTOnewTopRTitleLTitle{float:left;font-size:26px;line-height:1;font-weight:700;color:#0f4c81;margin-left:2px;padding-top:6px;border-bottom:1px solid #0f4c81;height:.46rem}
.newsTonewTopRTitleR{float:right;width:96%;height:.46rem;border-bottom:1px solid #dcdcdc}
.newsTonewTopRTitleRMore{line-height:1.2;border:1px solid #999;border-left:0;border-right:0;float:right;margin-top:.16rem;-webkit-transition:.5s;transition:.5s;padding:0 10px}
.newsTonewTopRTitleRMore:hover{border:1px solid #0f4c81;color:#0f4c81;border-left:0;border-right:0;transform:translateX(-2px)}
.newsTOnewTopRCenter ul li{width:100%;height:.94rem;background:#fff;margin-top:.15rem;border:1px solid #e4e4e4}
.newsTOnewTopRCenterL{float:left;width:14%;height:.94rem;border:1px solid #f2f2f2;-webkit-transition:.5s;transition:.5s}
.newsTOnewTopRCenterR{float:left;width:86%;padding:0 .17rem}
.newsTOnewTopRCenterL span{font-size:30px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#0f4c81;display:block;border-bottom:1px solid rgba(255,255,255,.5);position:relative;border-bottom:1px solid #0f4c81;width:60%;margin:0 auto;line-height:1.5;padding-top:8%;-webkit-transition:.5s;transition:.5s}
.newsTOnewTopRCenterL i{width:60%;margin:0 auto;line-height:.24rem;color:#0f4c81;display:block;padding-top:.05rem;line-height:1.5;-webkit-transition:.5s;transition:.5s}
.newsTOnewTopRCenterR a{display:block;line-height:2;font-size:.16rem;padding-top:.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.5s;transition:.5s}
.newsTOnewTopRCenterR p{font-size:.14rem;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:.42rem}
.newsTOnewTopRCenter ul li:hover .newsTOnewTopRCenterL{transform:translate(5px,5px);background:#0f4c81}
.newsTOnewTopRCenter ul li:hover .newsTOnewTopRCenterL span{color:#fff;border-color:#fff}
.newsTOnewTopRCenter ul li:hover .newsTOnewTopRCenterL i{color:#fff}
.newsTOnewTopRCenter ul li:hover .newsTOnewTopRCenterR a{color:#0f4c81;padding-top:.1rem}
.newsToNewCenterL{padding:.6rem 15px}
.newsToNewCenterL .newsTOnewTopRTitleL{width:8%}
.newsToNewCenterL .newsTonewTopRTitleR{width:92%}
.newsToNewCenterL .JourCenterR{width:100%}
.newsToNewCenterL .JourCenterR ul li{border-color:#fff}
.newsToNewCenterR{padding:.6rem 15px}
.newsToNewTopRRboxL{width:24%;float:left;height:1.26rem;overflow:hidden;border:1px solid #f2f2f2;border-radius:5px;box-shadow:0 0 19px rgba(0,0,0,.05)}
.newsToNewTopRRboxL img{width:100%;height:1.26rem;object-fit:cover;-webkit-transition:.5s;transition:.5s}
.newsToNewTopRRboxR{float:left;width:74%;margin-left:2%}
.newsToNewTopRRbox ul li{margin-top:.16rem}
.newsToNewTopRRboxRTitle{color:#0f4c81;display:block;padding-bottom:1%;border-bottom:1px solid #dcdcdc;padding-top:2%;-webkit-transition:.5s;transition:.5s;position:relative}
.newsToNewTopRRboxRTitle::after{content:""}
.newsToNewTopRRboxRTitle a{display:block;float:left;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.16rem;-webkit-transition:.5s;transition:.5s}
.newsToNewTopRRboxRTitle span{float:right;color:#b1b1b1;-webkit-transition:.5s;transition:.5s}
.newsToNewTopRRboxR p{padding-top:1%;line-height:1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.newsToNeWStOPrRBoxMore{display:block;color:silver;padding-left:20px;background:url(../images/jourcentermore.png) no-repeat center left;margin-top:.13rem;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:.12rem;-webkit-transition:.5s;transition:.5s}
.newsToNewTopRRbox ul li:hover .newsToNewTopRRboxL img{transform:scale(1.04)}
.newsToNewTopRRbox ul li:hover .newsToNewTopRRboxRTitle a{color:#0f4c81;transform:translateX(5px)}
.newsToNewTopRRbox ul li:hover .newsToNewTopRRboxRTitle span{transform:translateX(-5px)}
.newsToNewTopRRboxRTitle::after{content:"";width:0%;background-color:#0f4c81;height:1px;position:absolute;bottom:-1px;left:0;-webkit-transition:.5s;transition:.5s}
.newsToNewTopRRbox ul li:hover .newsToNewTopRRboxRTitle::after{width:100%}
.newsToNeWStOPrRBoxMore:hover{transform:translateX(5px)}
.newsToNewCenter{border-bottom:1px solid #f2f2f2}
.newsTOnewBottom{margin-top:.5rem;margin-bottom:.5rem}
.newsTOnewBottomtitle h3{text-align:center;font-size:.26rem;font-weight:700;color:#0f4c81}
.newsTOnewBottomtitle p{font-size:.2rem;text-align:center;color:#cdcdcd}
.newsTOnewBottomtitle p i{padding:0 .05rem;line-height:1}
.newsTOnewBottomBox{margin-top:.5rem;border-bottom:1px solid #f2f2f2;display:block;height:2.62rem}
.newsTOnewBottomBox ul li{padding:0;height:1.3rem;border:1px solid #e4e4e4;border-left:0;border-right:0;border-bottom:0;position:relative;-webkit-transition:.5s;transition:.5s}
.newsTOnewBottomBox ul li .newsTOnewBottomBoxTimeL{width:29%;float:left;height:1.3rem;background-color:#fbfbfb;-webkit-transition:.9s;transition:.9s}
.newsTOnewBottomBox ul li .newsToNewBottomBoxText{float:left;height:1.3rem;width:71%}
.newsTOnewBottomBoxTimeL h4{font-size:.32rem;padding-left:30%;margin-top:.4rem;color:#999;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;-webkit-transition:.5s;transition:.5s}
.newsTOnewBottomBoxTimeL span{font-size:.16rem;padding-left:30%;display:block;color:#999;-webkit-transition:.5s;transition:.5s}
.newsToNewBottomBoxText{padding:0 6%}
.newsToNewBottomBoxText a{font-size:.16rem;line-height:4;font-size:.16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-transition:.5s;transition:.5s}
.newsToNewBottomBoxText p{color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.newsTOnewBottomBox ul li:hover .newsTOnewBottomBoxTimeL{background:#0f4c81;-webkit-transition:.5s;transition:.5s}
.newsTOnewBottomBox ul li:hover .newsTOnewBottomBoxTimeL h4,.newsTOnewBottomBox ul li:hover .newsTOnewBottomBoxTimeL span{color:#fff}
.newsTOnewBottomBox ul li::after{content:"";width:0%;height:1px;background:#0f4c81;position:absolute;bottom:0;left:0;-webkit-transition:.5s;transition:.5s}
.newsTOnewBottomBox ul li::before{content:"";width:0%;height:1px;background:#0f4c81;position:absolute;top:-1px;left:0;-webkit-transition:.5s;transition:.5s}
.newsTOnewBottomBox ul li:hover::after,.newsTOnewBottomBox ul li:hover::before{width:100%}
.newsTOnewBottomBox ul li:hover .newsToNewBottomBoxText a{color:#0f4c81;transform:translateX(5px)}
@media(max-width:768px){.newsTOnewTopRTitleL{width:15%}
.newsTonewTopRTitleR{width:85%}
.newsTOnewTopRTitle{margin-top:.3rem}
.newsTOnewTopRCenterL{display:none}
.newsToNewTopRRboxL{display:none}
.newsToNewTopRRboxR{width:100%}
.newsTOnewTopRCenterR{width:100%}
.newsToNewCenterL,.newsToNewCenterR{padding:.2rem 15px}
.newsTOnewBottomBoxTimeL h4,.newsTOnewBottomBoxTimeL span{padding-left:16%}
}
.teamlist .caseLdd .caseListdd{height:98%}
.tag 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%;-webkit-transition:.5s;transition:.5s}
.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:#056a33;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:#056a33}
.big_img_box{position:fixed;top:0;left:0;width:100%;height:0;transition:.5s;background:rgba(0,0,0,.6);z-index:99999999999999999999999999999999;overflow:hidden}
.big_img_box .item{width:990px;height:650px;background-color:#fff;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);transition:.5s;overflow:hidden}
.big_img_box .item .prev{opacity:0;transition:.5s;width:20%;height:100%;display:block;text-align:center;font-size:30px;font-weight:700;line-height:46px;color:#fff;outline:0;cursor:pointer;position:absolute;top:0;left:0;z-index:9999999;cursor:url(../img/caseNewjiantouL.png),default}
.big_img_box .item .next{opacity:0;transition:.5s;width:20%;height:100%;display:block;text-align:center;font-size:30px;font-weight:700;line-height:46px;color:#fff;outline:0;cursor:pointer;position:absolute;top:0;right:0;z-index:9999999;cursor:url(../img/caseNewjiantouR.png),default}
.big_img_box .item .pnon{opacity:1}
.big_img_box .item #big_close{position:absolute;top:0;right:0;width:50px;height:50px;opacity:0;text-align:center;line-height:50px;font-size:20px;color:#000;font-weight:700;transition:.5s;background:url(../images/close_black.png) no-repeat center;outline:0;cursor:pointer;transition:.7s;z-index:999999999999999999;background-size:20px}
.big_img_box .item #big_close:hover{color:#666}
.big_img_box .item_open1{height:650px}
.big_img_box .item_open2{width:990px}
.big_img_box .item_open2 #big_close{opacity:1}
.big_img_box .item_box{position:relative;width:990px;height:550px}
.big_img_box .item_box>a.honorImg1Alert{width:990px;height:550px;display:block;box-shadow:0 0 0 rgb(0 0 0 / 0%)}
.big_img_box .item_box .img{width:990px;height:550px;position:relative;display:block}
.big_img_box .honorMore1{padding:0 30px;line-height:50px;font-size:.16rem}
.big_img_box .item_box .img img{transition:.7s;position:absolute;max-width:100%;max-height:100%;top:0;left:0;right:0;bottom:0;margin:auto}
.big_img_menu{height:50px;border-bottom:1px solid #f2f2f2}
.big_img_box .item_box .img img{width:750px;height:430.5px;width:100%}
.big_img_box .item_box .text{border-top:none;transition:.5s;padding:0 20px;padding-top:20px;padding-bottom:20px}
.big_img_box .item_box .text a{font-size:18px;font-weight:400;font-stretch:normal;line-height:30px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;color:#4d4d4d;transition:.5s;transition:.7s}
.big_img_box .item_box .text a:hover{color:#ff770f}
.big_img_box .item_box .text p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;font-stretch:normal;line-height:30px}
.big_img_box .item_box:hover .text a{color:#ff770f}
.open{height:100%}
.item_box .caseLdd i .caseListdd img.caseImgList1{width:100%;height:100%}
.item_box .caseLdd .caseText{position:absolute;height:1.2rem;bottom:0;width:100%;background:rgba(255,255,255,.7);padding:.1rem 4%}
#imgBox img{display:block;width:80%;margin:30px auto}
.Honoryingcang{width:100vw;height:100vh;overflow:hidden}
.teamlist li i{display:block;position:relative;padding:64% 34%;overflow:hidden;border:1px solid #d8d8d8;background:#fff;border-radius:5px 5px 0 0}
.slider-pro{font-family:'Open Sans',Arial}
#example5 .sp-thumbnail-image-container{width:140px;height:80px;overflow:hidden;float:left}
#example5 .sp-thumbnail-image{height:100%;width:100%;object-fit:cover}
#example5 .sp-thumbnail-text{width:140px;float:right;height:80px;padding:15px;background-color:#f0f0f0;-moz-box-sizing:border-box;box-sizing:border-box}
#example5 .sp-thumbnail-title{margin-bottom:5px;text-transform:uppercase;color:#333}
#example5 .sp-thumbnail-description{font-size:14px;color:#333}
@media (max-width:500px){#example5 .sp-thumbnail{text-align:center}
#example5 .sp-thumbnail-image-container{display:none}
#example5 .sp-thumbnail-text{width:120px}
#example5 .sp-thumbnail-title{font-size:12px;text-transform:uppercase}
#example5 .sp-thumbnail-description{display:none}
}
.caseBimg{position:fixed;top:-300%;left:0;background:#171717;z-index:9999999999999;width:100vw;height:0;padding-top:.4rem;display:block;-webkit-transition:.8s;transition:.8s;overflow:hidden}
.sp-image{width:100%;height:500px!important;object-fit:contain;background:#fff;display:block}
.sp-thumbnail-container{height:100px!important}
.caseBimg i{position:absolute;right:.5rem;top:.5rem;z-index:999999;cursor:pointer}
.caseBimg i img{width:.3rem;height:.3rem;display:block}
#play{width:990px;text-align:center;position:relative;overflow:hidden;margin:0 auto 25px;height:632px;overflow:hidden}
#play .change_a{width:10%;height:552px;position:absolute;top:60px;z-index:1;cursor:pointer;display:block;overflow:hidden}
#play .prev_a{left:0;cursor:url(../images/caseNewjiantouL.png),default}
#play .next_a{right:0;cursor:url(../images/caseNewjiantour.png),default}
#play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none}
#play .prev_a span{cursor:url(../images/caseNewjiantouL.png) default}
#play .img_ul{position:relative;z-index:1}
#play .img_ul li{width:990px;height:612px}
#play .img_ul li img{display:block;width:100%;height:572px;object-fit:cover}
.img_ulText{font-size:16px;color:#7b7b7b!important;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 15px;display:block;line-height:60px}
.img_hdBg{width:990px;background-color:#222;overflow:hidden;height:66px;padding:0 0;height:128px;margin-top:15px;margin:0 auto;position:relative;overflow:hidden}
.img_hd{width:830px;background-color:#222;overflow:hidden;height:66px;padding:13px 0;height:99px;margin-top:15px;margin:0 auto;position:relative;box-sizing:content-box;overflow:hidden}
.img_hd ul{position:absolute;z-index:1}
.img_hd ul li{float:left;width:132px;height:98px;border:4px solid #444;cursor:pointer;margin:0 15px 0 1px;overflow:hidden;padding:1px;text-align:center;border-radius:4px}
.img_hd ul li a{display:block;width:126px;height:92px;transform:translate(-1px,-1px)}
.img_hd ul li img{width:100%;height:92px;display:block}
.img_hd ul li.on{border-color:#2d96e9}
.img_hdBg .bottom_a{width:44px;height:44px;position:absolute;display:block;top:50%;margin-top:-22px;cursor:pointer;z-index:10;background:#333;border-radius:50%}
.img_hdBg .prev_a{left:20px;background:#444 url(../images/s_gallery_2012110702l.png) no-repeat center}
.img_hdBg .next_a{background:#444 url(../images/s_gallery_2012110702r.png) no-repeat center;right:20px}
#caseListAlert .caseLine{display:none}
.playfanhuiliebiao{display:block;color:#9c9c9c;background:#444;width:138px;height:36px;border-radius:18px;margin:20px auto;position:relative;z-index:99999999999999999999999999999999;text-align:center;line-height:36px;font-size:16px;cursor:pointer}
.xiangceAlert{width:1070px;margin:0 auto;background:#000;padding-bottom:1px}
@media(max-width:1660px){.caseBimg{padding-top:.1rem}
.fanhuiliebiao{display:none}
}
#caseListAlert li .caseListTitle{text-align:left}
#caseListAlert li p{text-align:left}
#caseListAlert li p a{color:#999;display:inline-block;padding-left:10px;-webkit-transition:.5s;transition:.5s}
#caseListAlert li:hover p a{color:#fff}
.picture-content span{position:absolute;width:100%;height:40px;display:block;text-align:center;color:#333;line-height:40px;top:-40px;border-bottom:1px solid #f2f2f2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 20px}
.big_img_box .honorImg1{padding:0}
.searchBox{padding-bottom:.5rem}