@charset "utf-8";




* {



    padding: 0;



    margin: 0;



    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



}


body {



    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



    color: #333;



    margin: 0;



    line-height: 1.5;


    font-size: 12px !important;



    -webkit-text-size-adjust:none; 



}







:focus {



    outline: 1;



}
.images-box .swiper-slide {background-size: cover;background-position: center;}
.images-box .gallery-top {height: 80%;width: 100%;}
.images-box .gallery-top .swiper-slide{background:#EEE;}
.images-box .gallery-top .swiper-slide img{display:block;margin:0px auto;height: 400px;}

.images-box .gallery-thumbs {margin-top: 10px;}
.images-box .gallery-thumbs img{height: 100%;width:100%; }

/*分页页码样式*/
.pagination {display: inline-block;padding-left: 0;margin:20px 0;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-bottom-right-radius: 4px;border-top-right-radius: 4px;}
.pagination > li > a, .pagination > li > span {position: relative;float: left;padding: 6px 12px;line-height: 1.42857143;text-decoration: none;color:#666;border: 1px solid #ddd;margin-left: -1px;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {z-index: 3;color: #fff;background-color: #1a8aee;border-color: #1a8aee;cursor: default;}


/*子栏目样式*/
.sub-nav-box {clear: both;position: relative;}
.sub-nav-box .sub-nav-title{height:80px;text-align:left;background:#1a8aee;font-size:22px;color:white;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.sub-nav-box .sub-nav-title span{display:block;padding-left:10px;}
.sub-nav-box .sub-nav-title .s1{line-height:35px;font-size:28px;padding-top:13px;}
.sub-nav-box .sub-nav-title .s2{line-height:20px;font-size:12px;text-transform:Uppercase;}

.sub-nav-box .sub-nav-title .nav-toggle{width:50px;line-height:50px;cursor:pointer;color:#fff;text-align:center}
.sub-nav-box .sub-nav-title .nav-toggle.active{color:#5a342b}

.sub-nav{clear:both;text-align:center;margin-bottom:0px;width:100%;overflow:visible;}
.sub-nav li{float:left;width:100%;padding:0px;text-align:left;position:relative;background:#f5f6f8;}
.sub-nav li a{display:block;line-height:50px;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";border-bottom:1px #ececec solid;padding-left:40px;font-size:16px;}
.sub-nav li a:hover{background:#1a8aee;color:#fff;}
.sub-nav li ul{display:none}
.sub-nav li ul li a{padding-left:55px;}
.sub-nav li ul li ul li a{padding-left:85px}

.sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:60px;line-height:60px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px;}

.sub-nav li.current > a{background:#1a8aee;color:#fff;}
.sub-nav-box .sub-nav li.active > ul{display:block}
.sub-nav li.active > .arrow{color:#fff;transform:rotate(90deg)}


/*在线留言表单*/
.ui-validForm{padding-top:0px;}
.form-group::before,.form-group::after{content:"";display:table} 
.form-group::after{clear:both} 
.form-group{position:relative;padding:10px 0px;}
.form-group .control-label{position:absolute;left:0px;top:10px;}
.form-group .controls{padding-left:100px;}
.form-group .form-control{border:1px solid #eeeeee;height:35px;line-height:35px;width:75%;padding:2px 5px;font-size:14px;color:#666;transition:all .5s ease-in-out}
.form-group .form-control:focus{border-color:burlywood}
.form-group textarea.form-control{height:200px}
.form-group .help-block{display:block}
.form-group .btn-primary{background: #1a8aee;border:1px solid #1a8aee;}
.form-group .controls-verificationCodeImage{position:relative;max-width:400px;_width:400px;}
.form-group .lb_verificationCodeImage{position:absolute;display:inline-block;right:1px;top:0px;height:32px;overflow:hidden}
.form-group .lb_verificationCodeImage img{height:30px;}



article,



aside,



canvas,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



section,



summary {



    display: block;



}







a {



    color: #333;



    text-decoration: none;



}







a:link,



a:hover,



a:active,



a:visited {



    text-decoration: none;



}







ins {



    background-color: #ff9;



    color: #000;



    text-decoration: none;



}







mark {



    background-color: #ff9;



    color: #000;



    font-style: italic;



    font-weight: bold;



}







del {



    text-decoration: line-through;



}







table {



    border-collapse: collapse;



    border-spacing: 0;



}







hr {



    display: block;



    height: 1px;



    border: 0;



    border-top: 1px solid #cccccc;



    margin: 1em 0;



    padding: 0;



}







input,



select {



    vertical-align: middle;



}







li,



ul {



    list-style-type: none;



}







img {



    border: none;



}







input,



textarea {



    outline: 0;



    border: 0;



}







textarea {



    resize: none;



}







h1,



h2,



h3,



h4,



h5,



h6,



dl,



dd,



dt,



i,



em {



    font-weight: normal;



    font-style: normal;



}







html{



    font-size: 100px;   



}







.clearboth {



    clear: both;

padding: 0;
margin:0;

}







p,a,span,ul li{



    font-size: .14rem;



}







ul,li{







}



p {



    margin: 0 0 0px;



}







dl{



    margin-bottom: 0;



}







.container {



    max-width: 1200px;


    margin: 0 auto;



    /* overflow: hidden; */



}







.navbar-left {



    float: left;



}







.navbar-right {



    float: right;



}



.productscd{



    height: 0.9rem;



    border-bottom: 1px solid #ededed;



}



.productsTopvd{







    height: 0.8rem;



    overflow: hidden;



    margin-top: 0.1rem;







}



.col-lg-1 {



    width: 8.33333333%;



}







.col-lg-2 {



    width: 16.6666666%;



}







.col-lg-3 {



    width: 25%;



}







.col-lg-4 {



    width: 33.33333333%;



}







.col-lg-5 {



    width: 41.66666666%;



}







.col-lg-6 {



    width: 50%;



}







.col-lg-7 {



    width: 58.33333333%;



}







.col-lg-8 {



    width: 66.66666666%;



}







.col-lg-9 {



    width: 75%;



}







.col-lg-10 {



    width: 83.33333333%;



}







.col-lg-11 {



    width: 91.666666666;



}







.col-lg-12 {



    width: 100%;



}





/* center */



.mbanner {



    width: 100%;



}







.mbanner img {



    width: 100%;



    display: block;



    height: 100%;



}











.caseMenu {



    width: 100%;



    height: 150px;



    background: url(images/caseMenu.jpg) no-repeat center;



    color: #999;



}







.caseMenu a {



    color: #999;



}







.caseMenuTop span a {



    color: #333;











}







.caseMenuTop {



    width: 100%;



    padding: .1rem 0;



    border-bottom: 1px solid #e6e6e6;



    color: #999;



     font-size: 0.15rem;



}







.caseMenuTop a {



    color: #999;



}







.caseMenuR i {



    float: right;



    padding-right: 5px;



}











.caseMenuR img {



    padding-left: 5px;



}











.caseMenuR a:hover {



    color: #333;



}











.caseMenuBottom {



    padding-top: .24rem;



}







.caseTitleL {



    font-size: .28rem;



    color: #333;



}







.caseRe {



    float: left;



}







.caseRer {



    float: left;



    text-align: right;



    margin-top: .06rem;



}



.text-center{



    margin-top: 20px;



}



.caseTitleR ul li {



    float: left;



    padding: .05rem .2rem;



    background: #fff;



    border-radius: .05rem;



    border:1px solid #f2f2f2;



    margin-right: .1rem;



    -webkit-transition: .4s;



    transition: .4s;



    margin-right: .3rem;

}



.caseRe i {



    font-size: .22rem;



}



.caseTitleR ul li a {



    display: block;



    line-height: .2rem;



    -webkit-transition: .5s;



    transition: .5s;



}


.caseTitleR ul li a::before {



    width: .1rem;



    height: .1rem;



    border: 2px solid #ddd;



    content: "";



    display: inline-block;



    margin-right: 10px;



    border-radius: 50%;



    line-height: .2rem;



    vertical-align: unset;
}




.caseTitleR ul li:hover {



    box-shadow: 0 0 10px rgba(32, 107, 209, 0.2);



}




.caseTitleR ul li:hover a {



    color: #333;



    -webkit-transform: translateY(-2px);



    transform: translateY(-2px);



}







.caseTitleR ul li:hover a::before {



    border-color: #333;



} */







.caseList {



    padding-top: .4rem;



    margin-bottom: .4rem;



}







.caseList li {











    margin-bottom: .3rem;



    -webkit-transition: .5s;



    transition: .5s;



    border-radius: 0 0 .03rem .03rem;



    overflow-y: hidden;







}







.caseList li i {



    display: block;



    position: relative;



    padding: 28%;



    overflow: hidden;



    border: 1px solid #d8d8d8;



    background: #fff;



    border-radius: 5px 5px 0 0;



}







.caseList li img.caseImgList1 {



        position: absolute;



        top: 0;



        left: 0;



        width: 100%;



        margin: auto;



        bottom: 0;



        right: 0;



        border-radius: 5px;



}



.caseLdd .caseListdd{



    display: block;



    margin: 1%;



    position: absolute;



    width: 98%;



    height: 96.1%;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    overflow: hidden;



    border-radius: 5px 5px 0 0;



}







.caseListBg {



    width: 100%;



    height: 100%;



    display: block;



    top: 0%;



    left: 0%;



   



 



    position: absolute;



    z-index: 2;-webkit-transition:.5s;



transition:.5s;



}







.container{



    padding-left:0; 



     padding-right:0;



}







 .caseListhide {



    width: 0%;



    height: 0%;



    display: block;



    top: 50%;



    left: 50%;



    -webkit-transition: .8s;



    transition: .8s;



    background: rgba(255, 255, 255, .2) url(images/See.png) no-repeat center;



    position: absolute;



    z-index: 1;



    /* transform:rotateX(90deg);



    -webkit-transform:rotateX(90deg);



    /* Safari and Chrome */



    -moz-transform: rotateX(90deg);



 



}



.newsMeenu .caseMenu {



    width: 100%;



    height: 150px;



    background: url(images/aboutMenu.jpg) no-repeat center;



    color: #999;



}







.aboutMenu .caseMenu {



    width: 100%;



    height: 150px;



    background: url(images/aboutMenu1.jpg) no-repeat center;



    color: #999;



}







.contactMenu .caseMenu {



    width: 100%;



    height: 150px;



    background: url(images/contact.jpg) no-repeat center;



    color: #999;



}







.caseList li:hover .caseListhide {



    width: 100%;



    height: 100%;



    top: 0%;



    left: 0;



    /* transform: rotateX(90deg);



        -webkit-transform: rotateX(360deg);



        -moz-transform: rotateX(90deg); */



}







.caseList li .caseListTitle {



    font-size: .18rem;



    text-align: center;



    display: block;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    padding: .12rem 5%;



    -webkit-transition:1.2s;



    transition:1.2s;







}



.caseLdd:hover .caseListTitle{



    font-weight: bold;



}







.caseLine {



    width: .2rem;



    height: 1px;



    margin: .08rem auto .1rem;



    background: transparent;



}







.caseList li p {



    font-size: .14rem;



    line-height: 2;



    padding: 0 .1rem;



    height: .52rem;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;



    overflow: hidden;



    color: #999;



    -webkit-transition:1.2s;



    transition:1.2s;



    text-align: center;



}



.caseLdd:hover .caseText{



    border-bottom: 1px solid transparent;



}



.caseList li:hover p {



    color: #fff;



}







.caseList li .caseMore {



    font-size: .36rem;



    display: block;



    text-align: center;



    margin-top: .08rem;



    font-weight: 100;



    color: #fff;



}







.caseList li .caseMore img {



    position: relative;



    animation: lr linear 3s infinite alternate;



}







.caseText {



        /* background: #fff; */



    -webkit-transition: .5s;



    transition: .5s;



    padding-top: .1rem;



    padding-bottom: .1rem;



    border-bottom: 1px solid #f2f2f2;



    margin-bottom: 0rem;



    height: 100%;



}











/* .caseList li:hover .caseText {



    background: #333;



} */







.caseList li:hover .caseListTitle {



    color: #fff !important;







}







.caseList li:hover .caseLine {



    background: #fff;



}




.wjdh-message .message-form ul li button{



     outline: none;



}



input{



    outline: none;



}



.caseCenter h3 {



    text-align: center;



    padding-top: .2rem;



    font-size: .22rem;



    color: #4c4c4c;



    line-height: 2;



}




.casemfx {



    display: block;



    text-align: center;



    padding-top: .1rem;



    position: relative;



    font-size: .15rem;



    color: #8c8c8c;



text-overflow:ellipsis;



white-space: nowrap;



    height: .3rem;



}







.sidepromenu {



    margin-top: 1px;



    padding-left: 0;



    padding-right: 0;



    overflow: hidden;



}







.scan{



       vertical-align: text-top; 



}







.casemfx a {



    color: #8c8c8c;



}







.casemfx i {



    position: relative;



    display: inline-block;



    float: left;



    margin-top: .02rem;



}







.casemfx i img {



    padding: 0 0.05rem;



}











.casemImg ul li a {



    position: relative;



    padding: 80%;



    float: left;



}











.casemImg img {



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0



}











.casemImg {



    padding: .13rem .3rem .2rem .1rem;



    border: 1px solid #ddd;



    position: absolute;



    top: 2.8rem;



    right: .5rem;



    display: none;



    z-index: 2;



    background: #fff;



}







.casemImg b {



    display: block;



    text-align: left;



    padding-left: .1rem;



    padding-bottom: .07rem;



    font-weight: normal;



}







.detailsR {



    position: absolute;



    right: 0



}







.casemfx {



    padding-bottom: .1rem;



    position: relative;



}







.productsTTOP .casemImg {



    width: 2.6rem;



}



.caseContainer{



    padding-top: .1rem;



        padding-bottom: .2rem;



    border-bottom: 1px solid #ddd;



    border-top: 1px solid #ededed;



    margin-top: .3rem;



}







.caseRe img{



      border-left: 180px solid transparent;



    -webkit-filter: drop-shadow(-180px 0 0px #333);



    filter: drop-shadow( -180px 0 0px #333);







}



.caseContainer p {



    padding-top: .2rem;



    margin: 0;



    font-size: .15rem;



    color: #666;



}







.caseContainer {



    padding-bottom: .2rem;



    border-bottom: 1px solid #ddd;



}







.caseContainer img {



    max-width: 100%; 



    display: block;



    margin: 0 auto;



    height: auto;



}



.productRtopr h4{



    color: #333;



    font-weight: bold;



    line-height: 1.3;



    margin: 0.08rem auto;



}







.pc-slide .swiper-wrapper{



    padding-bottom: .1rem;



}







.preview ul li.active-nav{



    border: 1px solid #333;



}







.productsCenter{



    border-top: 1px solid #ededed;



    padding-top: .1rem;



    overflow: hidden;



    padding-bottom: .2rem;



    display: block;



}







.caseTab ul li {



    padding: .25rem;



    background: #ededed;-webkit-transition:.5s;



transition:.5s;



color: #666;



}







.productsText{



    padding-top: .2rem;







}







.caseTab ul li:last-child a{



    text-align: right;



    width: 100%;



background: url(images/caseCenterIco2.png) no-repeat center right;



padding-right: 15%;



color: #666;



}







.caseTab ul li:last-child:hover a{



background: url(images/caseCenterIco2-1.png) no-repeat center right;



}







.caseTab ul li i.caseCenterIco1 {



    display: block;



    float: left;



    padding: .25rem;



    background: url(images/caseCenterIco1.png) no-repeat center;



    animation: lr linear 3s infinite alternate;



}







.caseTab ul li i.caseCenterIco2 {



    display: block;



    padding: .25rem;



    animation: lr linear 3s infinite alternate;



    background: url(images/caseCenterIco2.png) no-repeat center;



}







.caseTab ul li span {



    width: 47%;



    float: left;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    line-height: .5rem;



    margin: 0 .1rem;



    -webkit-transition: .5s;



    transition: .5s;



    font-size: .15rem;



}







.caseTab ul li b {



    margin: 0 .07rem;



    position: relative;



    padding: .25rem 13%;



    -webkit-transition: .5s;



    transition: .5s;



}



.caseReC ul li i a img{



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    margin: auto;



    bottom: 0;



    right: 0;



}



.caseTab ul li img {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    opacity: 0;



    -webkit-transition: .5s;



    transition: .5s;



}







.caseTab ul li:hover img {



    opacity: 1;



}







.caseTab ul li a {



    display: block;



    overflow: hidden;



    text-overflow:ellipsis;



    white-space: nowrap;



    width: 85%;



    padding-left: 15%;



    background: url(images/caseCenterIco1.png) no-repeat center left;



    -webkit-transition:.5s;



transition:.5s;



color: #666;



}







.caseTab ul li:hover {



    background: #333;



}







.caseTab ul li:hover a{



    color: #fff !important;



}



.caseTab {



    margin-top: .1rem;



}







.caseTab ul li:hover  a{



    background: url(images/caseCenterIco1-1.png) no-repeat center left;



}







.caseTab ul li:hover .caseCenterIco2 {



    background: url(images/caseCenterIco2-1.png) no-repeat center;



}







.caseTab ul li:hover span {



    color: #fff;



}







.caseRecommend {



    padding: .3rem 0 .2rem 0;



    margin-bottom: .4rem;



}







.caseRel {



    font-size: .2rem;



    color: #333;



}







.caseRel img {



    display: inline-block;



    margin-right: .05rem;



}







.caseRer a {



    display: block;



    color: #666;



}







.caseRecenter {



    cursor: url(images/curpo.png),



        default;



}







.caseRecenter a {



    cursor: url(images/curpo.png),



        default;



}







.caseRecenter li i {



    display: block;



    position: relative;



    padding: 30%;



    overflow: hidden;



    background: #fff;



    border: 1px solid #d8d8d8;



    border-radius: 5px 5px 0 0;



}







.caseCenter {



    max-width: 1200px;



    margin: 0 auto;



}



.contactBox iframe{



    display: none;



}







.caseRecenter li {



    margin-bottom: .3rem;



    -webkit-transition: .5s;



    transition: .5s;



    width: 33.333333333333333%;



}







.caseRecenter li:hover .caseListhide {



    width: 100%;



    height: 100%;



    top: 0%;



    left: 0;



    transform: rotateX(90deg);



    -webkit-transform: rotateX(360deg);



    -moz-transform: rotateX(90deg);



}







.caseList li:hover .caseText {



    background: transparent;border-bottom: 1px solid transparent;



}







.caseRecenter li:hover .caseListTitle {



    color: #fff;



}







.caseRecenter li:hover .caseLine {



    background: #fff;



}







.caseRecenter li:hover p {



    color: #fff;



}







.caseRecenter li .caseMore {



    font-size: .36rem;



    display: block;



    text-align: center;



    margin-top: .04rem;



    font-weight: 100;



    color: #fff;



}







.caseRecenter li .caseMore img {



    position: relative;



    animation: lr linear 3s infinite alternate;



}







.caseRecenter li .caseListTitle {



    font-size: .18rem;



    text-align: center;



    display: block;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    padding: .1rem 5%;



    -webkit-transition:1.2s;



    transition:1.2s;



   



}







.caseReC {



    position: relative;



}







.caseRecenter li p {



    font-size: .14rem;



    line-height: 2;



    padding: 0 .1rem;



    height: .52rem;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;



    overflow: hidden;



    color: #666;



    text-align: center;



    -webkit-transition:1.2s;



    transition:1.2s;



}











.caseRecenter {



    margin-top:.3rem;



}







.caseRecenter .caseText {







    padding-bottom: .2rem;



}







.proList {



    padding-top: .4rem;



    margin-bottom: .4rem;



}















.proListL {



margin-left: .121rem;



    position: relative;



    overflow: hidden;



}







.proBg {



    display: block;



    width: 100%;



    position: absolute;



    top: 0;



    left: 0;



    /* height: 20%; */


    background: #1a8aee;



    border-radius: 10px 10px 0 0;



    overflow: hidden;



    margin-bottom: 10px;



    display: block;



    height: 112px;



}







.prouctsTitle {



    position: relative;



    z-index: 1;



}







.pro-ico {

    margin: 0.2rem auto 0.2rem;

    display: block;

}



.proListRsort1{



    border-bottom: 1px solid #f2f2f2;



}







.proListRsort  .proListRsort{



    border: 0;



}







.productss .proListRsort1 {



    border: 0;



    border-bottom: 1px solid #dededd;



    box-shadow: 0 0 0;



    margin-bottom: 0rem;



    padding-bottom: 0.1rem;



}











.prouctsTitle h3 {



    text-align: center;



    line-height: 0rem;



    font-size: .22rem;



    color: #fff;



}







.proListRsort1 a {



    display: inline-block;



    margin-right: 20px;



    font-size: .14rem;



    line-height: 2.5;



    color: #666;



}



.proListRsort1 a::before {



    content: "";



    display: inline-block;



    width: 5px;



    height: 5px;



    background: #333;



    border-radius: 50%;



    margin: 3px .07rem;



}



.proListTop {



 



    overflow: hidden;



    margin-bottom: .13rem;



}



.newsTop li{



    padding: 0 8px;



}



.prouctsTitle p {

    text-transform: uppercase;

    text-align: center;

    color: #fff;

    padding-top: .1rem;

    margin-bottom: 2px;

    font-size: 0.16rem;

}







.proList_classify {



    background: #fafafa;



    overflow: hidden;



}







.news_classify{



    overflow: hidden;



}







.proList_classify ul {



    /* height: 0; */



    /* transition: all .4s; */



}







.proList_classify ul li a.proListclass1 {



    position: relative;



    margin-top: .06rem;



    











}







.proList_classify ul li i {



    width: 3%;



    background: #fff;



    display: inline-block;



    height: 100%;



    position: absolute;



    top: 0;



    left: 2px;



}







.proList_classify ul li p {



    border: 1px solid #dededd;



    border-top: 1px solid #fff;



    padding-bottom: 10px;



    margin-top: 0;



    margin-bottom: 0;



}







.proListclass1 {



    padding: .12rem;



    background: #333;



    display: block;



    width: 100%;



    padding-left: 6%;



    font-weight: bold;



    color: #fff;



    position: relative;



}







.proListclass1 span {



    width: 85%;



    margin-left: 2%;



    display: block;



    font-size: .16rem;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



}







.proListclass1:hover {



    color: #fff;



}







.proList_classify ul li p a {



    border-bottom: 1px solid #f3f3f3;



    width: 94%;



    padding-top: 0;



    margin-left: 3%;



    display: block;



    margin: .05rem;



    padding-bottom: .05rem;



    position: relative;



}







.proList_classify ul li p a span {



    padding: .07rem;



    width: 90%;



    display: block;



    position: relative;



    z-index: 1;



    -webkit-transition: .5s ease-in-out;



    transition: .5s ease-in-out;



    font-size: .15rem;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;







}







.proList_classify ul {



    margin-left: 0px;



    margin-right: 0px;



    display: block;



    overflow: hidden;



}







.proList_classify ul li p a b {



    position: absolute;



    width: 100%;



    height: 86%;



    background: #333;







    left: -108%;



    -webkit-transition: .5s;



    transition: .5s;



    border-radius: .04rem;



    box-shadow: 0 0 5px rgba(0,0,0,.1);







}







.proList_classify ul li p a:hover b {



    left: -0.07rem;



}











.proList_classify ul li p a.cur b{



    left: -0.07rem;



}



.proList_classify ul li p a.cur span{



    color: #fff;



}



.proList_classify ul li p a:hover span {







    color: #fff;



}







.proList_classify ul li p a span::before {



    width: 2px;



    padding: .05rem 0;



    margin-right: .1rem;



    vertical-align: middle;



    background: #dededd;



    content: "";



    display: inline-block;



    -webkit-transition:.5s;



    transition:.5s;height:.2rem;



    margin-left: 0.05rem;



}







.proHot {



    width: 100%;



    padding: .2rem 0 0.18rem;



    background: #fafafa;



    margin-top: .2rem;

overflow: hidden;

}







.proHot i {



    display: block;



    font-size: .22rem;



    text-align: center;



}















.proHot i img {



    padding-right: .1rem;



}







.proList_sort1 {



    width: 100%;



    margin-top: .2rem;



    position: relative;



    







}







.proList_sort1 li{



    margin-bottom: .1rem;



}







.proList_sort1 ul li img {



    width: 100%;



}







.proList_sort1 ul li p a {



    display: block;



    text-align: center;



}







.proHotimg {



    display: block;



    position: relative;



    padding: 36%;



    border: 5px solid #fff;



}







.proHotimg img {



    position: absolute;



    top: 0;



    left: 0;



    max-width: 100%;



    max-height: 100%;



    bottom: 0;



    right: 0;



    margin:auto;



}







.proHot_txt {



    text-align: center;



    display: block;



    line-height: .3rem;



    border-bottom: 1px solid #dededd;



}







.pro-next img {



    margin-left: 80%;



    cursor: pointer;



}







.pro-prev img {



    cursor: pointer;



    margin-left: 20%;







}







.newsHot {



    width: 100%;



    padding: .2rem 0.1rem 0.1rem;



    background: #fafafa;



    margin-top: .2rem;



    overflow: hidden;



}







.newsHot>i {



    display: block;



    font-size: .22rem;



    text-align: center;



    padding-bottom: .1rem;



    border-bottom: 1px solid #e6e6e6;







}







.newsHot i img {



    padding-right: .1rem;



}







.newsHot ul li {



    display: inline-block;



    line-height: 2.6;



    border-bottom: 1px solid #e6e6e6;



    color: #999;



    -webkit-transition:.5s;



transition:.5s;



}







.newsHot ul li:hover{



    -webkit-transform: translateX(5px);



    transform: translateX(5px);



}







.newsHot ul li span {



    width: 8em;



    display: inline-block;



    vertical-align: bottom;



    margin-left: .1rem;



    font-size: .14rem;



}







.newsHot ul li i,



.newsHot ul li span {



    color: #999;



    -webkit-transform: translateX(-5px);



    transform: translateX(-5px);



    overflow: hidden;



    text-overflow: ellipsis;



    font-size: .15rem;



    white-space: nowrap;



}







.newsHot ul li:hover i,



.newsHot ul li:hover span {



    color: #333



}


.proListR {



    float: right;



}


.proListRtop {



    padding: .1rem 0;



    background: #f4f4f4;



}











.proListRtop i {



    padding-left: .2rem;



    font-size: .16rem;



}







.proListRtop i img {



    display: inline-block;



    margin-right: .1rem;



}











.proListRsort {



    padding: .15rem;



    background: #fff;



      box-shadow: -6px 8px 15px rgba(0, 0, 0, 0.02);



    border: 1px solid #f2f2f2;



    border-top: 0;



}



.productsLir{



    padding: 0;



}







.proListRsort a {



    display: inline-block;



    margin-right: 20px;



    font-size: .14rem;



    line-height: .3rem;



    color: #666;



}







.proList_sort ul li:hover .proHot_txt {



    color: #333;



}







.proListRsort a::before {



        content: "";



    display: inline-block;



    width: 5px;



    height: 5px;



    background: #333;



    border-radius: 50%;



    margin: 3px .07rem;



}











.proListCenter li {



    margin-top: .2rem;



    padding: 0 10px;



}







.proListCenter i a {



    position: relative;



    padding: 31%;



    overflow: hidden;



    object-fit: cover;



    display: block;



}



.row1{



    margin-left:-10px;



    margin-right:-10px;



}



.proListCenter i a::before {



    border-top: 1px solid #fff;



    border-bottom: 1px solid #fff;



    -webkit-transform: scale(0, 1);



    transform: scale(0, 1);



    position: absolute;



    top: 5%;



    right: 5%;



    bottom: 5%;



    left: 5%;



    content: '';



    opacity: 0;



    -webkit-transition: opacity .35s,



        -webkit-transform .35s;



    transition: opacity .35s,



        transform .35s;



    z-index: 2;



    background: url(images/See.png) no-repeat center;



}







.proListCenter i a::after {



    border-right: 1px solid #fff;



    border-left: 1px solid #fff;



    -webkit-transform: scale(1, 0);



    transform: scale(1, 0);



    position: absolute;



    top: 5%;



    right: 5%;



    bottom: 5%;



    left: 5%;



    content: '';



    opacity: 0;



    -webkit-transition: opacity .35s,



        -webkit-transform .35s;



    transition: opacity .35s,



        transform .35s;



    z-index: 2;



}







.productsBorer:hover i a::before,



.productsBorer:hover i a::after {



    opacity: 1;



    -webkit-transform: scale(1);



    transform: scale(1);







}



.productsBorer i{



    position: relative;  



    padding: 0%;



    overflow: hidden;



    object-fit: cover;



    display: block;



    -webkit-transition:.5s;



    transition:.5s;



    width: 96%;



    margin: 2%



}



.productsBorer i::after{



    content: "";



    width: 0%;



    height: 0%;



    background: rgba(0,0,0,.1);



    position: absolute;



    top: 50%;



    left: 50%;



    -webkit-transition:.5s;



transition:.5s;



border-radius: .03rem



}



.proText{



    width: 96%;



    margin: 0 2%;



}







.productsBorer:hover i::after{



    width: 100%;



    height: 100%;



    top: 0;



    left: 0;



}



.productss ul li {



    margin-bottom: .3rem;



}



.productsMore{



    display: block;



    margin-bottom: .4rem;



}



.border-left {



    width: 1px;



    height: 0px;



    background: #1a8aee;



    position: absolute;



    top: 0;



    left: 0%;



    -webkit-transition: .5s;



    transition: .5s;



}







.border-right {



    width: 1px;



    height: 0px;



    background: #1a8aee;



    position: absolute;



    bottom: 0;



    right: 0%;



    -webkit-transition: .5s;



    transition: .5s;



}







.border-top {



    width: 0px;



    height: 1px;



    background: #1a8aee;



    position: absolute;



    top: 0;



    left: 0%;



    -webkit-transition: .5s;



    transition: .5s;



}







.border-bottom {



    width: 0px;



    height: 1px;



    background: #1a8aee;



    position: absolute;



    bottom: 0;



    right: 0%;



    -webkit-transition: .5s;



    transition: .5s;



}


.border-proleft {



    width: 1px;



    height: 0px;



    background: #005fbb;



    position: absolute;



    top: 0;



    left: 0%;



    -webkit-transition: .5s;



    transition: .5s;



}







.border-proright {



    width: 1px;



    height: 0px;



    background: #005fbb;



    position: absolute;



    bottom: 0;



    right: 0%;



    -webkit-transition: .5s;



    transition: .5s;



}







.border-protop {



    width: 0px;



    height: 1px;



    background: #005fbb;



    position: absolute;



    top: 0;



    left: 0%;



    -webkit-transition: .5s;



    transition: .5s;



}







.border-probottom {



    width: 0px;



    height: 1px;



    background: #005fbb;



    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: #005fbb;



}







.proListCenter ul li:hover .caseListhide {



    top: 0;



}







.proListCenter ul li:hover a.proListTitle {



    color: #333;



    border-bottom: 1px solid #dededd;



}







.proListCenter ul li:hover a.proMore {



    color: #333;



}







.proListCenter ul li:hover .productsBorer {



    /* border: 1px solid #333; */



}







.productsBorer {



    border: 1px solid #dededd;



    padding: 0;



    border-radius: .05rem;



    -webkit-transition: .5s;



    transition: .5s;



    position: relative;



}







.proText a.proListTitle {



    display: block;



    padding: .1rem 0;



    color: #4c4c4c;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    -webkit-transition: .5s;



    transition: .5s;



    font-size: .16rem;



    padding: .08rem;



    border-bottom: 1px solid #dededd;



}







@keyframes llr {



    0% {



        background: url(images/proMore.png) no-repeat 95% center;



    }







    25% {



        background: url(images/proMore.png) no-repeat 97% center;



    }







    50% {



        background: url(images/proMore.png) no-repeat 100% center;



    }







    75% {



        background: url(images/proMore.png) no-repeat 97% center;



    }







    100% {



        background: url(images/proMore.png) no-repeat 95% center;



    }











}







@keyframes proll {



    0% {



        background: url(images/productsIco3.png) no-repeat 95% center;



    }







    25% {



        background: url(images/productsIco3.png) no-repeat 97% center;



    }







    50% {



        background: url(images/productsIco3.png) no-repeat 100% center;



    }







    75% {



        background: url(images/productsIco3.png) no-repeat 97% center;



    }







    100% {



        background: url(images/productsIco3.png) no-repeat 95% center;



    }











}







.proMore {



    padding: .08rem;



    display: block;



    font-size: .1rem;



    text-transform: uppercase;



    color: #c6c6c6;



    background: url(images/proMore.png) no-repeat 100% center;



    animation: llr linear 1.5s infinite alternate;



}



.pro_page {



    padding-top: .1rem;

    margin-top: .1rem;

}



.btn-text-parent {



    position: relative;



    display: inline-block;



    overflow: hidden;



    vertical-align: bottom;



}







.wrap_text {



    display: inline-block;



}







.buildin-btn-text {



    position: absolute;



    left: 0;



    top: 0;



    z-index: 9;



    width: 100%;



    transform: translateY(100%);



}







.buildin-btn-text .btn-letter {



    opacity: 0;



}







.btn-letter {



    display: inline-block;



    margin: 0em 0.05em;



    position: relative;



    transition: transform .6s, opacity .6s ease;



}







.current-btn-text .btn-letter:nth-child(1) {



    transition-delay: 49ms;



}







.current-btn-text .btn-letter:nth-child(2) {



    transition-delay: 99ms;



}







.current-btn-text .btn-letter:nth-child(3) {



    transition-delay: 149ms;



}







.current-btn-text .btn-letter:nth-child(4) {



    transition-delay: 199ms;



}







.current-btn-text .btn-letter:nth-child(5) {



    transition-delay: 249ms;



}







.current-btn-text .btn-letter:nth-child(6) {



    transition-delay: 299ms;



}







.current-btn-text .btn-letter:nth-child(7) {



    transition-delay: 349ms;



}







.current-btn-text .btn-letter:nth-child(8) {



    transition-delay: 399ms;



}







.current-btn-text .btn-letter:nth-child(9) {



    transition-delay: 449ms;



}







.current-btn-text .btn-letter:nth-child(10) {



    transition-delay: 499ms;



}







.current-btn-text .btn-letter:nth-child(11) {



    transition-delay: 549ms;



}







.current-btn-text .btn-letter:nth-child(12) {



    transition-delay: 599ms;



}







.current-btn-text .btn-letter:nth-child(13) {



    transition-delay: 649ms;



}







.current-btn-text .btn-letter:nth-child(14) {



    transition-delay: 699ms;



}







.current-btn-text .btn-letter:nth-child(15) {



    transition-delay: 749ms;



}







.current-btn-text .btn-letter:nth-child(16) {



    transition-delay: 799ms;



}







.current-btn-text .btn-letter:nth-child(17) {



    transition-delay: 849ms;



}







.current-btn-text .btn-letter:nth-child(18) {



    transition-delay: 899ms;



}







.current-btn-text .btn-letter:nth-child(19) {



    transition-delay: 949ms;



}







.current-btn-text .btn-letter:nth-child(20) {



    transition-delay: 999ms;



}







.current-btn-text .btn-letter:nth-child(21) {



    transition-delay: 1049ms;



}







.current-btn-text .btn-letter:nth-child(22) {



    transition-delay: 1099ms;



}







.current-btn-text .btn-letter:nth-child(23) {



    transition-delay: 1149ms;



}







.current-btn-text .btn-letter:nth-child(24) {



    transition-delay: 1199ms;



}







.current-btn-text .btn-letter:nth-child(25) {



    transition-delay: 1249ms;



}







.current-btn-text .btn-letter:nth-child(26) {



    transition-delay: 1299ms;



}







.current-btn-text .btn-letter:nth-child(27) {



    transition-delay: 1349ms;



}







.current-btn-text .btn-letter:nth-child(28) {



    transition-delay: 1399ms;



}







.current-btn-text .btn-letter:nth-child(29) {



    transition-delay: 1449ms;



}







.current-btn-text .btn-letter:nth-child(30) {



    transition-delay: 1499ms;



}







.buildin-btn-text .btn-letter:nth-child(1) {



    opacity: 0;



    transition-delay: 49ms;



}







.buildin-btn-text .btn-letter:nth-child(2) {



    opacity: 0;



    transition-delay: 99ms;



}







.buildin-btn-text .btn-letter:nth-child(3) {



    opacity: 0;



    transition-delay: 149ms;



}







.buildin-btn-text .btn-letter:nth-child(4) {



    opacity: 0;



    transition-delay: 199ms;



}







.buildin-btn-text .btn-letter:nth-child(5) {



    opacity: 0;



    transition-delay: 249ms;



}







.buildin-btn-text .btn-letter:nth-child(6) {



    opacity: 0;



    transition-delay: 299ms;



}







.buildin-btn-text .btn-letter:nth-child(7) {



    opacity: 0;



    transition-delay: 349ms;



}







.buildin-btn-text .btn-letter:nth-child(8) {



    opacity: 0;



    transition-delay: 399ms;



}







.buildin-btn-text .btn-letter:nth-child(9) {



    opacity: 0;



    transition-delay: 449ms;



}







.buildin-btn-text .btn-letter:nth-child(10) {



    opacity: 0;



    transition-delay: 499ms;



}







.buildin-btn-text .btn-letter:nth-child(11) {



    opacity: 0;



    transition-delay: 549ms;



}







.buildin-btn-text .btn-letter:nth-child(12) {



    opacity: 0;



    transition-delay: 599ms;



}







.buildin-btn-text .btn-letter:nth-child(13) {



    opacity: 0;



    transition-delay: 649ms;



}







.buildin-btn-text .btn-letter:nth-child(14) {



    opacity: 0;



    transition-delay: 699ms;



}







.buildin-btn-text .btn-letter:nth-child(15) {



    opacity: 0;



    transition-delay: 749ms;



}







.buildin-btn-text .btn-letter:nth-child(16) {



    opacity: 0;



    transition-delay: 799ms;



}







.buildin-btn-text .btn-letter:nth-child(17) {



    opacity: 0;



    transition-delay: 849ms;



}







.buildin-btn-text .btn-letter:nth-child(18) {



    opacity: 0;



    transition-delay: 899ms;



}







.buildin-btn-text .btn-letter:nth-child(19) {



    opacity: 0;



    transition-delay: 949ms;



}







.buildin-btn-text .btn-letter:nth-child(20) {



    opacity: 0;



    transition-delay: 999ms;



}







.buildin-btn-text .btn-letter:nth-child(21) {



    opacity: 0;



    transition-delay: 1049ms;



}







.buildin-btn-text .btn-letter:nth-child(22) {



    opacity: 0;



    transition-delay: 1099ms;



}







.buildin-btn-text .btn-letter:nth-child(23) {



    opacity: 0;



    transition-delay: 1149ms;



}







.buildin-btn-text .btn-letter:nth-child(24) {



    opacity: 0;



    transition-delay: 1199ms;



}







.buildin-btn-text .btn-letter:nth-child(25) {



    opacity: 0;



    transition-delay: 1249ms;



}







.buildin-btn-text .btn-letter:nth-child(26) {



    opacity: 0;



    transition-delay: 1299ms;



}







.buildin-btn-text .btn-letter:nth-child(27) {



    opacity: 0;



    transition-delay: 1349ms;



}







.buildin-btn-text .btn-letter:nth-child(28) {



    opacity: 0;



    transition-delay: 1399ms;



}







.buildin-btn-text .btn-letter:nth-child(29) {



    opacity: 0;



    transition-delay: 1449ms;



}







.buildin-btn-text .btn-letter:nth-child(30) {



    opacity: 0;



    transition-delay: 1499ms;



}











.caseTitleR>ul {



    position: relative;



}







.caseTitleR ul li {



    float: left;



    text-align: center;



    font-size: 15px;



  



    -webkit-transition: all .3s linear;



    transition: all .3s linear;



}







.caseTitleR ul li a {



    display: block;



    color: #666666;



    overflow: hidden;



    font-size: .15rem;



}


/* ·Å´ó¾µÐ§¹û */







.pc-slide {



    width: 100%;



    margin: 0 auto;



}







.view .swiper-container {



    width: 100%;



}







.view .arrow-left {



    background: rgba(0,0,0,.1);



    position: absolute;



    left: 0px;



    top: 50%;



    margin-top: -25px;



    width: 38px;



    height: 37px;



    z-index: 10;



}



.view .arrow-left:after{



   content: "";



    background: url(images/prev.png) no-repeat left center;



    overflow: hidden;



    padding: 49%;



    top: 0px;



    position: absolute;



}







.view .arrow-right:after{



   content: "";



    background: url(images/next.png) no-repeat left center;



    overflow: hidden;



    padding: 49%;



    top: 0px;



    position: absolute;



}



.view .arrow-right {



    background: rgba(0,0,0,.1); 



    position: absolute;



    right: 0;



    top: 50%;



    margin-top: -25px;



    width: 38px;



    height: 37px;



    z-index: 10;



}







.preview {



    width: 100%;



    margin-top: 10px;



    position: relative;



}







.preview .swiper-container {



    width: 100%;



}







.preview .swiper-slide {



    width: 20%;



    cursor: pointer;



}







.preview .slide6 {



    width: 82px;



}







.preview .arrow-left {



    background: url(../images/feel3.png) no-repeat left top;



    position: absolute;



    left: 10px;



    top: 50%;



    margin-top: -9px;



    width: 9px;



    height: 18px;



    z-index: 10;



}







.preview .arrow-right {



    background: url(../images/feel4.png) no-repeat left bottom;



    position: absolute;



    right: 10px;



    top: 50%;



    margin-top: -9px;



    width: 9px;



    height: 18px;



    z-index: 10;



}







.preview img {



    padding: 1px;



}







.productTopImg i {



    display: block;



    position: relative;



    padding: 33.9%;



}



.messageBth {



    width: 1rem;



    height: 0.3rem;



    display: block;



    border: 1px solid #dedede;



    position: absolute;



    left: 36%;



 top: 70%;



      -webkit-transition:.5s;



transition:.5s;



}







.messageBth:hover{



    background: #333;



    color: #fff;



       box-shadow: 0 4px 10px rgba(0,0,0,.02);



}



.productTopImg img {



    position: absolute;



    top: 0;



    left: 0;



    bottom: 0;



    right: 0;



    max-width: 96%;



    max-height: 96%;



    margin:  auto;







}







.productTopImg {



    padding: 0rem;



}







.productsTTOP:hover .casemImg {



    display: block;



}







.view {



    border: 1px solid #ededed;



}







.preview ul li span {



    display: block;



    position: relative;



    padding: 32.8%;



}







.preview ul li span img {



    position: absolute;



    top: 0;



    left: 0;



    max-width: 96%;



    max-height: 96%;



    bottom: 0;



    right: 0;



    margin: auto;



}



/*end*/



.contactBox ul li:last-child {



    border-right: 0;



}















.productRtopr h4 a {



    color: #333;



    font-weight: bold;



    -webkit-transition: .5s;



    transition: .5s;



    display: block;



}







.productRtopr h4 a:hover {



    color: #005fbb;



    -webkit-transform: translateX(5px);



    transform: translateX(5px);



}







.productRtopr p {



    height: .5rem;



    border-bottom: 1px solid #dededd;



    overflow: hidden;



}







.productRtopr span {



        font-size: .1rem;



    line-height: 1.32;



    color: #999;



    display: block;



    font-size: .14rem;



    height: .39rem;



    overflow: hidden;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;



}







.productRtopr h5 {



    font-weight: bold;



    font-size: .14rem;



    font-weight: bold;



    margin-top: .15rem;



    margin-bottom: 0.15rem;



}



a{

	-webkit-transition:.5s;

transition:.5s;

}



.relevant a {



    display: inline-block;

    border: 1px solid #dededd;

    padding: .01rem .1rem;

    margin-bottom: .04rem;

    margin-right: .05rem;

    color: #808080;

    font-size: .14rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.relevant a:hover{



    color: #333;



}



.relevantImg ul li {



    width: 48%;



    margin: 0 1%;



    float: left;



}







.relevantImg ul li>a.relevantImgA {



    position: relative;



    padding: 37%;



    display: block;



    border: 1px solid #dededd;



}











.relevantImg ul li img {



    position: absolute;



    width: 100%;



    height: 100%;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    margin: auto;



    padding: .02rem;



}







.relevantImg ul li .relevantImgMore {



    display: block;



    text-align: center;



    line-height: 2;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    color: #808080;



}



.relevantImg ul li:hover .relevantImgMore{



    color: #333;



}



.productsMore {



        display: inline-block;



    padding: 0.05rem .1rem;



    border: 1px solid #dededd;



    margin-top: .3rem;



    margin-left: .3rem;



    -webkit-transition: .5s;



    transition: .5s;



    color: #737373;



}







.productsMore i {



    overflow: hidden;



    display: inline-block;



    width: .16rem;



    vertical-align: sub;



}







.productsMore:hover i img {



    border-left: 180px solid transparent;



    -webkit-filter: drop-shadow(-180px 0 0px #fff);



    filter: drop-shadow(-180px 0 0px #fff);



}







.productsMore:hover {



    background: #333;



    color: #fff;



    -webkit-transform: translateX(5px);



    transform: translateX(5px);



}







.productsCtl {



    background: #1a8aee;



    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: 0px solid #dededd;



    position: relative;



}







.details {



    line-height: 1;



    text-transform: uppercase;



    color: #dededd;



    font-size: 0.16rem;



    margin-top: 0.1rem;



}







.detailsR {



    text-align: right;



    padding: 0;



}







.detailsR i img {



    padding: 0 0.05rem;



}























.casemImg1 {



    padding: .13rem .3rem .2rem .1rem;



    border: 1px solid #ddd;



    top: .3rem;



    right: .05rem;



    z-index: 2;



    background: #fff;



}







.casemImg1 b {



    display: block;



    text-align: left;



    padding-left: .1rem;



    padding-bottom: .07rem;



    font-weight: normal;



}







.casemImg1 ul li a {



    position: relative;



    padding: 80%;



    float: left;



}











.casemImg1 img {



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0



}







.productsText {



    padding-bottom: .2rem;



    border-bottom: 1px solid #dededd;







    



}







.caseTab{



    padding-top: .4rem;



    background: url(images/icod33.png) no-repeat center .1rem;



}







.productsText p {



    padding-top: .2rem;



    margin: 0;



    color: #999;



}



.caseTab ul li:hover {



    color: #fff;



}







.productsTTOP {



    position: relative;



}







.productsText img {



    max-width: 100%;



    margin: .2rem 0;



    height: auto;



}







.proMessage h4 {



    text-align: center;



    margin-top: .3rem;



    font-size: .24rem;



}







.proMessage p {



    font-size: .14rem;



    text-align: center;



    color: #666;



        margin-bottom: .2rem;







        font-family: arial;



}







.promessageBox input {



    border: 1px solid #dededd;







padding: .1rem;







display: block;







width: 100%;



padding-left: .14rem;







text-indent: .14em;







color: #666;



background: #999;



border-radius: 5px;



font-size: .16rem;



text-indent: 1.5em;



}















::-webkit-input-placeholder { /* WebKit browsers */



  color: #999;



  font-size: .16rem;



}







::-moz-placeholder { /* Mozilla Firefox 19+ */



  color: #999;



  font-size: .16rem;



}







:-ms-input-placeholder { /* Internet Explorer 10+ */



  color: #999;



  font-size: .16rem;



}   



.contactBox input::placeholder {



    color: #999;



}



.promessageBox input::placeholder {



    color: #999;



}







.promessageBox input.pro-name {



    background: url(images/name.png) no-repeat .1rem center;



}







.promessageBox input.pro-tel {



    background: url(images/tel.png) no-repeat .1rem center;



}







.promessageBox input.pro-email {



    background: url(images/email.png) no-repeat .1rem center;



}











.pro-textarea {



        width: 100%;



    border: 1px solid #dededd;



    text-indent: 1.44em;



    padding: .8% 1.4%;



    line-height: 1.5;



    min-height: .7rem;



    color: #666;



    margin-top: .2rem;



    background: url(images/textarea.png) no-repeat .1rem .1rem;



    padding-left: .14rem;



    border-radius: 5px;



    font-size: .16rem;



}







.promessageBox input.a-bth {



    display: block;



    margin-top: .2rem;



    outline: none;



    border: 0;



    -webkit-transition: .5s;



    transition: .5s;



    color: #fff;



    padding-left: 0;



    letter-spacing: 4px;



}



.promessageBox input.a-bth::after{



    content: "";



    position: absolute;



    top: 0;



    left: 0;



}



.a-bth:hover {



    background: #333;



    color: #fff;



}







.productsLil {



    border: 1px solid #dededd;



    overflow: hidden;



    border-radius: .03rem;



}







.productsLil i {



    display: block;



    position: relative;



    padding: 49.5%;



    object-fit: cover;



    margin-top: .1rem;



}







.productsLil img {



    position: absolute;



    top: 0;



    left: 0;



    max-width: 100%;



    max-height: 100%;



    right: 0;



    bottom: 0;



    margin: auto;



}







.productsTitle {



    display: block;



    width: 100%;



    padding: .1rem 0;



    background: url(images/productsIco3.png) no-repeat 100% center;



    animation: proll linear 2s infinite alternate;



}







.productsTitle span {



    display: block;



    font-size: .16rem;



}







.productsTitle b {



    display: block;



    font-weight: normal;



    font-size: .14rem;



    color: #999;



}











.productsLir i {



        display: block;



    position: relative;



    padding: 40.5%;



    overflow: hidden;



   



    border-radius: .05rem;



    -webkit-transition: .5s;



    transition: .5s;



    border: 1px solid #e6e6e6;



}







.proMored{



    height: .21rem;



    border-radius: 0 0 .05rem .05rem;







}







.prpductsLi {



    display: block;



    padding: .05rem;



}











.proList{



    overflow: hidden;



}



.prolistImgd:hover i{



 box-shadow: 0 0px 8px rgba(0, 0, 0, .2);



 border: 1px solid #fff;



 border-radius: .03rem;



}



.productsLir i img {



    position: absolute;



    top: 0;



    left: 0;



    max-width: 100%;



    max-height: 100%;



    padding: 4%;



    right: 0;



    bottom: 0;



    margin: auto;



}   







.proMored {



        position: absolute;



    top: 83.5%;



    display: block;



    border-radius: 0 0 .03rem .03rem;



    left: 0;



    width: 96%;



    background: rgba(0, 0, 0, .4) url(images/productsList3.png) no-repeat 90% .08rem;



    color: #fff;



    -webkit-transition: .5s;



    transition: .5s;



    padding: 0% 5%;



    font-size: .14rem;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    padding-right: 20%;



    left: 2%;



    line-height: 1.8;



    height: .24rem;



}







.prolistImgd:hover .proMored {



        padding: 0;



    width: 97%;



    height: 97%;



    display: block;



    text-align: center;



    padding: 33% 2%;



    top: 1.5%;



    color: #fff;



    background: rgba(0, 0, 0, .2) url(images/productsList4.png) no-repeat center 67%;



    left: 1.5%;



    overflow: hidden;



    border-radius: .03rem;







}







.proListRsort1 a:hover{



-webkit-transform: translateX(5px);



    transform: translateX(5px);



   }



.productss .proListRsort {



    border-bottom: 1px solid #dededd;



    box-shadow: 0 0 0;



    margin-bottom: 0rem;



}











.prolistImgd {



    padding:0 .05rem .1rem;



}


.caseTitleR {



    margin-top: 0.05rem;



}







.abouttitleR ul li {



    margin-right: .2rem;







}











.aboutTitle h3 {



    font-size: .26rem;



    text-align: center;



    line-height: 1;



    margin-top: .4rem;



    color: #4c4c4c;



}







.aboutTitle span {



    text-align: center;



    display: block;



    text-transform: uppercase;



    color: #666;



    font-size: .16rem;



    line-height: 2.5;



    font-family: Arial;



}







.aboutTop {



    margin-top: .2rem;



}







.aboutL {



    padding-left: 0;



    padding-bottom: .7rem;



}







.aboutL i {



    display: block;



    position: relative;



    padding: 39%;



    overflow: hidden;



}







.aboutL i img {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    -webkit-transition: .5s;



    transition: .5s;



}







.aboutR {



    padding-top: .2rem;



   



}







.aboutR h3 {



    color: #fff;



    font-size: .26rem;



    color: #333;



    text-align:center;



}







.aboutR span {



    font-size: .15rem;



    color: #333;



    line-height: 2;



}







.aboutLine {



    width: 1rem;



    height: 1px;



    background: #f2f2f2;



    margin: .2rem auto;



}







.aboutR p {



    color: #666;



    line-height: 2;



    text-indent: 2em;



    -webkit-transition: .3s;



    transition: .3s;



   



}







.clear{



    clear: both;



}



.aboutR i{



    display: block;



     font-size: .15rem;



    padding-bottom: .5rem;



    background: url(images/aboutIdd.png) no-repeat center bottom;



}











.honor ul li {



    margin-top: .3rem;



}







.honorImg {



    display: block;



    position: relative;



    padding: 36%;



    background: #fff;



    border: 1px solid #ddd;



}







.honorImg img {



    padding: 2%;



    position: absolute;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    margin: auto;







    max-width: 100%;



    max-height: 100%;



}







.honorMore {



    text-align: center;



    display: block;



    padding-top: 0.08rem;



    line-height: 3;



    font-size: .15rem;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    position: relative;



}







.honor ul li i {



    width: .08rem;



    height: .08rem;



    display: block;



    border-radius: 50%;



    border: 2px solid #dededd;



    margin: .2rem auto 0;



    background: #fff;



}







.honorArrow {



    height: .3rem;



    position: relative;



}







.honorArrow .honorL {



    width: .3rem;



    height: .3rem;



    overflow: hidden;



    background: #fff url(images/honorL.png) no-repeat center;



    top: -0.28rem;



    position: absolute;



    z-index: 99;



    left: 0;



    cursor: pointer;



}







.honor {



    position: relative;



}







.honorLine {



    width: 100%;



    height: 1px;



    background: #dededd;



    position: absolute;



    top: -0.15rem;



}







.honorArrow .honorR {



    width: .3rem;



    height: .3rem;



    overflow: hidden;



    background: #fff url(images/honorR.png) no-repeat center;



    top: -0.28rem;



    position: absolute;



    z-index: 99;



    cursor: pointer;



    right: 0;



}







.contact {



    background: url(images/aboutBottomHover.jpg) no-repeat center bottom;



    overflow: hidden;



    padding-bottom: 1.5rem;



    margin-bottom: -10px;



}







.contactTop h4 {







    text-align: center;



    padding-top: .9rem;



    font-weight: bold;



    font-size: .18rem;



    -webkit-transition: .5s;



    transition: .5s;



}







.contactmeg {



    background: url(images/contactico1.png) no-repeat center .1rem;



    -webkit-transition: .5s;



    transition: .5s;



}







.contactNetwork {



    background: url(images/contactico2.png) no-repeat center .1rem;



    -webkit-transition: .5s;



    transition: .5s;



}







.contactService {



    background: url(images/contactico3.png) no-repeat center .1rem;



    -webkit-transition: .5s;



    transition: .5s;



}







.contactTop span {



    font-size: .14rem;



    text-align: center;



    display: block;



    padding-bottom: .1rem;



    -webkit-transition: .5s;



    transition: .5s;



    color: #d4d4d4;



}







.contactBottom {



    padding: .3rem .3rem .7rem;



    text-align: center;



    line-height: 2;



    -webkit-transition: .5s;



    transition: .5s;



    position: relative;



    font-size: .15rem;



    overflow: hidden;



   color: #666;







}







.contactTop {



    background: #fff;



    -webkit-transition: .5s;



    transition: .5s;



    padding: .1rem 0;



}







.contact ul li {



    margin-top: .4rem;



    -webkit-transition: .5s;



    transition: .5s;



    position: relative;



}







.contact ul li:hover .contactTop {



    background: #1a8aee;



}







.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 ul li {



    border-right: 1px solid #dededd;



    padding: .1rem 0;



}







.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: .2rem;



    line-height: .2rem;



    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.3rem;



}







.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 {



    border: 1px solid #dededd;



    padding: .1rem;



    display: block;



    width: 100%;



    text-indent: .2rem;



    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: .24rem;



    padding: 1% 1.4%;



    line-height: 1.5;



    min-height: .7rem;



    color: #666;



    margin-top: .1rem;



    background: url(images/textarea.png) no-repeat .08rem .1rem;



    margin-top: .2rem;



    font-size: .16rem;



}







.contactBox .contact-bth {



    display: block;



    margin-top: 0.05rem;



    outline: none;



    border: 0;



    -webkit-transition: .5s;



    transition: .5s;



    border-radius: .05rem;



    color: #fff;



    background: #999;



    margin-top: .2rem;



    padding-left: 0;



    letter-spacing: 4px;



    font-size: .16rem;



}











.news_classify ul {



    margin-left: -15px;



    margin-right: -15px;



    margin-top: 0px;



}







.news_classify ul li {



    margin-bottom: 0.05rem;



}



.news_classify ul li:nth-child{



    margin-bottom: 0;



}



.newsclass1 {



    padding: .12rem;



    background: #fafafa;



    display: block;



    width: 100%;



    padding-left: 6%;



    font-weight: bold;



    color: #333;







}







.news_classify ul li i {



    width: 2%;



    background: #fff;



    display: inline-block;



    height: 100%;



    position: absolute;



    top: 0;



    left: -100px;



    z-index: 9;



    -webkit-transition: .5s;



    transition: .5s;



}







.news_classify span {



    width: 100%;



    padding: 0 15%;



    display: block;



    font-size: .16rem;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    font-weight: normal;



    position: relative;



    z-index: 999;



    background: url(images/newsIco1.png) no-repeat 90% center;



    -webkit-transition: .5s;



    transition: .5s;



}







.news_classify ul li b {



    display: block;



    position: absolute;



    top: 0;



    left: -100%;



    width: 100%;



    height: 100%;



    background: #333;



    -webkit-transition: .5s;



    transition: .5s;



}







.news_classify ul li:hover i {



    left: .18rem;



}







.news_classify ul li:hover b {



    left: 0;



}







.news_classify ul li:hover span {



    color: #fff;



    background: url(images/newsIco3.png) no-repeat 90% center;



}







.newsCenterTop {



    padding: .2rem;



    overflow: hidden;



    box-shadow: 0 0 12px rgba(0, 0, 0, .1);



}







.newsCenterTopl a {



    display: block;



    position: relative;



    padding: 24%;



    overflow: hidden;



}







.newsCenterTopl a img {



    position: absolute;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    margin: auto;



    max-width: 100%;



    max-height: 100%;



    -webkit-transition: 1s;



    transition: 1s;



}







.newsCenterTop:hover a img {



    -webkit-transform: scale(1.1);



    transform: scale(1.1);



    opacity: .8;



}







.newsCenterTopr h4 a {



    font-size: .2rem;



    display: block;



    line-height: 2;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    color: #333;



    -webkit-transition: 1s;



    transition: 1s;



}







.newsCenterTop:hover h4 a {



    color: #005fbb;



    -webkit-transform: translateX(5px);



    transform: translateX(5px);



}







.newsCenterTopr p {



    font-size: .15rem;



    line-height: 2;



    height: .54rem;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;



    overflow: hidden;



    color: #999;



}







.newsCenterTopr span {



    margin-top: .3rem;



    display: block;



    color: #999;



}







.newsCenterTopr span img {



    display: inline-block;



    vertical-align: inherit;



    padding-right: .06rem;



}







.newsCemterb ul li {



    overflow: hidden;



    box-shadow: 0 0 16px rgba(0, 0, 0, .1);



}







.newsCenterb ul li .newsCenterbImg {



    position: relative;



    padding: 18%;



    display: block;



    background: #fafafa ;



}







.newsCenterb ul li .newsCenterbImg img {



    position: absolute;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    max-width: 100%;



    margin: auto;



    max-height: 100%;



}







.newsCenterbImg::after {



    content: "";



    top: 8%;



    right: 5%;



    bottom: 8%;



    left: 5%;



    border-right: 1px solid #fff;



    border-left: 1px solid #fff;



    -webkit-transform: scale(1, 0);



    -moz-transform: scale(1, 0);



    -o-transform: scale(1, 0);



    transform: scale(1, 0);



    -webkit-transform-origin: 100% 0;



    -moz-transform-origin: 100% 0;



    -o-transform-origin: 100% 0;



    transform-origin: 100% 0;



    position: absolute;



    content: '';



    opacity: 0;



    -webkit-transition: opacity .4s,



        -webkit-transform .4s;



    -moz-transition: opacity .4s,



        -moz-transform .4s;



    -o-transition: opacity .4s,



        -o-transform .4s;



    transition: opacity .4s,



        transform .4s;



}







.newsCenterbImg::before {



    top: 8%;



    right: 5%;



    bottom: 8%;



    z-index: 2;



    left: 5%;



    border-top: 1px solid #fff;



    border-bottom: 1px solid #fff;



    -webkit-transform: scale(0, 1);



    -moz-transform: scale(0, 1);



    -o-transform: scale(0, 1);



    transform: scale(0, 1);



    -webkit-transform-origin: 0 0;



    -moz-transform-origin: 0 0;



    -o-transform-origin: 0 0;



    transform-origin: 0 0;



    position: absolute;



    content: '';



    opacity: 0;



    -webkit-transition: opacity .4s,



        -webkit-transform .4s;



    -moz-transition: opacity .4s,



        -moz-transform .4s;



    -o-transition: opacity .4s,



        -o-transform .4s;



    transition: opacity .4s,



        transform .4s;



}







.newsCenterbImg i {



    display: block;



    width: 0%;



    height: 0%;



    background: rgba(0, 0, 0, .2);



    position: absolute;



    top: 50%;



    left: 50%;



    z-index: 1;



    -webkit-transition: .5s;



    transition: .5s;



}







.newsCenterb ul li:hover .newsCenterbImg i {



    left: 0;



    top: 0;



    width: 100%;



    height: 100%;



}







.newsCenterb ul li:hover .newsCenterbTextr a {



    -webkit-transform: translateX(5px);



    transform: translateX(5px);



}







.newsCenterbImg::before,



.newsCenterbImg::after {



    position: absolute;



    content: '';



    opacity: 0;



    -webkit-transition: opacity .4s, -webkit-transform .4s;



    -moz-transition: opacity .4s, -moz-transform .4s;



    -o-transition: opacity .4s, -o-transform .4s;



    transition: opacity .4s, transform .4s;



}







.newsCenterb ul li:hover .newsCenterbImg::before,



.newsCenterb ul li:hover .newsCenterbImg::after {



    content: "";



    opacity: 1;



    -webkit-transform: scale(1);



    -moz-transform: scale(1);



    -o-transform: scale(1);



    transform: scale(1);



}











.nwesCenterbText{



    overflow-y: hidden;



    padding-bottom: .05rem;



}







.nwesCenterbText span {



    display: block;



width: 20%;



margin: .1rem;



border: 1px solid #dededd;



font-size: .25rem;



line-height: 1;



padding: .1rem .12rem;



color: #999;



float: left;



}







.nwesCenterbText span i {



    font-size: .15rem;



    display: block;



    padding-top: .04rem;



    padding-bottom: 0rem;



}







.newsCenterbTextr {



    padding: 0 .2rem 0 0;



    width: 74.4%;



    float: left;



    background: url(images/newsIco04.png) no-repeat 97% center;







}







.newsCenterbTextr a {



    padding: .16rem 0 0;



    display: block;



    font-size: .16rem;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    -webkit-transition: .5s;



    transition: .5s;



    width: 90%;



}







.newsCenterbTextr p {



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    display: block;



    line-height: 2.7;



    margin: 0;



    font-size: .15rem;



    width: 96%;



    color: #808080;



}







.proHot_txt {



    display: block;



    font-size: .14rem;



    line-height: 3;



    color: #4c4c4c;



}



.caseMenuL {



    font-size: .14rem;



}



.newsCenter {



    overflow: hidden;



    -webkit-transition: .5s;



    transition: .5s;



    /*border-bottom: 1px solid #dededd;*/



}







.newsCenterb ul li {



    margin-top: .3rem;



}







.newsCenterb ul li:hover .newsCenter {



    box-shadow: 0 0 16px rgba(0, 0, 0, .1);



    border-bottom: 1px solid #fff;



}







.newsCenterb ul li:hover a {



    color: #333;



}







.newsdetails {



    padding: 0 2%;    overflow: hidden;



    padding-bottom: .2rem;



}







.newsdetails .casemImg {



    top: .5rem;



}







.newsdetails .caseCenter h3 {



    padding-top: 0;







}







.aboutTitle a {



    display: block;



    text-align: center;



    font-size: .16rem;



    padding-top: .1rem;



    color: #333;



}







.newsTop ul li a.newsImg {



    position: relative;



    padding: 34%;



    display: block;



    overflow: hidden;



}







.newsTop ul li a.newsImg img {



    display: block;



    position: absolute;



    top: 0;



    left: 0;



    bottom: 0;



    right: 0;



    margin:0 auto;



    max-width: 100%;



    max-height: 100%;



    border-radius: 6px 6px 0 0;



}







.newsText {



    font-size: .15rem;



    display: block;



    padding: .1rem 0;



}







.newsTopcenter {



    border: 1px solid #dededd;



    -webkit-transition: .8s;



    transition: .8s;



    margin-bottom: .2rem;



    border-radius: 6px 6px 0 0;



}







.newsTopcenter .newsText {



    padding:0 .07rem;



    margin: .05rem 0;



    margin-bottom: .15rem;



    height: .46rem;



    -webkit-transition: .5s;



    transition: .5s;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;



    overflow: hidden;



    font-size: .15rem;



    -webkit-transition: 1s;



    transition: 1s;







}







.newsTop {



    margin-top: .3rem;



    -webkit-transition: .5s;



    transition: .5s;



    overflow: hidden;







}







.newsTopcenter span {



    margin: 0 .07rem .1rem;



    width: 96%;



    padding-right: 30%;



    display: block;



    background: url(images/newsListMore.png) no-repeat 96% center;



    -webkit-transition: .5s;



    transition: .5s;



    font-size: .15rem;



    color: #999;



}







.newsTop ul li:hover .newsTopcenter {



    -webkit-transform: translateX(-5px);



    transform: translateX(-5px);



    background: #1a8aee;



    box-shadow: 0 0 16px rgba(0, 0, 0, .1);



}







.newsTop ul li:hover .newsText {



    color: #fff;



}







.newsTop ul li:hover .newsTopcenter span {



    color: #fff;



    background: url(images/newsListMore2.png) no-repeat 96% center;







}.newsTop ul li:hover  a.newsImg{



    background: #fff;



}







.newsListCenter {



    margin-top: .3rem;



    -webkit-transition: .5s;



    transition: .5s;







}







.newsListLImg {



    display: block;



    position: relative;



    -webkit-transition: .5s;



    transition: .5s;



    overflow: hidden;



}







.newsListLImg::after {



    content: "";



    opacity: 0;



    transform: scale(1.5);



    transition: all 0.4s ease-in-out;



    font-weight: normal;



    border: 1px solid white;



    height: 2.68rem;



    width: 90%;



    position: absolute;



    top: 0.18rem;



    left: 5%;



    padding: 70px;



    display: inline-block;



    text-decoration: none;



    padding: 7px 14px;



    text-transform: uppercase;



    color: #fff;



    border: 1px solid #fff;



    border-radius: 0px;



    background-color: transparent;



}



.newsListLImg img{



    width: 100%;



}



.newsListLcenter img {



    /* position: absolute;



    top: 0;



    left: 0;



    bottom: 0;



    right: 0;



    margin:0  auto;



    max-width: 100%;



    max-height: 100%; */







}







.newsListLcenter:hover .newsListLImg::after {



    opacity: 1;content: "";



    transform: scale(1);



    background-color: transparent;



}







.newsListLtext {



    padding: 4.1% .2rem;



    -webkit-transition: .5s;



    transition: .5s;



    position: absolute;



    z-index: 3;



    bottom: 0;



    background: #fff;



}







@keyframes tan {



    0% {



        -webkit-transform: translateY(0px);



        transform: translateY(0px);



    }







    25% {



        -webkit-transform: translateY(-5px);



        transform: translateY(-5px);



    }







    50% {



        -webkit-transform: translateY(-10px);



        transform: translateY(-10px);



    }







    75% {



        -webkit-transform: translateY(-5px);



        transform: translateY(-5px);



    }







    100% {



        -webkit-transform: translateY(0px);



        transform: translateY(0px);



    }











}







.newsQa ul li:hover i span {



    animation: tan linear 2s infinite alternate;



}







.newsListLtext a {



    display: block;



    font-size: .16rem;



    line-height: 3;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    -webkit-transition: .5s;



    transition: .5s;



}







.newsListLcenter {



    -webkit-transition: .5s;



    transition: .5s;



    border-radius: .05rem .05rem 0 0;



    overflow: hidden;



    box-shadow: 0 0 16px rgba(0,0,0,.1);



    height: 5rem;



    position: relative;



}







.newsListLtext p {



    color: #999;



    text-indent: 2em;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;



    overflow: hidden;



    height: .69rem;



    font-size: .15rem;



    -webkit-transition: .5s;



    transition: .5s;



    -webkit-transition: .5s;



    transition: .5s;



    line-height: 2;







}



.page-content{



    margin: .2rem 0;



    overflow: hidden;



    font-size: .15rem;



    line-height: 2;



    display: block;



}







.productsText{







    font-size: .15rem;



    line-height: 2;



}



.newsListLcenter span {



    margin-top: .2rem;



    display: block;



    background: url(images/news04.png) no-repeat center left;



    padding-left: .2rem;



    color: #999;



    font-size: .14rem;



}







.newsListLcenter:hover {



    box-shadow: 0 0 16px rgba(0, 0, 0, .1);



}







.newsListLcenter:hover .newsListLtext a {



    color: #333;



}







.newsListRtop {



    padding: .15rem;



    overflow: hidden;



    background: #fff;



    border-bottom: 1px solid #f2f2f2;



    border-radius: .05rem;



    border-radius: 5px;



}







.newsListRtop span {



    font-size: .22rem;



    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;



    line-height: .2rem;



    float: left;



    padding-bottom: 0.5em;



    color: #4c4c4c;



    font-family: arial;



}







.newsListRtop b {



    font-size: .16rem;



    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;



    float: right;



    font-weight: normal;



    line-height: .2rem;



    padding-bottom: 0.5em;



    color: #4c4c4c;



    font-family: arial;



}







.newsListRtop b::after {



    content: "";



    display: block;



    clear: both;



}







.newsListRtop a.newsListRImg {



    display: none;



    position: relative;



    padding: 30%;



    -webkit-transition: .5s;



    transition: .5s;



}











.newsListRtopR {



    width: 100%;



    padding: 0;



    -webkit-transition: .5s;



    transition: .5s;



}











.newsListRtopL {



    padding: 0;



    width: 0;



    -webkit-transition: .5s;



    transition: .5s;



}







.newsListRtop a.newsListRImg img {



    position: absolute;



    width: 100%;



    height: 100%;



    top: 0;



    left: 0;



}







.newsListRtopR a {



    display: block;



    font-size: .16rem;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



}







.newsListRtopR p {



    font-size: .14rem;



    color: #999;



    margin-top: 0.05rem;



    line-height: 1.5;



    height: .6rem;



    text-indent: 2em;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 3;



    overflow: hidden;







}







.newsListRtop:hover .newsListRtop a.newsListRImg {



    display: block;



    position: relative;



    padding: 30%;



}











.newsListRtop:hover span,.newsListRtop:hover b{



    color: #333;



}



.newsListRtop:hover .newsListRImg {



    display: block;



}







.newsListRtop:hover .newsListRtopR {



    width: 75%;



    padding: 0 .1rem;



}







.newsListRtop:hover {



    background: #fff;



    box-shadow: 0 0 16px rgba(0, 0, 0, .1);



    border: 1px solid #fff;



}







.newsListRtop:hover .newsListRtopL {



    width: 25%;



}







.newsListRtop:hover .newsListRtopR a {



    color: #333;



}







.newsListR ul li {



    margin-bottom: .1rem;



}











.newsQa ul li {



        background: #fff;



    border: 1px solid #f2f2f2;



    padding: .3rem .1rem;



    border-radius: 0.05rem;







}







.newsQa ul li span {



    font-size: .13rem;



    background: #333;



    float: left;



    width: .2rem;



    height: .2rem;



    border-radius: 50%;



    display: block;



    color: #fff;



    text-align: center;



/*     margin: .5rem 0; */



    font-weight: bold;



    line-height: .2rem;







}







.newsQa ul li p {



    margin-top: .15rem;



}







.newsQa ul li b {



        margin: 0 .1rem;



    float: left;



    width: 85%;



    font-weight: normal;



    background: #fcfcfc;



    font-size: 0.15rem;



    padding: .03rem .1rem;



    color: #999;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;



    overflow: hidden;



    /* text-indent: 2em; */



    line-height: 2;



    padding-bottom: .08rem;



}







.newsQa ul li a {



    margin: 0 .1rem;



    float: left;



    overflow: hidden;



text-overflow:ellipsis;



white-space: nowrap;



    width: 85%;



    font-weight: normal;



    background: #fcfcfc;



    padding: .05rem .1rem;



    font-size: .15rem;



    cursor: url(images/curpo.png),



        default;



}







.newsQa ul li:hover a {



    color: #333



}







.newsQa ul li i::after {



    content: "";



    clear: both;



    display: block;



}







.newsQa ul li p span {



    background: #1a8aee;



}







.newsQa {



    overflow: hidden;



    padding-bottom: .5rem;



    margin-top: .3rem;



    cursor: url(images/curpo.png),



        default;



}



.content-show {



    border: 18px solid #f4f4f4;



    padding: 20px 100px;



    background-color: #fff;



    margin: .2rem 0;



}







.wjdh-map {



    position: relative;



}







.wjdh-map #r-result {



    position: absolute;



    right: 0;



    top: 0;



    width: 450px;



    max-height: 500px;



    overflow-y: scroll;



    overflow-x: hidden;



    z-index: 99;



    /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */



    /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */



}







.wjdh-map #wmap {



    width: 100%;



    height: 500px;



}







.driving-way {



    font-family: 'Microsoft JhengHei';



}







.driving-way .hd li.on {



    background-color: #005fbb;



    color: #fff;



}







.driving-way .hd li {



    float: left;



    font-size: 15px;



    width: 50%;



    height: 50px;



    line-height: 50px;



    background-color: #eee;



    text-indent: 80px;



    cursor: pointer;



}







.driving-way .map-tab {



    padding: 20px 0;



}







.driving-way .map-tab .trip-mode a {



    position: relative;



    float: left;



    font-size: 16px;



    padding-left: 50px;



    width: 100px;



    height: 50px;



    line-height: 50px;



}







.driving-way .map-tab .trip-mode a.active {



    _background: url(images/checkbox.png) no-repeat 10px center;



    *background: url(images/checkbox.png) no-repeat 10px center;



}







.driving-way .map-tab ul {



    position: relative;



    width: 100%;



    height: 112px;



    _background: url(images/ico5.png) no-repeat left center;



    *background: url(images/ico5.png) no-repeat left center;



}







.driving-way .map-tab ul .d1 {



    top: 0;



}







.driving-way .map-tab ul li {



    height: 35px;



    line-height: 35px;



    width: 70%;



    font-size: 16px;



    padding: 10px 0;



    margin-left: 80px;



    position: absolute;



    left: 0;



    /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */



    /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */



}







.driving-way .map-tab ul li input {



    font-size: 16px;



    width: 100%;



    height: 35px;



    line-height: 35px;



}







.driving-way .map-tab ul i {



    display: block;



    width: 75%;



    height: 1px;



    background-color: #ccc;



    position: absolute;



    left: 50px;



    top: 56px;



}







.driving-way .map-tab ul .d2 {



    top: 56px;



}







.driving-way .map-tab ul .d2:before {



    position: absolute;



    left: -20px;



    top: 25px;



    content: '';



    display: block;



    border-radius: 50%;



    width: 3px;



    height: 3px;



    border: 2px solid #12a7eb;



}







.driving-way .map-tab #result {



    background-color: #313131;



    color: #fff;



    width: 200px;



    height: 50px;



    line-height: 50px;



    position: absolute;



    right: 0;



    top: 50%;



    margin-top: -25px;



    display: block;



    text-align: center;



    font-size: 18px;



    text-transform: uppercase;



    cursor: pointer;



    /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */



    /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */



}















.driving-way .map-tab ul .d2:before {



    position: absolute;



    left: -20px;



    top: 25px;



    content: '';



    display: block;



    border-radius: 50%;



    width: 3px;



    height: 3px;



    border: 2px solid #12a7eb;



}











.driving-way .map-tab ul .d1:before {



    position: absolute;



    left: -20px;



    top: 30px;



    content: '';



    display: block;



    border-radius: 50%;



    width: 3px;



    height: 3px;



    border: 2px solid #ed744e;



}











.driving-way .map-tab ul:before {



    position: absolute;



    left: 0;



    top: 50%;



    margin-top: -9px;



    content: '';



    display: block;



    width: 16px;



    height: 17px;



    background: url(images/ico5.png) no-repeat center center;



    /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */



    /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */



}







.driving-way .map-go ul:before {



    transform: rotateX(180deg);



}







.driving-way .map-tab .trip-mode a i:before {



    content: '';



    display: block;



    width: 6px;



    height: 6px;



    background-color: #666;



    position: absolute;



    left: 50%;



    top: 50%;



    margin-left: -3px;



    margin-top: -3px;



    opacity: 0;



    /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */



    /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */



}







.driving-way .map-tab .trip-mode a i {



    width: 14px;



    height: 14px;



    display: block;



    border: 3px solid #666;



    position: absolute;



    left: 10px;



    top: 50%;



    margin-top: -10px;



    /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */



    /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */



}







.driving-way .map-tab .trip-mode a:hover i,



.driving-way .map-tab .trip-mode a.active i {



    transform: translateZ(0px) rotate(45deg);



    -webkit-transform: translateZ(0px) rotate(45deg);



}







.driving-way .map-tab .trip-mode a i {



    width: 14px;



    height: 14px;



    display: block;



    border: 3px solid #666;



    position: absolute;



    left: 10px;



    top: 50%;



    margin-top: -10px;



   transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);



   -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); 



}























.newsdetails .casemImg {



    top: .35rem;



    right: -.5rem;



}















.aboutTop:hover .aboutL img {



    -webkit-transform: scale(1.1);



    transform: scale(1.1);







}











.honorImg span {



        display: block;



    position: absolute;



    width: 100%;



    height: 100%;



    top: 0;



    left: 0;



    display: block;



    overflow: hidden;



}















.honorImg span::before {



    content: "";



    width: 0;



    height: 100%;



    background: rgba(0, 0, 0, .2) url(images/sosuo.png) no-repeat center -.2rem;



    padding: 14px 18px;



    position: absolute;



    top: 0;



    left: 50%;



    opacity: 0;



    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;



}











.honor ul li:hover .honorImg span::before {



    width: 100%;



    left: 0;



    opacity: 1;



    background: rgba(0, 0, 0, .2) url(images/sosuo.png) no-repeat center center;



}







.buildin-btn-text {



    position: absolute;



    left: 0;



    top: 0%;



    z-index: 9;



    width: 100%;



    transform: translateY(100%);



}



























.honorMore::after,



.honorMore::before {



    -webkit-backface-visibility: hidden;



    backface-visibility: hidden;



    border-top: 1px solid transparent;



    bottom: 0;



    content: " ";



    display: block;



    margin: 0 auto;



    position: relative;



    -webkit-transition: all 280ms ease-in-out;



    transition: all 280ms ease-in-out;



    width: 0;



}











.honor ul li:hover .honorMore::after,



.honor ul li:hover .honorMore::before {



    -webkit-backface-visibility: hidden;



    backface-visibility: hidden;



    border-color: #ddd;



    -webkit-transition: width 350ms ease-in-out;



    transition: width 350ms ease-in-out;



    width: 90%;



    content: "";



}







.honorMore:hover::before {



    bottom: auto;



    top: 0;



    width: 90%;



}







.honor ul li:hover .honorMore {



    color: #005fbb;



}







/* .contact ul li .contactBottom::after {



    content: "";



    position: absolute;



    bottom: 269px;



    right: -276px;



    width: 100%;



    height: 100%;



    background: #dedede;



    -webkit-transform: rotate3d(0, 0, 1, 0deg);



    transform: rotate3d(0, 0, 1, 39deg);



    -webkit-transition: .5s;



    transition: .5s;



}



 */



.contact ul li .contactBottom::before {



       content: "";



    width: 90%;



    height: 1px;



    border-top: 0;



    border-bottom: 1px solid #ddd;



    position: absolute;



    top: 99%;



    left: 5%;



    opacity: 1;



    -webkit-transition: .5s;



    transition: .5s;



}







.contact ul li:hover .contactBottom::after {



content: "";



    bottom: 81px;







    right: -306px;



}



.contactTop span:after{



    content: ""



}



.contact ul li:hover .contactBottom::before {



content: "";



    height: 101%;



    top: 0%;



    opacity: 1;



    border-top: 1px solid #ddd;



}







.contact ul li:hover .contactBottom{



    background: #fcfcfc;



}







.contactTop i{



    display: block;



    width: 50px;



    height: 1px;



    background: #ddd;



    margin: 0 auto;



   position: absolute;



   left: 43.5%;



   top: 1.8rem;



}







@keyframes newsd {



    0% {



        background: url(images/newsIco04.png) no-repeat 97% center;



    }







    50% {



        background: url(images/newsIco04.png) no-repeat 95% center;



    }







    100% {



        background: url(images/newsIco04.png) no-repeat 97% center;



    }



}







.newsCenterb ul li:hover .newsCenterbTextr {



    animation: newsd linear 1s infinite alternate;



}







.newsImg::before {



    position: absolute;



    top: 50%;



    left: 50%;



    width: 102%;



    height: 103%;



    border: 2px solid #fff;



    content: '';



    opacity: 0;



    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



    transition: opacity 0.35s, transform 0.35s;



    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);



    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);



    -webkit-transform-origin: 50%;



    transform-origin: 50%;-webkit-transition:.8s;



transition:.8s;



}







.newsTop ul li:hover .newsImg::before {



    opacity: 1;



    background-color: rgba(0, 0, 0, 0.2);



    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -135deg) scale3d(1, 1, 1);



    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1, 1, 1);



    z-index: 2;



}







/* .caseList li:hover .caseListBg{



    border: 1px solid #0258b8;



} */







@keyframes lr {







    0% {



        -webkit-transform: translateX(-5px);



        transform: translateX(-5px);



    }







    25% {



        -webkit-transform: translateX(5px);



        transform: translateX(5px);



    }







    50% {



        -webkit-transform: translateX(-5px);



        transform: translateX(-5px);



    }







    75% {



        -webkit-transform: translateX(5px);



        transform: translateX(5px);



    }







    100% {



        -webkit-transform: translateX(-5px);



        transform: translateX(-5px);



    }



}















@keyframes tb {







    0% {



        -webkit-transform: translateY(-5px);



        transform: translateY(-5px);



    }







    25% {



        -webkit-transform: translateY(5px);



        transform: translateY(5px);



    }







    50% {



        -webkit-transform: translateY(-5px);



        transform: translateY(-5px);



    }







    75% {



        -webkit-transform: translateY(5px);



        transform: translateY(5px);



    }







    100% {



        -webkit-transform: translateY(-5px);



        transform: translateY(-5px);



    }



}


.promessageBox input.a-bth {



    text-indent: 0rem;



    color: #fff;



    position: relative;-webkit-transition:.5s;



    transition:.5s;



    margin-top:.2rem;



    display: block;



}







.promessageBox input.a-bth::after{



    width: 50%;



    left: 50%;



    background: #333;



    position: absolute;



    content: "";



}







.promessageBox input.a-bth::after:hover{



    width: 100%;



    height: 100%;



    background: #333;



    content: "";



}







.caseTitleR ul li {}







.caseTitleR ul li a {



    position: relative;



}







.caseTitleR ul li .ctc {



    display: block;



    width: 0;



    position: absolute;



    left: 0px;



    top: 0px;



    white-space: nowrap;



    overflow: hidden;



    -webkit-transition: all .8s ease-out;



    transition: all .8s ease-out;



    opacity: 0;



    font-size: 0.15rem;



}







.caseTitleR ul li:hover .ctc {



    width: 100%;



    color: #d0231c;



    opacity: 1;







}







.caseTitleR ul li .gaoliang .ctc{



    width: 100%;



    color: #005fbb;



    opacity: 1; 



}







.news_classify ul li .gaoliang i{



        left: .18rem;



}











.news_classify ul li .gaoliang span{



        color: #fff;



    background: url(images/newsIco3.png) no-repeat 90% center;



}



.news_classify ul li .gaoliang b{



    left: 0;



}







.caseTitleR ul li a::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;



}







.caseTitleR ul li a {



    position: relative;



}







.caseTitleR ul li .cat {



    display: block;



    width: 0;



    position: absolute;



    left: 0px;



    top: 0px;



    white-space: nowrap;



    overflow: hidden;



    -webkit-transition: all .8s ease-out;



    transition: all .8s ease-out;



    opacity: 0;



}







.caseTitleR ul li a:hover {


width: 100%;

    color: #1a8aee;
    opacity: 1;
}



.caseTitleR li.current > a{color: #1a8aee;}



.caseTitleR ul li a:hover::before {



    width: .1rem;



    height: .1rem;



    border: 2px solid #1a8aee;



    content: "";



    display: inline-block;



    margin-right: 10px;



    border-radius: 50%;



    line-height: .2rem;



    vertical-align: unset;


}


.caseTitleR ul li.current > a::before {



    width: .1rem;



    height: .1rem;



    border: 2px solid #1a8aee;



    content: "";



    display: inline-block;



    margin-right: 10px;



    border-radius: 50%;



    line-height: .2rem;



    vertical-align: unset;


}




.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: #1a8aee;



    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: #1a8aee;



}



.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;



}



.bdshare-button-style1-16 {



    zoom: 1;



    display: inline-block;



    vertical-align: middle;



    margin-left: 10px;



}















.button_text_container{



    position: absolute;



    top: 0;



    left: 0;



}







.detailsR{



    width: 35%;



    margin-top: .04rem;



}



.productsCC{



    overflow: hidden;



    border-bottom: 1px solid #ededed;



    padding-left: -15px;



    padding-right: -15px;



}



.scan{



    color: #666;



    background-image: url(images/ewm.gif);



    background-repeat: no-repeat;



    background-position: left center;



    padding: 5px 0 8px 30px;



    position: relative;



}







#qrcode{



    margin-top: 10px;



    position: absolute;



    right: 8px;



    top: .3rem;



}







.newsdetails #qrcode{



    position: absolute;



    right: -50px;



    top:40px;



    z-index: 3



}



#qrcode img{



    width: 200px;



    height: 200px;



    border: 8px solid #fff;



    box-shadow: 0 0 5px rgba(0,0,0,.2);



}







.map-marker dt {



    float: left;



}







.map-marker dd {



    height: 100px;



    overflow: hidden;



    margin-left: 110px;



}







 .map-marker h4 {



    height: 30px;



    font-size: 18px;



    padding-bottom: 0;



    margin-bottom: 0;



    white-space: nowrap;



    overflow: hidden;



    text-overflow: ellipsis;



    padding-top: 0;



    margin-top: 0;



    line-height: 30px;



}



.map-marker{



    height: 100px;



}



 .map-marker dd span {



    font-size: 18px;



}



.map-marker p {



    height: 40px;



    line-height: 20px;



    overflow: hidden;



}







.bdshare-button-style1-16 span{



    float: left;



    margin-top: .02rem;



    color: #666;



}







.addLine{



    display: block;



    font-size: .15rem;



    padding-bottom: .2rem;



    background: url(images/aboutIdd.png) no-repeat center bottom;



    margin-bottom: .2rem;



}







.contactMap{



        background: url(images/aboutBottomHover.jpg) no-repeat center bottom;



    overflow: hidden;



    padding-bottom: .10rem;



    margin-bottom: -10px;



}







.productRtopl{



    padding: 0;



}







.productRtopr{



    padding: 0;



    border: 1px solid #ededed;



    border-left: 0;



    padding: 0 3% .1rem;



    height: 417px;



}







.pc-slide .view{



    height: 417px;



}







.relevant{



   



    overflow: hidden;



    max-height: 1.57rem;



    min-height: 1.1rem;



}







.caseRe img{



    



    display: inline-block;



}







.caseREimg{



    width: .32rem;



    height: .25rem;



    overflow: hidden;



    display: inline-block;



    float: none;



    margin-top: 6px;



    vertical-align: sub;



}



.caseContainer p,.caseContainer span,.productsText p,.productsText span{



    font-size: 0.15rem;



}



.productsCC img{



    display: inline-block;



}







.dd{



}







.proListclass1:before{



    content: "";



    position: absolute;



    top: -100%;



    left: 0%;



    width: 100%;



    height: 100%;



    background: rgba(0,0,0,.2);



    -webkit-transition:.5s;



    z-index: 1;



} 



.dd:before{



    position: absolute;



    top: 0;



    left: 0%;



    width: 100%;



    height: 100%;



    background: rgba(0,0,0,.2);



    -webkit-transition:.5s;



    z-index: 1;



}







.sidepromenu:hover .proListclass1:before{



    top: 0;



}



@media (max-width:1200px) {



    .caseMenu {



        width: 100%;



        height: auto;



        background: none;



        padding-bottom: .1rem;



    }







    .caseMenuTop {



        display: none;



    }







    .caseMenuBottom {



        padding-top: 0rem;



    }







    .caseMenuBottom .caseTitleL {



        padding-top: .12rem;



        padding-bottom: .12rem;



        text-align: center;



        font-size: .2rem;



        background: #f4f5f8;



    }







    .caseMenuBottom .caseTitleL i {



        padding-right: .05rem;



    }







    .caseMenuBottom .caseTitleR ul {



        padding-top: .3rem;



    }







    .caseMenuBottom .caseTitleR ul li {



        margin-top: .1rem;



        padding: .04rem .08rem;



    }







    .caseTab ul li span {



        width: 1.6rem;



        font-size: .15rem;



    }







    .proListTop img {



        display: none;



    }







    .proList {



        padding-top: .2rem;



    }







    .prouctsTitle h3 {



        color: #333;



    }







    .prouctsTitle p {



        color: #666;



    }







    .proList_classify ul li p {



        display: none;



    }







    .proHot,



    .newsHot {



        display: none;



    }







    .proListRtop {



        display: none;



    }







    .proListRsort {



        display: none;



    }







    .productsBorer {



        padding: .05rem;



    }







    .proListCenter ul {



        margin-right: -15px;



        margin-left: -15px;



    }







    .proListclass1 {



        background: #f1f1f1;



        border-bottom: 1px solid #fff;



    }







    .proListclass1 b {



        display: none;



    }







    .proListclass1 a {



        color: #333;



        width: 100%;



        display: block;



        text-align: center;



        font-weight: normal;



    }







    .proListclass2:hover {



        color: #333;



    }







    .proList_classify ul li i {



        display: none;



    }







    .proListclass1 span {



        width: 100%;



        font-size: 1.4rem;



        font-weight: normal;



        color: #333;



    }







    .proListCenter ul li:hover .productsBorer {



        border: 1px solid #dededd;



    }







    .proListCenter ul li:hover .caseListhide {



        top: -100%;



    }







    .proListCenter li {



        margin-top: .1rem;



        margin-bottom: .1rem;



    }







    .proListCenter ul li:hover a.proListTitle {



        color: #333;



        border-bottom: 1px solid #dededd;



    }







    .proListCenter ul li:hover a.proMore {



        color: #999;



    }



    .proListclass1 a{



        color: #fff ;



    }



}







.baidu-maps label {



    max-width: none;



}







@media (max-width:992px) {







    .col-md-1 {



        width: 8.33333333%;



    }







    .col-md-2 {



        width: 16.6666666%;



    }







    .col-md-3 {



        width: 25%;



    }







    .col-md-4 {



        width: 33.33333333%;



    }







    .col-md-5 {



        width: 41.66666666%;



    }







    .col-md-6 {



        width: 50%;



    }







    .col-md-7 {



        width: 58.33333333%;



    }







    .col-md-8 {



        width: 66.66666666%;



    }







    .col-md-9 {



        width: 75%;



    }







    .col-md-10 {



        width: 83.33333333%;



    }







    .col-md-11 {



        width: 91.666666666;



    }







    .col-md-12 {



        width: 100%;



    }







    .caseMenuTop {



        display: none;



    }







    .caseMenuBottom .caseTitleR ul {



        padding-top: .1rem;



    }







    .caseMenuBottom .caseTitleR ul li {



        padding-right: .05rem;



    }







    .caseTab ul li b {



        display: none;



    }







    .caseRel i {



        display: block;



        text-align: center;



        font-size: .2rem;



    }



    .proListclass1 a{



        color: #fff ;



    }



}







@media (max-width:768px) {



    .proListclass1 a{



        color: #fff;



    }



    



    .col-sm-1 {



        width: 8.33333333%;



    }







    .col-sm-2 {



        width: 16.6666666%;



    }







    .col-sm-3 {



        width: 25%;



    }







    .col-sm-4 {



        width: 33.33333333%;



    }







    .col-sm-5 {



        width: 41.66666666%;



    }







    .col-sm-6 {



        width: 50%;



    }







    .col-sm-7 {



        width: 58.33333333%;



    }







    .col-sm-8 {



        width: 66.66666666%;



    }







    .col-sm-9 {



        width: 75%;



    }







    .col-sm-10 {



        width: 83.33333333%;



    }







    .col-sm-11 {



        width: 91.666666666;



    }







    .col-sm-12 {



        width: 100%;



    }







    .caseMenuBottom .caseTitleR ul {



        padding-top: .1rem;



    }







    .caseMenuBottom .caseTitleR ul li {



        padding: .05rem 0.2rem;



    }







    .caseRer {



        display: none;



    }







    .caseList {



        padding-top: .2rem;







    }



.caseTitleR ul li:hover{



    box-shadow: 0 0 0;



}



    .caseList li:hover .caseText {



        background: #fff;



    }







    .caseList li .caseListTitle {



        font-size: .14rem;



        font-weight: normal;



    



    }







    .caseList li:hover .caseListTitle {



font-weight: bold;



        font-weight: normal;



    }







    .caseList li {











        margin-bottom: .2rem;



    }







    .caseList li:hover .caseListTitle {



        color: #333;



    }







    .caseList li p {



        font-size: 1.2rem;



        line-height: 1.5rem;



        display: -webkit-box;



        -webkit-box-orient: vertical;



        -webkit-line-clamp: 4;



        overflow: hidden;



        height: .6rem;



        font-size: .15rem;



        padding: 0 .05rem;



    }







    .caseText {



        padding-top: 0;



        padding-bottom: .05rem;



    }







    .caseList li .caseMore {



        display: none;



    }







    .caseLine {



        display: none;



    }







    .caseList li:hover p {



        color: #666;



    }







    .caseList li:hover .caseListhide {



        top: -102%;



    }







    .caseContainer {



        padding-bottom: .4rem;



    }











    .caseTab ul li img {



        display: none;



    }







    .caseTab ul li span {



        display: none;



    }







    .caseTab ul li i {



        display: block;



        margin: 0 auto;



    }







    .caseTab ul li i.caseCenterIco2 {



        display: block;



        float: right;



        padding: .25rem;



        background: url(images/caseCenterIco2.png) no-repeat center;



    }







    .caseTab ul li {



        padding: 0 .2rem;



        background: #ededed;



    }







    .caseTab {



        margin-top: .2rem;



    }







    .caseCenter h3 {



        font-size: .2rem;



        line-height: .13rem;



    }











    .caseRecenter li .caseMore {



        display: none;



    }







    .caseRecenter li p {



        font-size: .14rem;



        line-height: .2rem;



        padding: 0 .1rem;



        line-height: .2rem;



        height: .8rem;



        display: -webkit-box;



        -webkit-box-orient: vertical;



        -webkit-line-clamp: 4;



        overflow: hidden;



        color: #666;



    }







    .caseRecenter .caseText {



        background: #f2f2f2;



        padding-bottom: 1rem;



    }







    .caseRe i {



        display: block;



        text-align: center;



        font-size: .24rem;



    }











    .proListTop img {



        display: none;



    }







    .proList {



        padding-top: .2rem;



    }







    .prouctsTitle h3 {



        color: #333;



    }







    .prouctsTitle p {



        color: #666;



    }







    .proList_classify ul li p {



        display: none;



    }







    .proHot,



    .newsHot {



        display: none;



    }







    .proListRtop {



        display: none;



    }







    .proListRsort {



        display: none;



    }







    .productsBorer {



        padding: .05rem;



    }







    .proListCenter ul {



        margin-right: -15px;



        margin-left: -15px;



    }







    .proListclass1 {



        background: #f1f1f1;



    }







    .proList_classify ul li i {



        display: none;



    }







    .proListclass1 span {



        width: 100%;



        font-size: .14rem;



        font-weight: normal;



        color: #333;



    }







    .proListCenter ul li:hover .productsBorer {



        border: 1px solid #dededd;



    }







    .proListCenter ul li:hover .caseListhide {



        top: -100%;



    }







    .proListCenter li {



        margin-top: 0;



        margin-bottom: .1rem;



    }







    .proListCenter ul li:hover a.proListTitle {



        color: #333;



        border-bottom: 1px solid #dededd;



    }







    .proListCenter ul li:hover a.proMore {



        color: #999;



    }







    .pro_page {



        margin: 0;



        text-align: center;



    }







    .proList_sort ul li:hover .proHot_txt {



        color: #333;



    }







    .proList_classify {



        margin-left: 15px;



        margin-right: 15px;



    }







    .exzoom .exzoom_zoom_outer {



        display: none



    }







    .productRtopr h4 {



        display: none;



    }







    .productRtopr p {



        display: none;



    }







    .productRtopr h5 {



        display: none;



    }











    .relevant {



        display: none;



    }







    .relevantImg {



        display: none;



    }







    .details {



        display: none;



    }







    .detailsR {



        display: none;



    }







    .promessageBox input {



        margin-top: .1rem;



    }







    .textarea {



        min-height: .8rem;



    }











    .show {



        height: 1.4rem;



    }







    .show img {



        height: 1.4rem;



    }







    .smallshow>.middle_box {



        width: 78%;



    }







    .productRtopl {



        padding-left: -15px;



        padding-right: -15px;



    }







    .smallshow .middle>li {



        padding: 0 1%;



    }







    .bg_right {



        display: none;



    }







    .mask {



        display: none;



    }







    .smallshow .middle {



        overflow: hidden;



        transition: all 0.5s;



        height: .4rem;



    }







    .smallshow .middle>li {



        width: 21%;



    }







    .prolistImgd {



        padding: 0px;



        margin-bottom: .1rem;



    }







    .productsLil i {



        display: none;







    }







    .productsLil {



        margin-top: .1rem;



        margin-bottom: .1rem;



    }







    .productsLir i {



        margin-bottom: 0;



    }







    .productsLir {



        padding: 0;



    }







    .productss .proListRsort {



        border-bottom: 1px solid #dededd;



        box-shadow: 0 0 0;



        margin-bottom: 0rem;



    }







    .aboutTop {



        background: none;



    }







    .aboutL {



        padding-right: 0;



        padding-bottom: 0;



    }







    .aboutR h4 {



        font-size: .18rem;



    }







    .aboutR {







        padding-top: .1rem;



        color: #333;



    }







    .aboutR h4 {



        color: #333;



        text-align: center;



    }







    .aboutR span {



        display: block;



        color: #333;



        text-align: center;



        color: #999;



    }







    .aboutR p {



        color: #333;



        height: auto;



    }







    .aboutLine {



        margin: .4rem auto;



        background: #666;







    }











    .aboutTitle h3 {



        margin-top: .2rem;



        font-size: .2rem;



    }







    .aboutTitle span {



        padding-top: 0;



    }











    .honor ul li {



        margin-top: .1rem;



    }







    .contact ul li:hover .contactBottom {



        background: none;



    }







    .contact ul li:hover .contactTop {



        background: none;



    }







    .contact ul li:hover h4.contactmeg {



        background: url(images/contactico1.png) no-repeat center .1rem;



    }







    .contact ul li:hover h4.contactNetwork {



        background: url(images/contactico2.png) no-repeat center .1rem;



    }







    .contact ul li:hover h4.contactService {



        background: url(images/contactico3.png) no-repeat center .1rem;



    }







    .contact ul li:hover .contactTop h4 {



        color: #333;



    }







    .contact ul li:hover .contactTop span {



        color: #666;



    }







    .contactBottom {



           padding: 0.1rem 0 ;



    }







    .contact ul li:first-child .contactBottom{



       padding: 0.1rem 0 .8rem;



    }







    .contact ul li {



        margin-top: .2rem;



    }







    .contactTop {



        padding: .1rem 0;



    }







    .contact {



        padding-bottom: .2rem;



    }







    .contactBox ul li {



        padding: 0 3%;



        margin: .2rem 0;



        height: auto;



    }







    .contactList ul li h4 {



        line-height: 2;



    }







    .contactBox {



        margin-top: 0;



    }











    .aboutTitle p {



        padding: .2rem 5%;



        text-align: left;



        text-indent: .2em;



    }







    .news_classify {



        padding-left: 15px;



        padding-right: 15px;



    }







    .news_classify ul li a {



        background: #f2f2f2;



    }







    .news_classify ul li b {



        display: none;



    }







    .news_classify ul li i {



        display: none;



    }







    .newsCenterTop {



        padding: .1rem;



        margin-top: .2rem;



        border-radius: .5px;







    }







    .newsCenterT,



    .newsCenterTopl,



    .newsCenterTopr {



        padding-left: 0;



        padding-right: 0;



    }







    .nwesCenterbText span {



        display: none;



    }







    .newsCenterbTextr {



        width: 100%;



        padding: 0 8% 1%;



    }







    .honorMore1{



        margin-bottom: 0.2rem;



    }







.bdshare-button-style1-16{



    display: none;



}















    .newsCenterb ul li {



        padding-left: 0;



        padding-right: 0;



        box-shadow: 0 0 16px rgba(0, 0, 0, .1);



    }







    .news_classify ul li:hover span {



        color: #333;



        background: url(images/newsIco1.png) no-repeat 90% center;







    }







    .newsCenterb ul li:hover a {



        color: #333;



    }











    .newsTop ul li:hover .newsTopcenter {



        -webkit-transform: translateY(0px);



        transform: translateY(0px);



        background: #fff;



        box-shadow: 0 0 16px rgba(0, 0, 0, .1);



    }







    .newsTop ul li:hover .newsText {



        color: #333;



    }







    .newsTop ul li:hover .newsTopcenter span {







        color: #333;



        background: url(images/newsListMore.png) no-repeat 96% center;







    }







    .newsTopcenter span {



        margin-top: .05rem;



        color: #999;







    }







    .newsTopcenter .newsText {



        overflow: hidden;



        text-overflow: ellipsis;



        white-space: nowrap;



    }







    .newsListRtop:hover .newsListRtopL {



        display: none;



        width: 0;



    }







    .newsListRtop:hover .newsListRtopR {



        width: 100%;



    }







    .newsQa {



        margin-top: .3rem;











    }







    .newsQa ul li a {



        width: 83%;



    }







    .newsQa ul li b {



        width: 83%;



    }







    .newsQa ul li:hover {



        color: #333;



    }







    .newsListRtop:hover {



        box-shadow: 0 0 0 rgb(255, 255, 255);



        border-bottom: 1px solid #f2f2f2;



    }







    .newsListLcenter:hover {



        box-shadow: 0 0 0 rgba(255, 255, 255, 1)



    }







    .newsListRtop:hover .newsListRtopR {



        padding: 0;



    }







    .newsListRtop:hover .newsListRtopR a {



        color: #333;



    }







    .productTopImg {



        padding: 0;



    }







    .pc-slide {



        margin: .2rem 0 0rem;



    }







    .driving-way .hd {



        display: none;



    }







    .driving-way .map-tab #result {



        top: 130%;



        width: 100%;



    }







    .content-show {



        overflow: hidden;



        padding-bottom: .4rem;



    }







    .wjdh-map #wmap {



        height: 5rem;



    }







    .caseRecommend {



        padding-bottom: .5rem;



    }







    .caseRecenter li:hover .caseListhide {



        display: none;



    }



    



    .caseRecenter li:hover .caseText {



        background: #f2f2f2;



    }







    .caseRecenter li:hover .caseListTitle {



        color: #333;



        font-weight: bold;



    }







    .caseRecenter li:hover p {



        color: #666;



    }







    .prolistImgd:hover .proMored {



        position: absolute;



        top: 84%;



        width: 100%;



        height: 0%;



        left: 0;



        width: 100%;



        background: rgba(0, 0, 0, .4) url(images/productsList3.png) no-repeat 90% .8rem;



        color: #fff;



        line-height: 1.4rem;



        -webkit-transition: .5s;



        transition: .5s;



        padding: 3% 5%;



        text-align: left;



    }







    .aboutR p {



        height: auto



    }







    .aboutR p:hoveR {



        height: auto;



    }







    .newsdetails {



        margin-left: 0;



        margin-right: 0;



    }







    .productsCenter {



        padding-left: -15px;



        padding-right: -15px;



    }







    .productRtop .productRtopl {



        padding-left: -15px;



        padding-right: -15px;



    }







    .pro-textarea {



        text-indent: .25rem;



        line-height: 2.4;



    }







    .productsTTOP:hover .casemImg {



        display: none;



    }







    .caseTitleR ul li:hover a {



        color: #1a8aee;



    }







    .honor ul li:hover .honorImg span::before {



        opacity: 0;



    }







    .honor ul li:hover .honorMore {



        color: #333;



    }







    .contact ul li:hover .contactBottom::before,



    .contact ul li:hover .contactBottom::after {



        opacity: 0;



        content: "";



    }







    .contact ul li:hover {



        -webkit-transform: translateY(0px);



        transform: translateY(0px);



    }







    .caseList li:hover .caseListhide {



        display: none;



    }







    .newsCenterb ul li:hover .newsCenterbImg::before,



    .newsCenterb ul li:hover .newsCenterbImg::after {



        opacity: 0;



        content: "";



    }







    .newsCenterb ul li .newsCenterbImg i {



        opacity: 0;



    }







    .newsCenterb ul li:hover .newsCenterbImg i {



        opacity: 0;



    }







    .newsTopcenter .newsText {



        height: .2em;



        display: block;



    }







    .proListCenter li .productsBorer:hover .border-left {



        opacity: 0;



    }







    .proListCenter li .productsBorer:hover .border-right {



        opacity: 0;



    }







    .proListCenter li .productsBorer:hover .border-top {



        opacity: 0;



    }







    .proListCenter li .productsBorer:hover .border-bottom {



        opacity: 0;



    }







    .productsBorer:hover i a::before,



    .productsBorer:hover i a::after {



        display: none;



    }







    .newsCenterTop:hover a img {



        -webkit-transform: scale(1);



        transform: scale(1);



        opacity: 1;



    }







    .newsCenterTopr h4 a {



        font-size: .16rem;



    }







    .newsCenterTop:hover h4 a {



        color: #333;



        -webkit-transform: translateX(0px);



        transform: translateX(0px);



    }







    .newsCenterb ul li:hover .newsCenterbTextr a {



        -webkit-transform: translateX(0px);



        transform: translateX(0px);



    }







    .newsCenterb ul li .newsCenterbTextr {



        animation: newsd linear 3s infinite alternate;



    }







    .newsTop ul li:hover .newsImg::before {



        opacity: 0;







    }







    .prolistImgd:hover .proMored {



        height: 20%;



    }







    .productsCtl img {



        margin-left: .05rem;



    }







    .sidepromenu {



        padding-left: 2px;



        padding-right: 2px;



    }



}















.caseMenu {



    width: 100%;



    height: 150px;



    background: url(images/caseMenu.jpg) no-repeat center;



    color: #999;



}















.honorImg1 {



    display: block;



    position: relative;



    padding: 40%;



    background: #fff;



    box-shadow: 0 5px 16px rgba(0, 0, 0, .1);



}











.honorMore1 {



    text-align: center;



    display: block;



    padding-top: .08rem;



    line-height: 3;



    font-size: .15rem;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    position: relative;



}







.honorImg1 span {



    display: block;



    position: absolute;



    width: 100%;



    height: 100%;



    top: 0%;



    left: 0%;



    display: block;



    overflow: hidden;



}



.productsText p span{



    font-size: .15rem;



}







.page-content span{



    font-size: .15rem;



}



.page-content p{



    font-size: .16rem;



}




.honorImg1 img {



    max-width: 94%;



    max-height: 94%;



    padding: 0%;



    position: absolute;



    top: 0;



    left: 0;



    bottom: 0;



    right: 0;



    margin: auto;



}



.honorBox ul li:hover .honorImg1 span::before {



    width: 100%;



    left: 0;



    opacity: 1;



    background: rgba(0, 0, 0, .2) url(images/sosuo.png) no-repeat center center;



}







.honorImg1 span::before {



    content: "";



    width: 0;



    height: 100%;



    background: rgba(0, 0, 0, .2) url(images/sosuo.png) no-repeat center -2rem;



    padding: 14px 18px;



    position: absolute;



    top: 0;



    left: 50%;



    opacity: 0;



    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;



}







.honorMore1 {



    text-align: center;



    display: block;



    padding-top: 0.08rem;



    line-height: 3;



    font-size: .15rem;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    position: relative;



    margin-bottom: .2rem;



}







.honorMore1::after,



.honorMore1::before {



    -webkit-backface-visibility: hidden;



    backface-visibility: hidden;



    border-top: 1px solid transparent;



    bottom: 0;



    content: " ";



    display: block;



    margin: 0 auto;



    position: relative;



    -webkit-transition: all 280ms ease-in-out;



    transition: all 280ms ease-in-out;



    width: 0;



}







.honorBox ul li:hover .honorMore1::after,



.honorBox ul li:hover .honorMore1::before {



    -webkit-backface-visibility: hidden;



    backface-visibility: hidden;



    border-color: #ddd;



    -webkit-transition: width 350ms ease-in-out;



    transition: width 350ms ease-in-out;



    width: 90%;



}



.caseRecommend .caseRecommend{



    margin-top: 1rem;



    margin-bottom: 1rem;



}



.honorBox{


    overflow: hidden;

    margin-bottom: .35rem;


}







.honorBox ul{

margin-top: .2rem;
    

}



.searchBoxTitle{



    font-weight: bold;



    margin-top: .4rem;



    font-size: .2rem;



    letter-spacing: .2px;



    margin-bottom: .4rem;



}







.searchProducts h5{



    border: 1px solid #ccc;



    padding:  .1rem;



    border-radius: 5px;



    font-weight: bold;



    margin-bottom: .2rem;



}







.searchImg a.searchImgCenter {



    display: block;



    position: relative;



    padding:50%;



    border: 1px solid #ccc;



}







.searchImg a.searchImgCenter img {



    position: absolute;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    max-width: 100%;



    max-height: 100%;



    display: block;



    padding: 10%;



   



}







 a.searchText {



    text-align: center;



    display: block;



    margin-top: .1rem;



    font-size: .12rem;



    font-weight: bold;



    color: #666;



}







a.searchText {



    margin-bottom: .2rem;



}











.searchNews h5{



        border: 1px solid #ccc;



        padding: .1rem;



        border-radius: 5px;



        font-weight: bold;



        margin-bottom: .2rem;



}







.searchNews ul li a{



    color: #333;



    display: block;



    overflow: hidden;



    text-overflow:ellipsis;



    white-space: nowrap;



    padding: .05rem 0;



    -webkit-transition:.5s;



    transition:.5s;



    font-size: .15rem;



    font-weight: bold;



}







.searchNews ul li a:hover{



    color: #12a7eb;



    -webkit-transform: translateX(5px);



    transform: translateX(5px);



}











.siteMapBox {



    overflow: hidden;



    border: 1px solid #ccc;



    margin-top: .3rem;



    padding-bottom: .3rem;



}







.text-right1{



    float: right;



    padding: .05rem;



    background: #F8F8F8;



    color: #666;



    border: 1px solid #E0E0E0;



}







.text-right1 a{



    color: #666;



    display: inline-block;



    padding: 0 5px;



}







.text-right1 a:hover{



    color: #333;



}







.siteMapBox ul li{



    padding:0rem .2rem;



    line-height: .2rem;



    overflow: hidden;



}







.siteMapBox ul li a.siteTitle {



    font-weight: bold;



    display: block;



    line-height: .4rem;



    font-size: .16rem;



}







.siteMapBox ul li .siteMapMt {



    overflow: hidden;



    border: 1px solid #ccc;



    padding: .05rem;



}



.siteMapBox ul li .siteMapMt a.siteMore {



    padding: 0 20px;



}



.siteMapBox{



    position: relative;



}







.text-right1{



    position:absolute;



    right: 0;



}







.siteMapBox ul li a.siteMore:hover {



    color: #005fbb;



}







.siteMapBox ul li .siteMapMt b {



    display: block;



    width: 100%;



}











.searchMore{



    display: block;



}







.siteMore {



    display: block;



}







.siteMore i{



    display: block;



}







.siteMdd{



    display: block;



}







.siteMapMt span{



    display: block;



    text-align: center;



}







.siteMapMt p{



    float: left;



    margin-bottom: 0;



}



.webqq_left span{



    font-size: 18px;



}







@media (max-width: 768px){



    .caseTitleR{



        margin-bottom: .2rem;



        overflow: hidden;



    }



    .caseMenuBottom .caseTitleR ul{



        padding-top: 0;



    }



    .caseMenu{



        background: none;



    }







    .caseMenu{



        height: auto;



    }











    .honorImg1 span{



        display: none;



    }



    .honorBox ul li:hover .honorMore1::after,



    .honorBox ul li:hover .honorMore1::before {



        -webkit-backface-visibility: hidden;



        backface-visibility: hidden;



        border-color: transparent;



        -webkit-transition: width 350ms ease-in-out;



        transition: width 350ms ease-in-out;



        width: 90%;



        content: "";



    }







    .caseRecommend{



        padding-bottom: 0;



    }







    .caseTitleR ul li .ctc{



        display: none;



    }















    .caseTab ul li{



        padding: .2rem .2rem;



     }







     .caseTab ul li:last-child a{



        background: none;



     }



      .caseTab ul li a{



        background: none;



     }











.caseTab ul li:hover{



    background: none;



}



     .caseTab ul li:last-child:hover a{



        background: none;



     }



      .caseTab ul li:hover a{



        background: none;



     }







     .scan,.bdsharebuttonbox{



        display: none;



     }







     .proListCenter i a::after,.productsBorer i::after{



        display: none;



     }







     .border-left,.border-right,.border-top,.border-bottom,.border-proleft,.border-proright,.border-protop,.border-probottom{



        display: none;



     }







     .proListCenter ul li:hover a.proListTitle{



        color: #333 !important;



     }




    .proListclass2:hover{



        color: #fff;



    }







    .proMored{



        background: rgba(0, 0, 0, .4) url(images/productsList3.png) no-repeat 90% 1rem;



    }



    



    .webqqs{



        display: none;



    }











    .caseRecenter .caseText{



        padding: 0;



    }







    .caseLdd .button_text_container{



        display: none;



    }







    .proList b {



        display: none !important;



    }







    .proListclass1{



        overflow: hidden ;



    }







    .aboutTop img{



        max-width: 100%;



        height: auto;



    }







    .contact ul li:hover .contactTop{



        background: #fff !important;



    }



    .contact ul li:hover .contactBottom::before,.contact ul li .contactBottom::before{



        display: none;



    }







    .row1{



        margin: 0 -15px;



    }



    .proListCenter li {



    margin-top: .2rem;



    padding: 0 15px;



}







.productRtopr{



    height: auto;



}







.productsCenter img{



    max-width: 100%;



    height: auto;



}







.proListCenter{



    margin: 0 -15px;



}







.proListCenter li{



    padding: 0 15px;



}



.proList_classify{



    margin: 0 0px;



}



.proListL{



    margin-left: 0;



}



.container{



    padding-left: 15px;



    padding-right:15px; 



}



.proListclass1 i{



    display: none;



}



.proList_classify{



    margin-left: 15px;



    margin-right: 15px;



}



.proListCenter{



    margin: 0 15px;



}







.prolistImgd:hover .proMored{



    position: absolute;







top: 83.5%;







display: block;







border-radius: 0 0 .03rem .03rem;







left: 0;







width: 96%;







background: rgba(0, 0, 0, .4) url(images/productsList3.png) no-repeat 90% .08rem;







color: #fff;







-webkit-transition: .5s;







transition: .5s;







padding: 0% 5%;







font-size: .14rem;







overflow: hidden;







text-overflow: ellipsis;







white-space: nowrap;







padding-right: 20%;







left: 2%;







line-height: 1.8;







height: .24rem;



}







.pc-slide .view{



    height: 217px;



}



.productRtopr,.productsMore {



    display: none;



}







.caseList li:hover .caseListTitle{



    color: #333 !important;



}







.caseList li p{



    display: none;



}



.caseMenu{



    /* height: .5rem; */



}



.caseMenuBottom{



    padding-top: 0;



    



}







.caseList{



    padding-top: .4rem;



}







.caseLdd:hover{



    box-shadow: 0 0 0 ;



}







.caseList li .caseListTitle{



    padding: 0.05rem 0;



}







.caseList li:hover .caseText{



    border-bottom: 1px solid #f2f2f2;



}







.caseContainer{



    padding: 0 15px;



}







.caseREimg img{



    display: none;



}







.caseRecenter li:hover .caseListTitle{



    font-weight: normal;



}







.caseTab{



    padding: 0 15px;



}







.newsTop li{



    padding: 0;



}



.newsTop ul li:hover .newsTopcenter {



    border-top: 1px solid #f2f2f2;



    background: #fff !important;







}







.newsListLcenter{



    box-shadow: 0 0 0;



}







.newsListR{



    margin-top: 0.2rem;



}







.honorMore1{



    margin-bottom: 0.2rem;



}











.caseRe i{



    text-align: center;



    display: block;







}







.wjdh-map {



    position: relative;



    width: 100%;



    height: 500px;



}







.wjdh-map #r-result{



    width: 100%;



    height: 5rem;



}







.content-show{



    padding: 0;



}







.map-tab{



    display: none;



}







#wmap{



    height: 5rem;



}







#r-result{



    display: none;



}







.map-marker h4{



    font-size: 0.16rem;



}







.map-marker dd span,.map-marker p{



    font-size: .14rem;



}







.newsListLImg::after{



    display: none;



}



.newsListLcenter:hover .newsListLtext a ,.newsListRtop:hover span, .newsListRtop:hover b,.newsListRtop:hover .newsListRtopR a{



    color: #333 !important;



}



}