@charset "utf-8";
#leftnav {

    display: none;

    width: 250px;

    height: 100%;

    background: #202020;

    position: fixed;

    right: 0;

    overflow-y: auto;

    overflow-x: hidden;

    transform: translate3d(50px, 0, 0);

    -webkit-transform: translate3d(50px, 0, 0);

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

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

}




#leftnav ul li {

    display: block;

    line-height: 46px;

    border-bottom: .8px solid #2e2e2e;

    color: #818181;

    font-size: 15px;

    text-indent: 24px;

    width: 250px;

    cursor: pointer;

}



#leftnav ul li>ul li {

    text-indent: 35px;

    background-color: #161616;

    border-bottom: 1px solid #111;

}



#leftnav ul li a {

    color: #fff;

}



#main {

    padding-bottom:0em;
    overflow-y: auto;

}

.cycontainer {

    padding-left: 5px;
    padding-right: 5px;

}

.wjdh-title {

    padding: 10px 0 20px;

}



.wjdh-title span {

    text-transform: uppercase;

    color: #888;

    position: relative;

}



.wjdh-title span:before,

.wjdh-title span:after {

    content: '';

    display: block;

    width: 30px;

    height: 1px;

    background-color: #888;

    position: absolute;

    top: 50%;

}



.wjdh-title span:before {

    left: -50px;

}



.wjdh-title span:after {

    right: -50px;

}



.product-list ul {}
.product-list li {margin:0 1% 10px;width: 48%;float: left;}
.product-list ul li .img{height:150px;}


.product-cat{margin-top:10px;}
.product-cat li{width:19%;float: left;margin:0 0.5% 10px;}
.product-cat li a {
    display: block;font-size:14px;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #ececec;
}



.product-list li .item {

    display: block;

    border: 1px solid #CCCCCC;

    background-color: #FFFFFF;

}



.product-list li .item img {

    width: 100%;

    height: auto;

}



.product-list li .item span {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 5px 10px;font-size:14px;

}



.product-list li .item .more {

    text-align: center;

    border: 1px solid #cecece;

    width: 60%;

    margin: 10px auto;

}



.pic-list li {

    margin-bottom: 10px;

}



.pic-list li img {

    width: 100px;

    height: 80px;

    float: left;

}



.pic-list li .info {

    border: 1px solid #cecece;

    margin-left: 110px;

    height: 80px;

    padding: 0 10px;

}



.pic-list li .info h5 {

    margin: 5px 0;

    line-height: 25px;

    height: 25px;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.pic-list li .info p {

    height: 40px;

    line-height: 20px;

    overflow: hidden;

    margin: 0;

    color: #b6b6b6;

}



.product-info {

    border: 5px solid #ececec;

    margin: 20px 0;

}



.product-info h4 {

    border-bottom: 1px solid #ececec;line-height:3;font-weight: 700;
    margin: 0;font-size:18px;

}

.product-info span,.product-info p {

    color: #999;

    line-height: 25px;

    padding: 0 20px;

}



.product-info a {

    border: 1px solid #ccc;

    display: block;

    text-align: center;

    padding: 10px 10px 10px 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 16px;

    margin: 20px;

}



.product-info a svg {

    width: 25px;

    height: 25px;

    fill: #747f00;

    margin: 0 10px 0 0;

}



.product-photo {

    padding: 10px 20px;

    border-top: 6px solid #ececec;

    border-bottom: 1px solid #ececec;

    background-color: #f4f4f4;

    margin-bottom: 13px;

}



.product-photo ul {

    overflow-x: scroll;

    overflow-y: hidden;

    display: flex;

    margin: 0;

}



.product-photo li {

    width: 100px;

    margin-right: 10px;

}



.product-photo img {

    width: 100px;

    height: 70px;

    border: 3px solid #d4d4d4;

}



.product-message {

    background-color: #fff;

}



.product-message ul li {

    display: flex;

    align-items: center;

    padding: 5px 10px;

    background-color: #fff;

    margin-bottom: 10px;

}



.product-message ul li button {

    display: block;

    width: 100%;

}



.product-message .btn-tj {

    background-color: #747f00;

    color: #fff;

}



.product-message ul li svg {

    display: block;

    width: 39px;

    height: 20px;

    fill: #666;

    margin-right: 10px;

}



.page-content {
    border: 5px solid #ececec;

    margin: 0px 0 0;

    padding: 10px;

    background-color: #fff;

    font-size: 16px;

    line-height: 2;

}



.page-content .page-title {margin-bottom:0px;}




.page-content img {

    max-width: 100%;

    width: auto !important;

    height: auto;

}



.page-content iframe {

    max-width: 100%;

}



.case-list li .item {

    display: block;

    background-color: #fff;

    padding: 5px;

    margin-bottom: 10px;

}



.case-list li span {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 30px;

}



.case-list li p {

    font-size: 12px;

    color: #666;

    height: 40px;

    line-height: 20px;

    overflow: hidden;

}



.case-list li .more {

    background-color: #747f00;

    color: #fff;

}



.case-list .img img {

    width: 100%;

    height: 10rem;

}



.text-list ul li {

    padding-left: 30px;

    height: 35px;

    line-height: 35px;

    position: relative;

}



.text-list ul li span {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.text-list ul li b {

    float: right;

    font-weight: normal;

    color: #999;

}



.text-list ul li i {

    display: block;

    width: 20px;

    height: 1px;

    background-color: #ccc;

    position: absolute;

    top: 50%;

    left: 0;

}



.text-list ul li i:before,

.text-list ul li i:after {

    content: '';

    display: block;

    background: #ccc;

    width: 10px;

    height: 1px;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translate3d(0px, 0px, 0px);

    -webkit-transform: translate3d(0px, 0px, 0px);

}



.text-list ul li i:before {

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

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

    transform-origin: right bottom;

    -webkit-transform-origin: right bottom;

}



.text-list ul li i:after {

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

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

    transform-origin: right bottom;

    -webkit-transform-origin: right bottom;

}



.news-tab {

    overflow: hidden;

    display: block;

    justify-content: center;

    align-items: center;

    margin-bottom: 20px;

}



.news-tab a {

    display: block;

    height: 35px;

    line-height: 35px;

    margin-bottom: 10px;

    text-align: center;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    background-color: #ececec;

    width: 31%;

    margin: 5px 1%;

    float: left;

}



.news-tab .on,.product-cat li a.on {background-color: #747f00;color: #fff;}



.news-top {

    margin-bottom: 20px;

    height: 140px;

}



.news-top .img {

    float: left;

}



.news-top .img img {

    width: 180px;

    height: 140px;

    border: 5px solid #ccc;

}



.news-top .info {

    margin-left: 200px;

}



.news-top .info h4 {

    height: 50px;

    line-height: 25px;

    margin-bottom: 0px;

    overflow: hidden;

}



.news-top .info p {

    height: 50px;

    line-height: 25px;

    overflow: hidden;

}



.news-top .info span {

    background-color: #747f00;

    color: #fff;

    padding: 5px 10px;

    display: inline-flex;

    align-items: center;

}



.news-top .info span i {

    display: inline-block;

    width: 20px;

    height: 1px;

    background-color: #fff;

    position: relative;

    margin-left: 10px;

}



.news-top .info span i:before,

.news-top .info span i:after {

    content: '';

    display: block;

    background: #fff;

    width: 10px;

    height: 1px;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translate3d(0px, 0px, 0px);

    -webkit-transform: translate3d(0px, 0px, 0px);

}



.news-top .info span i:before {

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

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

    transform-origin: right bottom;

    -webkit-transform-origin: right bottom;

}



.news-top .info span i:after {

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

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

    transform-origin: right bottom;

    -webkit-transform-origin: right bottom;

}



.news-list ul li {

    height: 100px;

    margin-bottom: 10px;

    overflow: hidden;

    border: 1px solid #ccc;

}



.news-list ul li dl {

    float: left;

    width: 100px;

    height: 100px;

    border-right: #ccc;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    border-right: 1px solid #ccc;

    color: #666;

}



.news-list ul li dl dt {

    font-size: 24px;

}



.news-list ul li .info {

    margin-left:110px;

    padding: 10px;

}



.news-list ul li .info span {

    font-size:18px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;font-weight: 700;
}



.news-list ul li .info p {height: 40px;font-size: 12px;line-height: 20px;overflow: hidden;}

.wjdh-map {

    position: relative;

}



.wjdh-map #wmap {

    width: 100%;

    height: 40vh;

}



.wjdh-map #r-result {

    position: absolute;

    right: 0;

    top: 0;

    width: 450px;

    max-height: 500px;

    overflow-y: scroll;

    overflow-x: hidden;

    z-index: 99;

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

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

}



.wjdh-map .luxianjieguo #r-result {}



.wjdh-map .anchorBL {

    display: none;

}



.wjdh-map .BMap_pop>div>div {

    border-radius: 8px;

    border: 0 !important;

}



.wjdh-map .BMap_pop .BMap_center {

    border: 0 !important;

    border-right: 1px solid #fff !important;

}



.wjdh-map .BMap_top {

    border: 0 !important;

}



.wjdh-map .BMap_bottom {

    border: 0 !important;

}



.wjdh-map .map-marker dt {

    float: left;

}



.wjdh-map .map-marker dd {

    height: 80px;

    overflow: hidden;

    margin-left: 110px;

}



.wjdh-map .map-marker dd span {

    font-size: 18px;

}



.wjdh-map .map-marker h4 {

    height: 30px;

    font-size: 18px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    margin: 0;

}



.wjdh-map .map-marker p {

    height: 40px;

    line-height: 20px;

    overflow: hidden;

}



.driving-way {

    font-family: 'Microsoft JhengHei';

}



.driving-way .hd li {

    float: left;

    font-size: 16px;

    width: 50%;

    height: 50px;

    line-height: 50px;

    background-color: #eee;

    cursor: pointer;

    text-align: center;

}



.driving-way .hd li.on {

    color: #fff;

    background: #1857a4;

}



.driving-way .map-tab {

    padding: 20px 0;

}



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

    position: relative;

    float: left;

    font-size: 16px;

    padding-left: 50px;

    width: 100px;

    height: 50px;

    line-height: 50px;

}



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

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

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

}



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

    width: 14px;

    height: 14px;

    display: block;

    border: 3px solid #666;

    position: absolute;

    left: 10px;

    top: 50%;

    margin-top: -10px;

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

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

}



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

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

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

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

}



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

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

    opacity: 1;

}



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

    content: '';

    display: block;

    width: 6px;

    height: 6px;

    background-color: #666;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -3px;

    margin-top: -3px;

    opacity: 0;

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

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

}



.driving-way .map-tab ul {

    position: relative;

    width: 100%;

    height: 112px;

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

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

}



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

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -9px;

    content: '';

    display: block;

    width: 16px;

    height: 17px;

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

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

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

}



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

    transform: rotateX(180deg);

}



.driving-way .map-tab ul li {

    height: 35px;

    line-height: 35px;

    width: 70%;

    font-size: 16px;

    padding: 10px 0;

    margin-left: 80px;

    position: absolute;

    left: 0;

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

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

}



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

    top: 0;

}



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

    top: 56px;

}



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

    top: 56px;

}



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

    top: 0;

}



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

    display: block;

    width: 75%;

    height: 1px;

    background-color: #ccc;

    position: absolute;

    left: 50px;

    top: 56px;

}



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

    font-size: 16px;

    width: 100%;

    height: 35px;

    line-height: 35px;

}



.driving-way .map-tab #result {

    background-color: #313131;

    color: #fff;

    width: 50px;

    height: 50px;

    line-height: 50px;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -25px;

    display: block;

    text-align: center;

    font-size: 18px;

    text-transform: uppercase;

    cursor: pointer;

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

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

}



.driving-way .contact-content {}



.driving-way .contact-content li {

    font-size: 16px;

    color: #888;

    padding-left: 40px;

    padding-top: 10px;

    padding-bottom: 10px;

    line-height: 32px;

    background-position: 0 center;

    background-repeat: no-repeat;

}



.driving-way .contact-content .ct-address {

    background-image: url(../img/n/ct-address.png);

    margin-right: 40px;

}



.driving-way .contact-content .ct-phone {

    background-image: url(../img/n/ct-phone.png);

    margin-right: 40px;

}



.driving-way .contact-content .ct-mobile {

    background-image: url(../img/n/ct-mobile.png);

}



.driving-way .contact-content .ct-email {

    background-image: url(../img/n/ct-email.png);

}



.driving-way .luxian {

    width: 50%;

    float: left;

}



.driving-way .luxian ul li:first-child {

    background: #eee url(../img/n/ico6.png) no-repeat 100px center;

}



.driving-way .luxian ul li {

    width: 100%;

    height: 60px;

    line-height: 60px;

    color: #999;

    text-align: center;

    font-size: 21px;

    margin: 20px 0;

    background: #eee url(../img/n/ico7.png) no-repeat 100px center;

    cursor: pointer;

}



.barTitle {

    font-size: 16px;

    color: #fff;

    width: 100%;

    margin: 0 auto;

    position: absolute;

    left: 0;

    font-weight: bold;

    padding-top: 1%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-align: center;

    padding: 0 13%;

}



#msgemail {

    margin-left: 6px;

    width: 98%;

    margin-right: 6px;

}



.icon-tel1 {

    margin-left: 5px;

}







#fullPage {

    display: none;

    background: black;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 19930428;

}



#fullPage img {

    display: block;

    width: 100%;

}



#canvas {

    width: 100%;

    height: 100%;

    background: none;

    display: block;

}















<!----------------------------底部导航------------------------------->

.navbar {

    height: 1.86666667rem;

    width: 100%;

    background-color: #fff;

    position: fixed;

    bottom: 0px;

    left: 0px;

    border-top: #ccc 1px solid;

    z-index: 999999999999999999999999;

}



.navbar ul {

    text-align: center;

    font-size: 0px;

}



.navbar ul li {

    width: 25%;

    float: left;

    padding-top: 0.38666667rem;

}



.navbar ul li .img {

    width: 0.66666667rem;

    height: 0.66666667rem;

    position: relative;

    display: block;

    margin: 0 auto;

}



.navbar ul li .img img {

    transition: 0.7s;

    position: absolute;

    max-width: 100%;

    max-height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}



.navbar ul li .img .i1 {

    opacity: 1;

}



.navbar ul li .img .i2 {

    opacity: 0;

}



.navbar ul li .a1 {

    display: block;

    font-size: 0.37333333rem;

    font-weight: normal;

    font-stretch: normal;

    line-height: 0.64rem;

    letter-spacing: 0px;

    color: #333333;

}



.navbar ul .on .img .i1 {

    opacity: 0;

}



.navbar ul .on .img .i2 {

    opacity: 1;

}



.navbar ul .on .a1 {

    color: #18879b;

}









<!--------------------------------------底部样式-------------------------------->

.ssbq_bottxx {

  width: 100%;

  height: 1.875rem;

  position: fixed;

  left: 0px;

  bottom: 0;

  z-index: 10;

  background: #31b2b7;

}

.ssbq_bottxx ul {

  width: 100%;

  margin: 0 auto;

  height: 1.875rem;

}

.ssbq_bottxx ul li {

  float: left;

  width: 25%;

  height: 1.875rem;

  font-size: 0.375rem;

  text-align: center;

  color: #fff;

  position: relative;

  box-sizing: border-box;

  border-left: 1px solid rgba(255, 255, 255, 0.2);

}

.ssbq_bottxx ul li em {

  display: block;

  margin: 0 auto;

  padding-top: 0.3125rem;

  padding-bottom: 0.125rem;

}

.ssbq_bottxx ul li img {

  height: 0.625rem;

  display: block;

  margin: 0 auto;

}

.ssbq_bottxx li a {

  color: #fff;

}







<!-----------------------底部样式---------------------------------->

/*foot-nav*/

.foot-nav {

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    z-index: 5;

}



.foot-nav-t {

    width: 100%;

    height: .2rem;

    border-radius: 100% 100% 0 0;

    background: rgb(11, 79, 181);

}



.foot-list {

    height: 1.12rem;

    background: rgb(11, 79, 181);

    width: 100%;

    margin-top: -0.02rem;

}



.foot-list li {

    display: block;

    float: left;

    width: 25%;

    height: 1.12rem;

    text-align: center;

    line-height: 1;

}



.foot-list li a {

    display: block;

    width: 100%;

    height: 100%;

    font-size: .24rem;

    color: #fff;

}



.foot-list li a i {

    display: block;

    width: 100%;

    height: .27rem;

    margin: .2rem auto .17rem;

}



.foot-list li:nth-child(1) a i {

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

    background-size: .27rem;

}



.foot-list li:nth-child(2) a i {

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

    background-size: .25rem;

}



.foot-list li:nth-child(3) a i {

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

    background-size: .26rem .26rem;

}



.foot-list li:nth-child(4) a i {

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

    background-size: .25rem .27rem;

}









<!------------------------------------------底部样式-------------------------------------->

.yc {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.gd {

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.dx {

  text-transform: uppercase;

}

.pr {

  position: relative;

}

.pa {

  position: absolute;

}

.left {

  float: left;

}

.right {

  float: right;

}

.clearboth {

  clear: both;

}

.juzhong {

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

}

.textdq {

  text-align: justify;

}

.left {

  float: left;

}

.right {

  float: right;

}

.clearboth {

  clear: both;

}

.dq,.text-center {text-align: center;}






.webChatBox {



    width: 96%;



    border-radius: 10px;



    background: #fff;



    position: fixed;



    z-index: 999999999999999;



    left: 2%;



    top: 30%;



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



    display: none;



}







.webChatBox .webChatBoxCenter {



    position: relative;



}







.webChatBox .webChatBoxCenter .webClose {



    width: 1.9rem;



    height: 1.9rem;



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



    position: absolute;



    top: -1.5rem;



    right: 0.8rem;



    background-size: 100%;



}







.webChatBox .webChatBoxCenter img {



    width: 10%;



    display: block;



    margin: 10% auto 0;



}







.webChatBox .webChatBoxCenter h4 {



    font-weight: bold;



    color: #000;



    text-align: center;



    font-size: 1.9rem;



    padding-top: 0.1rem;



    line-height: 1;



}







.webChatBox .webChatBoxCenter p {



    font-size: 0.24rem;



    text-align: center;



    margin-top: 0;



}







.webChatBox .webChatBoxCenter span {
    padding: 5px 20px;
    background: #1aad19;
    font-size: 0.24rem;
    line-height: 2rem;
    border-radius: 20px;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 40%;
    text-align: center;
    margin: 6% auto 6%;
}







.pageContentBox {width: 100%;overflow-x: auto;}
.pageContentBox p{font-size:14px;}
.pageContentBox p img{max-width: 100%;}
.view-Foot{margin-top: 0.4rem; position: relative; height: 0.8rem; text-align: center; background-color: #f0f9f0; line-height: 0.8rem; font-size: 0.34666667rem;}
.view-Foot .ctr{position: relative; overflow: hidden; width: 1.65333333rem; height: 0.8rem; line-height: 0.8rem; color: #fff; background-color: #747f00; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}
.view-Foot .ctr.prev{float: left;}
.view-Foot .ctr.next{float: right;}
.view-Foot .ctr[href="#"],
.view-Foot .ctr[href=""]{background-color: #999;}
.view-Foot .ctr[href="#"]:before,
.view-Foot .ctr[href=""]:before{content: "没有了"; display: block;}
.view-Foot .backToList{position: absolute; left: 50%; top: 2; margin-left: -0.94666667rem; width: 1.89333333rem; height: 0.8rem; line-height: 0.8rem; text-align: center; color: #747f00; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer;}

.product-info{

  margin-top: 0.46875rem;

  margin-right: 0.3125rem;

  margin-left: 0.3125rem;

  padding-bottom: 0.75rem;

}



.product-info .swiper-slide {

  /* Center slide text vertically */

  width: 100%;

  height: 100%;

}



.product-info .swiper-slide .pic {

  height:6rem;

}



.product-info .swiper-slide .pic img {

  width: 100%;

  height:6rem;

}
.product-info .swiper-slide .pic .img {

  width: 100%;

  height:6rem;

}



.product-info .swiper-slide .txt {

  border-bottom: 2px solid #eeeeee;font-size:18px;line-height: 2;

}

.product-info .swiper-slide-active .txt {border-bottom: 2px solid #747f00;}

.product-info .bannerBox .swiper-pagination-bullet {

  background: #cccccc;

  opacity: 1;

  width: 0.15625rem;

  height: 0.0625rem;

}



.product-info .bannerBox .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background-color: #747f00;

}



.product-info .swiper-pagination-bullets {

  bottom: 0px;

}