@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: 1300px;

    margin: 0 auto;

}



.navbar-left {

    float: left;

}



.navbar-right {

    float: right;

}



.productscd {

    height: 1.4rem;

    border-bottom: 1px solid #ededed;

}



.productstopvd {

    height: 1.4rem;

    overflow: hidden;

    margin-top: 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(/uploads/image/tpimg/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(/uploads/image/tpimg/see.png) no-repeat center;

    position: absolute;

    z-index: 1;

    -moz-transform: rotatex(90deg);

}



.newsmeenu .casemenu {

    width: 100%;

    height: 150px;

    background: url(/uploads/image/tpimg/aboutmenu.jpg) no-repeat center;

    color: #999;

}



.aboutmenu .casemenu {

    width: 100%;

    height: 150px;

    background: url(/uploads/image/tpimg/aboutmenu1.jpg) no-repeat center;

    color: #999;

}



.contactmenu .casemenu {

    width: 100%;

    height: 150px;

    background: url(/uploads/image/tpimg/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: .24rem;

    color: #4c4c4c;

    line-height: 2;

}



.casemfx {

    display: block;

    text-align: center;

    padding-top: .1rem;

    position: relative;

    font-size: .15rem;

    color: #8c8c8c;

    text-overflow: ellipsis;

    white-space: nowrap;

    height: .3rem;

}



.sidepromenu {

    margin-top: 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(/uploads/image/tpimg/casecenterico2.png) no-repeat center right;

    padding-right: 15%;

    color: #666;

}



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

    background: url(/uploads/image/tpimg/casecenterico2-1.png) no-repeat center right;

}



.casetab ul li i.casecenterico1 {

    display: block;

    float: left;

    padding: .25rem;

    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/casecenterico1-1.png) no-repeat center left;

}



.casetab ul li:hover .casecenterico2 {

    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/curpo.png), default;

}



.caserecenter a {

    cursor: url(/uploads/image/tpimg/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: 1300px;

    margin: 0 auto;

}



.contactbox iframe {

    display: none;

}



.caserecenter li {

    margin-bottom: .3rem;

    -webkit-transition: .5s;

    transition: .5s;

    width: 33.333333333333333%;

}



.caserecenter li:hover .caselisthide {

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0;

    transform: rotatex(90deg);

    -webkit-transform: rotatex(360deg);

    -moz-transform: rotatex(90deg);

}



.caselist li:hover .casetext {

    background: 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;

    height: 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>i {

    display: block;

    font-size: .22rem;

    text-align: center;

    padding-bottom: .1rem;

    border-bottom: 1px solid #e6e6e6;

}



.newshot i img {

    padding-right: .1rem;

}



.newshot ul li {

    display: inline-block;

    line-height: 2.6;

    border-bottom: 1px solid #e6e6e6;

    color: #999;

    -webkit-transition: .5s;

    transition: .5s;

}



.newshot ul li:hover {

    -webkit-transform: translatex(5px);

    transform: translatex(5px);

}



.newshot ul li span {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: inline-block;

    vertical-align: bottom;

    margin-left: .1rem;

    font-size: .14rem;

    width: 8em;

}



.newshot ul li i, .newshot ul li span {

    color: #999;

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

    transform: translatex(-5px);

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: .15rem;

    white-space: nowrap;

}



.newshot ul li:hover i, .newshot ul li:hover span {

    color: #333

}



.prolistr {

    float: left;

}



.prolistrtop {

    padding: .1rem 0;

    background: #f4f4f4;

}



.prolistrtop i {

    padding-left: .2rem;

    font-size: .16rem;

}



.prolistrtop i img {

    display: inline-block;

    margin-right: .1rem;

}



.prolistrsort {

    padding: .15rem;

    background: #fff;

    box-shadow: -6px 8px 15px rgba(0, 0, 0, 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(/uploads/image/tpimg/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(/uploads/image/tpimg/promore.png) no-repeat 95% center;

    }



    25% {

        background: url(/uploads/image/tpimg/promore.png) no-repeat 97% center;

    }



    50% {

        background: url(/uploads/image/tpimg/promore.png) no-repeat 100% center;

    }



    75% {

        background: url(/uploads/image/tpimg/promore.png) no-repeat 97% center;

    }



    100% {

        background: url(/uploads/image/tpimg/promore.png) no-repeat 95% center;

    }

}



@keyframes proll {

    0% {

        background: url(/uploads/image/tpimg/productsico3.png) no-repeat 95% center;

    }



    25% {

        background: url(/uploads/image/tpimg/productsico3.png) no-repeat 97% center;

    }



    50% {

        background: url(/uploads/image/tpimg/productsico3.png) no-repeat 100% center;

    }



    75% {

        background: url(/uploads/image/tpimg/productsico3.png) no-repeat 97% center;

    }



    100% {

        background: url(/uploads/image/tpimg/productsico3.png) no-repeat 95% center;

    }

}



.promore {

    padding: .08rem;

    display: block;

    font-size: .1rem;

    text-transform: uppercase;

    color: #c6c6c6;

    background: url(/uploads/image/tpimg/promore.png) no-repeat 100% center;

    animation: llr linear 1.5s infinite alternate;

}



.pro_page {

    padding-top: .1rem;

    margin-left: 15px;

    margin-top: .4rem;

}



.btn-text-parent {

    position: relative;

    display: inline-block;

    overflow: hidden;

    vertical-align: bottom;

}



.wrap_text {

    display: inline-block;

}



.buildin-btn-text {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9;

    width: 100%;

    transform: translatey(100%);

}



.buildin-btn-text .btn-letter {

    opacity: 0;

}



.btn-letter {

    display: inline-block;

    margin: 0em 0.05em;

    position: relative;

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

}



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

    transition-delay: 49ms;

}



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

    transition-delay: 99ms;

}



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

    transition-delay: 149ms;

}



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

    transition-delay: 199ms;

}



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

    transition-delay: 249ms;

}



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

    transition-delay: 299ms;

}



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

    transition-delay: 349ms;

}



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

    transition-delay: 399ms;

}



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

    transition-delay: 449ms;

}



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

    transition-delay: 499ms;

}



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

    transition-delay: 549ms;

}



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

    transition-delay: 599ms;

}



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

    transition-delay: 649ms;

}



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

    transition-delay: 699ms;

}



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

    transition-delay: 749ms;

}



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

    transition-delay: 799ms;

}



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

    transition-delay: 849ms;

}



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

    transition-delay: 899ms;

}



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

    transition-delay: 949ms;

}



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

    transition-delay: 999ms;

}



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

    transition-delay: 1049ms;

}



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

    transition-delay: 1099ms;

}



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

    transition-delay: 1149ms;

}



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

    transition-delay: 1199ms;

}



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

    transition-delay: 1249ms;

}



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

    transition-delay: 1299ms;

}



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

    transition-delay: 1349ms;

}



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

    transition-delay: 1399ms;

}



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

    transition-delay: 1449ms;

}



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

    transition-delay: 1499ms;

}



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

    opacity: 0;

    transition-delay: 49ms;

}



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

    opacity: 0;

    transition-delay: 99ms;

}



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

    opacity: 0;

    transition-delay: 149ms;

}



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

    opacity: 0;

    transition-delay: 199ms;

}



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

    opacity: 0;

    transition-delay: 249ms;

}



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

    opacity: 0;

    transition-delay: 299ms;

}



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

    opacity: 0;

    transition-delay: 349ms;

}



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

    opacity: 0;

    transition-delay: 399ms;

}



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

    opacity: 0;

    transition-delay: 449ms;

}



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

    opacity: 0;

    transition-delay: 499ms;

}



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

    opacity: 0;

    transition-delay: 549ms;

}



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

    opacity: 0;

    transition-delay: 599ms;

}



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

    opacity: 0;

    transition-delay: 649ms;

}



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

    opacity: 0;

    transition-delay: 699ms;

}



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

    opacity: 0;

    transition-delay: 749ms;

}



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

    opacity: 0;

    transition-delay: 799ms;

}



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

    opacity: 0;

    transition-delay: 849ms;

}



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

    opacity: 0;

    transition-delay: 899ms;

}



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

    opacity: 0;

    transition-delay: 949ms;

}



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

    opacity: 0;

    transition-delay: 999ms;

}



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

    opacity: 0;

    transition-delay: 1049ms;

}



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

    opacity: 0;

    transition-delay: 1099ms;

}



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

    opacity: 0;

    transition-delay: 1149ms;

}



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

    opacity: 0;

    transition-delay: 1199ms;

}



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

    opacity: 0;

    transition-delay: 1249ms;

}



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

    opacity: 0;

    transition-delay: 1299ms;

}



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

    opacity: 0;

    transition-delay: 1349ms;

}



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

    opacity: 0;

    transition-delay: 1399ms;

}



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

    opacity: 0;

    transition-delay: 1449ms;

}



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

    opacity: 0;

    transition-delay: 1499ms;

}



.casetitler>ul {

    position: relative;

}



.casetitler ul li {

    float: left;

    text-align: center;

    font-size: 15px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}



.casetitler ul li a {

    display: block;

    color: #666666;

    overflow: hidden;

    font-size: .15rem;

}



.pc-slide {

    width: 100%;

    margin: 0 auto;

}



.view .swiper-container {

    width: 100%;

}



.view .arrow-left {

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

    position: absolute;

    left: 0px;

    top: 50%;

    margin-top: -25px;

    width: 38px;

    height: 37px;

    z-index: 10;

}



.view .arrow-left:after {

    content: "";

    background: url(/uploads/image/tpimg/prev.png) no-repeat left center;

    overflow: hidden;

    padding: 49%;

    top: 0px;

    position: absolute;

}



.view .arrow-right:after {

    content: "";

    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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>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(/uploads/image/tpimg/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(/uploads/image/tpimg/name.png) no-repeat .1rem center;

}



.promessagebox input.pro-tel {

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

}



.promessagebox input.pro-email {

    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/productslist4.png) no-repeat center 67%;

    left: 1.5%;

    overflow: hidden;

    border-radius: .03rem;

}



.prolistrsort1 a:hover {

    -webkit-transform: translatex(5px);

    transform: translatex(5px);

}



.productss .prolistrsort {

    border-bottom: 1px solid #dededd;

    box-shadow: 0 0 0;

    margin-bottom: 0rem;

}



.prolistimgd {

    padding: 0 .05rem .1rem;

}



.pagination>li>a, .pagination>li>span {

    margin: 0 .03rem;

}



.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {

    background: #333;

    color: #fff;

}



.casetitler {

    margin-top: 0.05rem;

}



.abouttitler ul li {

    margin-right: .2rem;

}



.abouttitle h3 {

    font-size: .26rem;

    text-align: center;

    line-height: 1;

    margin-top: .4rem;

    color: #4c4c4c;

}



.abouttitle span {

    text-align: center;

    display: block;

    text-transform: uppercase;

    color: #666;

    font-size: .16rem;

    line-height: 2.5;

    font-family: arial;

}



.abouttop {

    margin-top: .2rem;

}



.aboutl {

    padding-left: 0;

    padding-bottom: .7rem;

}



.aboutl i {

    display: block;

    position: relative;

    padding: 39%;

    overflow: hidden;

}



.aboutl i img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: .5s;

    transition: .5s;

}



.aboutr {

    padding-top: .2rem;

}



.aboutr h3 {

    color: #fff;

    font-size: .26rem;

    color: #333;

    text-align: center;

}



.aboutr span {

    font-size: .15rem;

    color: #333;

    line-height: 2;

}



.aboutline {

    width: 1rem;

    height: 1px;

    background: #f2f2f2;

    margin: .2rem auto;

}



.aboutr p {

    color: #666;

    line-height: 2;

    text-indent: 2em;

    -webkit-transition: .3s;

    transition: .3s;

}



.clear {

    clear: both;

}



.aboutr i {

    display: block;

    font-size: .15rem;

    padding-bottom: .5rem;

    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/honorr.png) no-repeat center;

    top: -0.2rem;

    position: absolute;

    z-index: 99;

    cursor: pointer;

    right: 0;

}



.contact {

    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/contactico1.png) no-repeat center .1rem;

    -webkit-transition: .5s;

    transition: .5s;

}



.contactnetwork {

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

    -webkit-transition: .5s;

    transition: .5s;

}



.contactservice {

    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/contactico1-1.png) no-repeat center .1rem;

}



.contact ul li:hover h4.contactnetwork {

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

}



.contact ul li:hover h4.contactservice {

    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/name.png) no-repeat .1rem center;

}



.contactbox input.contact-imgcode {

    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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: .16rem;

    line-height: 0.3rem;

    display: block;

    color: #666;

}



.productstext {

    font-size: .16rem;

    line-height: 2;

}



.newslistlcenter span {

    margin-top: .2rem;

    display: block;

    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/checkbox.png) no-repeat 10px center;

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

}



.driving-way .map-tab ul {

    position: relative;

    width: 100%;

    height: 112px;

    _background: url(/uploads/image/tpimg/ico5.png) no-repeat left center;

    *background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/ico5.png) no-repeat center center;

    -webkit-transition: .5s;

    transition: .5s;

}



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

    transform: rotatex(180deg);

}



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

    content: '';

    display: block;

    width: 6px;

    height: 6px;

    background-color: #666;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -3px;

    margin-top: -3px;

    opacity: 0;

}



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

    width: 14px;

    height: 14px;

    display: block;

    border: 3px solid #666;

    position: absolute;

    left: 10px;

    top: 50%;

    margin-top: -10px;

}



.driving-way .map-tab .trip-mode a: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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/newsico04.png) no-repeat 97% center;

    }



    50% {

        background: url(/uploads/image/tpimg/newsico04.png) no-repeat 95% center;

    }



    100% {

        background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/aboutidd.png) no-repeat center bottom;

    margin-bottom: .2rem;

}



.contactmap {

    background: url(/uploads/image/tpimg/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 {

    font-size: 0.16rem;

    line-height: 0.3rem;

    color: #666;

}



.casecontainer p, .casecontainer span, .productstext p, .productstext span {

    font-size: 0.16rem;

    line-height: 0.3rem;

}



.productscc img {

    display: inline-block;

}



.prolistclass1:before {

    content: "";

    position: absolute;

    top: -100%;

    left: 0%;

    width: 100%;

    height: 100%;

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

    -webkit-transition: .5s;

    z-index: 1;

}



.dd:before {

    position: absolute;

    top: 0;

    left: 0%;

    width: 100%;

    height: 100%;

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

    -webkit-transition: .5s;

    z-index: 1;

}



.sidepromenu:hover .prolistclass1:before {

    top: 0;

}



.jourtop {

    margin-top: 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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/jourcentertime.png) no-repeat center left;

    font-size: 0.12rem;

    color: #c0c0c0;

    float: left;

}



.jourcentertimebox a {

    padding-left: 0.16rem;

    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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:1300px) {

    .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(/uploads/image/tpimg/casecenterico2.png) no-repeat center;

    }



    .casetab ul li {

        padding: 0 .2rem;

        background: #ededed;

    }



    .casetab {

        margin-top: .2rem;

    }



    .casecenter h3 {

        font-size: .24rem;

        line-height: .13rem;

    }



    .caserecenter li .casemore {

        display: none;

    }



    .caserecenter li p {

        font-size: .14rem;

        line-height: .2rem;

        padding: 0 .1rem;

        line-height: .2rem;

        height: .8rem;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 4;

        overflow: hidden;

        color: #666;

    }



    .caserecenter .casetext {

        background: #f2f2f2;

        padding-bottom: 1rem;

    }



    .casere i {

        display: block;

        text-align: center;

        font-size: .24rem;

    }



    .prolisttop img {

        display: none;

    }



    .prolist {

        padding-top: .2rem;

    }



    .prouctstitle h3 {

        color: #333;

    }



    .prouctstitle p {

        color: #666;

    }



    .prolist_classify ul li p {

        display: none;

    }



    .prohot, .newshot {

        display: none;

    }



    .prolistrtop {

        display: none;

    }



    .prolistrsort {

        display: none;

    }



    .productsborer {

        padding: .05rem;

    }



    .prolistcenter ul {

        margin-right: -15px;

        margin-left: -15px;

    }



    .prolistclass1 {

        background: #f1f1f1;

    }



    .prolist_classify ul li i {

        display: none;

    }



    .prolistclass1 span {

        width: 100%;

        font-size: .14rem;

        font-weight: normal;

        color: #333;

    }



    .prolistcenter ul li:hover .productsborer {

        border: 1px solid #dededd;

    }



    .prolistcenter ul li:hover .caselisthide {

        top: -100%;

    }



    .prolistcenter li {

        margin-top: 0;

        margin-bottom: .1rem;

    }



    .prolistcenter ul li:hover a.prolisttitle {

        color: #333;

        border-bottom: 1px solid #dededd;

    }



    .prolistcenter ul li:hover a.promore {

        color: #999;

    }



    .pro_page {

        margin: 0;

        text-align: center;

    }



    .prolist_sort ul li:hover .prohot_txt {

        color: #333;

    }



    .prolist_classify {

        margin-left: 15px;

        margin-right: 15px;

    }



    .exzoom .exzoom_zoom_outer {

        display: none

    }



    .productrtopr h4 {

        display: none;

    }



    .productrtopr p {

        display: none;

    }



    .productrtopr h5 {

        display: none;

    }



    .relevant {

        display: none;

    }



    .relevantimg {

        display: none;

    }



    .details {

        display: none;

    }



    .detailsr {

        display: none;

    }



    .promessagebox input {

        margin-top: .1rem;

    }



    .textarea {

        min-height: .8rem;

    }



    .show {

        height: 1.4rem;

    }



    .show img {

        height: 1.4rem;

    }



    .smallshow>.middle_box {

        width: 78%;

    }



    .productrtopl {

        padding-left: -15px;

        padding-right: -15px;

    }



    .smallshow .middle>li {

        padding: 0 1%;

    }



    .bg_right {

        display: none;

    }



    .mask {

        display: none;

    }



    .smallshow .middle {

        overflow: hidden;

        transition: all 0.5s;

        height: .4rem;

    }



    .smallshow .middle>li {

        width: 21%;

    }



    .prolistimgd {

        padding: 0px;

        margin-bottom: .1rem;

    }



    .productslil i {

        display: none;

    }



    .productslil {

        margin-top: .1rem;

        margin-bottom: .1rem;

    }



    .productslir i {

        margin-bottom: 0;

    }



    .productslir {

        padding: 0;

    }



    .productss .prolistrsort {

        border-bottom: 1px solid #dededd;

        box-shadow: 0 0 0;

        margin-bottom: 0rem;

    }



    .abouttop {

        background: none;

    }



    .aboutl {

        padding-right: 0;

        padding-bottom: 0;

    }



    .aboutr h4 {

        font-size: .18rem;

    }



    .aboutr {

        padding-top: .1rem;

        color: #333;

    }



    .aboutr h4 {

        color: #333;

        text-align: center;

    }



    .aboutr span {

        display: block;

        color: #333;

        text-align: center;

        color: #999;

    }



    .aboutr p {

        color: #333;

        height: auto;

    }



    .aboutline {

        margin: .4rem auto;

        background: #666;

    }



    .abouttitle h3 {

        margin-top: .2rem;

        font-size: .2rem;

    }



    .abouttitle span {

        padding-top: 0;

    }



    .honor ul li {

        margin-top: .1rem;

    }



    .contact ul li:hover .contactbottom {

        background: none;

    }



    .contact ul li:hover .contacttop {

        background: none;

    }



    .contact ul li:hover h4.contactmeg {

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

    }



    .contact ul li:hover h4.contactnetwork {

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

    }



    .contact ul li:hover h4.contactservice {

        background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/casemenu.jpg) no-repeat center;

    color: #999;

}



.honorimg1 {

    display: block;

    position: relative;

    padding: 40%;

    background: #fff;

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

}



.honormore1 {

    text-align: center;

    display: block;

    padding-top: .08rem;

    line-height: 3;

    font-size: .15rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: relative;

}



.honorimg1 span {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0%;

    display: block;

    overflow: hidden;

    pointer-events: none;

}



.productstext p span {

    font-size: .15rem;

}



.page-content span {

    font-size: .15rem;

}



.honorimg1 img {

    width: 100%;

    height: 100%;

    padding: 0%;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

    object-fit: contain;

}



.honorbox ul li:hover .honorimg1 span::before {

    width: 100%;

    left: 0;

    opacity: 1;

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

}



.honorimg1 span::before {

    content: "";

    box-sizing: border-box;

    width: 0;

    height: 100%;

    background: rgba(0, 0, 0, .2) url(/uploads/image/tpimg/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(/uploads/image/tpimg/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>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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/pagearrow.png) no-repeat 100% center;

    }



    20% {

        background: url(/uploads/image/tpimg/pagearrow.png) no-repeat 95% center;

    }



    40% {

        background: url(/uploads/image/tpimg/pagearrow.png) no-repeat 100% center;

    }



    60% {

        background: url(/uploads/image/tpimg/pagearrow.png) no-repeat 95% center;

    }



    80% {

        background: url(/uploads/image/tpimg/pagearrow.png) no-repeat 100% center;

    }



    100% {

        background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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:  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  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(/uploads/image/tpimg/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%;

    }

}



.teamlist .caseldd .caselistdd {

    height: 98%;

}



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

}



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

}



.big_img_box {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 0;

    transition: 0.5s;

    background: rgba(0, 0, 0, 0.6);

    z-index: 99999999999999999999999999999999;

    overflow: hidden;

}



.big_img_box .item {

    width: 990px;

    height: 650px;

    background-color: #fff;

    position: relative;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    transition: 0.5s;

    overflow: hidden;

}



.big_img_box .item .prev {

    opacity: 0;

    transition: 0.5s;

    width: 20%;

    height: 100%;

    display: block;

    text-align: center;

    font-size: 30px;

    font-weight: bold;

    line-height: 46px;

    color: #fff;

    outline: none;

    cursor: pointer;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 9999999;

    cursor: url(/uploads/image/tpimg/casenewjiantoul.png), default;

}



.big_img_box .item .next {

    opacity: 0;

    transition: 0.5s;

    width: 20%;

    height: 100%;

    display: block;

    text-align: center;

    font-size: 30px;

    font-weight: bold;

    line-height: 46px;

    color: #fff;

    outline: none;

    cursor: pointer;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 9999999;

    cursor: url(/uploads/image/tpimg/casenewjiantour.png), default;

}



.big_img_box .item .pnon {

    opacity: 1;

}



.big_img_box .item #big_close {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 50px;

    height: 50px;

    opacity: 0;

    text-align: center;

    line-height: 50px;

    font-size: 20px;

    color: #000;

    font-weight: bold;

    transition: 0.5s;

    background: url(/uploads/image/tpimg/close_black.png) no-repeat center;

    outline: none;

    cursor: pointer;

    transition: 0.7s;

    z-index: 999999999999999999;

    background-size: 20px;

}



.big_img_box .item #big_close:hover {

    color: #666;

}



.big_img_box .item_open1 {

    height: 650px;

}



.big_img_box .item_open2 {

    width: 990px;

}



.big_img_box .item_open2 #big_close {

    opacity: 1;

}



.big_img_box .item_box {

    position: relative;

    width: 990px;

    height: 550px;

}



.big_img_box .item_box>a.honorimg1alert {

    width: 990px;

    height: 550px;

    display: block;

    box-shadow: 0 0 0 rgb(0 0 0 / 0%);

}



.big_img_box .item_box .img {

    width: 990px;

    height: 550px;

    position: relative;

    display: block;

}



.big_img_box .honormore1 {

    padding: 0 30px;

    line-height: 50px;

    font-size: 0.16rem;

}



.big_img_box .item_box .img img {

    transition: 0.7s;

    position: absolute;

    max-width: 100%;

    max-height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}



.big_img_menu {

    height: 50px;

    border-bottom: 1px solid #f2f2f2;

}



.big_img_box .item_box .img img {

    width: 750px;

    height: 430.5px;

    width: 100%;

}



.big_img_box .item_box .text {

    border-top: none;

    transition: 0.5s;

    padding: 0 20px;

    padding-top: 20px;

    padding-bottom: 20px;

}



.big_img_box .item_box .text a {

    font-size: 18px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 30px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    letter-spacing: 0px;

    color: #4d4d4d;

    transition: 0.5s;

    transition: 0.7s;

}



.big_img_box .item_box .text a:hover {

    color: #ff770f;

}



.big_img_box .item_box .text p {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 16px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 30px;

}



.big_img_box .item_box:hover .text a {

    color: #ff770f;

}



.open {

    height: 100%;

}



.item_box .caseldd i .caselistdd img.caseimglist1 {

    width: 100%;

    height: 100%;

}



.item_box .caseldd .casetext {

    position: absolute;

    height: 1.2rem;

    bottom: 0;

    width: 100%;

    background: rgba(255, 255, 255, .7);

    padding: 0.1rem 4%;

}



#imgbox img {

    display: block;

    width: 80%;

    margin: 30px auto;

}



.honoryingcang {

    width: 100vw;

    height: 100vh;

    overflow: hidden;

}



.teamlist li i {

    display: block;

    position: relative;

    padding: 64% 34%;

    overflow: hidden;

    border: 1px solid #d8d8d8;

    background: #fff;

    border-radius: 5px 5px 0 0;

}



.slider-pro {

    font-family: 'open sans', arial;

}



/* example 5 */

#example5 .sp-thumbnail-image-container {

    width: 140px;

    height: 80px;

    overflow: hidden;

    float: left;

}



#example5 .sp-thumbnail-image {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



#example5 .sp-thumbnail-text {

    width: 140px;

    float: right;

    height: 80px;

    padding: 15px;

    background-color: #f0f0f0;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



#example5 .sp-thumbnail-title {

    margin-bottom: 5px;

    text-transform: uppercase;

    color: #333;

}



#example5 .sp-thumbnail-description {

    font-size: 14px;

    color: #333;

}



@media (max-width: 500px) {

    #example5 .sp-thumbnail {

        text-align: center;

    }



    #example5 .sp-thumbnail-image-container {

        display: none;

    }



    #example5 .sp-thumbnail-text {

        width: 120px;

    }



    #example5 .sp-thumbnail-title {

        font-size: 12px;

        text-transform: uppercase;

    }



    #example5 .sp-thumbnail-description {

        display: none;

    }

}



.casebimg {

    position: fixed;

    top: -300%;

    left: 0;

    background: #171717;

    z-index: 9999999999999;

    width: 100vw;

    height: 0vh;

    padding-top: 0.4rem;

    display: block;

    -webkit-transition: .8s;

    transition: .8s;

    overflow: hidden;

}



.sp-image {

    width: 100%;

    height: 500px !important;

    object-fit: contain;

    background: #fff;

    display: block;

}



.sp-thumbnail-container {

    height: 100px !important;

}



.casebimg i {

    position: absolute;

    right: 0.5rem;

    top: 0.5rem;

    z-index: 999999;

    cursor: pointer;

}



.casebimg i img {

    width: 0.3rem;

    height: 0.3rem;

    display: block;

}



/* .sp-slides-container,.sp-mask,.sp-slides,.sp-slide,.sp-image-container{    width: 800px !important;    height: 500px !important;    display: block;    left: 0 !important;} */

#play {

    width: 990px;

    text-align: center;

    position: relative;

    overflow: hidden;

    margin: 0px auto 25px;

    height: 632px;

    overflow: hidden;

}



#play .change_a {

    width: 10%;

    height: 552px;

    position: absolute;

    top: 60px;

    z-index: 1;

    cursor: pointer;

    display: block;

    overflow: hidden;

    /* background: ; */

}



#play .prev_a {

    left: 0;

    cursor: url(/uploads/image/tpimg/casenewjiantoul.png), default;

}



#play .next_a {

    right: 0;

    cursor: url(/uploads/image/tpimg/casenewjiantour.png), default;

}



#play .change_a span {

    width: 24px;

    height: 43px;

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -21px;

    display: none

}



#play .prev_a span {

    cursor: url(/uploads/image/tpimg/casenewjiantoul.png) default;

}



#play .next_a span {}



#play .img_ul {

    position: relative;

    z-index: 1;

}



#play .img_ul li {

    width: 990px;

    height: 612px;

}



#play .img_ul li img {

    display: block;

    width: 100%;

    height: 572px;

    object-fit: cover;

}



.img_ultext {

    font-size: 16px;

    color: #7b7b7b !important;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: 0 15px;

    display: block;

    line-height: 60px;

}



.img_hdbg {

    width: 990px;

    background-color: #222222;

    overflow: hidden;

    height: 66px;

    padding: 0px 0;

    height: 128px;

    margin-top: 15px;

    margin: 0px auto;

    position: relative;

    overflow: hidden;

}



.img_hd {

    width: 830px;

    background-color: #222222;

    overflow: hidden;

    height: 66px;

    padding: 13px 0;

    height: 99px;

    margin-top: 15px;

    margin: 0px auto;

    position: relative;

    box-sizing: content-box;

    overflow: hidden;

}



.img_hd ul {

    position: absolute;

    z-index: 1;

}



.img_hd ul li {

    float: left;

    width: 132px;

    height: 98px;

    border: 4px solid #444;

    cursor: pointer;

    margin: 0 15px 0 1px;

    overflow: hidden;

    *display: inline;

    padding: 1px;

    text-align: center;

    border-radius: 4px;

}



.img_hd ul li a {

    display: block;

    width: 126px;

    height: 92px;

    transform: translate(-1px, -1px);

}



.img_hd ul li img {

    width: 100%;

    height: 92px;

    display: block;

}



.img_hd ul li.on {

    border-color: rgb(45, 150, 233);

}



.img_hdbg .bottom_a {

    width: 44px;

    height: 44px;

    position: absolute;

    display: block;

    top: 50%;

    margin-top: -22px;

    cursor: pointer;

    z-index: 10;

    background: #333;

    border-radius: 50%;

}



.img_hdbg .prev_a {

    left: 20px;

    background: #444 url(/uploads/image/tpimg/s_gallery_2012110702l.png) no-repeat center;

}



.img_hdbg .next_a {

    background: #444 url(/uploads/image/tpimg/s_gallery_2012110702r.png) no-repeat center;

    right: 20px;

}



#caselistalert .caseline {

    display: none;

}



.playfanhuiliebiao {

    display: block;

    color: #9c9c9c;

    background: #444;

    width: 138px;

    height: 36px;

    border-radius: 18px;

    margin: 20px auto;

    position: relative;

    z-index: 99999999999999999999999999999999;

    text-align: center;

    line-height: 36px;

    font-size: 16px;

    cursor: pointer;

}



.xiangcealert {

    width: 1070px;

    margin: 0 auto;

    background: #000;

    padding-bottom: 1px;

}



@media(max-width:1660px) {

    .casebimg {

        padding-top: 0.1rem;

    }



    .fanhuiliebiao {

        display: none;

    }

}



#caselistalert li .caselisttitle {

    text-align: left;

}



#caselistalert li p {

    text-align: left;

}



#caselistalert li p a {

    color: #999;

    display: inline-block;

    padding-left: 10px;

    -webkit-transition: .5s;

    transition: .5s;

}



#caselistalert li:hover p a {

    color: #fff;

}



.picture-content span {

    position: absolute;

    width: 100%;

    height: 40px;

    display: block;

    text-align: center;

    color: #333;

    line-height: 40px;

    top: -40px;

    border-bottom: 1px solid #f2f2f2;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: 0 20px;

}



.big_img_box .honorimg1 {

    padding: 0;

}



.searchbox {

    padding-bottom: 0.5rem;

}