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

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    color: #333;

    text-decoration: none;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}



li,

ul {

    list-style-type: none;

}



img {

    border: none;

}



input,

textarea {

    outline: 0;

    border: 0;

}



textarea {

    resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}



html{

    font-size: 100px;   

}



.clearboth {

    clear: both;

}



p,a,span,ul li{

	font-size: .14rem;

}

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

}



.pagination {

    text-align: center;

}

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

     outline: none;

}

input{

    outline: none;

}

.pagination a,

.pagination span {

    color: #999;

    margin: 0 .1rem;

    position: relative;

    float: left;

    padding: 5px 15px;

    margin-left: -1px;

    line-height: 1.42857143;

    text-decoration: none;

    background-color: #fff;

    border: 1px solid #f2f2f2;

    cursor: pointer;

    -webkit-transition:.5s;

    transition:.5s;

    margin-bottom: 0.05rem;

}



.pagination a:hover,.pagination span:hover {

    color: #fff;

    background:#333 ;

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

}





.caseCenter h3 {

    text-align: center;

    padding-top: .2rem;

    font-size: .22rem;

    color: #4c4c4c;

    line-height: 2;

}



.casemfx {

    display: block;

    text-align: center;

    padding-top: .1rem;

    position: relative;

    font-size: .15rem;

    color: #8c8c8c;

text-overflow:ellipsis;

white-space: nowrap;

    height: .3rem;

}



.sidepromenu {

    margin-top: 1px;

    padding-left: 0;

    padding-right: 0;

}



.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(../img/curpo.png),

        default;

}



.caseRecenter a {

    cursor: url(../img/curpo.png),

        default;

}



.caseRecenter li i {

    display: block;

    position: relative;

    padding: 30%;

    overflow: hidden;

    background: #fff;

    border: 1px solid #d8d8d8;

    border-radius: 5px 5px 0 0;

}



.caseCenter {

    max-width: 1200px;

    margin: 0 auto;

}

.contactBox iframe{

    display: none;

}



.caseRecenter li {

    margin-bottom: .3rem;

    -webkit-transition: .5s;

    transition: .5s;

    width: 33.333333333333333%;

}



.caseRecenter li:hover .caseListhide {

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0;

    transform: rotateX(90deg);

    -webkit-transform: rotateX(360deg);

    -moz-transform: rotateX(90deg);

}



.caseList li:hover .caseText {

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

}



.caseRecenter li:hover .caseListTitle {

    color: #fff;

}



.caseRecenter li:hover .caseLine {

    background: #fff;

}



.caseRecenter li:hover p {

    color: #fff;

}



.caseRecenter li .caseMore {

    font-size: .36rem;

    display: block;

    text-align: center;

    margin-top: .04rem;

    font-weight: 100;

    color: #fff;

}



.caseRecenter li .caseMore img {

    position: relative;

    animation: lr linear 3s infinite alternate;

}



.caseRecenter li .caseListTitle {

    font-size: .18rem;

    text-align: center;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: .1rem 5%;

    -webkit-transition:1.2s;

    transition:1.2s;

   

}



.caseReC {

    position: relative;

}



.caseRecenter li p {

    font-size: .14rem;

    line-height: 2;

    padding: 0 .1rem;

    height: .52rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    color: #666;

    text-align: center;

    -webkit-transition:1.2s;

    transition:1.2s;

}





.caseRecenter {

    margin-top:.3rem;

}



.caseRecenter .caseText {



    padding-bottom: .2rem;

}



.proList {

    padding-top: .4rem;

    margin-bottom: .4rem;

}







.proListL {

margin-left: .121rem;

    position: relative;

    overflow: hidden;

}



.proBg {

    display: block;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    /* height: 20%; */



    background: #333;

    border-radius: 10px 10px 0 0;

    overflow: hidden;

    margin-bottom: 10px;

    display: block;

    height: 112px;

}



.prouctsTitle {

    position: relative;

    z-index: 1;

}



.pro-ico {

    margin: .12rem auto 0rem;

    display: block;



}

.proListRsort1{

    border-bottom: 1px solid #f2f2f2;

}



.proListRsort  .proListRsort{

    border: 0;

}



.productss .proListRsort1 {

    border: 0;

    border-bottom: 1px solid #dededd;

    box-shadow: 0 0 0;

    margin-bottom: 0rem;

    padding-bottom: 0.1rem;

}





.prouctsTitle h3 {

    text-align: center;

    line-height: 0rem;

    font-size: .22rem;

    color: #fff;

}



.proListRsort1 a {

    display: inline-block;

    margin-right: 20px;

    font-size: .14rem;

    line-height: 2.5;

    color: #666;

}

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

    margin-bottom: 6px;

    font-size: 0.16rem;

}



.proList_classify {

    background: #fafafa;



}



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

}



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

    overflow: hidden;

}



.newsHot>i {

    display: block;

    font-size: .22rem;

    text-align: center;

    padding-bottom: .1rem;

    border-bottom: 1px solid #e6e6e6;



}



.newsHot i img {

    padding-right: .1rem;

}



.newsHot ul li {

    display: inline-block;

    line-height: 2.6;

    border-bottom: 1px solid #e6e6e6;

    color: #999;

    -webkit-transition:.5s;

transition:.5s;

}



.newsHot ul li:hover{

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.newsHot ul li span {

    width: 8em;

    display: inline-block;

    vertical-align: bottom;

    margin-left: .1rem;

    font-size: .14rem;

}



.newsHot ul li i,

.newsHot ul li span {

    color: #999;

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

    transform: translateX(-5px);

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: .15rem;

    white-space: nowrap;

}



.newsHot ul li:hover i,

.newsHot ul li:hover span {

    color: #333

}





.proListR {

    float: right;

}



.proListRtop {

    padding: .1rem 0;

    background: #f4f4f4;

}





.proListRtop i {

    padding-left: .2rem;

    font-size: .16rem;

}



.proListRtop i img {

    display: inline-block;

    margin-right: .1rem;

}





.proListRsort {

    padding: .15rem;

    background: #fff;

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

    border: 1px solid #f2f2f2;

    border-top: 0;

}

.productsLir{

    padding: 0;

}



.proListRsort a {

    display: inline-block;

    margin-right: 20px;

    font-size: .14rem;

    line-height: .3rem;

    color: #666;

}



.proList_sort ul li:hover .proHot_txt {

    color: #333;

}



.proListRsort a::before {

        content: "";

    display: inline-block;

    width: 5px;

    height: 5px;

    background: #333;

    border-radius: 50%;

    margin: 3px .07rem;

}





.proListCenter li {

    margin-top: .2rem;

    padding: 0 10px;

}



.proListCenter i a {

    position: relative;

    padding: 31%;

    overflow: hidden;

    object-fit: cover;

    display: block;

}

.row1{

	margin-left:-10px;

	margin-right:-10px;

}

.proListCenter i a::before {

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

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

    transform: scale(0, 1);

    position: absolute;

    top: 5%;

    right: 5%;

    bottom: 5%;

    left: 5%;

    content: '';

    opacity: 0;

    -webkit-transition: opacity .35s,

        -webkit-transform .35s;

    transition: opacity .35s,

        transform .35s;

    z-index: 2;

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

}



.proListCenter i a::after {

    border-right: 1px solid #fff;

    border-left: 1px solid #fff;

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

    transform: scale(1, 0);

    position: absolute;

    top: 5%;

    right: 5%;

    bottom: 5%;

    left: 5%;

    content: '';

    opacity: 0;

    -webkit-transition: opacity .35s,

        -webkit-transform .35s;

    transition: opacity .35s,

        transform .35s;

    z-index: 2;

}



.productsBorer:hover i a::before,

.productsBorer:hover i a::after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);



}



.pagination span.current{

    display: block;

    background:#333 ;

    color: #fff;

   

}

.productsBorer i{

    position: relative;  

    padding: 0%;

    overflow: hidden;

    object-fit: cover;

    display: block;

    -webkit-transition:.5s;

    transition:.5s;

    width: 96%;

    margin: 2%

}

.productsBorer i::after{

    content: "";

    width: 0%;

    height: 0%;

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

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transition:.5s;

transition:.5s;

border-radius: .03rem

}

.proText{

    width: 96%;

    margin: 0 2%;

}



.productsBorer:hover i::after{

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.productss ul li {

    margin-bottom: .3rem;

}

.productsMore{

    display: block;

    margin-bottom: .4rem;

}

.border-left {

    width: 1px;

    height: 0px;

    background: #005fbb;

    position: absolute;

    top: 0;

    left: 0%;

    -webkit-transition: .5s;

    transition: .5s;

}



.border-right {

    width: 1px;

    height: 0px;

    background: #005fbb;

    position: absolute;

    bottom: 0;

    right: 0%;

    -webkit-transition: .5s;

    transition: .5s;

}



.border-top {

    width: 0px;

    height: 1px;

    background: #005fbb;

    position: absolute;

    top: 0;

    left: 0%;

    -webkit-transition: .5s;

    transition: .5s;

}



.border-bottom {

    width: 0px;

    height: 1px;

    background: #005fbb;

    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-left: 15px;

    margin-top: .4rem;

}







.btn-text-parent {

    position: relative;

    display: inline-block;

    overflow: hidden;

    vertical-align: bottom;

}



.wrap_text {

    display: inline-block;

}



.buildin-btn-text {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9;

    width: 100%;

    transform: translateY(100%);

}



.buildin-btn-text .btn-letter {

    opacity: 0;

}



.btn-letter {

    display: inline-block;

    margin: 0em 0.05em;

    position: relative;

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

}



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

    transition-delay: 49ms;

}



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

    transition-delay: 99ms;

}



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

    transition-delay: 149ms;

}



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

    transition-delay: 199ms;

}



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

    transition-delay: 249ms;

}



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

    transition-delay: 299ms;

}



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

    transition-delay: 349ms;

}



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

    transition-delay: 399ms;

}



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

    transition-delay: 449ms;

}



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

    transition-delay: 499ms;

}



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

    transition-delay: 549ms;

}



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

    transition-delay: 599ms;

}



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

    transition-delay: 649ms;

}



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

    transition-delay: 699ms;

}



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

    transition-delay: 749ms;

}



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

    transition-delay: 799ms;

}



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

    transition-delay: 849ms;

}



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

    transition-delay: 899ms;

}



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

    transition-delay: 949ms;

}



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

    transition-delay: 999ms;

}



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

    transition-delay: 1049ms;

}



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

    transition-delay: 1099ms;

}



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

    transition-delay: 1149ms;

}



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

    transition-delay: 1199ms;

}



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

    transition-delay: 1249ms;

}



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

    transition-delay: 1299ms;

}



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

    transition-delay: 1349ms;

}



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

    transition-delay: 1399ms;

}



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

    transition-delay: 1449ms;

}



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

    transition-delay: 1499ms;

}



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

    opacity: 0;

    transition-delay: 49ms;

}



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

    opacity: 0;

    transition-delay: 99ms;

}



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

    opacity: 0;

    transition-delay: 149ms;

}



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

    opacity: 0;

    transition-delay: 199ms;

}



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

    opacity: 0;

    transition-delay: 249ms;

}



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

    opacity: 0;

    transition-delay: 299ms;

}



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

    opacity: 0;

    transition-delay: 349ms;

}



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

    opacity: 0;

    transition-delay: 399ms;

}



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

    opacity: 0;

    transition-delay: 449ms;

}



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

    opacity: 0;

    transition-delay: 499ms;

}



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

    opacity: 0;

    transition-delay: 549ms;

}



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

    opacity: 0;

    transition-delay: 599ms;

}



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

    opacity: 0;

    transition-delay: 649ms;

}



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

    opacity: 0;

    transition-delay: 699ms;

}



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

    opacity: 0;

    transition-delay: 749ms;

}



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

    opacity: 0;

    transition-delay: 799ms;

}



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

    opacity: 0;

    transition-delay: 849ms;

}



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

    opacity: 0;

    transition-delay: 899ms;

}



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

    opacity: 0;

    transition-delay: 949ms;

}



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

    opacity: 0;

    transition-delay: 999ms;

}



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

    opacity: 0;

    transition-delay: 1049ms;

}



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

    opacity: 0;

    transition-delay: 1099ms;

}



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

    opacity: 0;

    transition-delay: 1149ms;

}



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

    opacity: 0;

    transition-delay: 1199ms;

}



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

    opacity: 0;

    transition-delay: 1249ms;

}



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

    opacity: 0;

    transition-delay: 1299ms;

}



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

    opacity: 0;

    transition-delay: 1349ms;

}



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

    opacity: 0;

    transition-delay: 1399ms;

}



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

    opacity: 0;

    transition-delay: 1449ms;

}



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

    opacity: 0;

    transition-delay: 1499ms;

}





.caseTitleR>ul {

    position: relative;

}



.caseTitleR ul li {

    float: left;

    text-align: center;

    font-size: 15px;

  

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}



.caseTitleR ul li a {

    display: block;

    color: #666666;

    overflow: hidden;

    font-size: .15rem;

}







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



.pc-slide {

    width: 100%;

    margin: 0 auto;

}



.view .swiper-container {

    width: 100%;

}



.view .arrow-left {

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

    position: absolute;

    left: 0px;

    top: 50%;

    margin-top: -25px;

    width: 38px;

    height: 37px;

    z-index: 10;

}

.view .arrow-left:after{

   content: "";

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

    overflow: hidden;

    padding: 49%;

    top: 0px;

    position: absolute;

}



.view .arrow-right:after{

   content: "";

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

    overflow: hidden;

    padding: 49%;

    top: 0px;

    position: absolute;

}

.view .arrow-right {

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

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -25px;

    width: 38px;

    height: 37px;

    z-index: 10;

}



.preview {

    width: 100%;

    margin-top: 10px;

    position: relative;

}



.preview .swiper-container {

    width: 100%;

}



.preview .swiper-slide {

    width: 20%;

    cursor: pointer;

}



.preview .slide6 {

    width: 82px;

}



.preview .arrow-left {

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

    position: absolute;

    left: 10px;

    top: 50%;

    margin-top: -9px;

    width: 9px;

    height: 18px;

    z-index: 10;

}



.preview .arrow-right {

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

    position: absolute;

    right: 10px;

    top: 50%;

    margin-top: -9px;

    width: 9px;

    height: 18px;

    z-index: 10;

}



.preview img {

    padding: 1px;

}



.productTopImg i {

    display: block;

    position: relative;

    padding: 33.9%;

}

.messageBth {

    width: 1rem;

    height: 0.3rem;

    display: block;

    border: 1px solid #dedede;

    position: absolute;

    left: 36%;

 top: 70%;

      -webkit-transition:.5s;

transition:.5s;

}



.messageBth:hover{

    background: #333;

    color: #fff;

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

}

.productTopImg img {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    max-width: 96%;

    max-height: 96%;

    margin:  auto;



}



.productTopImg {

    padding: 0rem;

}



.productsTTOP:hover .casemImg {

    display: block;

}



.view {

    border: 1px solid #ededed;

}



.preview ul li span {

    display: block;

    position: relative;

    padding: 32.8%;

}



.preview ul li span img {

    position: absolute;

    top: 0;

    left: 0;

    max-width: 96%;

    max-height: 96%;

    bottom: 0;

    right: 0;

    margin: auto;

}





/*end*/

.contactBox ul li:last-child {

    border-right: 0;

}







.productRtopr h4 a {

    color: #333;

    font-weight: bold;

    -webkit-transition: .5s;

    transition: .5s;

    display: block;

}



.productRtopr h4 a:hover {

    color: #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;

}



.relevant a {

    display: inline-block;



border: 1px solid #dededd;



padding: .01rem .1rem;



margin-bottom: .04rem;



margin-right: .05rem;



color: #808080;



font-size: .14rem;

}

.relevant a:hover{

    color: #333;

}

.relevantImg ul li {

    width: 48%;

    margin: 0 1%;

    float: left;

}



.relevantImg ul li>a.relevantImgA {

    position: relative;

    padding: 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: #333;

    padding: .05rem .1rem;

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



}



.productsCtl img {

    display: inline-block;

    margin-right: .05rem;

    margin-left: .2rem;



}



.productsCtl i {

    color: #fff;

    font-size: .16rem;

}



.productCenTop {

    overflow: hidden;

    margin-top: .1rem;

    border-bottom: 1px solid #dededd;

    position: relative;

}



.details {

    line-height: 1;

    text-transform: uppercase;

    color: #dededd;

    font-size: 0.16rem;

    margin-top: 0.1rem;

}



.detailsR {

    text-align: right;

    padding: 0;

}



.detailsR i img {

    padding: 0 0.05rem;

}











.casemImg1 {

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

    border: 1px solid #ddd;

    top: .3rem;

    right: .05rem;

    z-index: 2;

    background: #fff;

}



.casemImg1 b {

    display: block;

    text-align: left;

    padding-left: .1rem;

    padding-bottom: .07rem;

    font-weight: normal;

}



.casemImg1 ul li a {

    position: relative;

    padding: 80%;

    float: left;

}





.casemImg1 img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0

}



.productsText {

    padding-bottom: .2rem;

    border-bottom: 1px solid #dededd;



    

}



.caseTab{

    padding-top: .4rem;

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

}



.productsText p {

    padding-top: .2rem;

    margin: 0;

    color: #999;

}

.caseTab ul li:hover {

    color: #fff;

}



.productsTTOP {

    position: relative;

}



.productsText img {

    max-width: 100%;

    margin: .2rem 0;

    height: auto;

}



.proMessage h4 {

    text-align: center;

    margin-top: .3rem;

    font-size: .24rem;

}



.proMessage p {

    font-size: .14rem;

    text-align: center;

    color: #666;

        margin-bottom: .2rem;



        font-family: arial;

}



.promessageBox input {

    border: 1px solid #dededd;



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

}

.prolistImgd:hover i{

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

 border: 1px solid #fff;

 border-radius: .03rem;

}

.productsLir i img {

    position: absolute;

    top: 0;

    left: 0;

    max-width: 100%;

    max-height: 100%;

    padding: 4%;

    right: 0;

    bottom: 0;

    margin: auto;

}   



.proMored {

        position: absolute;

    top: 83.5%;

    display: block;

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

    left: 0;

    width: 96%;

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

    color: #fff;

    -webkit-transition: .5s;

    transition: .5s;

    padding: 0% 5%;

    font-size: .14rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding-right: 20%;

    left: 2%;

    line-height: 1.8;

    height: .24rem;

}



.prolistImgd:hover .proMored {

        padding: 0;

    width: 97%;

    height: 97%;

    display: block;

    text-align: center;

    padding: 33% 2%;

    top: 1.5%;

    color: #fff;

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

    left: 1.5%;

    overflow: hidden;

    border-radius: .03rem;



}



.proListRsort1 a:hover{

-webkit-transform: translateX(5px);

    transform: translateX(5px);

   }

.productss .proListRsort {

    border-bottom: 1px solid #dededd;

    box-shadow: 0 0 0;

    margin-bottom: 0rem;

}





.prolistImgd {

    padding:0 .05rem .1rem;

}





.pagination>li>a,

.pagination>li>span {

    margin: 0 .03rem;

}







.pagination>li>a:focus,

.pagination>li>a:hover,

.pagination>li>span:focus,

.pagination>li>span:hover {

    background: #333;

    color: #fff;

}







.caseTitleR {

    margin-top: 0.05rem;

}



.abouttitleR ul li {

    margin-right: .2rem;



}





.aboutTitle h3 {

    font-size: .26rem;

    text-align: center;

    line-height: 1;

    margin-top: .4rem;

    color: #4c4c4c;

}



.aboutTitle span {

    text-align: center;

    display: block;

    text-transform: uppercase;

    color: #666;

    font-size: .16rem;

    line-height: 2.5;

    font-family: Arial;

}



.aboutTop {

    margin-top: .2rem;

}



.aboutL {

    padding-left: 0;

    padding-bottom: .7rem;

}



.aboutL i {

    display: block;

    position: relative;

    padding: 39%;

    overflow: hidden;

}



.aboutL i img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: .5s;

    transition: .5s;

}



.aboutR {

    padding-top: .2rem;

   

}



.aboutR h3 {

    color: #fff;

    font-size: .26rem;

    color: #333;

    text-align:center;

}



.aboutR span {

    font-size: .15rem;

    color: #333;

    line-height: 2;

}



.aboutLine {

    width: 1rem;

    height: 1px;

    background: #f2f2f2;

    margin: .2rem auto;

}



.aboutR p {

    color: #666;

    line-height: 2;

    text-indent: 2em;

    -webkit-transition: .3s;

    transition: .3s;

   

}



.clear{

    clear: both;

}

.aboutR i{

    display: block;

     font-size: .15rem;

    padding-bottom: .5rem;

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

}





.honor ul li {

    margin-top: .3rem;

}



.honorImg {

    display: block;

    position: relative;

    padding: 36%;

    background: #fff;

    border: 1px solid #ddd;

}



.honorImg img {

    padding: 2%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;



    max-width: 100%;

    max-height: 100%;

}



.honorMore {

    text-align: center;

    display: block;

    padding-top: 0.08rem;

    line-height: 3;

    font-size: .15rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

}



.honor ul li i {

    width: .08rem;

    height: .08rem;

    display: block;

    border-radius: 50%;

    border: 2px solid #dededd;

    margin: .2rem auto 0;

    background: #fff;

}



.honorArrow {

    height: .3rem;

    position: relative;

}



.honorArrow .honorL {

    width: .3rem;

    height: .3rem;

    overflow: hidden;

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

    top: -0.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: #333;

}



.contact ul li:hover .contactTop h4 {

    color: #fff;

}



.contact ul li:hover .contactTop span {

    color: #fff;

}







.contact ul li:hover h4.contactmeg {

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

}



.contact ul li:hover h4.contactNetwork {

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

}



.contact ul li:hover h4.contactService {

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

}



.contact ul li:hover {

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

    transform: translateY(-5px);



}



.aboutTitle p {

    padding: .3rem .5rem;

    font-size: .15rem;

    color: #999;

    text-align: center;

    line-height: 1.8;

}



.contactList 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: -16px;

}



.news_classify ul li {

    margin-top: 0.1rem;

}



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

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

}



.newsTop ul li:hover .newsText {

    color: #fff;

}



.newsTop ul li:hover .newsTopcenter span {

    color: #fff;

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



}.newsTop ul li:hover  a.newsImg{

    background: #fff;

}



.newsListCenter {

    margin-top: .3rem;

    -webkit-transition: .5s;

    transition: .5s;



}



.newsListLImg {

    display: block;

    position: relative;

    -webkit-transition: .5s;

    transition: .5s;

    overflow: hidden;

}



.newsListLImg::after {

    content: "";

    opacity: 0;

    transform: scale(1.5);

    transition: all 0.4s ease-in-out;

    font-weight: normal;

    border: 1px solid white;

    height: 2.68rem;

    width: 90%;

    position: absolute;

    top: 0.18rem;

    left: 5%;

    padding: 70px;

    display: inline-block;

    text-decoration: none;

    padding: 7px 14px;

    text-transform: uppercase;

    color: #fff;

    border: 1px solid #fff;

    border-radius: 0px;

    background-color: transparent;

}

.newsListLImg img{

    width: 100%;

}

.newsListLcenter img {

    /* position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin:0  auto;

    max-width: 100%;

    max-height: 100%; */



}



.newsListLcenter:hover .newsListLImg::after {

    opacity: 1;content: "";

    transform: scale(1);

    background-color: transparent;

}



.newsListLtext {

    padding: 4.1% .2rem;

    -webkit-transition: .5s;

    transition: .5s;

    position: absolute;

    z-index: 55;

    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: #333;

}



.newsQa {

    overflow: hidden;

    padding-bottom: .5rem;

    margin-top: .3rem;

    cursor: url(../img/curpo.png),

        default;

}







.content-show {

    border: 18px solid #f4f4f4;

    padding: 22px;

    background-color: #fff;

    margin: .2rem 0;

}



.wjdh-map {

    position: relative;

}



.wjdh-map #r-result {

    position: absolute;

    right: 0;

    top: 0;

    width: 450px;

    max-height: 500px;

    overflow-y: scroll;

    overflow-x: hidden;

    z-index: 99;

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

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

}



.wjdh-map #wmap {

    width: 100%;

    height: 500px;

}



.driving-way {

    font-family: 'Microsoft JhengHei';

}



.driving-way .hd li.on {

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

    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 span::before {

    width: .1rem;

    height: .1rem;

    border: 2px solid #333;

    content: "";

    display: inline-block;

    margin-right: 10px;

    border-radius: 50%;

    line-height: .2rem;

    vertical-align: revert;

    border-color: #005fbb;

}



.caseTitleR ul li a {

    position: relative;

}



.caseTitleR ul li .ctc {

    display: block;

    width: 0;

    position: absolute;

    left: 0px;

    top: 0px;

    white-space: nowrap;

    overflow: hidden;

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

    transition: all .8s ease-out;

    opacity: 0;

}



.caseTitleR ul li:hover .ctc {

    width: 100%;

    color: #005fbb;

    opacity: 1;



}



.caseTitleR ul li span::before {

    width: .1rem;

    height: .1rem;

    border: 2px solid #333;

    content: "";

    display: inline-block;

    margin-right: 10px;

    border-radius: 50%;

    line-height: .2rem;

    vertical-align: unset;

    border-color: #005fbb;

}



.proListclass2 {

       width: 82%;

    color: #fff;

    display: inline-block;

    font-size: .16rem;

    margin-left: .05rem;



}



.caseLdd{

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

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

    -webkit-transition:.5s;

    transition:.5s;

    border-radius: 5px;

    border-radius: 5px 5px 0 0;

}



.caseLdd:hover .caseText{

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

}

.caseLdd:hover{

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

}

.caseLdd .button_text_container{

    width: 0%;

    height: 0%;

    position: absolute;

    top: 100%;

    left: 0;

    background: #0258b8;

    z-index: -1;

    -webkit-transition:1.2s;

    transition:1.2s;

    border-radius: 50%;

}

.caseLdd:hover .button_text_container{

    top: 0;

    left: -25%;

    width: 150%;

    height: 150%;

    background: #005fbb;

}

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

}



.proListclass1 i{

        position: absolute;

    width: 3px;

    height: 100%;

    top: 0;

    left: .03rem;

    background: #fff;

}

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

}

@media (max-width:1200px) {

    .caseMenu {

        width: 100%;

        height: auto;

        background: none;

        padding-bottom: .1rem;

    }



    .caseMenuTop {

        display: none;

    }



    .caseMenuBottom {

        padding-top: 0rem;

    }



    .caseMenuBottom .caseTitleL {

        padding-top: .12rem;

        padding-bottom: .12rem;

        text-align: center;

        font-size: .2rem;

        background: #f4f5f8;

    }



    .caseMenuBottom .caseTitleL i {

        padding-right: .05rem;

    }



    .caseMenuBottom .caseTitleR ul {

        padding-top: .3rem;

    }



    .caseMenuBottom .caseTitleR ul li {

        margin-top: .1rem;

        padding: .04rem .08rem;

    }



    .caseTab ul li span {

        width: 1.6rem;

        font-size: .15rem;

    }



    .proListTop img {

        display: none;

    }



    .proList {

        padding-top: .2rem;

    }



    .prouctsTitle h3 {

        color: #333;

    }



    .prouctsTitle p {

        color: #666;

    }



    .proList_classify ul li p {

        display: none;

    }



    .proHot,

    .newsHot {

        display: none;

    }



    .proListRtop {

        display: none;

    }



    .proListRsort {

        display: none;

    }



    .productsBorer {

        padding: .05rem;

    }



    .proListCenter ul {

        margin-right: -15px;

        margin-left: -15px;

    }



    .proListclass1 {

        background: #f1f1f1;

        border-bottom: 1px solid #fff;

    }



    .proListclass1 b {

        display: none;

    }



    .proListclass1 a {

        color: #333;

        width: 100%;

        display: block;

        text-align: center;

        font-weight: normal;

    }



    .proListclass2:hover {

        color: #333;

    }



    .proList_classify ul li i {

        display: none;

    }



    .proListclass1 span {

        width: 100%;

        font-size: 1.4rem;

        font-weight: normal;

        color: #333;

    }



    .proListCenter ul li:hover .productsBorer {

        border: 1px solid #dededd;

    }



    .proListCenter ul li:hover .caseListhide {

        top: -100%;

    }



    .proListCenter li {

        margin-top: .1rem;

        margin-bottom: .1rem;

    }



    .proListCenter ul li:hover a.proListTitle {

        color: #333;

        border-bottom: 1px solid #dededd;

    }



    .proListCenter ul li:hover a.proMore {

        color: #999;

    }

    .proListclass1 a{

        color: #fff ;

    }

}



.baidu-maps label {

    max-width: none;

}



@media (max-width:992px) {



    .col-md-1 {

        width: 8.33333333%;

    }



    .col-md-2 {

        width: 16.6666666%;

    }



    .col-md-3 {

        width: 25%;

    }



    .col-md-4 {

        width: 33.33333333%;

    }



    .col-md-5 {

        width: 41.66666666%;

    }



    .col-md-6 {

        width: 50%;

    }



    .col-md-7 {

        width: 58.33333333%;

    }



    .col-md-8 {

        width: 66.66666666%;

    }



    .col-md-9 {

        width: 75%;

    }



    .col-md-10 {

        width: 83.33333333%;

    }



    .col-md-11 {

        width: 91.666666666;

    }



    .col-md-12 {

        width: 100%;

    }



    .caseMenuTop {

        display: none;

    }



    .caseMenuBottom .caseTitleR ul {

        padding-top: .1rem;

    }



    .caseMenuBottom .caseTitleR ul li {

        padding-right: .05rem;

    }



    .caseTab ul li b {

        display: none;

    }



    .caseRel i {

        display: block;

        text-align: center;

        font-size: .2rem;

    }

    .proListclass1 a{

        color: #fff ;

    }

}



@media (max-width:768px) {

    .proListclass1 a{

        color: #fff;

    }

    

    .col-sm-1 {

        width: 8.33333333%;

    }



    .col-sm-2 {

        width: 16.6666666%;

    }



    .col-sm-3 {

        width: 25%;

    }



    .col-sm-4 {

        width: 33.33333333%;

    }



    .col-sm-5 {

        width: 41.66666666%;

    }



    .col-sm-6 {

        width: 50%;

    }



    .col-sm-7 {

        width: 58.33333333%;

    }



    .col-sm-8 {

        width: 66.66666666%;

    }



    .col-sm-9 {

        width: 75%;

    }



    .col-sm-10 {

        width: 83.33333333%;

    }



    .col-sm-11 {

        width: 91.666666666;

    }



    .col-sm-12 {

        width: 100%;

    }



    .caseMenuBottom .caseTitleR ul {

        padding-top: .1rem;

    }



    .caseMenuBottom .caseTitleR ul li {

        padding: .05rem 0.2rem;

    }



    .caseRer {

        display: none;

    }



    .caseList {

        padding-top: .2rem;



    }

.caseTitleR ul li:hover{

	box-shadow: 0 0 0;

}

    .caseList li:hover .caseText {

        background: #fff;

    }



    .caseList li .caseListTitle {

        font-size: .14rem;

        font-weight: normal;

    

    }



    .caseList li:hover .caseListTitle {

font-weight: bold;

        font-weight: normal;

    }



    .caseList li {





        margin-bottom: .2rem;

    }



    .caseList li:hover .caseListTitle {

        color: #333;

    }



    .caseList li p {

        font-size: 1.2rem;

        line-height: 1.5rem;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 4;

        overflow: hidden;

        height: .6rem;

        font-size: .15rem;

        padding: 0 .05rem;

    }



    .caseText {

        padding-top: 0;

        padding-bottom: .05rem;

    }



    .caseList li .caseMore {

        display: none;

    }



    .caseLine {

        display: none;

    }



    .caseList li:hover p {

        color: #666;

    }



    .caseList li:hover .caseListhide {

        top: -102%;

    }



    .caseContainer {

        padding-bottom: .4rem;

    }





    .caseTab ul li img {

        display: none;

    }



    .caseTab ul li span {

        display: none;

    }



    .caseTab ul li i {

        display: block;

        margin: 0 auto;

    }



    .caseTab ul li i.caseCenterIco2 {

        display: block;

        float: right;

        padding: .25rem;

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

    }



    .caseTab ul li {

        padding: 0 .2rem;

        background: #ededed;

    }



    .caseTab {

        margin-top: .2rem;

    }



    .caseCenter h3 {

        font-size: .2rem;

        line-height: .13rem;

    }





    .caseRecenter li .caseMore {

        display: none;

    }



    .caseRecenter li p {

        font-size: .14rem;

        line-height: .2rem;

        padding: 0 .1rem;

        line-height: .2rem;

        height: .8rem;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 4;

        overflow: hidden;

        color: #666;

    }



    .caseRecenter .caseText {

        background: #f2f2f2;

        padding-bottom: 1rem;

    }



    .caseRe i {

        display: block;

        text-align: center;

        font-size: .24rem;

    }





    .proListTop img {

        display: none;

    }



    .proList {

        padding-top: .2rem;

    }



    .prouctsTitle h3 {

        color: #333;

    }



    .prouctsTitle p {

        color: #666;

    }



    .proList_classify ul li p {

        display: none;

    }



    .proHot,

    .newsHot {

        display: none;

    }



    .proListRtop {

        display: none;

    }



    .proListRsort {

        display: none;

    }



    .productsBorer {

        padding: .05rem;

    }



    .proListCenter ul {

        margin-right: -15px;

        margin-left: -15px;

    }



    .proListclass1 {

        background: #f1f1f1;

    }



    .proList_classify ul li i {

        display: none;

    }



    .proListclass1 span {

        width: 100%;

        font-size: .14rem;

        font-weight: normal;

        color: #333;

    }



    .proListCenter ul li:hover .productsBorer {

        border: 1px solid #dededd;

    }



    .proListCenter ul li:hover .caseListhide {

        top: -100%;

    }



    .proListCenter li {

        margin-top: 0;

        margin-bottom: .1rem;

    }



    .proListCenter ul li:hover a.proListTitle {

        color: #333;

        border-bottom: 1px solid #dededd;

    }



    .proListCenter ul li:hover a.proMore {

        color: #999;

    }



    .pro_page {

        margin: 0;

        text-align: center;

    }



    .proList_sort ul li:hover .proHot_txt {

        color: #333;

    }



    .proList_classify {

        margin-left: 15px;

        margin-right: 15px;

    }



    .exzoom .exzoom_zoom_outer {

        display: none

    }



    .productRtopr h4 {

        display: none;

    }



    .productRtopr p {

        display: none;

    }



    .productRtopr h5 {

        display: none;

    }





    .relevant {

        display: none;

    }



    .relevantImg {

        display: none;

    }



    .details {

        display: none;

    }



    .detailsR {

        display: none;

    }



    .promessageBox input {

        margin-top: .1rem;

    }



    .textarea {

        min-height: .8rem;

    }





    .show {

        height: 1.4rem;

    }



    .show img {

        height: 1.4rem;

    }



    .smallshow>.middle_box {

        width: 78%;

    }



    .productRtopl {

        padding-left: -15px;

        padding-right: -15px;

    }



    .smallshow .middle>li {

        padding: 0 1%;

    }



    .bg_right {

        display: none;

    }



    .mask {

        display: none;

    }



    .smallshow .middle {

        overflow: hidden;

        transition: all 0.5s;

        height: .4rem;

    }



    .smallshow .middle>li {

        width: 21%;

    }



    .prolistImgd {

        padding: 0px;

        margin-bottom: .1rem;

    }



    .productsLil i {

        display: none;



    }



    .productsLil {

        margin-top: .1rem;

        margin-bottom: .1rem;

    }



    .productsLir i {

        margin-bottom: 0;

    }



    .productsLir {

        padding: 0;

    }



    .productss .proListRsort {

        border-bottom: 1px solid #dededd;

        box-shadow: 0 0 0;

        margin-bottom: 0rem;

    }



    .aboutTop {

        background: none;

    }



    .aboutL {

        padding-right: 0;

        padding-bottom: 0;

    }



    .aboutR h4 {

        font-size: .18rem;

    }



    .aboutR {



        padding-top: .1rem;

        color: #333;

    }



    .aboutR h4 {

        color: #333;

        text-align: center;

    }



    .aboutR span {

        display: block;

        color: #333;

        text-align: center;

        color: #999;

    }



    .aboutR p {

        color: #333;

        height: auto;

    }



    .aboutLine {

        margin: .4rem auto;

        background: #666;



    }





    .aboutTitle h3 {

        margin-top: .2rem;

        font-size: .2rem;

    }



    .aboutTitle span {

        padding-top: 0;

    }





    .honor ul li {

        margin-top: .1rem;

    }



    .contact ul li:hover .contactBottom {

        background: none;

    }



    .contact ul li:hover .contactTop {

        background: none;

    }



    .contact ul li:hover h4.contactmeg {

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

    }



    .contact ul li:hover h4.contactNetwork {

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

    }



    .contact ul li:hover h4.contactService {

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

    }



    .contact ul li:hover .contactTop h4 {

        color: #333;

    }



    .contact ul li:hover .contactTop span {

        color: #666;

    }



    .contactBottom {

           padding: 0.1rem 0 ;

    }



    .contact ul li:first-child .contactBottom{

       padding: 0.1rem 0 .8rem;

    }



    .contact ul li {

        margin-top: .2rem;

    }



    .contactTop {

        padding: .1rem 0;

    }



    .contact {

        padding-bottom: .2rem;

    }



    .contactBox ul li {

        padding: 0 3%;

        margin: .2rem 0;

        height: auto;

    }



    .contactList ul li h4 {

        line-height: 2;

    }



    .contactBox {

        margin-top: 0;

    }





    .aboutTitle p {

        padding: .2rem 5%;

        text-align: left;

        text-indent: .2em;

    }



    .news_classify {

        padding-left: 15px;

        padding-right: 15px;

    }



    .news_classify ul li a {

        background: #f2f2f2;

    }



    .news_classify ul li b {

        display: none;

    }



    .news_classify ul li i {

        display: none;

    }



    .newsCenterTop {

        padding: .1rem;

        margin-top: .2rem;

        border-radius: .5px;



    }



    .newsCenterT,

    .newsCenterTopl,

    .newsCenterTopr {

        padding-left: 0;

        padding-right: 0;

    }



    .nwesCenterbText span {

        display: none;

    }



    .newsCenterbTextr {

        width: 100%;

        padding: 0 8% 1%;

    }



    .honorMore1{

        margin-bottom: 0.2rem;

    }



.bdshare-button-style1-16{

    display: none;

}







    .newsCenterb ul li {

        padding-left: 0;

        padding-right: 0;

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

    }



    .news_classify ul li:hover span {

        color: #333;

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



    }



    .newsCenterb ul li:hover a {

        color: #333;

    }





    .newsTop ul li:hover .newsTopcenter {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

        background: #fff;

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

    }



    .newsTop ul li:hover .newsText {

        color: #333;

    }



    .newsTop ul li:hover .newsTopcenter span {



        color: #333;

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



    }



    .newsTopcenter span {

        margin-top: .05rem;

        color: #999;



    }



    .newsTopcenter .newsText {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }



    .newsListRtop:hover .newsListRtopL {

        display: none;

        width: 0;

    }



    .newsListRtop:hover .newsListRtopR {

        width: 100%;

    }



    .newsQa {

        margin-top: .3rem;





    }



    .newsQa ul li a {

        width: 83%;

    }



    .newsQa ul li b {

        width: 83%;

    }



    .newsQa ul li:hover {

        color: #333;

    }



    .newsListRtop:hover {

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

        border-bottom: 1px solid #f2f2f2;

    }



    .newsListLcenter:hover {

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

    }



    .newsListRtop:hover .newsListRtopR {

        padding: 0;

    }



    .newsListRtop:hover .newsListRtopR a {

        color: #333;

    }



    .productTopImg {

        padding: 0;

    }



    .pc-slide {

        margin: .2rem 0 0rem;

    }



    .driving-way .hd {

        display: none;

    }



    .driving-way .map-tab #result {

        top: 130%;

        width: 100%;

    }



    .content-show {

        overflow: hidden;

        padding-bottom: .4rem;

    }



    .wjdh-map #wmap {

        height: 5rem;

    }



    .caseRecommend {

        padding-bottom: .5rem;

    }



    .caseRecenter li:hover .caseListhide {

        display: none;

    }

    

    .caseRecenter li:hover .caseText {

        background: #f2f2f2;

    }



    .caseRecenter li:hover .caseListTitle {

        color: #333;

        font-weight: bold;

    }



    .caseRecenter li:hover p {

        color: #666;

    }



    .prolistImgd:hover .proMored {

        position: absolute;

        top: 84%;

        width: 100%;

        height: 0%;

        left: 0;

        width: 100%;

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

        color: #fff;

        line-height: 1.4rem;

        -webkit-transition: .5s;

        transition: .5s;

        padding: 3% 5%;

        text-align: left;

    }



    .aboutR p {

        height: auto

    }



    .aboutR p:hoveR {

        height: auto;

    }



    .newsdetails {

        margin-left: 0;

        margin-right: 0;

    }



    .productsCenter {

        padding-left: -15px;

        padding-right: -15px;

    }



    .productRtop .productRtopl {

        padding-left: -15px;

        padding-right: -15px;

    }



    .pro-textarea {

        text-indent: .25rem;

        line-height: 2.4;

    }



    .productsTTOP:hover .casemImg {

        display: none;

    }



    .caseTitleR ul li:hover a {

        color: #333;

    }



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

        opacity: 0;

    }



    .honor ul li:hover .honorMore {

        color: #333;

    }



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

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

        opacity: 0;

        content: "";

    }



    .contact ul li:hover {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }



    .caseList li:hover .caseListhide {

        display: none;

    }



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

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

        opacity: 0;

        content: "";

    }



    .newsCenterb ul li .newsCenterbImg i {

        opacity: 0;

    }



    .newsCenterb ul li:hover .newsCenterbImg i {

        opacity: 0;

    }



    .newsTopcenter .newsText {

        height: .2em;

        display: block;

    }



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

        opacity: 0;

    }



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

        opacity: 0;

    }



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

        opacity: 0;

    }



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

        opacity: 0;

    }



    .productsBorer:hover i a::before,

    .productsBorer:hover i a::after {

        display: none;

    }



    .newsCenterTop:hover a img {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }



    .newsCenterTopr h4 a {

        font-size: .16rem;

    }



    .newsCenterTop:hover h4 a {

        color: #333;

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }



    .newsCenterb ul li:hover .newsCenterbTextr a {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }



    .newsCenterb ul li .newsCenterbTextr {

        animation: newsd linear 3s infinite alternate;

    }



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

        opacity: 0;



    }



    .prolistImgd:hover .proMored {

        height: 20%;

    }



    .productsCtl img {

        margin-left: .05rem;

    }



    .sidepromenu {

        padding-left: 2px;

        padding-right: 2px;

    }

}







.caseMenu {

    width: 100%;

    height: 150px;

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

    color: #999;

}







.honorImg1 {

    display: block;

    position: relative;

    padding: 40%;

    background: #fff;

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

}





.honorMore1 {

    text-align: center;

    display: block;

    padding-top: .08rem;

    line-height: 3;

    font-size: .15rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

}



.honorImg1 span {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0%;

    display: block;

    overflow: hidden;

}

.productsText p span{

    font-size: .15rem;

}



.page-content span{

    font-size: .15rem;

}



.honorImg1 img {

    max-width: 94%;

    max-height: 94%;

    padding: 0%;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

}

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

    width: 100%;

    left: 0;

    opacity: 1;

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

}



.honorImg1 span::before {

    content: "";

    width: 0;

    height: 100%;

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

    padding: 14px 18px;

    position: absolute;

    top: 0;

    left: 50%;

    opacity: 0;

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

}



.honorMore1 {

    text-align: center;

    display: block;

    padding-top: 0.08rem;

    line-height: 3;

    font-size: .15rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

    margin-bottom: 2rem;

}



.honorMore1::after,

.honorMore1::before {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    border-top: 1px solid transparent;

    bottom: 0;

    content: " ";

    display: block;

    margin: 0 auto;

    position: relative;

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

    transition: all 280ms ease-in-out;

    width: 0;

}



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

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    border-color: #ddd;

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

    transition: width 350ms ease-in-out;

    width: 90%;

}

.caseRecommend .caseRecommend{

    margin-top: 1rem;

    margin-bottom: 1rem;

}

.honorBox{

    overflow: hidden;

}



.honorBox ul{

    margin-top: .2rem;

}



.searchBoxTitle{

    font-weight: bold;

    margin-top: .4rem;

    font-size: .2rem;

    letter-spacing: .2px;

    margin-bottom: .4rem;

}



.searchProducts h5{

    border: 1px solid #ccc;

    padding:  .1rem;

    border-radius: 5px;

    font-weight: bold;

    margin-bottom: .2rem;

}



.searchImg a.searchImgCenter {

    display: block;

    position: relative;

    padding:50%;

    border: 1px solid #ccc;

}



.searchImg a.searchImgCenter img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    max-height: 100%;

    display: block;

    padding: 10%;

   

}



 a.searchText {

    text-align: center;

    display: block;

    margin-top: .1rem;

    font-size: .12rem;

    font-weight: bold;

    color: #666;

}



a.searchText {

    margin-bottom: .2rem;

}





.searchNews h5{

        border: 1px solid #ccc;

        padding: .1rem;

        border-radius: 5px;

        font-weight: bold;

        margin-bottom: .2rem;

}



.searchNews ul li a{

    color: #333;

    display: block;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    padding: .05rem 0;

    -webkit-transition:.5s;

    transition:.5s;

    font-size: .15rem;

    font-weight: bold;

}



.searchNews ul li a:hover{

    color: #12a7eb;

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}





.siteMapBox {

    overflow: hidden;

    border: 1px solid #ccc;

    margin-top: .3rem;

    padding-bottom: .3rem;

}



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

     }



     .pagination a, .pagination span{

        padding: 4px 7px;

        margin: 0 .05rem;

     }

    .proListclass2:hover{

        color: #fff;

    }



    .proMored{

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

    }

    

    .webqqs{

        display: none;

    }





    .caseRecenter .caseText{

        padding: 0;

    }



    .caseLdd .button_text_container{

        display: none;

    }



    .proList b {

        display: none !important;

    }



    .proListclass1{

        overflow: hidden ;

    }



    .aboutTop img{

        max-width: 100%;

        height: auto;

    }



    .contact ul li:hover .contactTop{

        background: #fff !important;

    }

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

        display: none;

    }



	.row1{

		margin: 0 -15px;

	}

    .proListCenter li {

    margin-top: .2rem;

    padding: 0 15px;

}



.productRtopr{

	height: auto;

}



.productsCenter img{

	max-width: 100%;

    height: auto;

}



.proListCenter{

	margin: 0 -15px;

}



.proListCenter li{

	padding: 0 15px;

}

.proList_classify{

	margin: 0 0px;

}

.proListL{

	margin-left: 0;

}

.container{

	padding-left: 15px;

	padding-right:15px; 

}

.proListclass1 i{

    display: none;

}

.proList_classify{

    margin-left: 15px;

    margin-right: 15px;

}

.proListCenter{

    margin: 0 15px;

}



.prolistImgd:hover .proMored{

    position: absolute;



top: 83.5%;



display: block;



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



left: 0;



width: 96%;



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



color: #fff;



-webkit-transition: .5s;



transition: .5s;



padding: 0% 5%;



font-size: .14rem;



overflow: hidden;



text-overflow: ellipsis;



white-space: nowrap;



padding-right: 20%;



left: 2%;



line-height: 1.8;



height: .24rem;

}



.pc-slide .view{

    height: 217px;

}

.productRtopr,.productsMore {

    display: none;

}



.caseList li:hover .caseListTitle{

    color: #333 !important;

}



.caseList li p{

    display: none;

}

.caseMenu{

    /* height: .5rem; */

}

.caseMenuBottom{

    padding-top: 0;

    

}



.caseList{

    padding-top: .4rem;

}



.caseLdd:hover{

    box-shadow: 0 0 0 ;

}



.caseList li .caseListTitle{

    padding: 0.05rem 0;

}



.caseList li:hover .caseText{

    border-bottom: 1px solid #f2f2f2;

}



.caseContainer{

    padding: 0 15px;

}



.caseREimg img{

    display: none;

}



.caseRecenter li:hover .caseListTitle{

    font-weight: normal;

}



.caseTab{

    padding: 0 15px;

}



.newsTop li{

    padding: 0;

}

.newsTop ul li:hover .newsTopcenter {

    border-top: 1px solid #f2f2f2;

    background: #fff !important;



}



.newsListLcenter{

    box-shadow: 0 0 0;

}



.newsListR{

    margin-top: 0.2rem;

}



.honorMore1{

    margin-bottom: 0.2rem;

}





.caseRe i{

    text-align: center;

    display: block;



}



.wjdh-map {

    position: relative;

    width: 100%;

    height: 500px;

}



.wjdh-map #r-result{

    width: 100%;

    height: 5rem;

}



.content-show{

    padding: 0;

}



.map-tab{

	display: none;

}



#wmap{

	height: 5rem;

}



#r-result{

	display: none;

}



.map-marker h4{

	font-size: 0.16rem;

}



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

	font-size: .14rem;

}



.newsListLImg::after{

    display: none;

}

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

    color: #333 !important;

}

}