<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";



* {

    padding: 0;

    margin: 0;

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

}



body {

    font: 0.14rem/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5;

    -webkit-text-size-adjust: none;

}



:focus {

    outline: 1;

}



article,





aside,





canvas,





details,





figcaption,





figure,





footer,





header,





hgroup,





menu,





nav,





section,





summary {

    display: block;

}



a {

    color: #333;

    text-decoration: none;

}



a:link,





a:hover,





a:active,





a:visited {

    text-decoration: none;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

    margin: auto;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,





select {

    vertical-align: middle;

}



li,





ul {

    list-style-type: none;

}



img {

    border: none;

}



input,





textarea {

    outline: 0;

    border: 0;

}



textarea {

    resize: none;

}



h1,





h2,





h3,





h4,





h5,





h6,





dl,





dd,





dt,





i,





em {

    font-weight: normal;

    font-style: normal;

}



html {

    font-size: 100px;

}



.clearboth {

    clear: both;

}



ol,





ul {

    margin-bottom: 0;

}



p {

    margin: 0 0 0px;

}



dl {

    margin-bottom: 0;

}



.container {

    max-width: 1200px;

    margin: 0 auto;

}



.navbar-left {

    float: left;

}



.navbar-right {

    float: right;

}



.productscd {

    height: 1.4rem;

    border-bottom: 1px solid #ededed;

}



.productsTopvd {

    height: 1.4rem;

    overflow: hidden;

    margin-top: 0.1rem;

    margin-bottom: 0.2rem;

}



.col-lg-1 {

    width: 8.33333333%;

}



.col-lg-2 {

    width: 16.6666666%;

}



.col-lg-3 {

    width: 25%;

}



.col-lg-4 {

    width: 33.33333333%;

}



.col-lg-5 {

    width: 41.66666666%;

}



.col-lg-6 {

    width: 50%;

}



.col-lg-7 {

    width: 58.33333333%;

}



.col-lg-8 {

    width: 66.66666666%;

}



.col-lg-9 {

    width: 75%;

}



.col-lg-10 {

    width: 83.33333333%;

}



.col-lg-11 {

    width: 91.666666666;

}



.col-lg-12 {

    width: 100%;

}



.mbanner {

    width: 100%;

}



.mbanner img {

    width: 100%;

    display: block;

    height: 100%;

}



.caseMenu {

    width: 100%;

    height: 150px;

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

    color: #999;

}



.caseMenu a {

    color: #999;

}



.caseMenuTop span a {

    color: #333;

}



.caseMenuTop {

    width: 100%;

    padding: .1rem 0;

    border-bottom: 1px solid #e6e6e6;

    color: #999;

    font-size: 0.15rem;

}



.caseMenuTop a {

    color: #999;

}



.caseMenuR i {

    float: right;

    padding-right: 5px;

}



.caseMenuR img {

    padding-left: 5px;

}



.caseMenuR a:hover {

    color: #333;

}



.caseMenuBottom {

    padding-top: .24rem;

}



.caseTitleL {

    font-size: .24rem;

    color: #333;

}



.caseRe {

    float: left;

}



.caseRer {

    float: left;

    text-align: right;

    margin-top: .06rem;

}



.text-center {

    margin-top: 20px;

}



.caseTitleR ul li {

    float: left;

    padding: .05rem .2rem;

    background: #fff;

    border-radius: .05rem;

    border: 1px solid #f2f2f2;

    margin-right: .1rem;

    -webkit-transition: .4s;

    transition: .4s;

    margin-right: .3rem;

    margin-bottom: 0.03rem;

}



.caseRe i {

    font-size: .22rem;

}



.caseTitleR ul li a {

    display: block;

    line-height: .2rem;

    -webkit-transition: .5s;

    transition: .5s;

}



.caseTitleR ul li a::before {

    width: .1rem;

    height: .1rem;

    border: 2px solid #ddd;

    content: "";

    display: inline-block;

    margin-right: 10px;

    border-radius: 50%;

    line-height: .2rem;

    vertical-align: unset;

}



.caseTitleR ul li:hover {

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

}



.caseList {

    padding-top: .4rem;

    margin-bottom: .4rem;

}



.caseList li {

    margin-bottom: .3rem;

    -webkit-transition: .5s;

    transition: .5s;

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

    overflow-y: hidden;

}



.caseList li i {

    display: block;

    position: relative;

    padding: 34%;

    overflow: hidden;

    border: 1px solid #d8d8d8;

    background: #fff;

    border-radius: 5px 5px 0 0;

}



.caseList li img.caseImgList1 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    margin: auto;

    bottom: 0;

    right: 0;

    border-radius: 5px;

}



.caseLdd .caseListdd {

    display: block;

    margin: 1%;

    position: absolute;

    width: 98%;

    height: 96.1%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    overflow: hidden;

    border-radius: 5px 5px 0 0;

}



.caseListBg {

    width: 100%;

    height: 100%;

    display: block;

    top: 0%;

    left: 0%;

    position: absolute;

    z-index: 2;

    -webkit-transition: .5s;

    transition: .5s;

}



.container {

    padding-left: 0;

    padding-right: 0;

}



.caseListhide {

    width: 0%;

    height: 0%;

    display: block;

    top: 50%;

    left: 50%;

    -webkit-transition: .8s;

    transition: .8s;

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

    position: absolute;

    z-index: 1;

    -moz-transform: rotateX(90deg);

}



.newsMeenu .caseMenu {

    width: 100%;

    height: 150px;

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

    color: #999;

}



.aboutMenu .caseMenu {

    width: 100%;

    height: 150px;

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

    color: #999;

}



.contactMenu .caseMenu {

    width: 100%;

    height: 150px;

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

    color: #999;

}



.caseList li:hover .caseListhide {

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0;

}



.caseList li .caseListTitle {

    font-size: .18rem;

    text-align: center;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: .12rem 5%;

    -webkit-transition: 1.2s;

    transition: 1.2s;

}



.caseLdd:hover .caseListTitle {

    font-weight: bold;

}



.caseLine {

    width: .2rem;

    height: 1px;

    margin: .08rem auto .1rem;

    background: transparent;

}



.caseList li p {

    font-size: .14rem;

    line-height: 2;

    padding: 0 .1rem;

    height: .52rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    color: #999;

    -webkit-transition: 1.2s;

    transition: 1.2s;

    text-align: center;

}



.caseLdd:hover .caseText {

    border-bottom: 1px solid transparent;

}



.caseList li:hover p {

    color: #fff;

}



.caseList li .caseMore {

    font-size: .36rem;

    display: block;

    text-align: center;

    margin-top: .08rem;

    font-weight: 100;

    color: #fff;

}



.caseList li .caseMore img {

    position: relative;

    animation: lr linear 3s infinite alternate;

}



.caseText {

    -webkit-transition: .5s;

    transition: .5s;

    padding-top: .1rem;

    padding-bottom: .1rem;

    border-bottom: 1px solid #f2f2f2;

    margin-bottom: 0rem;

    height: 100%;

}



.caseList li:hover .caseListTitle {

    color: #fff !important;

}



.caseList li:hover .caseLine {

    background: #fff;

}



.pagination {

    text-align: center;

}



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

    outline: none;

}



input {

    outline: none;

}



.pagination a,





.pagination span {

    color: #999;

    margin: 0 .1rem;

    position: relative;

    float: left;

    padding: 5px 15px;

    margin-left: -1px;

    line-height: 1.42857143;

    text-decoration: none;

    background-color: #fff;

    border: 1px solid #f2f2f2;

    cursor: pointer;

    -webkit-transition: .5s;

    transition: .5s;

    margin-bottom: 0.05rem;

}



.pagination a:hover,





.pagination span:hover {

    color: #fff;

    background: #333;

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

}



.caseCenter h3 {

    text-align: center;

    padding-top: .2rem;

    font-size: .22rem;

    color: #4c4c4c;

    line-height: 2;

}



.casemfx {

    display: block;

    text-align: center;

    padding-top: .1rem;

    position: relative;

    font-size: .15rem;

    color: #8c8c8c;

    text-overflow: ellipsis;

    white-space: nowrap;

    height: .3rem;

}



.sidepromenu {

    margin-top: 0rem;

    padding-left: 0;

    padding-right: 0;

    overflow: hidden;

}



.scan {

    vertical-align: text-top;

}



.casemfx a {

    color: #8c8c8c;

}



.casemfx i {

    position: relative;

    display: inline-block;

    float: left;

    margin-top: .02rem;

}



.casemfx i img {

    padding: 0 0.05rem;

}



.casemImg ul li a {

    position: relative;

    padding: 80%;

    float: left;

}



.casemImg img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0

}



.casemImg {

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

    border: 1px solid #ddd;

    position: absolute;

    top: 2.8rem;

    right: .5rem;

    display: none;

    z-index: 2;

    background: #fff;

}



.casemImg b {

    display: block;

    text-align: left;

    padding-left: .1rem;

    padding-bottom: .07rem;

    font-weight: normal;

}



.detailsR {

    position: absolute;

    right: 0

}



.casemfx {

    padding-bottom: .1rem;

    position: relative;

}



.productsTTOP .casemImg {

    width: 2.6rem;

}



.caseContainer {

    padding-top: .1rem;

    padding-bottom: .2rem;

    border-bottom: 1px solid #ddd;

    border-top: 1px solid #ededed;

    margin-top: .3rem;

}



.caseRe img {

    border-left: 180px solid transparent;

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

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

}



.caseContainer p {

    padding-top: .2rem;

    margin: 0;

    font-size: .15rem;

    color: #666;

}



.caseContainer {

    padding-bottom: .2rem;

    border-bottom: 1px solid #ddd;

}



.caseContainer img {

    max-width: 100%;

    display: block;

    margin: 0 auto;

    height: auto;

}



.productRtopr h4 {

    color: #333;

    font-weight: bold;

    line-height: 1.3;

    margin: 0.08rem auto;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.pc-slide .swiper-wrapper {

    padding-bottom: .1rem;

}



.preview ul li.active-nav {

    border: 1px solid #333;

}



.productsCenter {

    border-top: 1px solid #ededed;

    padding-top: .1rem;

    overflow: hidden;

    padding-bottom: .2rem;

    display: block;

}



.caseTab ul li {

    padding: .25rem;

    background: #ededed;

    -webkit-transition: .5s;

    transition: .5s;

    color: #666;

}



.productsText {

    padding-top: .2rem;

}



.caseTab ul li:last-child a {

    text-align: right;

    width: 100%;

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

    padding-right: 15%;

    color: #666;

}



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

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

}



.caseTab ul li i.caseCenterIco1 {

    display: block;

    float: left;

    padding: .25rem;

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

    animation: lr linear 3s infinite alternate;

}



.caseTab ul li i.caseCenterIco2 {

    display: block;

    padding: .25rem;

    animation: lr linear 3s infinite alternate;

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

}



.caseTab ul li span {

    width: 47%;

    float: left;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    line-height: .5rem;

    margin: 0 .1rem;

    -webkit-transition: .5s;

    transition: .5s;

    font-size: .15rem;

}



.caseTab ul li b {

    margin: 0 .07rem;

    position: relative;

    padding: .25rem 13%;

    -webkit-transition: .5s;

    transition: .5s;

}



.caseReC ul li i a img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    margin: auto;

    bottom: 0;

    right: 0;

}



.caseTab ul li img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    -webkit-transition: .5s;

    transition: .5s;

}



.caseTab ul li:hover img {

    opacity: 1;

}



.caseTab ul li a {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 85%;

    padding-left: 15%;

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

    -webkit-transition: .5s;

    transition: .5s;

    color: #666;

    font-size: 0.14rem;

}



.caseTab ul li:hover {

    background: #333;

}



.caseTab ul li:hover a {

    color: #fff !important;

}



.caseTab {

    margin-top: .1rem;

}



.caseTab ul li:hover a {

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

}



.caseTab ul li:hover .caseCenterIco2 {

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

}



.caseTab ul li:hover span {

    color: #fff;

}



.caseRecommend {

    padding: .3rem 0 .2rem 0;

    margin-bottom: .4rem;

}



.caseRel {

    font-size: .2rem;

    color: #333;

}



.caseRel img {

    display: inline-block;

    margin-right: .05rem;

}



.caseRer a {

    display: block;

    color: #666;

}



.caseRecenter {

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

}



.caseRecenter a {

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

}



.caseRecenter li i {

    display: block;

    position: relative;

    padding: 30%;

    overflow: hidden;

    background: #fff;

    border: 1px solid #d8d8d8;

    border-radius: 5px 5px 0 0;

}



.caseCenter {

    max-width: 1200px;

    margin: 0 auto;

}



.contactBox iframe {

    display: none;

}



.caseRecenter li {

    margin-bottom: .3rem;

    -webkit-transition: .5s;

    transition: .5s;

    width: 33.333333333333333%;

}



.caseRecenter li:hover .caseListhide {

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0;

    transform: rotateX(90deg);

    -webkit-transform: rotateX(360deg);

    -moz-transform: rotateX(90deg);

}



.caseList li:hover .caseText {

    background: transparent;

    border-bottom: 1px solid transparent;

}



.caseRecenter li:hover .caseListTitle {

    color: #fff;

}



.caseRecenter li:hover .caseLine {

    background: #fff;

}



.caseRecenter li:hover p {

    color: #fff;

}



.caseRecenter li .caseMore {

    font-size: .36rem;

    display: block;

    text-align: center;

    margin-top: .04rem;

    font-weight: 100;

    color: #fff;

}



.caseRecenter li .caseMore img {

    position: relative;

    animation: lr linear 3s infinite alternate;

}



.caseRecenter li .caseListTitle {

    font-size: .18rem;

    text-align: center;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: .1rem 5%;

    -webkit-transition: 1.2s;

    transition: 1.2s;

}



.caseReC {

    position: relative;

}



.caseRecenter li p {

    font-size: .14rem;

    line-height: 2;

    padding: 0 .1rem;

    height: .52rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    color: #666;

    text-align: center;

    -webkit-transition: 1.2s;

    transition: 1.2s;

}



.caseRecenter {

    margin-top: .3rem;

}



.caseRecenter .caseText {

    padding-bottom: .2rem;

}



.proList {

    padding-top: .4rem;

    margin-bottom: .4rem;

    position: relative;

    z-index: 0;

}



.proListL {

    margin-left: .121rem;

    position: relative;

    overflow: hidden;

}



.proBg {

    display: block;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: #333;

    border-radius: 10px 10px 0 0;

    overflow: hidden;

    margin-bottom: 7px;

    display: block;

    height: 112px;

}



.prouctsTitle {

    position: relative;

    z-index: 1;

    /* padding-bottom:0.13rem;





	*/

}



.pro-ico {

    margin: .12rem auto 0rem;

    display: block;

}



.proListRsort1 {

    border-bottom: 1px solid #f2f2f2;

}



.proListRsort .proListRsort {

    border: 0;

}



.productss .proListRsort1 {

    border: 0;

    border-bottom: 1px solid #dededd;

    box-shadow: 0 0 0;

    margin-bottom: 0rem;

    padding-bottom: 0.1rem;

}



.prouctsTitle h3 {

    text-align: center;

    font-size: .22rem;

    color: #fff;

    padding: 0;

    margin: 0.1rem 0 0;

}



.proListRsort1 a {

    display: inline-block;

    margin-right: 20px;

    font-size: .14rem;

    line-height: 2.5;

    color: #666;

    -webkit-transition: .5s;

    transition: .5s;

}



.proListRsort1 a::before {

    content: "";

    display: inline-block;

    width: 5px;

    height: 5px;

    background: #333;

    border-radius: 50%;

    margin: 3px .07rem;

}



.proListTop {

    overflow: hidden;

}



.newsTop li {

    padding: 0 8px;

}



.prouctsTitle p {

    text-transform: uppercase;

    text-align: center;

    color: #fff;

    padding-top: 0rem;

    margin-bottom: 19px;

    font-size: 0.16rem;

}



.proList_classify {

    background: #fafafa;

    overflow: hidden;

}



.news_classify {

    overflow: hidden;

}



.proList_classify ul {}



.proList_classify ul li a.proListclass1 {

    position: relative;

    margin-top: .06rem;

}



.proList_classify ul li i {

    width: 3%;

    background: #fff;

    display: inline-block;

    height: 100%;

    position: absolute;

    top: 0;

    left: 2px;

}



.proList_classify ul li p {

    border: 1px solid #dededd;

    border-top: 1px solid #fff;

    padding-bottom: 10px;

    margin-top: 0;

    margin-bottom: 0;

}



.proListclass1 {

    padding: .12rem;

    background: #333;

    display: block;

    width: 100%;

    padding-left: 6%;

    font-weight: bold;

    color: #fff;

    position: relative;

}



.proListclass1 span {

    width: 85%;

    margin-left: 2%;

    display: block;

    font-size: .16rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.proListclass1:hover {

    color: #fff;

}



.proList_classify ul li p a {

    border-bottom: 1px solid #f3f3f3;

    width: 94%;

    padding-top: 0;

    margin-left: 3%;

    display: block;

    margin: .05rem;

    padding-bottom: .05rem;

    position: relative;

}



.proList_classify ul li p a span {

    padding: .07rem;

    width: 90%;

    display: block;

    position: relative;

    z-index: 1;

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

    transition: .5s ease-in-out;

    font-size: .15rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.proList_classify ul {

    margin-left: 0px;

    margin-right: 0px;

    display: block;

    overflow: hidden;

}



.proList_classify ul li p a b {

    position: absolute;

    width: 100%;

    height: 86%;

    background: #333;

    left: -108%;

    -webkit-transition: .5s;

    transition: .5s;

    border-radius: .04rem;

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

}



.proList_classify ul li p a:hover b {

    left: -0.07rem;

}



.proList_classify ul li p a.cur b {

    left: -0.07rem;

}



.proList_classify ul li p a.cur span {

    color: #fff;

}



.proList_classify ul li p a:hover span {

    color: #fff;

}



.proList_classify ul li p a span::before {

    width: 2px;

    padding: .05rem 0;

    margin-right: .1rem;

    vertical-align: middle;

    background: #dededd;

    content: "";

    display: inline-block;

    -webkit-transition: .5s;

    transition: .5s;

    height: .2rem;

    margin-left: 0.05rem;

}



.proHot {

    width: 100%;

    padding: .1rem 0 0.18rem;

    background: #fafafa;

}



.proHot i {

    display: block;

    font-size: .22rem;

    text-align: center;

}



.proHot i img {

    padding-right: .1rem;

}



.proList_sort1 {

    width: 100%;

    margin-top: .2rem;

    position: relative;

}



.proList_sort1 li {

    margin-bottom: .1rem;

}



.proList_sort1 ul li img {

    width: 100%;

}



.proList_sort1 ul li p a {

    display: block;

    text-align: center;

}



.proList_sortGd {

    width: 100%;

    margin-top: .2rem;

    position: relative;

}



.proList_sortGd li {

    margin-bottom: .1rem;

}



.proList_sortGd ul li img {

    width: 100%;

}



.proList_sortGd ul li p a {

    display: block;

    text-align: center;

}



.proHotimg {

    display: block;

    position: relative;

    padding: 36%;

    border: 5px solid #fff;

}



.proHotimg img {

    position: absolute;

    top: 0;

    left: 0;

    max-width: 100%;

    max-height: 100%;

    bottom: 0;

    right: 0;

    margin: auto;

}



.proHot_txt {

    text-align: center;

    display: block;

    line-height: .3rem;

    border-bottom: 1px solid #dededd;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.pro-next img {

    margin-left: 80%;

    cursor: pointer;

}



.pro-prev img {

    cursor: pointer;

    margin-left: 20%;

}



.newsHot {

    width: 100%;

    padding: .1rem 0.1rem 0.1rem;

    background: #fafafa;

    margin-top: .1rem;

    overflow: hidden;

}



.newsHot&gt;i {

    display: block;

    font-size: .22rem;

    text-align: center;

    padding-bottom: .1rem;

    border-bottom: 1px solid #e6e6e6;

}



.newsHot i img {

    padding-right: .1rem;

}



.newsHot ul li {

    display: inline-block;

    line-height: 2.6;

    border-bottom: 1px solid #e6e6e6;

    color: #999;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsHot ul li:hover {

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.newsHot ul li span {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: inline-block;

    vertical-align: bottom;

    margin-left: .1rem;

    font-size: .14rem;

    width: 8em;

}



.newsHot ul li i,





.newsHot ul li span {

    color: #999;

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

    transform: translateX(-5px);

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: .15rem;

    white-space: nowrap;

}



.newsHot ul li:hover i,





.newsHot ul li:hover span {

    color: #333

}



.proListR {

    float: right;

}



.proListRtop {

    padding: .1rem 0;

    background: #f4f4f4;

}



.proListRtop i {

    padding-left: .2rem;

    font-size: .16rem;

}



.proListRtop i img {

    display: inline-block;

    margin-right: .1rem;

}



.proListRsort {

    padding: .15rem;

    background: #fff;

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

    border: 1px solid #f2f2f2;

    border-top: 0;

}



.productsLir {

    padding: 0;

}



.proListRsort a {

    display: inline-block;

    margin-right: 20px;

    font-size: .14rem;

    line-height: .3rem;

    color: #666;

}



.proList_sort ul li:hover .proHot_txt {

    color: #333;

}



.proListRsort a::before {

    content: "";

    display: inline-block;

    width: 5px;

    height: 5px;

    background: #333;

    border-radius: 50%;

    margin: 3px .07rem;

}



.proListCenter li {

    margin-top: .2rem;

    padding: 0 10px;

}



.proListCenter i a {

    position: relative;

    padding: 31%;

    overflow: hidden;

    object-fit: cover;

    display: block;

}



.row1 {

    margin-left: -10px;

    margin-right: -10px;

}



.proListCenter i a::before {

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

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

    transform: scale(0, 1);

    position: absolute;

    top: 5%;

    right: 5%;

    bottom: 5%;

    left: 5%;

    content: '';

    opacity: 0;

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

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

    z-index: 2;

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

}



.proListCenter i a::after {

    border-right: 1px solid #fff;

    border-left: 1px solid #fff;

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

    transform: scale(1, 0);

    position: absolute;

    top: 5%;

    right: 5%;

    bottom: 5%;

    left: 5%;

    content: '';

    opacity: 0;

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

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

    z-index: 2;

}



.productsBorer:hover i a::before,





.productsBorer:hover i a::after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.pagination span.current {

    display: block;

    background: #333;

    color: #fff;

}



.productsBorer i {

    position: relative;

    padding: 0%;

    overflow: hidden;

    object-fit: cover;

    display: block;

    -webkit-transition: .5s;

    transition: .5s;

    width: 96%;

    margin: 2%

}



.productsBorer i::after {

    content: "";

    width: 0%;

    height: 0%;

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

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transition: .5s;

    transition: .5s;

    border-radius: .03rem

}



.proText {

    width: 96%;

    margin: 0 2%;

}



.productsBorer:hover i::after {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.productss ul li {

    margin-bottom: .3rem;

}



.productsMore {

    display: block;

    margin-bottom: .4rem;

}



.border-left {

    width: 1px;

    height: 0px;

    background: #333;

    position: absolute;

    top: 0;

    left: 0%;

    -webkit-transition: .5s;

    transition: .5s;

}



.border-right {

    width: 1px;

    height: 0px;

    background: #333;

    position: absolute;

    bottom: 0;

    right: 0%;

    -webkit-transition: .5s;

    transition: .5s;

}



.border-top {

    width: 0px;

    height: 1px;

    background: #333;

    position: absolute;

    top: 0;

    left: 0%;

    -webkit-transition: .5s;

    transition: .5s;

}



.border-bottom {

    width: 0px;

    height: 1px;

    background: #333;

    position: absolute;

    bottom: 0;

    right: 0%;

    -webkit-transition: .5s;

    transition: .5s;

}



.border-proleft {

    width: 1px;

    height: 0px;

    background: #333;

    position: absolute;

    top: 0;

    left: 0%;

    -webkit-transition: .5s;

    transition: .5s;

}



.border-proright {

    width: 1px;

    height: 0px;

    background: #333;

    position: absolute;

    bottom: 0;

    right: 0%;

    -webkit-transition: .5s;

    transition: .5s;

}



.border-protop {

    width: 0px;

    height: 1px;

    background: #333;

    position: absolute;

    top: 0;

    left: 0%;

    -webkit-transition: .5s;

    transition: .5s;

}



.border-probottom {

    width: 0px;

    height: 1px;

    background: #333;

    position: absolute;

    bottom: 0;

    right: 0%;

    -webkit-transition: .5s;

    transition: .5s;

}



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

    height: 100%;

}



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

    height: 100%;

}



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

    width: 100%;

}



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

    width: 100%;

}



.productsLil:hover .border-proleft {

    height: 100%;

}



.productsLil:hover .border-proright {

    height: 100%;

}



.productsLil:hover .border-protop {

    width: 100%;

}



.productsLil:hover .border-probottom {

    width: 100%;

}



.proListCenter i a img {

    position: absolute;

    top: 0;

    left: 0;

    max-width: 100%;

    max-height: 100%;

    right: 0;

    bottom: 0;

    margin: auto;

}



.proListRsort a:hover {

    color: #333;

}



.proListCenter ul li:hover .caseListhide {

    top: 0;

}



.proListCenter ul li:hover a.proListTitle {

    color: #333;

    border-bottom: 1px solid #dededd;

}



.proListCenter ul li:hover a.proMore {

    color: #333;

}



.proListCenter ul li:hover .productsBorer {}



.productsBorer {

    border: 1px solid #dededd;

    padding: 0;

    border-radius: .05rem;

    -webkit-transition: .5s;

    transition: .5s;

    position: relative;

}



.proText a.proListTitle {

    display: block;

    padding: .1rem 0;

    color: #4c4c4c;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s;

    font-size: .16rem;

    padding: .08rem;

    border-bottom: 1px solid #dededd;

}



@keyframes llr {





    0% {

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

    }



    25% {

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

    }



    50% {

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

    }



    75% {

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

    }



    100% {

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

    }

}



@keyframes proll {





    0% {

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

    }



    25% {

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

    }



    50% {

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

    }



    75% {

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

    }



    100% {

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

    }

}



.proMore {

    padding: .08rem;

    display: block;

    font-size: .1rem;

    text-transform: uppercase;

    color: #c6c6c6;

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

    animation: llr linear 1.5s infinite alternate;

}



.pro_page {

    padding-top: .1rem;

    margin-left: 15px;

    margin-top: .4rem;

}



.btn-text-parent {

    position: relative;

    display: inline-block;

    overflow: hidden;

    vertical-align: bottom;

}



.wrap_text {

    display: inline-block;

}



.buildin-btn-text {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9;

    width: 100%;

    transform: translateY(100%);

}



.buildin-btn-text .btn-letter {

    opacity: 0;

}



.btn-letter {

    display: inline-block;

    margin: 0em 0.05em;

    position: relative;

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

}



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

    transition-delay: 49ms;

}



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

    transition-delay: 99ms;

}



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

    transition-delay: 149ms;

}



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

    transition-delay: 199ms;

}



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

    transition-delay: 249ms;

}



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

    transition-delay: 299ms;

}



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

    transition-delay: 349ms;

}



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

    transition-delay: 399ms;

}



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

    transition-delay: 449ms;

}



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

    transition-delay: 499ms;

}



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

    transition-delay: 549ms;

}



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

    transition-delay: 599ms;

}



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

    transition-delay: 649ms;

}



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

    transition-delay: 699ms;

}



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

    transition-delay: 749ms;

}



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

    transition-delay: 799ms;

}



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

    transition-delay: 849ms;

}



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

    transition-delay: 899ms;

}



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

    transition-delay: 949ms;

}



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

    transition-delay: 999ms;

}



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

    transition-delay: 1049ms;

}



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

    transition-delay: 1099ms;

}



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

    transition-delay: 1149ms;

}



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

    transition-delay: 1199ms;

}



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

    transition-delay: 1249ms;

}



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

    transition-delay: 1299ms;

}



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

    transition-delay: 1349ms;

}



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

    transition-delay: 1399ms;

}



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

    transition-delay: 1449ms;

}



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

    transition-delay: 1499ms;

}



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

    opacity: 0;

    transition-delay: 49ms;

}



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

    opacity: 0;

    transition-delay: 99ms;

}



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

    opacity: 0;

    transition-delay: 149ms;

}



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

    opacity: 0;

    transition-delay: 199ms;

}



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

    opacity: 0;

    transition-delay: 249ms;

}



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

    opacity: 0;

    transition-delay: 299ms;

}



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

    opacity: 0;

    transition-delay: 349ms;

}



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

    opacity: 0;

    transition-delay: 399ms;

}



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

    opacity: 0;

    transition-delay: 449ms;

}



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

    opacity: 0;

    transition-delay: 499ms;

}



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

    opacity: 0;

    transition-delay: 549ms;

}



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

    opacity: 0;

    transition-delay: 599ms;

}



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

    opacity: 0;

    transition-delay: 649ms;

}



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

    opacity: 0;

    transition-delay: 699ms;

}



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

    opacity: 0;

    transition-delay: 749ms;

}



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

    opacity: 0;

    transition-delay: 799ms;

}



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

    opacity: 0;

    transition-delay: 849ms;

}



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

    opacity: 0;

    transition-delay: 899ms;

}



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

    opacity: 0;

    transition-delay: 949ms;

}



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

    opacity: 0;

    transition-delay: 999ms;

}



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

    opacity: 0;

    transition-delay: 1049ms;

}



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

    opacity: 0;

    transition-delay: 1099ms;

}



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

    opacity: 0;

    transition-delay: 1149ms;

}



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

    opacity: 0;

    transition-delay: 1199ms;

}



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

    opacity: 0;

    transition-delay: 1249ms;

}



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

    opacity: 0;

    transition-delay: 1299ms;

}



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

    opacity: 0;

    transition-delay: 1349ms;

}



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

    opacity: 0;

    transition-delay: 1399ms;

}



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

    opacity: 0;

    transition-delay: 1449ms;

}



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

    opacity: 0;

    transition-delay: 1499ms;

}



.caseTitleR&gt;ul {

    position: relative;

}



.caseTitleR ul li {

    float: left;

    text-align: center;

    font-size: 15px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}



.caseTitleR ul li a {

    display: block;

    color: #666666;

    overflow: hidden;

    font-size: .15rem;

}



.pc-slide {

    width: 100%;

    margin: 0 auto;

}



.view .swiper-container {

    width: 100%;

}



.view .arrow-left {

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

    position: absolute;

    left: 0px;

    top: 50%;

    margin-top: -25px;

    width: 38px;

    height: 37px;

    z-index: 10;

}



.view .arrow-left:after {

    content: "";

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

    overflow: hidden;

    padding: 49%;

    top: 0px;

    position: absolute;

}



.view .arrow-right:after {

    content: "";

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

    overflow: hidden;

    padding: 49%;

    top: 0px;

    position: absolute;

}



.view .arrow-right {

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

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -25px;

    width: 38px;

    height: 37px;

    z-index: 10;

}



.preview {

    width: 100%;

    margin-top: 10px;

    position: relative;

}



.preview .swiper-container {

    width: 100%;

}



.preview .swiper-slide {

    width: 20%;

    cursor: pointer;

}



.preview .slide6 {

    width: 82px;

}



.preview .arrow-left {

    background: url(../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;

}



.contactBox ul li:last-child {

    border-right: 0;

}



.productRtopr h4 a {

    color: #333;

    font-weight: bold;

    -webkit-transition: .5s;

    transition: .5s;

    display: block;

}



.productRtopr h4 a:hover {

    color: #333;

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.productRtopr p {

    height: 1.6rem;

    overflow: hidden;

}



.productRtopr span {

    font-size: .1rem;

    line-height: 2;

    color: #999;

    display: block;

    font-size: .12rem;

    height: .7rem;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    margin-top: 0.1rem;

}



.productRtopr h5 {

    font-weight: bold;

    font-size: .15rem;

    font-weight: bold;

    margin-top: .1rem;

    margin-bottom: 0.1rem;

}



.relevant a {

    display: inline-block;

    border: 1px solid #dededd;

    padding: .03rem .1rem;

    margin-bottom: .04rem;

    margin-right: .05rem;

    color: #808080;

    font-size: .14rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 100%;

    -webkit-transition: .5s;

    transition: .5s;

}



.relevant a:hover {

    color: #333;

}



.relevantImg ul li {

    width: 48%;

    margin: 0 1%;

    float: left;

}



.relevantImg ul li&gt;a.relevantImgA {

    position: relative;

    padding: 34%;

    display: block;

    border: 1px solid #dededd;

}



.relevantImg ul li img {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    padding: .02rem;

}



.relevantImg ul li .relevantImgMore {

    display: block;

    text-align: center;

    line-height: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #808080;

}



.relevantImg ul li:hover .relevantImgMore {

    color: #333;

}



.productsMore {

    display: inline-block;

    padding: 0.05rem .1rem;

    border: 1px solid #dededd;

    margin-top: .3rem;

    margin-left: .3rem;

    -webkit-transition: .5s;

    transition: .5s;

    color: #737373;

}



.productsMore i {

    overflow: hidden;

    display: inline-block;

    width: .16rem;

    vertical-align: sub;

}



.productsMore:hover i img {

    border-left: 180px solid transparent;

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

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

}



.productsMore:hover {

    background: #333;

    color: #fff;

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.productsCtl {

    background: #333;

    padding: .05rem .1rem;

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

}



.productsCtl img {

    display: inline-block;

    margin-right: .05rem;

    margin-left: .2rem;

}



.productsCtl i {

    color: #fff;

    font-size: .16rem;

}



.productCenTop {

    overflow: hidden;

    margin-top: .1rem;

    border-bottom: 1px solid #dededd;

    position: relative;

}



.details {

    line-height: 1;

    text-transform: uppercase;

    color: #dededd;

    font-size: 0.16rem;

    margin-top: 0.1rem;

}



.detailsR {

    text-align: right;

    padding: 0;

}



.detailsR i img {

    padding: 0 0.05rem;

}



.casemImg1 {

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

    border: 1px solid #ddd;

    top: .3rem;

    right: .05rem;

    z-index: 2;

    background: #fff;

}



.casemImg1 b {

    display: block;

    text-align: left;

    padding-left: .1rem;

    padding-bottom: .07rem;

    font-weight: normal;

}



.casemImg1 ul li a {

    position: relative;

    padding: 80%;

    float: left;

}



.casemImg1 img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0

}



.productsText {

    padding-bottom: .2rem;

    border-bottom: 1px solid #dededd;

}



.caseTab {

    padding-top: .4rem;

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

}



.productsText p {

    padding-top: .2rem;

    margin: 0;

    color: #999;

}



.caseTab ul li:hover {

    color: #fff;

}



.productsTTOP {

    position: relative;

}



.productsText img {

    max-width: 100%;

    margin: .2rem 0;

    height: auto;

}



.proMessage h4 {

    text-align: center;

    margin-top: .3rem;

    font-size: .24rem;

}



.proMessage p {

    font-size: .14rem;

    text-align: center;

    color: #666;

    margin-bottom: .2rem;

    font-family: arial;

}



.promessageBox input {

    border: 1px solid #dededd;

    padding: 0.07rem .1rem;

    display: block;

    width: 100%;

    padding-left: .14rem;

    text-indent: .14em;

    color: #666;

    background: #999;

    border-radius: 5px;

    font-size: .15rem;

    text-indent: 1.5em;

}



::-webkit-input-placeholder {

    color: #999;

    font-size: .16rem;

}



::-moz-placeholder {

    color: #999;

    font-size: .16rem;

}



:-ms-input-placeholder {

    color: #999;

    font-size: .16rem;

}



.contactBox input::placeholder {

    color: #999;

}



.promessageBox input::placeholder {

    color: #999;

}



.promessageBox input.pro-name {

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

}



.promessageBox input.pro-tel {

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

}



.promessageBox input.pro-email {

    background: url(../img/yanzheng.png) no-repeat .1rem center;

}



.imgCode1 {

    padding: 0.2rem 15px 0.1rem;

}



.imgcodeText {

    width: 100%;

    padding: 0 5px 0 15px;

}



.pro-textarea {

    width: 80%;

    border: 1px solid #dededd;

    text-indent: 1.44em;

    padding: .8% 1.4%;

    line-height: 1.5;

    min-height: .85rem;

    color: #666;

    margin-top: .2rem;

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

    padding-left: .14rem;

    border-radius: 5px;

    font-size: .16rem;

}



.yanzhengma {

    width: 20%;

    float: right;

}



.promessageBox input.a-bth {

    display: block;

    margin-top: .2rem;

    outline: none;

    border: 0;

    -webkit-transition: .5s;

    transition: .5s;

    color: #fff;

    padding-left: 0;

    letter-spacing: 4px;

}



.promessageBox input.a-bth::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

}



.a-bth:hover {

    background: #333;

    color: #fff;

}



.productsLil {

    border: 1px solid #dededd;

    overflow: hidden;

    border-radius: .03rem;

}



.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(../img/productsIco3.png) no-repeat 100% center;

    animation: proll linear 2s infinite alternate;

}



.productsTitle span {

    display: block;

    font-size: .16rem;

}



.productsTitle b {

    display: block;

    font-weight: normal;

    font-size: .14rem;

    color: #999;

}



.productsLir i {

    display: block;

    position: relative;

    padding: 40.5%;

    overflow: hidden;

    border-radius: .05rem;

    -webkit-transition: .5s;

    transition: .5s;

    border: 1px solid #e6e6e6;

}



.proMored {

    height: .21rem;

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

}



.prpductsLi {

    display: block;

    padding: .05rem;

}



.proList {

    overflow: hidden;

    position: relative;

    z-index: 0;

}



.prolistImgd:hover i {

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

    border: 1px solid #fff;

    border-radius: .03rem;

}



.productsLir i img {

    position: absolute;

    top: 0;

    left: 0;

    max-width: 100%;

    max-height: 100%;

    padding: 4%;

    right: 0;

    bottom: 0;

    margin: auto;

}



.proMored {

    position: absolute;

    top: 83.5%;

    display: block;

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

    left: 0;

    width: 96%;

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

    color: #fff;

    -webkit-transition: .5s;

    transition: .5s;

    padding: 0% 5%;

    font-size: .14rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding-right: 20%;

    left: 2%;

    line-height: 1.8;

    height: .24rem;

}



.prolistImgd:hover .proMored {

    padding: 0;

    width: 97%;

    height: 97%;

    display: block;

    text-align: center;

    padding: 33% 2%;

    top: 1.5%;

    color: #fff;

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

    left: 1.5%;

    overflow: hidden;

    border-radius: .03rem;

}



.proListRsort1 a:hover {

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.productss .proListRsort {

    border-bottom: 1px solid #dededd;

    box-shadow: 0 0 0;

    margin-bottom: 0rem;

}



.prolistImgd {

    padding: 0 .05rem .1rem;

}



.pagination&gt;li&gt;a,





.pagination&gt;li&gt;span {

    margin: 0 .03rem;

}



.pagination&gt;li&gt;a:focus,





.pagination&gt;li&gt;a:hover,





.pagination&gt;li&gt;span:focus,





.pagination&gt;li&gt;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(../img/aboutIdd.png) no-repeat center bottom;

}



.honor ul li {

    margin-top: .3rem;

}



.honorImg {

    display: block;

    position: relative;

    padding: 36%;

    background: #fff;

    border: 1px solid #ddd;

}



.honorImg img {

    padding: 2%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    max-width: 100%;

    max-height: 100%;

}



.honorMore {

    text-align: center;

    display: block;

    padding-top: 0.08rem;

    line-height: 3;

    font-size: .15rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

}



.honor ul li i {

    width: .08rem;

    height: .08rem;

    display: block;

    border-radius: 50%;

    border: 2px solid #dededd;

    margin: .2rem auto 0;

    background: #fff;

}



.honorArrow {

    height: .3rem;

    position: relative;

}



.honorArrow .honorL {

    width: .3rem;

    height: .3rem;

    overflow: hidden;

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

    top: -0.2rem;

    position: absolute;

    z-index: 99;

    left: 0;

    cursor: pointer;

}



.honor {

    position: relative;

}



.honorLine {

    width: 100%;

    height: 1px;

    background: #dededd;

    position: absolute;

    top: -0.05rem;

}



.honorArrow .honorR {

    width: .3rem;

    height: .3rem;

    overflow: hidden;

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

    top: -0.2rem;

    position: absolute;

    z-index: 99;

    cursor: pointer;

    right: 0;

}



.contact {

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

    overflow: hidden;

    padding-bottom: 1.5rem;

    margin-bottom: -10px;

}



.contactTop h4 {

    text-align: center;

    padding-top: .9rem;

    font-weight: bold;

    font-size: .18rem;

    -webkit-transition: .5s;

    transition: .5s;

}



.contactmeg {

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

    -webkit-transition: .5s;

    transition: .5s;

}



.contactNetwork {

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

    -webkit-transition: .5s;

    transition: .5s;

}



.contactService {

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

    -webkit-transition: .5s;

    transition: .5s;

}



.contactTop span {

    font-size: .14rem;

    text-align: center;

    display: block;

    padding-bottom: .1rem;

    -webkit-transition: .5s;

    transition: .5s;

    color: #d4d4d4;

}



.contactBottom {

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

    text-align: center;

    line-height: 2;

    -webkit-transition: .5s;

    transition: .5s;

    position: relative;

    font-size: .15rem;

    overflow: hidden;

    color: #666;

}



.contactTop {

    background: #fff;

    -webkit-transition: .5s;

    transition: .5s;

    padding: .1rem 0;

}



.contact ul li {

    margin-top: .4rem;

    -webkit-transition: .5s;

    transition: .5s;

    position: relative;

}



.contact ul li:hover .contactTop {

    background: #333;

}



.contact ul li:hover .contactTop h4 {

    color: #fff;

}



.contact ul li:hover .contactTop span {

    color: #fff;

}



.contact ul li:hover h4.contactmeg {

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

}



.contact ul li:hover h4.contactNetwork {

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

}



.contact ul li:hover h4.contactService {

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

}



.contact ul li:hover {

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

    transform: translateY(-5px);

}



.aboutTitle p {

    padding: .3rem .5rem;

    font-size: .15rem;

    color: #999;

    text-align: center;

    line-height: 1.8;

}



.contactList {

    overflow: hidden;

}



.contactList ul li {

    border-right: 1px solid #dededd;

    padding: .2rem 0 0.4rem;

}



.contactList ul li:last-child {

    border-right: 0;

}



.contactList ul li img {

    display: block;

    margin: 0 auto .1rem;

    height: .4rem;

    animation: tb linear 3s infinite alternate;

}



.contactList ul li h4 {

    font-size: .2rem;

    text-align: center;

    line-height: 3;

    margin: 0;

}



.contactList ul li p {

    text-align: center;

    font-size: .16rem;

    height: .6rem;

    line-height: 2;

    padding: 0 .2rem;

}



.contactBox {

    border: 5px solid #f4f4f4;

    display: block;

    overflow: hidden;

    margin-top: .5rem;

}



.contactBox ul li {

    padding: 2% 5%;

    margin: .4rem 0;

    border-right: 1px solid #dededd;

    min-height: 3.7rem;

}



.contactBox ul li p {

    line-height: 2;

    color: #999;

    font-size: .15rem;

}



.contactBox ul li p span {

    font-size: .16rem;

}



.contactBox .proMessage h4 {

    margin-top: 0;

    margin-bottom: 0;

}



.contactBox input.contact-name {

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

}



.contactBox input.contact-imgCode {

    background: url(../img/yanzheng.png) no-repeat .1rem center;

    width: 80%;

    margin-top: 0.2rem;

    float: left;

}



.contactImgcode {

    float: left;

    margin-top: 0.2rem;

    margin-left: 1%;

}



.contactBox input {

    border: 1px solid #dededd;

    padding: .07rem .1rem;

    display: block;

    width: 100%;

    text-indent: .25rem;

    color: #666;

    font-size: .14rem;

}



.contactBox input.contact-tel {

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

}



.contact-textarea {

    width: 100%;

    border: 1px solid #dededd;

    text-indent: .28rem;

    padding: 1% 1.4%;

    line-height: 1.5;

    min-height: .7rem;

    color: #666;

    margin-top: .1rem;

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

    margin-top: .2rem;

    font-size: .16rem;

}



.contactBox .contact-bth {

    display: block;

    margin-top: 0.05rem;

    outline: none;

    border: 0;

    -webkit-transition: .5s;

    transition: .5s;

    border-radius: .05rem;

    color: #fff;

    background: #999;

    margin-top: .2rem;

    padding-left: 0;

    letter-spacing: 4px;

    font-size: .16rem;

    text-indent: 0rem;

}



.news_classify ul {

    margin-left: -15px;

    margin-right: -15px;

    margin-top: 0px;

}



.news_classify ul li {

    margin-bottom: 0.05rem;

}



.news_classify ul li:nth-child {

    margin-bottom: 0;

}



.newsclass1 {

    padding: .12rem;

    background: #fafafa;

    display: block;

    width: 100%;

    padding-left: 6%;

    font-weight: bold;

    color: #333;

}



.news_classify ul li i {

    width: 2%;

    background: #fff;

    display: inline-block;

    height: 100%;

    position: absolute;

    top: 0;

    left: -100px;

    z-index: 9;

    -webkit-transition: .5s;

    transition: .5s;

}



.news_classify span {

    width: 100%;

    padding: 0 15%;

    display: block;

    font-size: .16rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-weight: normal;

    position: relative;

    z-index: 999;

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

    -webkit-transition: .5s;

    transition: .5s;

}



.news_classify ul li b {

    display: block;

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: #333;

    -webkit-transition: .5s;

    transition: .5s;

}



.news_classify ul li:hover i {

    left: .18rem;

}



.news_classify ul li:hover b {

    left: 0;

}



.news_classify ul li:hover span {

    color: #fff;

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

}



.newsCenterTop {

    padding: .2rem;

    overflow: hidden;

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

    margin-bottom: 0.3rem;

}



.newsCenterTopl a {

    display: block;

    position: relative;

    padding: 32%;

    overflow: hidden;

    border: 1px solid #f2f2f2;

}



.newsCenterTopl a img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    max-width: 98%;

    max-height: 98%;

    -webkit-transition: 1s;

    transition: 1s;

}



.newsCenterTop:hover a img {

    -webkit-transform: scale(1.02);

    transform: scale(1.02);

    opacity: .8;

}



.newsCenterTopr h4 a {

    font-size: .2rem;

    display: block;

    line-height: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #333;

    -webkit-transition: 1s;

    transition: 1s;

}



.newsCenterTop:hover h4 a {

    color: #333;

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.newsCenterTopr p {

    font-size: .15rem;

    line-height: 2;

    height: .54rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    color: #999;

}



.newsCenterTopr span {

    margin-top: .3rem;

    display: block;

    color: #999;

}



.newsCenterTopr span img {

    display: inline-block;

    vertical-align: inherit;

    padding-right: .06rem;

}



.newsCemterb ul li {

    overflow: hidden;

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

}



.newsCenterb ul li .newsCenterbImg {

    position: relative;

    padding: 18%;

    display: block;

    background: #fafafa;

}



.newsCenterb ul li .newsCenterbImg img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    margin: auto;

    max-height: 100%;

}



.newsCenterbImg::after {

    content: "";

    top: 8%;

    right: 5%;

    bottom: 8%;

    left: 5%;

    border-right: 1px solid #fff;

    border-left: 1px solid #fff;

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

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

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

    transform: scale(1, 0);

    -webkit-transform-origin: 100% 0;

    -moz-transform-origin: 100% 0;

    -o-transform-origin: 100% 0;

    transform-origin: 100% 0;

    position: absolute;

    content: '';

    opacity: 0;

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

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

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

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

}



.newsCenterbImg::before {

    top: 8%;

    right: 5%;

    bottom: 8%;

    z-index: 2;

    left: 5%;

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

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

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

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

    transform: scale(0, 1);

    -webkit-transform-origin: 0 0;

    -moz-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    transform-origin: 0 0;

    position: absolute;

    content: '';

    opacity: 0;

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

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

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

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

}



.newsCenterbImg i {

    display: block;

    width: 0%;

    height: 0%;

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

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 1;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsCenterb ul li:hover .newsCenterbImg i {

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.newsCenterb ul li:hover .newsCenterbTextr a {

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.newsCenterbImg::before,





.newsCenterbImg::after {

    position: absolute;

    content: '';

    opacity: 0;

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

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

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

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

}



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





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

    content: "";

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.nwesCenterbText {

    overflow-y: hidden;

    padding-bottom: .05rem;

}



.nwesCenterbText span {

    display: block;

    width: 20%;

    margin: .1rem;

    border: 1px solid #dededd;

    font-size: .25rem;

    line-height: 1;

    padding: .1rem .12rem;

    color: #999;

    float: left;

}



.nwesCenterbText span i {

    font-size: .15rem;

    display: block;

    padding-top: .04rem;

    padding-bottom: 0rem;

}



.newsCenterbTextr {

    padding: 0 .2rem 0 0;

    width: 74.4%;

    float: left;

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

}



.newsCenterbTextr a {

    padding: .16rem 0 0;

    display: block;

    font-size: .16rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s;

    width: 90%;

}



.newsCenterbTextr p {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    line-height: 2.7;

    margin: 0;

    font-size: .15rem;

    width: 96%;

    color: #808080;

}



.proHot_txt {

    display: block;

    font-size: .14rem;

    line-height: 3;

    color: #4c4c4c;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.caseMenuL {

    font-size: .14rem;

}



.newsCenter {

    overflow: hidden;

    -webkit-transition: .5s;

    transition: .5s;

    border-bottom: 1px solid #dededd;

}



.newsCenterb ul li {

    margin-top: .3rem;

}



.newsCenterb ul li:hover .newsCenter {

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

    border-bottom: 1px solid #fff;

}



.newsCenterb ul li:hover a {

    color: #333;

}



.newsdetails {

    padding: 0 2%;

    overflow: hidden;

    padding-bottom: .2rem;

}



.newsdetails .casemImg {

    top: .5rem;

}



.newsdetails .caseCenter h3 {

    padding-top: 0;

}



.aboutTitle a {

    display: block;

    text-align: center;

    font-size: .16rem;

    padding-top: .1rem;

    color: #333;

}



.newsTop ul li a.newsImg {

    position: relative;

    padding: 34%;

    display: block;

    overflow: hidden;

    border-bottom: 1px solid #f2f2f2;

}



.newsTop ul li a.newsImg img {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: 0 auto;

    width: 100%;

    height: 100%;

    border-radius: 6px 6px 0 0;

}



.newsText {

    font-size: .15rem;

    display: block;

    padding: .1rem 0;

}



.newsTopcenter {

    border: 1px solid #dededd;

    -webkit-transition: .8s;

    transition: .8s;

    margin-bottom: .2rem;

    border-radius: 6px 6px 0 0;

}



.newsTopcenter .newsText {

    padding: 0 .07rem;

    margin: .05rem 0;

    margin-bottom: .15rem;

    height: .46rem;

    -webkit-transition: .5s;

    transition: .5s;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    font-size: .15rem;

    -webkit-transition: 1s;

    transition: 1s;

}



.newsTop {

    margin-top: .3rem;

    -webkit-transition: .5s;

    transition: .5s;

    overflow: hidden;

}



.newsTopcenter span {

    margin: 0 .07rem .1rem;

    width: 96%;

    padding-right: 30%;

    display: block;

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

    -webkit-transition: .5s;

    transition: .5s;

    font-size: .15rem;

    color: #999;

}



.newsTop ul li:hover .newsTopcenter {

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

    transform: translateX(-5px);

    background: #333;

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

}



.newsTop ul li:hover .newsText {

    color: #fff;

}



.newsTop ul li:hover .newsTopcenter span {

    color: #fff;

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

}



.newsTop ul li:hover a.newsImg {

    background: #fff;

}



.newsListCenter {

    margin-top: .3rem;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsListLImg {

    display: block;

    position: relative;

    -webkit-transition: .5s;

    transition: .5s;

    overflow: hidden;

}



.newsListLImg::after {

    content: "";

    opacity: 0;

    transform: scale(1.5);

    transition: all 0.4s ease-in-out;

    font-weight: normal;

    border: 1px solid white;

    height: 2.68rem;

    width: 90%;

    position: absolute;

    top: 0.18rem;

    left: 5%;

    padding: 70px;

    display: inline-block;

    text-decoration: none;

    padding: 7px 14px;

    text-transform: uppercase;

    color: #fff;

    border: 1px solid #fff;

    border-radius: 0px;

    background-color: transparent;

}



.newsListLImg img {

    width: 100%;

}



.newsListLcenter img {}



.newsListLcenter:hover .newsListLImg::after {

    opacity: 1;

    content: "";

    transform: scale(1);

    background-color: transparent;

}



.newsListLtext {

    padding: 4.1% .2rem;

    -webkit-transition: .5s;

    transition: .5s;

    position: absolute;

    z-index: 3;

    bottom: 0;

    background: #fff;

    width: 100%;

}



.newsQa ul li:hover i span {

    animation: tan linear 2s infinite alternate;

}



.newsListLtext a {

    display: block;

    font-size: .16rem;

    line-height: 3;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsListLcenter {

    -webkit-transition: .5s;

    transition: .5s;

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

    overflow: hidden;

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

    height: 5rem;

    position: relative;

}



.newsListLtext p {

    color: #999;

    text-indent: 2em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    height: .68rem;

    font-size: .15rem;

    -webkit-transition: .5s;

    transition: .5s;

    -webkit-transition: .5s;

    transition: .5s;

    line-height: 2;

}



.page-content {

    margin: .2rem 0;

    overflow: hidden;

    font-size: .15rem;

    line-height: 2;

    display: block;

}



.productsText {

    font-size: .15rem;

    line-height: 2;

}



.newsListLcenter span {

    margin-top: .2rem;

    display: block;

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

    padding-left: .2rem;

    color: #999;

    font-size: .14rem;

}



.newsListLcenter:hover {

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

}



.newsListLcenter:hover .newsListLtext a {

    color: #333;

}



.newsListRtop {

    padding: .17rem;

    overflow: hidden;

    background: #fff;

    border-bottom: 1px solid #f2f2f2;

    border-radius: .05rem;

    border-radius: 5px;

}



.newsListRtop span {

    font-size: .22rem;

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

    line-height: .2rem;

    float: left;

    padding-bottom: 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: 36%;

    -webkit-transition: .5s;

    transition: .5s;

    border: 1px solid #f1f1f1;

}



.newsListRtopR {

    width: 100%;

    padding: 0;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsListRtopL {

    padding: 0;

    width: 0;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsListRtop a.newsListRImg img {

    position: absolute;

    max-width: 100%;

    max-height: 100%;

    top: 0;

    left: 0;

}



.newsListRtopR a {

    display: block;

    font-size: .16rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-align: left;

}



.newsListRtopR p {

    font-size: .14rem;

    color: #999;

    margin-top: 0.05rem;

    line-height: 1.5;

    height: .6rem;

    text-indent: 2em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.newsListRtop:hover .newsListRtop a.newsListRImg {

    display: block;

    position: relative;

    padding: 30%;

}



.newsListRtop:hover span,





.newsListRtop:hover b {

    color: #333;

}



.newsListRtop:hover .newsListRImg {

    display: block;

}



.newsListRtop:hover .newsListRtopR {

    width: 75%;

    padding: 0 .1rem;

}



.newsListRtop:hover {

    background: #fff;

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

    border: 1px solid #fff;

}



.newsListRtop:hover .newsListRtopL {

    width: 25%;

}



.newsListRtop:hover .newsListRtopR a {

    color: #333;

}



.newsListR ul li {

    margin-bottom: .1rem;

}



.newsQa ul li {

    background: #fff;

    border: 1px solid #f2f2f2;

    padding: .3rem .1rem;

    border-radius: 0.05rem;

}



.newsQa ul li span {

    font-size: .13rem;

    background: #333;

    float: left;

    width: .2rem;

    height: .2rem;

    border-radius: 50%;

    display: block;

    color: #fff;

    text-align: center;

    font-weight: bold;

    line-height: .2rem;

}



.newsQa ul li p {

    margin-top: .15rem;

}



.newsQa ul li b {

    margin: 0 .1rem;

    float: left;

    width: 85%;

    font-weight: normal;

    background: #fcfcfc;

    font-size: 0.15rem;

    padding: .03rem .1rem;

    color: #999;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    line-height: 2;

    padding-bottom: .08rem;

}



.newsQa ul li a {

    margin: 0 .1rem;

    float: left;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 85%;

    font-weight: normal;

    background: #fcfcfc;

    padding: .05rem .1rem;

    font-size: .15rem;

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

}



.newsQa ul li:hover a {

    color: #333

}



.newsQa ul li i::after {

    content: "";

    clear: both;

    display: block;

}



.newsQa ul li p span {

    background: #333;

}



.newsQa {

    overflow: hidden;

    padding-bottom: .5rem;

    margin-top: .3rem;

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

}



.content-show {

    border: 18px solid #f4f4f4;

    padding: 22px;

    background-color: #fff;

    margin: .2rem 0;

}



.wjdh-map {

    position: relative;

}



.wjdh-map #r-result {

    position: absolute;

    right: 0;

    top: 0;

    width: 450px;

    max-height: 500px;

    overflow-y: scroll;

    overflow-x: hidden;

    z-index: 99;

}



.wjdh-map #wmap {

    width: 100%;

    height: 500px;

}



.driving-way {

    font-family: 'Microsoft JhengHei';

}



.driving-way .hd li.on {

    background-color: #333;

    color: #fff;

}



.driving-way .hd li {

    float: left;

    font-size: 15px;

    width: 50%;

    height: 50px;

    line-height: 50px;

    background-color: #eee;

    text-indent: 80px;

    cursor: pointer;

}



.driving-way .map-tab {

    padding: 20px 0;

}



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

    position: relative;

    float: left;

    font-size: 16px;

    padding-left: 50px;

    width: 100px;

    height: 50px;

    line-height: 50px;

}



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

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

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

}



.driving-way .map-tab ul {

    position: relative;

    width: 100%;

    height: 112px;

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

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

}



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

    top: 0;

    transition: .5s;

}



.driving-way .map-tab ul li {

    height: 35px;

    line-height: 35px;

    width: 70%;

    font-size: 16px;

    padding: 10px 0;

    margin-left: 80px;

    position: absolute;

    left: 0;

}



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

    font-size: 16px;

    width: 100%;

    height: 35px;

    line-height: 35px;

}



.driving-way .map-tab ul i {

    display: block;

    width: 75%;

    height: 1px;

    background-color: #ccc;

    position: absolute;

    left: 50px;

    top: 56px;

}



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

    top: 56px;

    transition: .5s;

}



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

    position: absolute;

    left: -20px;

    top: 25px;

    content: '';

    display: block;

    border-radius: 50%;

    width: 3px;

    height: 3px;

    border: 2px solid #12a7eb;

}



.driving-way .map-tab #result {

    background-color: #313131;

    color: #fff;

    width: 200px;

    height: 50px;

    line-height: 50px;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -25px;

    display: block;

    text-align: center;

    font-size: 18px;

    text-transform: uppercase;

    cursor: pointer;

}



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

    position: absolute;

    left: -20px;

    top: 25px;

    content: '';

    display: block;

    border-radius: 50%;

    width: 3px;

    height: 3px;

    border: 2px solid #12a7eb;

}



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

    position: absolute;

    left: -20px;

    top: 30px;

    content: '';

    display: block;

    border-radius: 50%;

    width: 3px;

    height: 3px;

    border: 2px solid #ed744e;

}



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

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -9px;

    content: '';

    display: block;

    width: 16px;

    height: 17px;

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

}



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

    transform: rotateX(180deg);

}



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

    content: '';

    display: block;

    width: 6px;

    height: 6px;

    background-color: #666;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -3px;

    margin-top: -3px;

    opacity: 0;

}



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

    width: 14px;

    height: 14px;

    display: block;

    border: 3px solid #666;

    position: absolute;

    left: 10px;

    top: 50%;

    margin-top: -10px;

}



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





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

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

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

}



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

    width: 14px;

    height: 14px;

    display: block;

    border: 3px solid #666;

    position: absolute;

    left: 10px;

    top: 50%;

    margin-top: -10px;

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

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

}



.newsdetails .casemImg {

    top: .35rem;

    right: -.5rem;

}



.aboutTop:hover .aboutL img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}



.honorImg span {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: block;

    overflow: hidden;

}



.honorImg span::before {

    content: "";

    width: 0;

    height: 100%;

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

    padding: 14px 18px;

    position: absolute;

    top: 0;

    left: 50%;

    opacity: 0;

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

}



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

    width: 100%;

    left: 0;

    opacity: 1;

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

}



.buildin-btn-text {

    position: absolute;

    left: 0;

    top: 0%;

    z-index: 9;

    width: 100%;

    transform: translateY(100%);

}



.honorMore::after,





.honorMore::before {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    border-top: 1px solid transparent;

    bottom: 0;

    content: " ";

    display: block;

    margin: 0 auto;

    position: relative;

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

    transition: all 280ms ease-in-out;

    width: 0;

}



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





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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    border-color: #ddd;

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

    transition: width 350ms ease-in-out;

    width: 90%;

    content: "";

}



.honorMore:hover::before {

    bottom: auto;

    top: 0;

    width: 90%;

}



.honor ul li:hover .honorMore {

    color: #333;

}



.contact ul li .contactBottom::before {

    content: "";

    width: 90%;

    height: 1px;

    border-top: 0;

    border-bottom: 1px solid #ddd;

    position: absolute;

    top: 99%;

    left: 5%;

    opacity: 1;

    -webkit-transition: .5s;

    transition: .5s;

}



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

    content: "";

    bottom: 81px;

    right: -306px;

}



.contactTop span:after {

    content: ""

}



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

    content: "";

    height: 101%;

    top: 0%;

    opacity: 1;

    border-top: 1px solid #ddd;

}



.contact ul li:hover .contactBottom {

    background: #fcfcfc;

}



.contactTop i {

    display: block;

    width: 50px;

    height: 1px;

    background: #ddd;

    margin: 0 auto;

    position: absolute;

    left: 43.5%;

    top: 1.8rem;

}



@keyframes newsd {





    0% {

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

    }



    50% {

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

    }



    100% {

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

    }

}



.newsCenterb ul li:hover .newsCenterbTextr {

    animation: newsd linear 1s infinite alternate;

}



.newsImg::before {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 102%;

    height: 103%;

    border: 2px solid #fff;

    content: '';

    opacity: 0;

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

    transition: opacity 0.35s, transform 0.35s;

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

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

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-transition: .8s;

    transition: .8s;

}



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

    opacity: 1;

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

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

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

    z-index: 2;

}



@keyframes lr {





    0% {

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

        transform: translateX(-5px);

    }



    25% {

        -webkit-transform: translateX(5px);

        transform: translateX(5px);

    }



    50% {

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

        transform: translateX(-5px);

    }



    75% {

        -webkit-transform: translateX(5px);

        transform: translateX(5px);

    }



    100% {

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

        transform: translateX(-5px);

    }

}



@keyframes tb {





    0% {

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

        transform: translateY(-5px);

    }



    25% {

        -webkit-transform: translateY(5px);

        transform: translateY(5px);

    }



    50% {

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

        transform: translateY(-5px);

    }



    75% {

        -webkit-transform: translateY(5px);

        transform: translateY(5px);

    }



    100% {

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

        transform: translateY(-5px);

    }

}



.promessageBox input.a-bth {

    text-indent: 0rem;

    color: #fff;

    position: relative;

    -webkit-transition: .5s;

    transition: .5s;

    margin-top: .2rem;

    display: block;

}



.promessageBox input.a-bth::after {

    width: 50%;

    left: 50%;

    background: #333;

    position: absolute;

    content: "";

}



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

    width: 100%;

    height: 100%;

    background: #333;

    content: "";

}



.caseTitleR ul li a {

    position: relative;

}



.caseTitleR ul li .ctc {

    display: block;

    width: 0;

    position: absolute;

    left: 0px;

    top: 0px;

    white-space: nowrap;

    overflow: hidden;

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

    transition: all .8s ease-out;

    opacity: 0;

    font-size: 0.15rem;

}



.caseTitleR ul li:hover .ctc {

    width: 100%;

    color: #333;

    opacity: 1;

}



.caseTitleR ul li .gaoliang .ctc {

    width: 100%;

    color: #333;

    opacity: 1;

}



.news_classify ul li .gaoliang i {

    left: .18rem;

}



.news_classify ul li .gaoliang span {

    color: #fff;

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

}



.news_classify ul li .gaoliang b {

    left: 0;

}



.caseTitleR ul li span::before {

    width: .1rem;

    height: .1rem;

    border: 2px solid #333;

    content: "";

    display: inline-block;

    margin-right: 10px;

    border-radius: 50%;

    line-height: .2rem;

    vertical-align: revert;

    border-color: #333;

}



.caseTitleR ul li a {

    position: relative;

}



.caseTitleR ul li .ctc {

    display: block;

    width: 0;

    position: absolute;

    left: 0px;

    top: 0px;

    white-space: nowrap;

    overflow: hidden;

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

    transition: all .8s ease-out;

    opacity: 0;

}



.caseTitleR ul li:hover .ctc {

    width: 100%;

    color: #333;

    opacity: 1;

}



.caseTitleR ul li span::before {

    width: .1rem;

    height: .1rem;

    border: 2px solid #333;

    content: "";

    display: inline-block;

    margin-right: 10px;

    border-radius: 50%;

    line-height: .2rem;

    vertical-align: unset;

    border-color: #333;

}



.proListclass2 {

    width: 82%;

    color: #fff;

    display: inline-block;

    font-size: .16rem;

    margin-left: .05rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

    z-index: 2;

}



.caseLdd {

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

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

    -webkit-transition: .5s;

    transition: .5s;

    border-radius: 5px;

    border-radius: 5px 5px 0 0;

}



.caseLdd:hover .caseText {

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

}



.caseLdd:hover {

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

}



.caseLdd .button_text_container {

    width: 0%;

    height: 0%;

    position: absolute;

    top: 100%;

    left: 0;

    background: #0258b8;

    z-index: -1;

    -webkit-transition: 1.2s;

    transition: 1.2s;

    border-radius: 50%;

}



.caseLdd:hover .button_text_container {

    top: 0;

    left: -25%;

    width: 150%;

    height: 150%;

    background: #333;

}



.proListclass1 b {

    display: inline-block;

    width: 15%;

    background: url(../img/proIco1.png) no-repeat center;

    overflow: hidden;

    cursor: pointer;

    padding: .1rem 0;

    vertical-align: bottom;

    transition: all .4s;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    position: relative;

    z-index: 2;

}



.proListclass1 i {

    position: absolute;

    width: 3px;

    height: 100%;

    top: 0;

    left: .03rem;

    background: #fff;

    z-index: 3

}



.proListclass1 b.active {

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

}



.proListclass2:hover {

    color: #fff !important;

}



.bdsharebuttonbox {

    zoom: 1;

    display: inline-flex;

    vertical-align: middle;

    margin-left: 10px;

}



.button_text_container {

    position: absolute;

    top: 0;

    left: 0;

}



.detailsR {

    width: 35%;

    margin-top: .04rem;

}



.productsCC {

    overflow: hidden;

    border-bottom: 1px solid #ededed;

    padding-left: -15px;

    padding-right: -15px;

}



.scan {

    color: #666;

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

    background-repeat: no-repeat;

    background-position: left center;

    padding: 0px 0 3px 30px;

    position: relative;

    display: inline-block;

}



#qrcode {

    margin-top: 10px;

    position: absolute;

    right: 8px;

    top: .3rem;

}



.newsdetails #qrcode {

    position: absolute;

    right: -50px;

    top: 40px;

    z-index: 3

}



#qrcode img {

    width: 200px;

    height: 200px;

    border: 8px solid #fff;

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

    position: relative;

    z-index: 9999999;

}



.map-marker dt {

    float: left;

}



.map-marker dd {

    height: 100px;

    overflow: hidden;

    margin-left: 110px;

}



.map-marker h4 {

    height: 30px;

    font-size: 18px;

    padding-bottom: 0;

    margin-bottom: 0;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding-top: 0;

    margin-top: 0;

    line-height: 30px;

}



.map-marker {

    height: 100px;

}



.map-marker dd span {

    font-size: 18px;

}



.map-marker p {

    height: 40px;

    line-height: 20px;

    overflow: hidden;

}



.bdshare-button-style1-16 span {

    float: left;

    margin-top: .02rem;

    color: #666;

}



.addLine {

    display: block;

    font-size: .15rem;

    padding-bottom: .2rem;

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

    margin-bottom: .2rem;

}



.contactMap {

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

    overflow: hidden;

    padding-bottom: .10rem;

    margin-bottom: -10px;

}



.productRtopl {

    padding: 0;

}



.productRtopr {

    padding: 0;

    border: 1px solid #ededed;

    border-left: 0;

    padding: 0 3% .1rem;

    height: 417px;

}



.pc-slide .view {

    height: 417px;

}



.relevant {

    overflow: hidden;

    max-height: 0.66rem;

    margin-bottom: 0.2rem;

}



.caseRe img {

    display: inline-block;

}



.caseREimg {

    width: .32rem;

    height: .25rem;

    overflow: hidden;

    display: inline-block;

    float: none;

    margin-top: 6px;

    vertical-align: sub;

}



.caseContainer p,





.caseContainer span,





.productsText p,





.productsText span {

    font-size: 0.15rem;

}



.productsCC img {

    display: inline-block;

}



.proListclass1:before {

    content: "";

    position: absolute;

    top: -100%;

    left: 0%;

    width: 100%;

    height: 100%;

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

    -webkit-transition: .5s;

    z-index: 1;

}



.dd:before {

    position: absolute;

    top: 0;

    left: 0%;

    width: 100%;

    height: 100%;

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

    -webkit-transition: .5s;

    z-index: 1;

}



.sidepromenu:hover .proListclass1:before {

    top: 0;

}



.JourTop {

    margin-top: 0.36rem;

}



.JourTopLineL {

    height: 0.1rem;

    border: 1px solid #dadada;

    border-left: 0;

    border-right: 0;

    margin-top: 0.07rem;

    float: left;

    width: 40%;

}



.JourTopLineR {

    height: 0.1rem;

    border: 1px solid #dadada;

    border-left: 0;

    border-right: 0;

    margin-top: 0.07rem;

    float: left;

    width: 40%;

}



.JourTopLineText {

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

    text-transform: uppercase;

    text-align: center;

    float: left;

    width: 20%;

}



.JourTopLineText span {

    font-size: 0.18rem;

    color: #797979;

    letter-spacing: 2px;

}



.JourTopLineText h4 {

    font-size: 0.26rem;

    font-weight: bold;

    margin-top: 0.04rem;

}



.JourTopLineText a {

    width: 0.38rem;

    height: 0.17rem;

    display: block;

    margin: 0.12rem auto 0;

}



.JourTopLineText a img {

    display: block;

}



.JourTopCenter ul li {

    height: 1.1rem;

    width: 100%;

    border-bottom: 1px solid #dadada;

}



.JourTopCenterL {

    margin-top: 0.05rem;

}



.JourTopCenterLimg {

    padding-left: 0;

    margin: 0;

    padding-right: 0;

    width: 48.66%;

}



.JourTopCenterLimg a {

    display: block;

    height: 1rem;

    width: 100%;

}



.JourTopCenter {

    margin-top: 0.26rem;

}



.JourTopCenterLimg a img {

    object-fit: cover;

    width: 100%;

    height: 100%;

    display: block;

}



.JourTopCenterLTime {

    border-right: 1px solid #dadada;

    height: 0.9rem;

    margin-top: 0.05rem;

}



.JourTopCenterLTime h4 {

    font-size: 0.4rem;

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

    font-weight: bold;

    text-align: center;

    color: #d6d6d6;

    margin-top: 0.1rem;

    line-height: 0.4rem;

}



.JourTopCenterLTime span {

    text-align: center;

    display: block;

    color: #d6d6d6;

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

    font-size: 0.22rem;

}



.JourTopCenterR {

    margin-top: 0.05rem;

}



.JourTopCenterRL {

    padding-left: 6px;

    width: 89%;

    float: left;

}



.JourTopCenterRL a {

    display: block;

    font-size: 0.16rem;

    color: #363636;

    padding-top: 0.18rem;

    line-height: 0.16rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.JourTopCenterRL P {

    font-size: 0.14rem;

    line-height: 0.22rem;

    height: 0.44rem;

    margin-top: 0.12rem;

    color: #c2c2c2;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.JourTopCenterRR {

    float: right;

    width: 10%;

    height: 100px;

    background: url(../img/JourTopCenterMore.png) no-repeat 70% center;

    -webkit-transition: .5s;

    transition: .5s;

}



.JourTopCenter ul li {

    -webkit-transition: .5s;

    transition: .5s;

    height: 1.1rem;

}



.JourTopCenter ul li:hover {

    background-color: #fff;

    height: 1.1rem;

    border-bottom: 1px solid #dadada;

    box-shadow: 0 0 22px rgba(0, 0, 0, 0.2);

}



.JourTopCenter ul li.JourTopCenterActive {

    background-color: #fff;

    height: 1.1rem;

    border-bottom: 1px solid #dadada;

    box-shadow: 0 0 22px rgba(0, 0, 0, 0.2);

}



.JourTopCenter ul li:nth-child(1) {

    border-top: 1px solid #dadada;

}



.JourTopCenter ul li:hover .JourTopCenterRR {

    background: url(../img/JourTopCenterMore.png) no-repeat 85% center;

}



.JourCenter {

    margin-top: 0.5rem;

}



.JourCenterTitle h3 {

    float: left;

    padding-left: 0.4rem;

    font-size: 0.26rem;

    color: #363636;

    font-weight: bold;

    position: relative;

}



.JourCenterTitle {

    display: block;

    padding-bottom: 0.1rem;

    border-bottom: 4px solid #b1b1b1;

    line-height: 36px;

}



.JourCenterTitle h3::before {

    content: "";

    width: 0.04rem;

    height: 0.35rem;

    background: #0f4c81;

    position: absolute;

    -webkit-transform: rotate(-25deg);

    transform: rotate(-25deg);

    left: 0.08rem;

}



.JourCenterTitle h3::after {

    content: "";

    width: 0.04rem;

    height: 0.35rem;

    background: #0f4c81;

    position: absolute;

    -webkit-transform: rotate(-25deg);

    transform: rotate(-25deg);

    left: 0.2rem;

    opacity: 0.2;

}



.JourCenterTitle a {

    float: right;

    margin-top: 0.1rem;

}



.JourCenterN a.JourCenterNImg {

    display: block;

    position: relative;

    display: block;

    background: #f1f1f1;

    height: 1.55rem;

}



.JourCenterN a.JourCenterNImg img {

    width: 100%;

    height: 100%;

}



.JourCenterN h4 a {

    font-size: 15px;

    font-weight: bold;

}



.JourCenterText {

    padding: 0.1rem 0.15rem;

}



.JourCenterNCenter {

    border-radius: 10px 10px 0 0;

    overflow: hidden;

    background: #f6f6f6;

    -webkit-transition: .5s;

    transition: .5s;

}



.JourCenterText h4 {

    width: 100%;

}



.JourCenterText h4 a {

    display: block;

    width: 100%;

    line-height: 0.22rem;

    height: 0.44rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    color: #373636;

    -webkit-transition: .5s;

    transition: .5s;

}



.JourCenterText p {

    font-size: 0.14rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #929292;

    padding: 0.06rem 0;

}



.JourCenterTimeBox i {

    padding-left: 0.16rem;

    background: url(../img/JourCenterTime.png) no-repeat center left;

    font-size: 0.12rem;

    color: #c0c0c0;

    float: left;

}



.JourCenterTimeBox a {

    padding-left: 0.16rem;

    background: url(../img/JourCenterMore.png) no-repeat center left;

    font-size: 0.12rem;

    color: #c0c0c0;

    float: right;

}



.JourCenterTimeBox {

    padding: 0.rem 0;

}



.JourCenterN ul li {

    margin-top: 0.2rem;

}



.JourCenterN ul li .JourCenterNCenter:hover {

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

    background-color: #f6f6f6;

}



.JourCenterN ul li .JourCenterNCenter:hover .JourCenterText h4 a {

    color: #0f4c81;

}



.JourCenterL {

    width: 65%;

    float: left;

}



.JourCenterR {

    width: 31%;

    float: right;

}











/* curHover */









































/* curEnd */











.JourCenterR ul li {

    width: 100%;

    padding-left: 5%;

    border-left: 2px solid #e4e4e4;

    margin-left: 2%;

    position: relative;

    padding-right: 0.07rem;

    padding-bottom: 0.3rem;

}



.JourCenterR ul li::after {

    content: "";

    position: absolute;

    top: 0;

    left: -2px;

    width: 2px;

    height: 0%;

    border-left: 2px solid #0f4c81;

    -webkit-transition: .5s;

    transition: .5s;

}



.JourCenterR ul li:hover::after {

    width: 2px;

    height: 100%;

}



.JourCenterR ul li:hover span a {

    color: #0f4c81;

}



.JourCenterRCenter {

    position: relative;

}



#lanPos {

    width: 100%;

    padding-left: 5%;

    border-left: 2px solid #0f4c81;

    margin-left: 2%;

    position: absolute;

    padding-right: 0.07rem;

    padding-top: 0.1rem;

    -webkit-transition: .5s;

    transition: .5s;

}



.JourCenterR ul li span i {

    width: 0.14rem;

    height: 0.14rem;

    border-radius: 50%;

    border: 1px solid #0f4c81;

    margin: 0 auto;

    left: -0.08rem;

    top: 0rem;

    position: absolute;

}



.JourCenterR ul li span i::before {

    width: 0.08rem;

    display: block;

    height: 0.08rem;

    border-radius: 50%;

    border: 1px solid #0f4c81;

    position: absolute;

    content: "";

    left: 0.02rem;

    top: 0.02rem;

}



.JourCenterR ul li:nth-child(1) span i {

    width: 0.14rem;

    height: 0.14rem;

    border-radius: 50%;

    border: 1px solid #0f4c81;

    margin: 0 auto;

    left: -0.08rem;

    top: 0.1rem;

    position: absolute;

}



.JourCenterR ul li:nth-child(1) span i::before {

    width: 0.08rem;

    display: block;

    height: 0.08rem;

    border-radius: 50%;

    border: 1px solid #0f4c81;

    position: absolute;

    content: "";

    left: 0.02rem;

    top: 0.02rem;

}



.JourCenterR ul li:nth-child(4) {

    padding-bottom: 0;

}



.JourCenterR ul li span a {

    font-size: 0.15rem;

    display: block;

    line-height: 0.15rem;

    height: 0.15rem;

    -webkit-transition: .5s;

    transition: .5s;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.JourCenterR ul li p {

    padding: 0.08rem 0.22rem;

    background: #fcfcfc;

    font-size: 0.13rem;

    color: #9e9e9e;

    line-height: 0.22rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    margin-top: 0.15rem;

    border-radius: 6px;

}



.JourCenterR ul li p i {

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    line-height: 0.22rem;

    height: 0.44rem;

    display: -webkit-box;

}



.JourCenterR ul li b {

    padding-left: 0.16rem;

    background: url(../img/JourCenterTime.png) no-repeat 0 0.04rem;

    font-size: 0.12rem;

    margin: 0.09rem 0 0;

    display: block;

    font-weight: normal;

    color: #c0c0c0;

}



.JourCenterR ul {

    margin-top: 0.2rem;

    width: 100%;

}



.JourCenterR ul li:nth-child(1) {

    padding-bottom: 0.21rem;

    padding-top: 10px;

}



.JourBottom {

    margin-top: 0.5rem;

    margin-bottom: 0.5rem;

}



.JourBottomCenterBox {

    margin-top: 0.26rem;

    padding: 0 15px;

}



.JourBottomCenterBox ul li {

    padding: 20px;

    background: #fff;

    border-radius: 6px;

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

    margin: 0.2rem 0;

    -webkit-transition: .5s;

    transition: .5s;

}



.JourBottomCenterBox ul li:hover {

    box-shadow: 0 0 20px rgba(0, 0, 0, .3);

}



.JourBottomCenterBoxTitle i {

    font-size: .13rem;

    background: #333;

    float: left;

    width: .25rem;

    height: .25rem;

    border-radius: 50%;

    display: block;

    color: #fff;

    text-align: center;

    font-weight: bold;

    line-height: .25rem;

}



.JourBottomCenterBoxTitle a {

    width: 82%;

    float: right;

    margin: 0 .1rem;

    background: #fcfcfc;

    padding: .05rem .1rem;

    font-size: .15rem;

    border-radius: 5px;

    position: relative;

}



.JourBottomCenterBoxTitle a b {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-weight: normal;

    display: block;

}



.JourBottomCenterBoxTitle a::after {

    content: "";

    border-left: 13px solid transparent;

    width: 2px;

    height: 0;

    border-top: 13px solid #fcfcfc;

    left: -1%;

    position: absolute;

    top: 3px;

    transform: rotate(-133deg);

}



.JourBottomCenterBoxText {

    margin-top: 0.15rem;

}



.JourBottomCenterBoxText i {

    font-size: .13rem;

    background: #0f4c81;

    float: left;

    width: .25rem;

    height: .25rem;

    border-radius: 50%;

    display: block;

    color: #fff;

    text-align: center;

    font-weight: bold;

    line-height: .25rem;

}



.JourBottomCenterBoxText p {

    margin: 0 .1rem;

    float: right;

    width: 84%;

    font-weight: normal;

    background: #fcfcfc;

    font-size: 0.14rem;

    padding: .03rem .1rem;

    color: #999;

    position: relative;

    padding-bottom: .08rem;

    border-radius: 5px;

}



.JourBottomCenterBoxText p b {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    line-height: 2;

    font-weight: normal;

}



.JourBottomCenterBoxText p::after {

    content: "";

    border-left: 13px solid transparent;

    width: 2px;

    height: 0;

    border-top: 13px solid #fcfcfc;

    left: -1%;

    position: absolute;

    top: 3px;

    transform: rotate(-133deg);

}



.JourBottomCenterBox ul li:hover .JourBottomCenterBoxTitle i {

    animation: tan linear 2s infinite alternate;

}



@media (max-width: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;

    }

}



@media (max-width:992px) {





    .col-md-1 {

        width: 8.33333333%;

    }



    .col-md-2 {

        width: 16.6666666%;

    }



    .col-md-3 {

        width: 25%;

    }



    .col-md-4 {

        width: 33.33333333%;

    }



    .col-md-5 {

        width: 41.66666666%;

    }



    .col-md-6 {

        width: 50%;

    }



    .col-md-7 {

        width: 58.33333333%;

    }



    .col-md-8 {

        width: 66.66666666%;

    }



    .col-md-9 {

        width: 75%;

    }



    .col-md-10 {

        width: 83.33333333%;

    }



    .col-md-11 {

        width: 91.666666666;

    }



    .col-md-12 {

        width: 100%;

    }



    .caseMenuTop {

        display: none;

    }



    .caseMenuBottom .caseTitleR ul {

        padding-top: .1rem;

    }



    .caseMenuBottom .caseTitleR ul li {

        padding-right: .05rem;

    }



    .caseTab ul li b {

        display: none;

    }



    .caseRel i {

        display: block;

        text-align: center;

        font-size: .2rem;

    }



    .proListclass1 a {

        color: #fff;

    }

}



@media (max-width:768px) {





    .proListclass1 a {

        color: #fff;

    }



    .col-sm-1 {

        width: 8.33333333%;

    }



    .col-sm-2 {

        width: 16.6666666%;

    }



    .col-sm-3 {

        width: 25%;

    }



    .col-sm-4 {

        width: 33.33333333%;

    }



    .col-sm-5 {

        width: 41.66666666%;

    }



    .col-sm-6 {

        width: 50%;

    }



    .col-sm-7 {

        width: 58.33333333%;

    }



    .col-sm-8 {

        width: 66.66666666%;

    }



    .col-sm-9 {

        width: 75%;

    }



    .col-sm-10 {

        width: 83.33333333%;

    }



    .col-sm-11 {

        width: 91.666666666;

    }



    .col-sm-12 {

        width: 100%;

    }



    .caseMenuBottom .caseTitleR ul {

        padding-top: .1rem;

    }



    .caseMenuBottom .caseTitleR ul li {

        padding: .05rem 0.2rem;

    }



    .caseRer {

        display: none;

    }



    .caseList {

        padding-top: .2rem;

    }



    .caseTitleR ul li:hover {

        box-shadow: 0 0 0;

    }



    .caseList li:hover .caseText {

        background: #fff;

    }



    .caseList li .caseListTitle {

        font-size: .14rem;

        font-weight: normal;

    }



    .caseList li:hover .caseListTitle {

        font-weight: bold;

        font-weight: normal;

    }



    .caseList li {

        margin-bottom: .2rem;

    }



    .caseList li:hover .caseListTitle {

        color: #333;

    }



    .caseList li p {

        font-size: 1.2rem;

        line-height: 1.5rem;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 4;

        overflow: hidden;

        height: .6rem;

        font-size: .15rem;

        padding: 0 .05rem;

    }



    .caseText {

        padding-top: 0;

        padding-bottom: .05rem;

    }



    .caseList li .caseMore {

        display: none;

    }



    .caseLine {

        display: none;

    }



    .caseList li:hover p {

        color: #666;

    }



    .caseList li:hover .caseListhide {

        top: -102%;

    }



    .caseContainer {

        padding-bottom: .4rem;

    }



    .caseTab ul li img {

        display: none;

    }



    .caseTab ul li span {

        display: none;

    }



    .caseTab ul li i {

        display: block;

        margin: 0 auto;

    }



    .caseTab ul li i.caseCenterIco2 {

        display: block;

        float: right;

        padding: .25rem;

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

    }



    .caseTab ul li {

        padding: 0 .2rem;

        background: #ededed;

    }



    .caseTab {

        margin-top: .2rem;

    }



    .caseCenter h3 {

        font-size: .2rem;

        line-height: .13rem;

    }



    .caseRecenter li .caseMore {

        display: none;

    }



    .caseRecenter li p {

        font-size: .14rem;

        line-height: .2rem;

        padding: 0 .1rem;

        line-height: .2rem;

        height: .8rem;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 4;

        overflow: hidden;

        color: #666;

    }



    .caseRecenter .caseText {

        background: #f2f2f2;

        padding-bottom: 1rem;

    }



    .caseRe i {

        display: block;

        text-align: center;

        font-size: .24rem;

    }



    .proListTop img {

        display: none;

    }



    .proList {

        padding-top: .2rem;

    }



    .prouctsTitle h3 {

        color: #333;

    }



    .prouctsTitle p {

        color: #666;

    }



    .proList_classify ul li p {

        display: none;

    }



    .proHot,





    .newsHot {

        display: none;

    }



    .proListRtop {

        display: none;

    }



    .proListRsort {

        display: none;

    }



    .productsBorer {

        padding: .05rem;

    }



    .proListCenter ul {

        margin-right: -15px;

        margin-left: -15px;

    }



    .proListclass1 {

        background: #f1f1f1;

    }



    .proList_classify ul li i {

        display: none;

    }



    .proListclass1 span {

        width: 100%;

        font-size: .14rem;

        font-weight: normal;

        color: #333;

    }



    .proListCenter ul li:hover .productsBorer {

        border: 1px solid #dededd;

    }



    .proListCenter ul li:hover .caseListhide {

        top: -100%;

    }



    .proListCenter li {

        margin-top: 0;

        margin-bottom: .1rem;

    }



    .proListCenter ul li:hover a.proListTitle {

        color: #333;

        border-bottom: 1px solid #dededd;

    }



    .proListCenter ul li:hover a.proMore {

        color: #999;

    }



    .pro_page {

        margin: 0;

        text-align: center;

    }



    .proList_sort ul li:hover .proHot_txt {

        color: #333;

    }



    .proList_classify {

        margin-left: 15px;

        margin-right: 15px;

    }



    .exzoom .exzoom_zoom_outer {

        display: none

    }



    .productRtopr h4 {

        display: none;

    }



    .productRtopr p {

        display: none;

    }



    .productRtopr h5 {

        display: none;

    }



    .relevant {

        display: none;

    }



    .relevantImg {

        display: none;

    }



    .details {

        display: none;

    }



    .detailsR {

        display: none;

    }



    .promessageBox input {

        margin-top: .1rem;

    }



    .textarea {

        min-height: .8rem;

    }



    .show {

        height: 1.4rem;

    }



    .show img {

        height: 1.4rem;

    }



    .smallshow&gt;.middle_box {

        width: 78%;

    }



    .productRtopl {

        padding-left: -15px;

        padding-right: -15px;

    }



    .smallshow .middle&gt;li {

        padding: 0 1%;

    }



    .bg_right {

        display: none;

    }



    .mask {

        display: none;

    }



    .smallshow .middle {

        overflow: hidden;

        transition: all 0.5s;

        height: .4rem;

    }



    .smallshow .middle&gt;li {

        width: 21%;

    }



    .prolistImgd {

        padding: 0px;

        margin-bottom: .1rem;

    }



    .productsLil i {

        display: none;

    }



    .productsLil {

        margin-top: .1rem;

        margin-bottom: .1rem;

    }



    .productsLir i {

        margin-bottom: 0;

    }



    .productsLir {

        padding: 0;

    }



    .productss .proListRsort {

        border-bottom: 1px solid #dededd;

        box-shadow: 0 0 0;

        margin-bottom: 0rem;

    }



    .aboutTop {

        background: none;

    }



    .aboutL {

        padding-right: 0;

        padding-bottom: 0;

    }



    .aboutR h4 {

        font-size: .18rem;

    }



    .aboutR {

        padding-top: .1rem;

        color: #333;

    }



    .aboutR h4 {

        color: #333;

        text-align: center;

    }



    .aboutR span {

        display: block;

        color: #333;

        text-align: center;

        color: #999;

    }



    .aboutR p {

        color: #333;

        height: auto;

    }



    .aboutLine {

        margin: .4rem auto;

        background: #666;

    }



    .aboutTitle h3 {

        margin-top: .2rem;

        font-size: .2rem;

    }



    .aboutTitle span {

        padding-top: 0;

    }



    .honor ul li {

        margin-top: .1rem;

    }



    .contact ul li:hover .contactBottom {

        background: none;

    }



    .contact ul li:hover .contactTop {

        background: none;

    }



    .contact ul li:hover h4.contactmeg {

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

    }



    .contact ul li:hover h4.contactNetwork {

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

    }



    .contact ul li:hover h4.contactService {

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

    }



    .contact ul li:hover .contactTop h4 {

        color: #333;

    }



    .contact ul li:hover .contactTop span {

        color: #666;

    }



    .contactBottom {

        padding: 0.1rem 0;

    }



    .contact ul li:first-child .contactBottom {

        padding: 0.1rem 0 .8rem;

    }



    .contact ul li {

        margin-top: .2rem;

    }



    .contactTop {

        padding: .1rem 0;

    }



    .contact {

        padding-bottom: .2rem;

    }



    .contactBox ul li {

        padding: 0 3%;

        margin: .2rem 0;

        height: auto;

    }



    .contactList ul li h4 {

        line-height: 2;

    }



    .contactBox {

        margin-top: 0;

    }



    .aboutTitle p {

        padding: .2rem 5%;

        text-align: left;

        text-indent: .2em;

    }



    .news_classify {

        padding-left: 15px;

        padding-right: 15px;

    }



    .news_classify ul li a {

        background: #f2f2f2;

    }



    .news_classify ul li b {

        display: none;

    }



    .news_classify ul li i {

        display: none;

    }



    .newsCenterTop {

        padding: .1rem;

        margin-top: .2rem;

        border-radius: .5px;

    }



    .newsCenterT,





    .newsCenterTopl,





    .newsCenterTopr {

        padding-left: 0;

        padding-right: 0;

    }



    .nwesCenterbText span {

        display: none;

    }



    .newsCenterbTextr {

        width: 100%;

        padding: 0 8% 1%;

    }



    .honorMore1 {

        margin-bottom: 0.2rem;

    }



    .bdshare-button-style1-16 {

        display: none;

    }



    .newsCenterb ul li {

        padding-left: 0;

        padding-right: 0;

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

    }



    .news_classify ul li:hover span {

        color: #333;

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

    }



    .newsCenterb ul li:hover a {

        color: #333;

    }



    .newsTop ul li:hover .newsTopcenter {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

        background: #fff;

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

    }



    .newsTop ul li:hover .newsText {

        color: #333;

    }



    .newsTop ul li:hover .newsTopcenter span {

        color: #333;

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

    }



    .newsTopcenter span {

        margin-top: .05rem;

        color: #999;

    }



    .newsTopcenter .newsText {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }



    .newsListRtop:hover .newsListRtopL {

        display: none;

        width: 0;

    }



    .newsListRtop:hover .newsListRtopR {

        width: 100%;

    }



    .newsQa {

        margin-top: .3rem;

    }



    .newsQa ul li a {

        width: 83%;

    }



    .newsQa ul li b {

        width: 83%;

    }



    .newsQa ul li:hover {

        color: #333;

    }



    .newsListRtop:hover {

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

        border-bottom: 1px solid #f2f2f2;

    }



    .newsListLcenter:hover {

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

    }



    .newsListRtop:hover .newsListRtopR {

        padding: 0;

    }



    .newsListRtop:hover .newsListRtopR a {

        color: #333;

    }



    .productTopImg {

        padding: 0;

    }



    .pc-slide {

        margin: .2rem 0 0rem;

    }



    .driving-way .hd {

        display: none;

    }



    .driving-way .map-tab #result {

        top: 130%;

        width: 100%;

    }



    .content-show {

        overflow: hidden;

        padding-bottom: .4rem;

    }



    .wjdh-map #wmap {

        height: 5rem;

    }



    .caseRecommend {

        padding-bottom: .5rem;

    }



    .caseRecenter li:hover .caseListhide {

        display: none;

    }



    .caseRecenter li:hover .caseText {

        background: #f2f2f2;

    }



    .caseRecenter li:hover .caseListTitle {

        color: #333;

        font-weight: bold;

    }



    .caseRecenter li:hover p {

        color: #666;

    }



    .prolistImgd:hover .proMored {

        position: absolute;

        top: 84%;

        width: 100%;

        height: 0%;

        left: 0;

        width: 100%;

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

        color: #fff;

        line-height: 1.4rem;

        -webkit-transition: .5s;

        transition: .5s;

        padding: 3% 5%;

        text-align: left;

    }



    .aboutR p {

        height: auto

    }



    .aboutR p:hoveR {

        height: auto;

    }



    .newsdetails {

        margin-left: 0;

        margin-right: 0;

    }



    .productsCenter {

        padding-left: -15px;

        padding-right: -15px;

    }



    .productRtop .productRtopl {

        padding-left: -15px;

        padding-right: -15px;

    }



    .pro-textarea {

        text-indent: .25rem;

        line-height: 2.4;

    }



    .productsTTOP:hover .casemImg {

        display: none;

    }



    .caseTitleR ul li:hover a {

        color: #333;

    }



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

        opacity: 0;

    }



    .honor ul li:hover .honorMore {

        color: #333;

    }



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





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

        opacity: 0;

        content: "";

    }



    .contact ul li:hover {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }



    .caseList li:hover .caseListhide {

        display: none;

    }



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





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

        opacity: 0;

        content: "";

    }



    .newsCenterb ul li .newsCenterbImg i {

        opacity: 0;

    }



    .newsCenterb ul li:hover .newsCenterbImg i {

        opacity: 0;

    }



    .newsTopcenter .newsText {

        height: .2em;

        display: block;

    }



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

        opacity: 0;

    }



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

        opacity: 0;

    }



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

        opacity: 0;

    }



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

        opacity: 0;

    }



    .productsBorer:hover i a::before,





    .productsBorer:hover i a::after {

        display: none;

    }



    .newsCenterTop:hover a img {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }



    .newsCenterTopr h4 a {

        font-size: .16rem;

    }



    .newsCenterTop:hover h4 a {

        color: #333;

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }



    .newsCenterb ul li:hover .newsCenterbTextr a {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }



    .newsCenterb ul li .newsCenterbTextr {

        animation: newsd linear 3s infinite alternate;

    }



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

        opacity: 0;

    }



    .prolistImgd:hover .proMored {

        height: 20%;

    }



    .productsCtl img {

        margin-left: .05rem;

    }



    .sidepromenu {

        padding-left: 2px;

        padding-right: 2px;

    }



    .JourTopLineL,





    .JourTopLineR {

        display: none;

    }



    .JourTopLineText {

        width: 100%;

    }



    .JourTopCenterL {

        display: none;

    }



    .JourCenterL {

        width: 100%;

    }



    .JourCenterR {

        width: 100%;

        margin-top: 0.5rem;

    }



    .JourTopLineText h4,





    .JourCenterTitle h3 {

        font-size: 0.2rem;

    }



    .JourBottom {

        margin-bottom: 0.5rem;

    }



    .JourCenterTitle h3::before,





    .JourCenterTitle h3::after {

        display: none;

    }



    .JourCenterTitle h3 {

        padding-left: 0;

    }



    .JourCenterTimeBox i {

        display: none;

    }



    .JourCenterText h4 a {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        display: block;

        font-weight: normal;

        height: 0.22rem;

    }



    .JourCenterText {

        padding: 0.1rem;

    }



    .JourCenterText p {

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 3;

        overflow: hidden;

        text-overflow: inherit;

        white-space: initial;

        height: 0.66rem;

        margin-bottom: 0.1rem;

    }

}



.caseMenu {

    width: 100%;

    height: 150px;

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

    color: #999;

}



.honorImg1 {

    display: block;

    position: relative;

    padding: 40%;

    background: #fff;

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

}



.honorMore1 {

    text-align: center;

    display: block;

    padding-top: .08rem;

    line-height: 3;

    font-size: .15rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

}



.honorImg1 span {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0%;

    display: block;

    overflow: hidden;

}



.productsText p span {

    font-size: .15rem;

}



.page-content span {

    font-size: .15rem;

}



.honorImg1 img {

    max-width: 94%;

    max-height: 94%;

    padding: 0%;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

}



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

    width: 100%;

    left: 0;

    opacity: 1;

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

}



.honorImg1 span::before {

    content: "";

    width: 0;

    height: 100%;

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

    padding: 14px 18px;

    position: absolute;

    top: 0;

    left: 50%;

    opacity: 0;

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

}



.honorMore1 {

    text-align: center;

    display: block;

    padding-top: 0.08rem;

    line-height: 3;

    font-size: .15rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

    margin-bottom: 2rem;

}



.honorMore1::after,





.honorMore1::before {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    border-top: 1px solid transparent;

    bottom: 0;

    content: " ";

    display: block;

    margin: 0 auto;

    position: relative;

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

    transition: all 280ms ease-in-out;

    width: 0;

}



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





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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    border-color: #ddd;

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

    transition: width 350ms ease-in-out;

    width: 90%;

}



.caseRecommend .caseRecommend {

    margin-top: 1rem;

    margin-bottom: 1rem;

}



.honorBox {

    overflow: hidden;

}



.honorBox ul {

    margin-top: .2rem;

}



.searchBoxTitle {

    font-weight: bold;

    margin-top: .4rem;

    font-size: .2rem;

    letter-spacing: .2px;

    margin-bottom: .4rem;

}



.searchProducts h5 {

    border: 1px solid #ccc;

    padding: .1rem;

    border-radius: 5px;

    font-weight: bold;

    margin-bottom: .2rem;

}



.searchImg a.searchImgCenter {

    display: block;

    position: relative;

    padding: 50%;

    border: 1px solid #ccc;

}



.searchImg a.searchImgCenter img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    max-height: 100%;

    display: block;

    padding: 10%;

}



a.searchText {

    text-align: center;

    display: block;

    margin-top: .1rem;

    font-size: .12rem;

    font-weight: bold;

    color: #666;

}



a.searchText {

    margin-bottom: .2rem;

}



.searchNews h5 {

    border: 1px solid #ccc;

    padding: .1rem;

    border-radius: 5px;

    font-weight: bold;

    margin-bottom: .2rem;

}



.searchNews ul li a {

    color: #333;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: .05rem 0;

    -webkit-transition: .5s;

    transition: .5s;

    font-size: .15rem;

    font-weight: bold;

}



.searchNews ul li a:hover {

    color: #12a7eb;

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.siteMapBox {

    overflow: hidden;

    border: 1px solid #ccc;

    margin-top: .3rem;

    padding-bottom: .3rem;

    margin-bottom: 0.3rem;

}



.text-right1 {

    float: right;

    padding: .05rem;

    background: #F8F8F8;

    color: #666;

    border: 1px solid #E0E0E0;

    z-index: 2;

}



.text-right1 a {

    color: #666;

    display: inline-block;

    padding: 0 5px;

}



.text-right1 a:hover {

    color: #333;

}



.siteMapBox ul li {

    padding: 0rem .2rem;

    line-height: .2rem;

    overflow: hidden;

}



.siteMapBox ul li a.siteTitle {

    font-weight: bold;

    display: block;

    line-height: .4rem;

    font-size: .16rem;

}



.siteMapBox ul li .siteMapMt {

    overflow: hidden;

    border: 1px solid #ccc;

    padding: .05rem;

}



.siteMapBox ul li .siteMapMt a.siteMore {

    padding: 0 20px;

}



.siteMapBox {

    position: relative;

}



.text-right1 {

    position: absolute;

    right: 0;

}



.siteMapBox ul li a.siteMore:hover {

    color: #333;

}



.siteMapBox ul li .siteMapMt b {

    display: block;

    width: 100%;

}



.searchMore {

    display: block;

}



.siteMore {

    display: block;

}



.siteMore i {

    display: block;

}



.siteMdd {

    display: block;

}



.siteMapMt span {

    display: block;

    text-align: center;

}



.siteMapMt p {

    float: left;

    margin-bottom: 0;

}



.webqq_left span {

    font-size: 18px;

}



.pro_addPageTitle {

    width: 100%;

    height: 0.7rem;

    background: #333;

    border-radius: 10px 10px 0 0;

    position: relative;

    padding: 0 20px;

}



.pro_addPageTitle h4 {

    position: relative;

    display: inline-block;

    color: #fff;

    font-size: 0.24rem;

    z-index: 2;

    background: #333;

    margin-top: 0.22rem;

}



.pro_addPageTitle p {

    position: absolute;

    top: 0;

    left: 20px;

    line-height: 0.7rem;

    color: #fff;

    opacity: 0.2;

    z-index: 2;

    text-transform: uppercase;

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

    font-size: 0.4rem;

    letter-spacing: -5px;

}



.pro_addPageTitle img {

    width: 0.3rem;

    height: 0.3rem;

    display: block;

    position: absolute;

    right: 20px;

    top: 20px;

}



.pro_addPagenr {

    border: 1px solid #eaeaea;

    border-top: 0;

    padding: 0 0.2rem 0.2rem;

}



.pro_addPagenr h5 {

    width: 100%;

    height: 0.5rem;

    display: block;

    background: #eaeaea;

}



.pro_addPagenr ul li h5 a {

    width: 80%;

    padding: 0 10px;

    display: block;

    padding-right: 0%;

    font-size: 0.18rem;

    line-height: 0.5rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    float: left;

}



.pro_addPagenr ul li h5 b {

    width: 20%;

    background: url(../img/pro_addPagenrIco.png) no-repeat center;

    float: left;

    height: 0.5rem;

    -webkit-transition: .5s;

    transition: .5s;

    cursor: pointer;

}



.pro_addPagenr ul li h5 b.on {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}



.pro_addPagenr ul li:hover h5 {

    background: #333;

    -webkit-transition: .5s;

    transition: .5s;

}



.pro_addPagenr ul li:hover h5 a {

    color: #fff;

    -webkit-transition: .5s;

    transition: .5s;

}



.pro_addPagenr ol li {

    border: 1px solid #ededed;

    border-top: 0;

    padding: 0 10px;

    line-height: 50px;

}



.pro_addPagenr ul&gt;li {

    padding-top: 0.2rem;

}



.pro_addPagenr ol li {

    margin-top: 0;

}



.pro_addPagenr ol li a {

    width: 100%;

    padding: 0;

    display: block;

    padding-right: 20%;

    font-size: 0.14rem;

    line-height: 0.5rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    background: url(../img/pro_addPagenrIco.png) no-repeat 95% center;

    -webkit-transition: .5s;

    transition: .5s;

    color: #666;

}



.pro_addPagenr ol li:hover a {

    color: #333;

    -webkit-transform: translateX(5px);

}



.pro_addNewsTitle {

    height: 0.46rem;

    width: 100%;

    background: #333333;

    padding: 0 20px;

    margin-top: 0.2rem;

}



.pro_addNewsTitle img {

    width: 0.21rem;

    height: 0.23rem;

    vertical-align: sub;

}



.pro_addNewsTitle i {

    font-size: 0.18rem;

    color: #fff;

    line-height: 0.46rem;

    padding-left: 0.1rem;

}



.pro_addNewsBox {

    width: 100%;

    padding: 0 0.2rem;

    border: 1px solid #ededed;

    border-top: 0;

}



.pro_addNewsImg {

    display: block;

    position: relative;

    padding: 32.6%;

    border: 4px solid #f0f0f0;

    margin: 0.1rem 0 0;

}



.pro_addNewsImg img {

    max-width: 100%;

    max-height: 100%;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



.pro_addNewsText {

    height: 0.38rem;

    border-bottom: 1px solid #ededed;

    display: block;

    text-align: center;

    line-height: 0.38rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #666;

}



.pro_addNewsCenter {

    height: 30px;

    margin-top: 10px;

}



.pro_addNewsCenter .pro_addNewsBoxL {

    width: 50%;

    position: relative;

    float: left;

    height: 18px;

}



.pro_addNewsCenter .pro_addNewsBoxL img {

    display: block;

    margin: 2px 4px;

}



.pro_addNewsCenter .pro_addNewsBoxL i {

    position: absolute;

    right: 10px;

    width: 0.18rem;

    height: 0.18rem;

    cursor: pointer;

    -webkit-transition: .5s;

    transition: .5s;

    border: 1px solid #ededed;

}



.pro_addNewsCenter .pro_addNewsBoxR i {

    position: absolute;

    left: 10px;

    width: 0.18rem;

    height: 0.18rem;

    cursor: pointer;

    -webkit-transition: .5s;

    transition: .5s;

    border: 1px solid #ededed;

}



.pro_addNewsCenter .pro_addNewsBoxR {

    width: 50%;

    position: relative;

    float: left;

    height: 30px;

}



.pro_addNewsCenter .pro_addNewsBoxR img {

    display: block;

    margin: 2px 4px;

}



.pro_addNewsCenter .pro_addNewsBoxR:hover i,





.pro_addNewsCenter .pro_addNewsBoxL:hover i {

    background: #333;

}



.pro_addNewsTitle1 img {

    height: 0.19rem;

    width: 0.17rem;

}



.pro_addNewsBoxList ul li {

    border: 1px solid #ededed;

    border-top: 0;

    padding: 0 0.2rem;

    line-height: 0.4rem;

}



.pro_addNewsBoxList ul li a {

    padding-left: 0.2rem;

    line-height: 0.4rem;

    display: block;

    background: url(../img/pro_addNewsBoxListIco.png) no-repeat center left;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s;

    color: #666;

}



.pro_addNewsBoxList ul li a:hover {

    color: #333;

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.proListR ul li .proListCenterBpx {

    border: 1px solid #ededed;

    padding: 5px 5px 0;

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

    border-radius: 5px;

    -webkit-transition: .5s;

    transition: .5s;

    overflow: hidden;

    margin: 0 -6px 20px;

    background: #f7f7f7;

}



.proListR ul li .proListCenterBpx:hover {

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

    transform: translateY(-5px);

}



.proListR ul li .proListCenterBpx:hover .proListCenterTextL a {

    font-weight: 600;

    color: #333;

}



.proListR ul li .proListCenterBpx:hover .proListCenterTextR {

    background: #333;

}



.proListCenterTextL {

    width: 80%;

    float: left;

    display: block;

    background: #f9f9f9;

    padding-left: 0.2rem;

}



.proListCenterTextR {

    width: 20%;

    float: left;

    background: #e9e9e9;

    -webkit-transition: .5s;

    transition: .5s;

}



.proListCenterP {

    width: 105%;

    height: 5px;

    background-color: #fff;

    clear: both;

    margin: 0 -5px;

}



.proListCenter1d {

    position: relative;

    display: block;

    border: 1px solid #f1f1f1;

    border-bottom: 0;

    padding: 30%;

}



.proListR ul li .proListCenterBpx:hover {

    border-color: #333;

    background: #fff;

}



.proListCenter1d img {

    max-width: 100%;

    max-height: 100%;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



.proListCenterTextL {

    height: 66px;

    overflow: hidden;

}



.proListCenterTextR {

    height: 66px;

}



.proListCenterTextR img {

    display: block;

    margin: 0.18rem auto;

}



.proListCenterText2 {

    font-size: 0.18rem;

    line-height: 2;

    font-weight: 500;

    -webkit-transition: .5s;

    transition: .5s;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

}



.proListCenterTextL p {

    font-size: 0.14rem;

    color: #999;

    padding-right: 0.1rem;

    margin-bottom: 0.09rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



@media (max-width:768px) {





    .caseTitleR {

        margin-bottom: .2rem;

        overflow: hidden;

    }



    .caseMenuBottom .caseTitleR ul {

        padding-top: 0;

    }



    .caseMenu {

        background: none;

    }



    .caseMenu {

        height: auto;

    }



    .honorImg1 span {

        display: none;

    }



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





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

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

        border-color: transparent;

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

        transition: width 350ms ease-in-out;

        width: 90%;

        content: "";

    }



    .caseRecommend {

        padding-bottom: 0;

    }



    .caseTitleR ul li .ctc {

        display: none;

    }



    .caseTab ul li {

        padding: .2rem .2rem;

    }



    .caseTab ul li:last-child a {

        background: none;

    }



    .caseTab ul li a {

        background: none;

    }



    .caseTab ul li:hover {

        background: none;

    }



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

        background: none;

    }



    .caseTab ul li:hover a {

        background: none;

    }



    .scan,





    .bdsharebuttonbox {

        display: none;

    }



    .proListCenter i a::after,





    .productsBorer i::after {

        display: none;

    }



    .border-left,





    .border-right,





    .border-top,





    .border-bottom,





    .border-proleft,





    .border-proright,





    .border-protop,





    .border-probottom {

        display: none;

    }



    .proListCenter ul li:hover a.proListTitle {

        color: #333 !important;

    }



    .pagination a,





    .pagination span {

        padding: 4px 7px;

        margin: 0 .05rem;

    }



    .proListclass2:hover {

        color: #fff;

    }



    .proMored {

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

    }



    .webqqs {

        display: none;

    }



    .caseRecenter .caseText {

        padding: 0;

    }



    .caseLdd .button_text_container {

        display: none;

    }



    .proList b {

        display: none !important;

    }



    .proListclass1 {

        overflow: hidden;

    }



    .aboutTop img {

        max-width: 100%;

        height: auto;

    }



    .contact ul li:hover .contactTop {

        background: #fff !important;

    }



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





    .contact ul li .contactBottom::before {

        display: none;

    }



    .row1 {

        margin: 0 -15px;

    }



    .proListCenter li {

        margin-top: .2rem;

        padding: 0 15px;

    }



    .productRtopr {

        height: auto;

    }



    .productsCenter img {

        max-width: 100%;

        height: auto;

    }



    .proListCenter {

        margin: 0 -15px;

    }



    .proListCenter li {

        padding: 0 15px;

    }



    .proList_classify {

        margin: 0 0px;

    }



    .proListL {

        margin-left: 0;

    }



    .container {

        padding-left: 15px;

        padding-right: 15px;

    }



    .proListclass1 i {

        display: none;

    }



    .proList_classify {

        margin-left: 15px;

        margin-right: 15px;

    }



    .proListCenter {

        margin: 0 15px;

    }



    .prolistImgd:hover .proMored {

        position: absolute;

        top: 83.5%;

        display: block;

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

        left: 0;

        width: 96%;

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

        color: #fff;

        -webkit-transition: .5s;

        transition: .5s;

        padding: 0% 5%;

        font-size: .14rem;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        padding-right: 20%;

        left: 2%;

        line-height: 1.8;

        height: .24rem;

    }



    .pc-slide .view {

        height: 217px;

    }



    .productRtopr,





    .productsMore {

        display: none;

    }



    .caseList li:hover .caseListTitle {

        color: #333 !important;

    }



    .caseList li p {

        display: none;

    }



    .caseMenu {}



    .caseMenuBottom {

        padding-top: 0;

    }



    .caseList {

        padding-top: .4rem;

    }



    .caseLdd:hover {

        box-shadow: 0 0 0;

    }



    .caseList li .caseListTitle {

        padding: 0.05rem 0;

    }



    .caseList li:hover .caseText {

        border-bottom: 1px solid #f2f2f2;

    }



    .caseContainer {

        padding: 0 15px;

    }



    .caseREimg img {

        display: none;

    }



    .caseRecenter li:hover .caseListTitle {

        font-weight: normal;

    }



    .caseTab {

        padding: 0 15px;

    }



    .newsTop li {

        padding: 0;

    }



    .newsTop ul li:hover .newsTopcenter {

        border-top: 1px solid #f2f2f2;

        background: #fff !important;

    }



    .newsListLcenter {

        box-shadow: 0 0 0;

    }



    .newsListR {

        margin-top: 0.2rem;

    }



    .honorMore1 {

        margin-bottom: 0.2rem;

    }



    .caseRe i {

        text-align: center;

        display: block;

    }



    .wjdh-map {

        position: relative;

        width: 100%;

        height: 500px;

    }



    .wjdh-map #r-result {

        width: 100%;

        height: 5rem;

    }



    .content-show {

        padding: 0;

    }



    .map-tab {

        display: none;

    }



    #wmap {

        height: 5rem;

    }



    #r-result {

        display: none;

    }



    .map-marker h4 {

        font-size: 0.16rem;

    }



    .map-marker dd span,





    .map-marker p {

        font-size: .14rem;

    }



    .newsListLImg::after {

        display: none;

    }



    .newsListLcenter:hover .newsListLtext a,





    .newsListRtop:hover span,





    .newsListRtop:hover b,





    .newsListRtop:hover .newsListRtopR a {

        color: #333 !important;

    }

}



.h1,





h1 {

    font-size: 100%;

    box-sizing: content-box;

}



.page-content p {

    margin-bottom: 10px;

}



.caseContainer p {

    margin-bottom: 10px;

}



@keyframes newsAiMore {





    0% {

        background: url(../img/pageArrow.png) no-repeat 100% center;

    }



    20% {

        background: url(../img/pageArrow.png) no-repeat 95% center;

    }



    40% {

        background: url(../img/pageArrow.png) no-repeat 100% center;

    }



    60% {

        background: url(../img/pageArrow.png) no-repeat 95% center;

    }



    80% {

        background: url(../img/pageArrow.png) no-repeat 100% center;

    }



    100% {

        background: url(../img/pageArrow.png) no-repeat 95% center;

    }

}



.newsAi ul li .newsAicenter {

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

    padding: 15px 30px;

    margin-top: 0.3rem;

}



.newsAi ul li .newsAicenter span {

    font-size: 0.2rem;

    color: #999;

    display: block;

}



.newsAi ul li .newsAicenter span i {

    font-size: 0.14rem;

    padding-left: 0.05rem;

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

}



.newsAiTitle {

    display: block;

    line-height: 3;

    font-size: 0.15rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsAicenter p {

    font-size: 0.14rem;

    color: #666;

    line-height: 2;

    height: 0.56rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.newsAiMore {

    display: block;

    border-top: 1px solid #f5f5f5;

    margin-top: 0.1rem;

    font-size: 0.14rem;

    color: #b2b2b2;

    line-height: 3;

    background: url(../img/pageArrow.png) no-repeat 100% center;

    animation: newsAiMore linear 4s infinite alternate;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsAi ul li:hover a.newsAiTitle {

    color: #333;

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.newsAiMore:hover {

    color: #333;

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.nwesCenterbText1 {

    overflow-y: hidden;

}



.nwesCenterbText1 span {

    display: block;

    margin: 0.2rem 0.1rem;

    border: 1px solid #dededd;

    font-size: .25rem;

    line-height: 1;

    padding: .1rem .12rem;

    color: #999;

    float: left;

    line-height: 1.5;

    padding: 0.15rem 0.2rem;

}



.nwesCenterbText1 span i {

    font-size: .15rem;

    display: block;

    padding-top: .04rem;

    padding-bottom: 0rem;

}



.newsCenterbTextr1 {

    padding: 0 0 0 2%;

    width: 85%;

    float: left;

    background: url(../img/newsAic.png) no-repeat 117% 100% 54%;

    -webkit-transition: .5s;

    transition: .5s;

    position: relative;

    margin-top: 0.16rem;

    overflow: hidden;

    height: 1rem;

}



.newsCenterbTextr1 a.newsAiText {

    display: block;

    font-size: .2rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s;

    width: 100%;

    line-height: 2;

    overflow-y: hidden;

    position: relative;

}



.newsAiMore1 {

    position: absolute;

    right: -10%;

    top: 0;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsCenterbTextr1 p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    line-height: 2;

    margin: 0;

    font-size: .14rem;

    width: 100%;

    color: #808080;

    -webkit-transition: .5s;

    transition: .5s;

    margin-top: 0.1rem;

}



.proListR1 .newsCenterb ul li {

    margin-top: 0;

    margin-bottom: 0rem;

}



.proListR1 .newsCenterb ul li .newsCenter {

    padding: 20px 30px;

}



.newsCenterb ul li:hover .newsAiMore1 {

    right: 0%;

}



.newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText,





.newsCenterb ul li:hover .newsCenterbTextr1 p {

    width: 100%;

}



.newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText {

    color: #333;

}



.proListR1 .newsCenter {

    border-bottom: 1px solid #f2f2f2;

}



.honorBox .honorMore1 {

    margin-bottom: 0.2rem;

    -webkit-transition: .5s;

    transition: .5s;

}



.honorMore1:hover {

    color: #000;

}



.productCenterShow .ShowProductTitle {

    background: #333 url(../img/ShowProductTitle.png) no-repeat top;

    padding: 0 20px;

    border-radius: 10px 10px 0 0;

    height: 1.04rem;

}



.productCenterShow .ShowProductTitleYY {

    display: block;

    width: 100%;

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

    height: 1px;

}



.productCenterShow .ShowProductTitle h4 {

    font-size: 0.22rem;

    color: #fff;

    font-weight: bold;

    text-align: center;

    padding: 0.24rem 0.22rem 0;

}



.productCenterShow .ShowProductTitle p {

    font-size: 0.16rem;

    color: #fff;

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

    text-transform: uppercase;

    text-align: center;

    font-weight: bold;

    line-height: 1.7;

}



.productCenterShow .ShowProductTitle p::after,





.productCenterShow .ShowProductTitle p::before {

    content: "-";

    padding: 0 5px;

}



.productCenterShow .ShowProductTitle img {

    display: block;

    margin: 0 auto;

    padding-bottom: 0.1rem;

}



.ShowProductCenter {

    background-color: #f9f9f9;

    margin-top: 10px;

}



.ShowProductCenter ul li h6 {

    background-color: #333;

    padding: 10px 15px;

    overflow: hidden;

    border-radius: 6px 6px 0 0;

}



.ShowProductCenter ul li h6 a {

    color: #fff;

    font-size: 0.16rem;

    font-weight: bold;

    line-height: 0.21rem;

    display: block;

    width: 90%;

    float: left;

}



.ShowProductCenter ul li h6 i {

    width: 0.21rem;

    margin-right: 10px;

}



.ShowProductCenter ul li h6 i img {

    width: 0.21rem;

    vertical-align: bottom;

}



.ShowProductCenter ul li h6 b {

    width: 10%;

    background: url(../img/ShowProductPevr.png) no-repeat center right;

    height: 0.21rem;

    display: block;

    float: left;

    cursor: pointer;

    -webkit-transition: .5s;

    transition: .5s;

}



.ShowProductCenter ul li h6 b.on {

    background: url(../img/ShowProductPevr.png) no-repeat center center;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}



.ShowProductCenter ul li ol {

    padding: 0.1rem 0.1rem 0.1rem;

    overflow: hidden;

}



.ShowProductCenter ul li {

    margin-bottom: 0.1rem;

}



.ShowProductCenter ul li ol li {

    padding: 4px 10px;

    margin: 10px 0;

    position: relative;

    background: #fff;

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

    border-radius: 4px;

}



.ShowProductCenter ul li ol li a {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

    z-index: 2;

    background: url(../img/ShowProductOl.png) no-repeat 6px center;

    padding-left: 30px;

    -webkit-transition: .5s;

    transition: .5s;

    font-size: 0.15rem;

    color: #626161;

}



.ShowProductCenter ul li ol li i {

    width: 0%;

    height: 100%;

    background: #333;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-transition: .5s;

    transition: .5s;

}



.ShowProductCenter ul li ol li:hover a {

    color: #fff;

    background: url(../img/ShowProductOl1.png) no-repeat 6px center;

}



.ShowProductCenter ul li ol li:hover i {

    width: 100%;

}



.HotproductShow,





.HotproductShow1 {

    border-top: 3px solid #333;

}



.HotproductShow1 ul li i {

    float: left;

    position: relative;

}



.HotproductShow1 ul li span {

    float: left;

    font-size: 0.14rem;

}



.HotproductShow1 ul li a i::after {

    content: "";

    width: 0.1rem;

    height: 1px;

    display: inline-block;

    background: #ccc;

    vertical-align: middle;

    margin: 0 5px 0 12px;

    padding: 0 5px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s;

}



.HotproductShow1 ul li a:hover i::after {

    width: 0.2rem;

    margin: 0 5px 0 7px;

    background: #333;

}



.HotproductShow1 ul li {

    padding: 0 10px;

}



.ShowproductList .ShowProductListTitle {

    width: 100%;

    height: 60px;

    background: #f9f9f9;

}



.ShowProductTitleL {

    position: relative;

    overflow: hidden;

    width: 11%;

    float: left;

}



.ShowProductTitleL i {

    background: #ebebeb;

    position: absolute;

    width: 240px;

    height: 240px;

    border-radius: 50%;

    top: -140%;

    right: 0;

}



.ShowProductTitleText {

    float: left;

    margin-left: 2%;

}



.ShowProductTitleL b {

    height: 60px;

    display: block;

    position: relative;

    z-index: 2;

    text-align: center;

    line-height: 60px;

    font-size: 0.5rem;

    color: #fff;

    font-weight: bold;

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

    text-shadow: 0 0 10px rgba(0, 0, 0, .2);

}



.ShowProductTitleText a,





.ShowProductTitleText span {

    font-size: 0.16rem;

    display: block;

    padding-top: 0.06rem;

    overflow: hidden;

    width: 100%;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s;

}



.ShowProductTitleText p {

    font-size: 0.14rem;

    color: #999;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.showProductTitleMore {

    margin-right: 2%;

    float: right;

    width: 2em;

    box-sizing: content-box;

    border: 1px solid #999;

    padding: 1px 9px;

    color: #999;

    margin-top: 0.06rem;

    -webkit-transition: .5s;

    transition: .5s;

}



.showProductTitleMore:hover {

    color: #333;

    border: 1px solid #333;

}



.ShowProductsListBoxImg {

    background: #f9f9f9;

    padding: 12px;

    border-radius: 5px;

    -webkit-transition: .5s;

    transition: .5s;

}



.ShowProductsListBoxImgD {

    position: relative;

    padding: 33.3%;

    display: block;

}



.ShowProductsListBoxImgBox {

    background: #fff;

    padding: 10px;

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

    border-radius: 5px;

    -webkit-transition: .5s;

    transition: .5s;

}



.ShowProductsListBoxImgBox a.ShowProductsListBoxImgD img {

    max-width: 100%;

    max-height: 100%;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    -webkit-transition: .5s;

    transition: .5s;

}



.showProductListMOredR {

    -webkit-transition: .5s;

    transition: .5s;

}



.showProductListMOredR a {

    display: block;

}



.showProductListMOred {

    overflow: hidden;

    margin-top: 0.1rem;

}



.showProductListMOredL {

    width: 80%;

    float: left;

    -webkit-transition: .5s;

    transition: .5s;

}



.tubiapo {

    padding-top: 0.14rem;

}



.showProductListMOredR {

    float: right;

    width: 10%;

    position: relative;

    padding: 2%;

}



.showProductListMOredR img {

    display: block;

    margin: 0 auto;

}



.ShowProductListBox {

    margin: 0 -10px;

}



.showProductListMOredL a {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 0.16rem;

    -webkit-transition: .5s;

    transition: .5s;

}



.ShowProductListBox ul li:hover .showProductListMOredL a {

    color: #333;

}



.ShowProductListBox ul li:hover .showProductListMOredL p {

    color: #333;

}



.ShowProductCWC {

    border: 5px solid #f9f9f9;

    overflow: hidden;

    margin-top: 0.2rem;

    padding: 5px 0px;

}



.ShowProductListTitleTitle .ShowProductCWC {

    margin-top: 0;

    border-top: 0;

}



.ShowProductCWC a {

    padding-left: 25px;

    color: #858585;

    display: inline-block;

    -webkit-transition: .5s;

    transition: .5s;

    line-height: 2;

}



.ShowProductCWC a i {

    width: 0.1rem;

    height: 0.1rem;

    display: inline-block;

    overflow: hidden;

}



.ShowProductCWC a img {

    display: inline-block;

}



.ShowproductList {

    overflow: hidden;

    margin-bottom: 0.3rem;

}



.ShowProductCWC a:hover i img {

    border-left: 180px solid transparent;

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

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

}



.ShowProductCWC a:hover {

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.showProductListMOredL p {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #999;

    -webkit-transition: .5s;

    transition: .5s;

}



.ShowProductListBox ul li {

    margin-top: 0.16rem;

    padding: 0 10px;

}



.ShowProductCWC a:hover {

    color: #333;

}



.ShowProductsImgBox {

    padding: 0.1rem 0;

    background: #f9f9f9;

    margin: 0.2rem 0 0;

    overflow: hidden;

}



.ShowProductImgL a {

    position: relative;

    display: block;

    padding: 33.6%;

    border: 1px solid #f1f1f1;

}



.ShowProductImgL a img {

    max-width: 100%;

    max-height: 100%;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



.ShowProductImgRBox {

    width: 94%;

    height: 90%;

    overflow: hidden;

    background-color: #fff;

    border: 1px solid #dedede;

    padding: 20px;

    margin: 10px;

}



.ShowProductImgRBoxTitle {

    display: block;

    font-size: .18rem;

    font-weight: bold;

    color: #333;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-bottom: 0.1rem;

    -webkit-transition: .5s;

    transition: .5s;

}



.ShowProductImgRLine {

    width: 100%;

    border-top: 1px solid #dedede;

    margin: 0 auto;

}



.ShowProductImgRBox p {

    color: #858585;

    line-height: 2;

    text-indent: 2em;

    margin-top: 0.2rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    height: 0.84rem;

    -webkit-transition: .5s;

    transition: .5s;

}



.ShowProductImgRLine1 {

    width: 10%;

    border-top: 1px solid #dedede;

    margin: 0.2rem auto;

    -webkit-transition: .5s;

    transition: .5s;

}



.ShowProductImgBoxCenterL {

    float: left;

    height: 0.44rem;

    animation: msClock 2s linear infinite;

    animation: msClock 2s linear infinite;

}



.ShowProductImgBoxCenterLText {

    margin-left: 0.1rem;

    float: left;

    height: 0.44rem;

    -webkit-transition: .5s;

    transition: .5s;

}



.ShowProductImgBoxCenterLText span {

    font-size: 0.14rem;

    color: #7f7f7f;

    display: block;

}



.ShowProductImgRBox:hover .ShowProductImgRBoxTitle {

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

    transform: translateY(-5px);

}



.ShowProductImgRBox:hover p {

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

}



@keyframes msClock {











    0%,





    70%,





    100% {

        transform: rotate(0) scale(1);

    }



    10%,





    30% {

        transform: rotate(-15deg) scale(1.05);

    }



    20%,





    40% {

        transform: rotate(15deg) scale(1.05);

    }

}



.ShowProductImgBoxCenterLText i {

    font-size: 0.18rem;

    color: #7f7f7f;

    font-weight: bold;

}



.ShowProductImgBoxCenterRMore {

    float: right;

    height: 0.44rem;

    width: 20%;

    border-left: 1px solid #a7a7a7;

    padding-left: 0.1rem;

    color: #999;

    line-height: 0.44rem;

    -webkit-transition: .5s;

    transition: .5s;

}



.ShowProductImgBoxCenterRMore:hover {

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

    color: #333;

    border-left: 1px solid #333;

}



@media(max-width:768px) {





    .nwesCenterbText1 span {

        display: none;

    }



    .proListL {

        display: none;

    }



    .newsCenterbTextr1 {

        width: 100%;

    }



    .proListR1 .newsCenterb ul li {

        margin-top: 0.3rem;

        margin-bottom: 0;

    }



    .newsCenterb ul li .newsAiMore1 {

        display: none;

    }



    .newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText,





    .newsCenterb ul li:hover .newsCenterbTextr1 p {

        width: 100%;

    }



    .newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText {

        color: #333;

    }



    .newsCenter {

        border-bottom: 1px solid #e6e6e6;

    }

}



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

    top: 56px;

}



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

    top: 0;

}



.ShowProductListBox ul li:hover .ShowProductsListBoxImg .ShowProductsListBoxImgBox {

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

}



.ShowProductListBox ul li:hover .ShowProductsListBoxImg img {

    display: block;

    -webkit-transform: scale(1.02);

    transform: scale(1.02);

}



.ShowProductListBox ul li:hover .showProductListMOredL {

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

}



.ShowProductImgRBox:hover .ShowProductImgRLine1 {

    width: 30%;

}



.ShowProductImgRBox:hover .ShowProductImgBoxCenterLText {

    margin-left: 0.12rem;

}



.ShowProductImgRBox:hover .ShowProductImgBoxCenterRMore {

    margin-right: 0.02rem;

}



.ShowProductListBox ul li:hover .showProductListMOredR {

    margin-right: 0.04rem;

}



@media(max-width:768px) {





    .pro_addNews {

        display: none !important;

    }



    .pro_addNew,





    .pro_addNewsBoxList {

        display: none !important;

    }



    .pro_addPagenr {

        margin-bottom: 0.2rem;

    }



    .pro_addPage .row {

        margin: 0;

    }



    .ShowProductImgRBox {

        margin: 10px 15px;

    }



    .ShowProductImgBoxCenterRMore {

        width: 28%;

    }



    .showProductListMOredR {

        display: none;

    }



    .showProductListMOredL {

        width: 100%;

    }

}



@keyframes tan {





    0% {

        -webkit-transform: translateY(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);

    }

}







/* 2020.5.13 */

.newsTOnewTop {

    background: #fbfbfb;

    padding: 0.5rem 0;

}





.newsTonewTopLBox {

    width: 100%;

    height: auto;

    background: #fff;

    padding: 0.2rem;

    border-radius: 5px;

    border: 1px solid #e4e4e4;

    box-shadow: 0 0 19px rgba(0, 0, 0, 0.05);

}



.newsTonewTopLBox h4 a {

    display: block;

    text-align: center;

    font-size: 0.18rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.newsTonewTopLBox h4 i {

    width: 0.3rem;

    height: 0.02rem;

    background: #cacaca;

    display: block;

    margin: 0.12rem auto;

}





.newsTonewsTopLImg {

    width: 100%;

    height: 2.2rem;

    display: block;

    position: relative;

}



.newsTonewsTopLImg a.newsTonewsTopLImgA {

    width: 100%;

    height: 2.2rem;

    display: block;



}



.newsTonewsTopLImg a.newsTonewsTopLImgA img {

    display: block;

    width: 100%;

    height: 2.2rem;

    border-radius: 5px;

    -webkit-transition: .5s;

    transition: .5s;

    object-fit: cover;

}



.newsTonewsTioTime {

    width: 0.8rem;

    height: 0.8rem;

    background: #0f4c81;

    position: absolute;

    bottom: -0.25rem;

    -webkit-transition: .5s;

    transition: .5s;

    left: 0;

}



.newsTonewsTioTime h4 {

    padding-top: 0.16rem;

    font-size: 30px;

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

    color: #fff;

    padding-left: 0.06rem;

    padding-bottom: 0.08rem;

    border-bottom: 1px solid rgba(255, 255, 255, .5);

}



.newsTonewsTioTime span {

    padding-left: 0.06rem;

    line-height: 0.24rem;

    color: #fff;

}





.newsTOnewTopL p {

    padding-top: 0.4rem;

    line-height: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    color: #999;

    text-indent: 2em;

}





.newsTOnewTopLMore {

    display: block;

    width: 1.7rem;

    height: 0.3rem;

    display: block;

    margin: 0.22rem auto 0;

    border: 1px solid #d0d0d0;

    line-height: 0.3rem;

    text-indent: .3rem;

    color: #515151;

    background: url('../img/newsTOnewTopLMore.png') no-repeat 74% center;

    -webkit-transition: .5s;

    transition: .5s;

}





.newsTOnewTopL:hover .newsTonewsTopLImg a.newsTonewsTopLImgA img {

    transform: scale(1.02);

}



.newsTOnewTopL:hover .newsTonewsTioTime {

    left: 1%;

}





.newsTOnewTopL:hover .newsTOnewTopLMore {

    background: #0f4c81 url('../img/newsTOnewTopLMore.png') no-repeat 76% center;

    color: #fff;

    text-indent: .25rem;

}





.newsTOnewTopRTitle {

    width: 100%;

}



.newsTOnewTopRTitleL {

    float: left;

    width: 4%;

}



.newsTOnewTopRTitleL h4 {

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

    font-size: 40px;

    text-transform: uppercase;

    color: #0f4c81;

    position: relative;

}



.newsTOnewTopRTitleL span {

    font-size: 13px;

    display: block;

    line-height: 1;

    position: absolute;

    bottom: -0.06rem;

    text-align: center;



}



.newsTOnewTopRTitleLTitle {

    float: left;

    font-size: 26px;

    line-height: 1;

    font-weight: bold;

    color: #0f4c81;

    margin-left: 2px;

    padding-top: 6px;

    border-bottom: 1px solid #0f4c81;

    height: 0.46rem;

}



.newsTonewTopRTitleR {

    float: right;

    width: 96%;

    height: 0.46rem;

    border-bottom: 1px solid #dcdcdc;

}



.newsTonewTopRTitleRMore {

    line-height: 1.2;

    border: 1px solid #999;

    border-left: 0;

    border-right: 0;

    float: right;

    margin-top: 0.16rem;

    -webkit-transition: .5s;

    transition: .5s;

    padding: 0 10px;

}



.newsTonewTopRTitleRMore:hover {

    border: 1px solid #0f4c81;

    color: #0f4c81;

    border-left: 0;

    border-right: 0;

    transform: translateX(-2px);

}



.newsTOnewTopRCenter ul li {

    width: 100%;

    height: 0.94rem;

    background: #fff;

    margin-top: 0.15rem;

    border: 1px solid #e4e4e4;

}



.newsTOnewTopRCenterL {

    float: left;

    width: 14%;

    height: 0.94rem;

    border: 1px solid #f2f2f2;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsTOnewTopRCenterR {

    float: left;

    width: 86%;

    padding: 0 0.17rem;

}





.newsTOnewTopRCenterL span {

    font-size: 30px;

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

    color: #0f4c81;

    display: block;

    border-bottom: 1px solid rgba(255, 255, 255, .5);

    position: relative;

    border-bottom: 1px solid #0f4c81;

    width: 60%;

    margin: 0 auto;

    line-height: 1.5;

    padding-top: 8%;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsTOnewTopRCenterL i {

    width: 60%;

    margin: 0 auto;

    line-height: 0.24rem;

    color: #0f4c81;

    display: block;

    padding-top: 0.05rem;

    line-height: 1.5;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsTOnewTopRCenterR a {

    display: block;

    line-height: 2;

    font-size: 0.16rem;

    padding-top: 0.05rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s;

}





.newsTOnewTopRCenterR p {

    font-size: 0.14rem;

    color: #999;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    min-height: 0.42rem;

}





.newsTOnewTopRCenter ul li:hover .newsTOnewTopRCenterL {

    transform: translate(5px, 5px);

    background: #0f4c81;



}





.newsTOnewTopRCenter ul li:hover .newsTOnewTopRCenterL span {

    color: #fff;

    border-color: #fff;

}



.newsTOnewTopRCenter ul li:hover .newsTOnewTopRCenterL i {

    color: #fff;

}



.newsTOnewTopRCenter ul li:hover .newsTOnewTopRCenterR a {

    color: #0f4c81;

    padding-top: 0.1rem;

}





.newsToNewCenterL {

    padding: 0.6rem 15px;

}





.newsToNewCenterL .newsTOnewTopRTitleL {

    width: 8%;

}



.newsToNewCenterL .newsTonewTopRTitleR {

    width: 92%;

}







.newsToNewCenterL .JourCenterR {

    width: 100%;

}





.newsToNewCenterL .JourCenterR ul li {

    border-color: #fff;

}



.newsToNewCenterR {

    padding: 0.6rem 15px;

}



.newsToNewTopRRboxL {

    width: 24%;

    float: left;

    height: 1.26rem;

    overflow: hidden;

    border: 1px solid #f2f2f2;

    border-radius: 5px;

    box-shadow: 0 0 19px rgba(0, 0, 0, 0.05);

}



.newsToNewTopRRboxL img {

    width: 100%;

    height: 1.26rem;

    object-fit: cover;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsToNewTopRRboxR {

    float: left;

    width: 74%;

    margin-left: 2%;

}





.newsToNewTopRRbox ul li {

    margin-top: 0.16rem;

}





.newsToNewTopRRboxRTitle {

    color: #0f4c81;

    display: block;

    padding-bottom: 1%;

    border-bottom: 1px solid #dcdcdc;

    padding-top: 2%;

    -webkit-transition: .5s;

    transition: .5s;

    position: relative;

}



.newsToNewTopRRboxRTitle::after {

    content: "";

}





.newsToNewTopRRboxRTitle a {

    display: block;

    float: left;

    width: 80%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 0.16rem;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsToNewTopRRboxRTitle span {

    float: right;

    color: #b1b1b1;

    -webkit-transition: .5s;

    transition: .5s;

}





.newsToNewTopRRboxR p {

    padding-top: 1%;

    line-height: 1.8;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}





.newsToNeWStOPrRBoxMore {

    display: block;

    color: #c0c0c0;

    padding-left: 20px;

    background: url(../img/JourCenterMore.png) no-repeat center left;

    margin-top: 0.13rem;

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

    font-size: 0.12rem;

    -webkit-transition: .5s;

    transition: .5s;



}





.newsToNewTopRRbox ul li:hover .newsToNewTopRRboxL img {

    transform: scale(1.04);

}



.newsToNewTopRRbox ul li:hover .newsToNewTopRRboxRTitle a {

    color: #0f4c81;

    transform: translateX(5px);

}



.newsToNewTopRRbox ul li:hover .newsToNewTopRRboxRTitle span {

    transform: translateX(-5px);

}



.newsToNewTopRRboxRTitle::after {

    content: "";

    width: 0%;

    background-color: #0f4c81;

    height: 1px;

    position: absolute;

    bottom: -1px;

    left: 0;

    -webkit-transition: .5s;

    transition: .5s;

}





.newsToNewTopRRbox ul li:hover .newsToNewTopRRboxRTitle::after {

    width: 100%;

}





.newsToNeWStOPrRBoxMore:hover {

    transform: translateX(5px);

}



.newsToNewCenter {

    border-bottom: 1px solid #f2f2f2;

}





.newsTOnewBottom {

    margin-top: 0.5rem;

    margin-bottom: 0.5rem;

}





.newsTOnewBottomtitle h3 {

    text-align: center;

    font-size: 0.26rem;

    font-weight: bold;

    color: #0f4c81;

}





.newsTOnewBottomtitle p {

    font-size: 0.2rem;

    text-align: center;

    color: #cdcdcd;

}



.newsTOnewBottomtitle p i {

    padding: 0 0.05rem;

    line-height: 1;

}





.newsTOnewBottomBox {

    margin-top: 0.5rem;

    border-bottom: 1px solid #f2f2f2;

    display: block;

    height: 2.62rem;



}



.newsTOnewBottomBox ul li {

    padding: 0;

    height: 1.3rem;

    border: 1px solid #e4e4e4;

    border-left: 0;

    border-right: 0;

    border-bottom: 0;

    position: relative;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsTOnewBottomBox ul li .newsTOnewBottomBoxTimeL {

    width: 29%;

    float: left;

    height: 1.3rem;

    background-color: #fbfbfb;

    -webkit-transition: .9s;

    transition: .9s;

}



.newsTOnewBottomBox ul li .newsToNewBottomBoxText {

    float: left;

    height: 1.3rem;

    width: 71%;



}



.newsTOnewBottomBoxTimeL h4 {

    font-size: 0.32rem;

    padding-left: 30%;

    margin-top: 0.4rem;

    color: #999;

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

    -webkit-transition: .5s;

    transition: .5s;

}



.newsTOnewBottomBoxTimeL span {

    font-size: 0.16rem;

    padding-left: 30%;

    display: block;

    color: #999;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsToNewBottomBoxText {

    padding: 0 6%;

}



.newsToNewBottomBoxText a {

    font-size: 0.16rem;

    line-height: 4;

    font-size: 0.16rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsToNewBottomBoxText p {

    color: #999;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}





.newsTOnewBottomBox ul li:hover .newsTOnewBottomBoxTimeL {

    background: #0f4c81;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsTOnewBottomBox ul li:hover .newsTOnewBottomBoxTimeL h4,

.newsTOnewBottomBox ul li:hover .newsTOnewBottomBoxTimeL span {

    color: #fff;

}



.newsTOnewBottomBox ul li::after {

    content: "";

    width: 0%;

    height: 1px;

    background: #0f4c81;

    position: absolute;

    bottom: 0px;

    left: 0;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsTOnewBottomBox ul li::before {

    content: "";

    width: 0%;

    height: 1px;

    background: #0f4c81;

    position: absolute;

    top: -1px;

    left: 0;

    -webkit-transition: .5s;

    transition: .5s;

}



.newsTOnewBottomBox ul li:hover::after,

.newsTOnewBottomBox ul li:hover::before {

    width: 100%;

}



.newsTOnewBottomBox ul li:hover .newsToNewBottomBoxText a {

    color: #0f4c81;

    transform: translateX(5px);

}





@media(max-width:768px) {

    .newsTOnewTopRTitleL {

        width: 15%;

    }



    .newsTonewTopRTitleR {

        width: 85%;

    }



    .newsTOnewTopRTitle {

        margin-top: 0.3rem;

    }



    .newsTOnewTopRCenterL {

        display: none;

    }



    .newsToNewTopRRboxL {

        display: none;

    }



    .newsToNewTopRRboxR {

        width: 100%;

    }



    .newsTOnewTopRCenterR {

        width: 100%;

    }



    .newsToNewCenterL,

    .newsToNewCenterR {

        padding: 0.2rem 15px;

    }



    .newsTOnewBottomBoxTimeL h4,

    .newsTOnewBottomBoxTimeL span {

        padding-left: 16%;

    }

}</pre></body></html>