/* banner */

.banner {
    position: relative;
 
    background-size: cover;
}

.banner-wrap .swiper-pagination {
    bottom: 1.2em;
}

.foot .layui-tab-item .fs-18 {
    line-height: 1.5em;
}

.banner-wrap .swiper-pagination-bullet {
    /* border: 1px solid #fff; */
    /* width: 10px; */
    /* height: 10px; */
}

.banner:after {
    position: absolute;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    top: 0;
    left: 0;
    display: none;
}

.banner.type2:after {
    background: rgba(0, 0, 0, 0.5);
}

.banner .cont {
    width: 50%;
    line-height: 1.5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    z-index: 1;
    left: 350px;
}

.banner .cont h2, .banner .cont h3 {
    color: #1f2837;
}

.banner .cont h3 {
    margin-top: 0.5em;
    margin-bottom: 1em;
}

.banner .cont .btn, .c .btn {
    background: #3a9847;
    border: 0;
    color: #fff;
    border-radius: 0;
    padding: 0.6em 1.2em;
    margin-top: 2em;
}

.banner .cont .btn:hover, .c .btn:hover {
    background: #6ec800;
}

.banner.type2 .cont {
    color: #b1b1b1;
}

.banner.type2 .cont h2 {
    color: #3a9847;
}

.banner.type2 .cont h3 {
    color: #b1b1b1;
}

.banner-wrap .wrap {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
}

.banner-wrap .nav {
    width: 260px;
    background: #59595b;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
 
    z-index: 9;
    padding: 25px 0;
    z-index: 99;height: 550px;
}

.banner-wrap .nav li {
    border-top: 1px solid #6a6a6c;
    border-bottom: 1px solid #6a6a6c;
    position: static;
    cursor: pointer;
}

.banner-wrap .nav li a {
    padding: 0.7em 2em;
    display: block;
    color: #fff;
}

.banner-wrap .nav li.show a, .banner-wrap .nav li.on a, .banner-wrap .nav li:hover a {
    background: #b2b2b4;
}

.banner-wrap .nav li ol {
    position: absolute;
    left: 100%;
    top: 0;
    min-height: 100%;
    width: 100%;
    background: #b3b3b5;
    padding: 25px 0;
    display: none;
}

.banner-wrap .nav li ol li.on a, .banner-wrap .nav li ol li:hover a {
    background: #ffffff;
    color: #000;
}

.banner-wrap .nav li.on>ol {
    display: block;
}

.banner-wrap .nav li .ssubnav {
    background: #fbfaf8;
    color: #2b2a2f;
}

.banner-wrap .nav li .ssubnav li {
    border-color: #efeeec;
}

.banner-wrap .nav li .ssubnav li.on a, .banner-wrap .nav li .ssubnav li:hover a {
    color: #3a9847;
}

.banner-wrap .nav li ol li {
    border-color: #bebec0;
}

.banner-wrap .nav li+li {
    border-top: 0;
    border-bottom: 1px solid #6a6a6c;
}

.banner-wrap .nav i {
    float: right;
}

.wrap_p {
    position: relative;
    height: 100%;
}

/* sl */

.a._sl .close {
    display: none;
}


._sc {
      width: calc(100% - 260px);
    float: left;
}

.a._sl, .c._sr {
    width: 260px;
    float: left;
}

.a._sl .tit {
    color: #fff;
    background: url(../imgs/list/sl01.jpg) center center;
    background-size: cover;
    padding: 1em 0;
    text-align: center;
}

.a._sl ._screen {
    padding: 1.5em 0;
}

.a._sl ._screen ._ssr {
    float: right;
}

.a .reset {
    background: #3a9847;
    color: #fff;
    text-align: center;
    border-radius: 0;
    border: 0;
    width: 100%;
    padding: 0.8em;
    transition: all 0.3s;
}

.a .reset:hover {
    background: #6ec800;
}

.a ._ssr .radio-primary {
    display: inline-block;
    margin-left: 1em;
}

.a ._screen2 {
    padding: 1em 0;
    padding-top: 0;
}

.a ._screen2 ._s1 {
    cursor: pointer;
}

.a ._screen2 ._s1 .head {
    padding: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding-right: 2.5em;
}

.a ._screen2 ._s1 i {
    float: right;
}

.a ._screen2 ._s1 .head {
    background: #f7f5f3;
    transition: all 0.3s;
}

.a ._screen2 ._s1 .head i {
    color: #3a9847;
    position: absolute;
    top: 1em;
    right: 1em;
    transition: all 0.3s;
}

.a ._screen2 ._s1.on .head i {
    color: #000;
}

.a ._screen2 ._s1.on .head {
    background: none;
}

.a ._screen2 ._s1 .worm-i-jiahao, .a ._screen2 ._s1.on .worm-i-jianhao {
    display: block;
}

.a ._screen2 ._s1.on .worm-i-jiahao, .a ._screen2 ._s1 .worm-i-jianhao {
    display: none;
}

.a ._screen2 .cont {
    padding: 0 1em;
    display: none;
    margin: 1em 0;
    margin-top: 0;
    margin-left: -6px;
}

.a ._screen2 ol li {
    padding: 0.5em 0;
}

.a ._screen2 .btn {
    background: #3a9847;
    color: #fff;
    border: 0;
    border-radius: 0;
    padding: 0.5em 2em;
    margin-top: 2em;
    margin-bottom: 2em;
}

.a ._screen2 .btn:hover {
    background: #6ec800;
}

.a ._screen2>li {
    margin: 0.2em 0;
}

.b._sc h2 {
    margin-bottom: 0.5em;
    font-weight: bold;
}

.b._sc ol {
    font-size: 13px;
    margin-bottom: 2em;
}

.b._sc ol li {
    display: inline-block;
    font-size: 13px;
}

.b._sc ol li+li::before {
    content: "|";
    margin-left: 1em;
    margin-right: 1em;
}

/* b */

.b .btns {
    font-size: 13px;  
	border: 1px solid #3a9847;
    line-height: 35px;
    width: 120px;
    margin: 15px 0px;
    text-align: center;
    color: #3a9847;
}
.b .btns a{ color: #3a9847;}
.b .btns i {
    color: #3a9847;
}

.b_wrap {
    padding: 0 0.5em;
}

.b_wrap .cover {
    width: 48%;
    margin-right: 2%;
    float: left;
}

.b_wrap .text {
    width: 50%;
    float: left;
}
.b_wrap .text p{ font-size: 12px; color: #666; line-height: 30px;}
.b_wrap .text h2 {
    margin-bottom: 0.5em;
    max-height: 1.5em;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    font-size: 18px;    color: #000;
}

.b_wrap .text h3 {
    margin-bottom: 3em;
    color: #989898;
}

.b_wrap ul li {
    background: #fbfaf9;
    overflow: hidden;
     padding: 40px 20px;
    margin-bottom: 12px;width: 49%;
    float: left;
    margin-right: 1%;
}

.b_wrap ul li .cover {
    transition: background 0.3s;
}

.b_wrap ul li:hover .cover {
    background-size: 110% 110%;
}

.content {
    /* overflow: hidden; */
    margin-bottom: 30px;
    position: relative;
	    margin-top: 108px;
}

.content::after {
    content: '';
    display: block;
    clear: both;
}

/* c */

.c._sr h2 {
    font-weight: bold;
    margin-bottom: 1em;
}

.c._sr h3 {
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold;
    padding-bottom: 1em;
    border-bottom: 1px solid #d5d3d2;
}

.c._sr li {
    margin-bottom: 1em;
    border-bottom: 1px solid #d5d3d2;
}

.c._sr h4 {
    color: #fff;
    padding: 1.5em;
}

.c._sr ._vb {
    position: relative;
    margin-bottom: 1em;
}

.c._sr {
    line-height: 1.5;
}

.c._sr ._vb a {
    display: block;
    position: relative;
    height: 100%;
}

.c._sr ._vb ol a {
    color: #fff;
}

.c._sr ._vb ol a:hover {
    color: #3a9847;
}

.c._sr ._vb a i {
    color: #fff;
    position: absolute;
    bottom: 0.5em;
    left: 0.5em;
    transition: all 0.3s;
}

.c._sr ._vb a:hover i {
    color: #ddd;
    transform: scale(1.1);
}

.c._sr ._vb {
    color: #fff;
}

.c._sr ._vb ol {
    padding: 0 1.5em;
    word-break: break-all;
}

.c._sr ._vb ol li {
    border-bottom: 0;
    position: relative;
    padding-left: 1.5em;
    line-height: 2;
}

.c._sr ._vb ol li::before {
    position: absolute;
    font-family: "ZenIcon";
    content: "\e6b8";
    left: 0;
}

.b._sc ._screen {
    display: none;
}

@media screen and (max-width: 1600px) {
    /* .banner-wrap .nav li {

        padding: 0.8em 2em;

    } */
}
@media screen and (min-width: 1280px) {
.consult .worm-btn-group .cont a:nth-child(1){display: none}}
@media screen and (max-width: 1280px) {
    .c._sr {
        display: none;
    }
    .b._sc {
        width: calc(100% - 260px);
    }
    .b_wrap ul li { padding: 0.8em 0.5em;width:100%;    background: #fff;  border: 1px solid #ebe9e9;}
	.b_wrap .text h3{font-size: 14px;}
	.b_wrap .text { padding: 5px 0 5px 5px;}
	.b_wrap .text p{    font-size: 12px;  color: #666;line-height: 22px;}
	.consult .worm-btn-group .cont a:nth-child(1){}
	
}

@media screen and (max-width: 1024px) {
    .c._sr {
        width: 100%;
        display: block;
    }
    .c._sr ._vb {
        width: 100%;
    }
    .a._sl .close {
        display: block;
    }
    .banner {
        position: relative;
    }
    .banner .cont h2 {
        margin-bottom: 1em;
    }
    .banner .fs-20 {
        font-size: 14px;
    }
    .banner-wrap .nav {
        display: none;
    }
    .banner {
        height: auto !important;
        background-color: rgb(240, 236, 233);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 120% !important;
    }
    .banner-wrap .wrap {
        position: relative;
    }
    .banner .cont {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        margin: 2em 0;
        /* width: 100%; */
    }
    .a._sl {
        /* display: none; */
        position: fixed;
        top: 0;
        background: #fff;
        box-shadow: 0 0 0px rgba(0, 0, 0, 0.5);
        height: 100%;
        right: 0;
        z-index: 999;
        padding: 1em;
        overflow: auto;
        transform: translate3d(100%, 0, 0);
        transition: all 0.3s;
        padding-top: 3em;
    }
    .a._sl.on {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        transform: translate3d(0, 0, 0);
    }
    .b_wrap {
        padding: 0;
        border-top: 1px solid #ddd;
        padding-top: 0em;
    }
    .b._sc {
        width: 100%;
    }
    .b._sc ._screen {
        /* padding: 0.8em 1.6em; */
        margin-bottom: 1.5em;
        background: #fbfaf9;
        display: inline-block;
        cursor: pointer;    display: none;
    }
    ._sl.a .close {
        position: absolute;
        top: 1em;
        right: 1em;
    }
    ._sl.a .close i {
        font-size: 1em;
    }
    .worm_close.on {
        display: block;
    }
    .worm_close {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        z-index: 99;
        opacity: 1;
    }
    .a._sl>h2, .a._sl>ol {
        font-size: 16px;
    }
    .a._sl>h2 {
        margin-bottom: 1em;
    }
    .a._sl>ol {
        font-size: 0;
        margin-bottom: 20px;
    }
    .a._sl>ol li {
        font-size: 14px;
        display: inline-block;
        padding: 0.5em;
        background: #eee;
        border-radius: 3px;
        margin-left: 0.5em;
        margin-top: 0.5em;
    }
    .a._sl ._screen .fs-30 {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .b_wrap .cover, .b_wrap .text {
        width: 100%;
    }
    /* .b .btns a {

    display: block;

  } */
}


.banner-wrap .nav::after {
    content: '';
    clear: both;
    display: block;
}

.banner-wrap .nav {
    z-index: 12;
    padding-bottom: 150px;
}

.wrap_p {
    margin-bottom: 0.5em;
}

.b._sc {
    width: calc(100% - 260px);
}
.b._sc1 {
    width: 100%;
}

.b_wrap .text h3 {
    margin-bottom: 0em;
    height: 3em;
    overflow: hidden;
    line-height: 1.5em;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
}

.b_wrap .text h4 {
    position: relative;
    padding: 1em 0;
    padding-left: 1em;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 1.5em;
}

.b_wrap .text h4:before {
    content: '';
    left: 0;
    top: 50%;
    position: absolute;
    width: 0.6em;
    height: 0.6em;
    display: block;
    margin-top: -0.3em;
    border-radius: 50%;
    background: #3a9847;
    display: none;
}

._sc.b .btns .pdf,
.contrast,
.collection {
    width: 30px;
    height: 30px;
    font-size: 10px;
    line-height: 30px;
    background: #3a9847;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    border-radius: 30px;
    float: right;
    margin-right: 1em;
    cursor: pointer;
    transition: all .3s;
    position: relative;
}

._sc.b .btns .pdf i {
    color: #fff;
}

._sc.b .btns .pdf:hover {
    background: #6ec800;
}

.b._sc li.on .contrast-item {
    display: block;
}

.b._sc li.on .contrast-item::before {
    content: '';
    display: block;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    top: 0;
    margin-top: -16px;
    z-index: 99;
    right: 34px;
}

.b._sc li.on .contrast-item ul.on li {
    width: 100%;
    float: none;
    margin-bottom: 0;
}

.b._sc li.on .contrast-item ul.on li:nth-child(2n) {
    margin-left: 0;
}

._sc .condition {
    font-size: 0;
    overflow: hidden;
    margin-bottom: 16px;
}

._sc .form-control {
    border-radius: 0;
}

._sc .condition>div,
._sc .condition>select {
    display: inline-block;
    margin-right: 1em;
}

._sc .condition>div:first-child {
    margin-right: 2em;
}

._sc .condition select {
    width: 220px;
}

._sc .condition .mode {
    float: right;
    margin-right: 0;
}

._sc .condition .mode .on {
    background: #3a9847;
    cursor: default;
}

._sc .condition .mode1,
._sc .condition .mode2 {
    display: inline-block;
    padding: 0.5em 1em;
    background: #393a3e;
    color: #fff;
    cursor: pointer;
}

.contrast-item {
    position: static;
    right: -30px;
    top: calc(100% + 2em);
    width: 700px;
    z-index: 99;
    cursor: default;
    text-align: left;
    display: none;
}

.contrast-item .cont .close {
    opacity: 1;
    float: none;
    cursor: default;
    text-align: right;
}

.contrast-item .cont .close i {
    color: #363636;
    cursor: pointer;
    vertical-align: top;
    font-size: 20px;
    margin-right: 10px;
}

.contrast-item .cont .close i:hover {
    color: #999;
}

.contrast-item .cont {
    overflow: hidden;
    position: relative;
    z-index: 9;
    color: #363636;
    background: #fff;
    padding: 20px 0;
    padding-top: 10px;
}

.contrast-item .cont {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 120;
    width: 80%;
}

.b_wrap .contrast-item h2 {
    margin-bottom: 0.3em;
    padding: 0 40px;
}

.contrast-item .cont h3 {
    color: #333438;
    padding: 0 40px;
}

.contrast-item .checkbox-primary>input {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.checkbox-primary>input:checked+label:after {
    border-width: 5px;
}

.contrast-item .checkbox-primary>label:before,
.contrast-item .checkbox-primary>label:after {
    width: 10px;
    height: 10px;
    top: 5px;
    left: 5px;
}

.contrast-item .checkbox-primary>label,
.contrast-item .radio-primary>label {
    padding-left: 30px;
}

.contrast-item .cont .sl {
    display: inline-block;
    vertical-align: middle;
}

.contrast-item .cont .sc {
    width: 104px;
    display: inline-block;
    vertical-align: middle;
}

.contrast-item .cont .sr {
    width: calc(100% - 134px);
    display: inline-block;
    line-height: 1.5;
    vertical-align: middle;
    padding-left: 3em;
}

.contrast-item .cont .sr .tit {
    font-weight: bold;
    margin-bottom: 0.5em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contrast-item .cont .sr .details {
    color: #989898;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contrast-item .cont li {
    padding: 1em 40px;
    background: #fbfaf9;
}

.contrast-item .cont .degson_contrast li {
    margin-bottom: 0;
}

.contrast-item .cont li:nth-child(2n) {
    background: none;
}

.contrast-item .cont ul {
    max-height: 316px;
    overflow: auto;
}

.contrast-item .btn-success {
    background: #3a9847;
    border: 0;
    border-radius: 0;
    margin: auto;
    margin-top: 20px;
    width: 100px;
    display: block;
}

.contrast-item .btn-success:hover {
    background: #6ec800;
    color: #fff;
}

.contrast-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 120;
}

.contrast:hover {
    background: #6ec800;
}

.collection {
    background: #393a3e;
}

.collection:hover,
.collection.on {
    background: #fe5629;
}

.b .btns .collection i {
    color: #fff;
}

.b_wrap .cover {
    width: 45%;
    /* margin-top: 0.3em;

    margin-bottom: 0.3em; */
    margin-right: 0.3em;
    transition: background .3s;
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.b_wrap .text {
    width: 50%;
    float: none;
    display: inline-block;
    vertical-align: middle; border-bottom: 3px solid #3a9847;
}

.b_wrap ul li {
    padding: 0 0.3em;
    overflow: visible;
    position: static;
}

.b_wrap ul li:hover .cover {
    background-size: 110% 110%;
}

.b_wrap ul.on li {
    width: calc(25% - 9px);
    float: left;
    margin-bottom: 12px;
    padding-top: 0.3em;
    margin-right: 12px;
}

.b_wrap ul.on h2 {
    margin-bottom: 0;
    height: 3em;
    max-height: 3em;
    white-space: normal;
    word-break: break-all;
}

.b_wrap ul.on h3 {
    display: none;
}

.b_wrap ul.on .btns a {
    display: block;
}

.b_wrap ul::after {
    content: '';
    display: block;
    clear: both;
}

.b_wrap ul.on li:nth-child(4n) {
    margin-right: 0px;
}

.b_wrap ul.on .cover {
    width: 100%;
    margin-right: 0;
}

.b_wrap ul.on .text {
    width: 100%;
}

.b_wrap ul li.on {
    z-index: 90;
}

.b_wrap ul.on .contrast-item {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
}

.b_wrap ul.on .contrast-item .cont{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 700px;
    transform: translate(-50%,-50%);
}

.b_wrap ul li:after {
    content: '';
    display: block;
    clear: both;
}

.b_wrap .text {
       padding: 20px 0 20px 20px;
}













.b_wrap1 {
    padding: 0 20px;min-height: 600px; 
}


.b_wrap1 .cover {
    width: calc(18% - 0.15em);
 
    margin-right: 0.3em;
    transition: background .3s;
    display: inline-block;
    float: none;
    vertical-align: middle;margin: 10px 6px;
}

.b_wrap1 .text {
    width: 78%;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.b_wrap1 .text h2 {
    margin-bottom: 0.5em;
    max-height: 1.5em;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;font-size: 18px;
}
.b_wrap1 .text a h2{color: #3a9847}
.b_wrap1 .text h3 {
    margin-bottom: 0em;
    max-height: 3em;
  
    line-height: 1.5em;
	}

.b_wrap1 .text h4 {
    position: relative;
    padding: 1em 0;
    padding-left: 1em;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 1.5em;
}

.b_wrap1 .text h4:before {
    content: '';
    left: 0;
    top: 50%;
    position: absolute;
    width: 0.6em;
    height: 0.6em;
    display: block;
    margin-top: -0.3em;
    border-radius: 50%;
    background: #3a9847;
    display: none;
}



.b_wrap1 ul li {
    padding: 0 0.3em;
    overflow: visible;
    position: static;width:100%; background: #fbfaf9;    margin-bottom: 12px;
}

.b_wrap1 ul li:hover .cover {
    background-size: 110% 110%;
}

.b_wrap1 ul.on li {
    width: calc(25% - 9px);
    float: left;
    margin-bottom: 12px;
    padding-top: 0.3em;
    margin-right: 12px;
}

.b_wrap1 ul.on h2 {
    margin-bottom: 0;
    height: 3em;
    max-height: 3em;
    white-space: normal;
    word-break: break-all;
}

.b_wrap1 ul.on h3 {
    display: none;
}

.b_wrap1 ul.on .btns a {
    display: block;
}

.b_wrap1 ul::after {
    content: '';
    display: block;
    clear: both;
}

.b_wrap1 ul.on li:nth-child(4n) {
    margin-right: 0px;
}

.b_wrap1 ul.on .cover {
    width: 100%;
    margin-right: 0;
}

.b_wrap1 ul.on .text {
    width: 100%;
}

.b_wrap1 ul li.on {
    z-index: 90;
}

.b_wrap1 ul.on .contrast-item {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
}

.b_wrap1 ul.on .contrast-item .cont{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 700px;
    transform: translate(-50%,-50%);
}

.b_wrap1 ul li:after {
    content: '';
    display: block;
    clear: both;
}

.b_wrap1 .text {
       padding: 20px 0 20px 20px;
}




@media screen and (max-width: 1024px){
    .b._sc{
        width: 100%;
    }
    .b_wrap{
        border-top: 0;
    }
    ._sc .condition{
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
        padding-bottom: 16px;
    }
    .b_wrap ul.on li{
        width: calc(50% - 5px);
        margin-right: 10px;
    }
    .b_wrap ul.on li:nth-child(4n){
        margin-right: 10px;
    }
    .b_wrap ul.on li:nth-child(2n){
        margin-right: 0;
    }

    .b_wrap ul li.on{
        z-index: 999;
    }
    .contrast-item .cont{
        position: fixed;
        left: 0;
        top: 50%;
        width: 100%;
        max-height: 100%;
        transform: translateY(-50%);

    }
    .contrast-item .cont ul{
        max-height: 80%;
    }
    .b._sc li.on .contrast-item::before{
        display: none;
    }
    .contrast-item .cont .sr{
        padding-left: 1.5em;
    }
    .contrast-bg{
        background: #000;
    }
}
.b{width:100%!important; float: left;}




.conn1{width:100%;height:auto;margin-top:0px;padding-bottom:30px}
.conn1 .con3{width:100%;height:245px;background:url(../images/ab1.jpg) no-repeat right}
.conn1 .con3 .tit{width:380px;height:auto;padding-top:55px;font-size:14px;line-height:30px;color:#313131}
.conn1 .con1{width:100%;height:260px;margin-top:30px}
.conn1 .con1 img{width:374px;height:260px;float:left}
.conn1 .con1 .tit1{font-size:14px;line-height:30px;color:#313131;float:right;margin-right:17px;width:393px;height:260px;padding-top:55px;}
.conn1 .con2{width:100%;height:183px;margin-top:50px}
.conn1 .con2 .tit1{width:376px;margin-left:8px;font-size:14px;line-height:30px;color:#313131;float:left;padding-top:45px;}
.conn1 .con2 img{float:right}


.pro-box{
	position: relative;
	float: left;
	margin-right: 18px;
	/* margin-right: 12px; 
	width: 240px;*/
	width: 250px;
	height: 400px;
	text-align: center;
	background: #f3f4f4; 
	margin-top: 120px;
	opacity: 0;
	filter:alpha(opacity=0);
}
.pro-box .ayy-logo,.pro-box .nbz-logo,.pro-box .njl-logo, .pro-box .yyer-logo{
	width: 100%; padding-top:30px;
	    font-size: 18px;color: #000;
    font-weight: bold;
}
.pro-box .ayy-logo a,.pro-box .nbz-logo a,.pro-box .njl-logo a,.pro-box .yyer-logo a{
	display: block;
	width: 100%;
	height: 100%;
}
.pro-box .ayy-logo{
 /*	background-position: 45px center; */
 	background-position: 54px center;
}
.pro-box .nbz-logo{
/*  background-position: -216px center; */
	background-position: -272px center;
}
.pro-box .njl-logo{
/*	background-position: -468px center; */
	background-position: -592px center;
}
.pro-box .yyer-logo{
/*	background-position: -716px center; */
}
.pro-box .ayy-img,.pro-box .nbz-img,.pro-box .njl-img,.pro-box .yyer-img{
	width: 100%;
	height: 180px;
	margin-bottom: 15px;
	
}
.pro-box .ayy-img{
	background-position: 22px bottom;
}
.pro-box .nbz-img{
	/*	background-position: -234px bottom; */
	background-position: -302px bottom;
}
.pro-box .njl-img{
	/* background-position: -486px bottom; */
	background-position: -638px bottom;
}
.pro-box .yyer-img{
	background-position: -736px bottom;
}
.pro-box .more{
	display: inline-block;
	width: 174px;
	height: 50px;
	background: url("../images/pro_bg03.png") no-repeat;
	
}
.pro-box .pro-base{
	position: relative;
	opacity: 1;
	filter:alpha(opacity=100);
	overflow: hidden;
	transform:rotateY(0deg);
	transition:all .8s ease-in-out;
}
.pro-box .pro-nav{
	
	position: absolute;
	/*  width: 180px; */
	 width: 220px; 
	height: 290px;
	top: 92px;
	left: 15px;
	/* left: 32px; */
	opacity: 0;
	filter:alpha(opacity=0);
	transform:rotateY(-180deg);
	transition:all .8s ease-in-out;
}
.pro-box .pro-nav h3{
	border-top: 1px solid #a4e7a2;
	border-bottom: 1px solid #a4e7a2;
	height: 52px;
	line-height: 52px;
	text-align: center;
	margin-bottom: 14px;
}
.pro-box .pro-nav h3 a{
	display: block;
	font-size: 16px;
	color: #000;

	
	font-weight: normal;
}
.pro-box .pro-nav  ul li{
	position: relative;
	width: 100%;
	height: 35px;
	line-height: 35px;
}
.pro-box .pro-nav  ul li img{
	position: absolute;
	left: 122px;
	top: -1px;
}
.pro-box:last-child .pro-nav  ul li img{
	left: 160px;
}
.pro-box .pro-nav  ul li a{
	display: block;
	padding-left: 60px;
	padding-right: 0;
	background: url("../images/pro_bg05.png") no-repeat 8px 12px;
	text-align: left;
	font-size: 14px;
	color: #000;
	transition:all 0.3s;
}
.pro-box .pro-nav  ul li a:hover{
	background-position: 8px -27px;
	padding-left: 48px;
}
.pro-box:hover .pro-base{
	opacity: 0;
	filter:alpha(opacity=0);
	transform:rotateY(-180deg);
}
.pro-box:hover .pro-nav{
	opacity: 1;
	filter:alpha(opacity=100);
	transform:rotateY(0deg);
}

.neiright2{width:100%; float:left;}
.neiright2 .ba1{width:100%; float:left; padding:7px;}
.neiright2 .nei1{width:100%; float:left; padding:7px 0px 25px 0px;; font-size:14px; font-family:"Microsoft Yahei"; line-height:30px; color:#333;}
.neiright2 .nei1 .zz{width:48%; float:left;}
.neiright2 .nei1 .yy{width:50%; float:left;}

.product_detail{ width:100%; overflow:hidden; zoom:1;  margin: 10px 30px}



.productImg{ width:50%; position:relative;}

.Big_productimg{ width:100%; border:1px solid #e0dfdf;  text-align:center; position:relative;}



.small_productimg{ width:401px; border-top:1px solid #e0dfdf; margin-top:15px; padding-top:10px; position:relative;}

.small_productimg ul{ overflow:hidden; zoom:1;}

.small_productimg li{ width:64px; height:43px; text-align:center; overflow:hidden; zoom:1; float:left; border:1px solid #e0dfdf; margin-right:10px; padding:2px;}

.small_productimg li a{ display:block; width:64px; height:43px; overflow:hidden; zoom:1;}

.small_productimg li a img{ height:43px;}

.small_productimg li.on{ border:1px solid #ff8533;}



.MagicZoomBigImageCont{border:1px solid #ddd; overflow:hidden}

.MagicZoomBigImageCont img{ width:798px; height:690px;}

.MagicZoomBigImageCont iframe{ width:399px; height:690px;}

.MagicZoomHeader{ color:#fff;background:#91b817;text-align:center !important}

.MagicZoomPup{border:1px solid #aaa;background:#fff;}



.MagicThumb{cursor:pointer;outline:none}

.MagicThumb-zoomed{cursor:default}

.MagicThumb span{display:none}

.MagicThumb-image{border:1px solid #ccc;outline:none}

.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}





.productList{ width:60%; padding-left:20px;padding-top: 30px;}

.productList_li{ width:100%; height:34px; line-height:34px;}

.productList_li li{  float:left; text-align:center; padding:0px 10px 0px 10px;}

.productList_li li a{ color:#fff; display:block;}

.productList_li li.current{ background:#ff8533;color:#fff;}

.productList_li li.current a{ color:#fff;}


.productList_xx{ width:100%; margin-top:10px; overflow:hidden; zoom:1;height: 200px;}

.product_td{ line-height:25px; color:#595757; display:none;  overflow:hidden; zoom:1; padding-left:5px; font-size:12px;}


.product_jishu{ width:390px; margin-top:10px; border-top:1px dashed #fff; border-bottom:1px dashed #fff;}

.product_jishu span{ display:block; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#404040; border-bottom:1px dashed #fff;}

.product_jishu div{ padding-top:10px; padding-bottom:10px;}

.product_jishu div ul{ overflow:hidden; zoom:1;}

.product_jishu div ul li{ width:28px; height:28px; overflow:hidden; zoom:1; float:left; margin:0 5px; cursor:pointer;}



.detailproduct{ width:100%; overflow:hidden; zoom:1;background: #f6f6f6;}
.show_pro{ margin-top:20px; width:808px; margin-left:40px;}
.show_pro h3{ height:34px; line-height:34px; padding-left:20px; font-size:14px; color:#303030; background:#ececec; font-weight:normal;}
.show_pro_img{ width:808px; text-align:center;}


.detail_pro{ padding-top:10px; padding-bottom:0px;    margin: 0px 15px;}

.detail_pro_center{ border:1px solid #dbdbdb; border-bottom:2px solid #dbdbdb; width:790px; margin:0 auto; background:#fff; margin-bottom:20px;}

.detail_pro_center h3{ line-height:34px; padding-left:20px; font-size:14px; color:#303030; border-bottom:1px solid #dbdbdb; font-weight:normal;}

.detail_pro_img{ padding:10px 0; text-align:left; padding-left:20px;} 


.main_img_a_con{width:800px;height:auto;float:left;margin-top:0px;}
#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:800px; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { display:none;background:url(../images/mbNumber_bg.gif) no-repeat center; display:inline; color:#fff; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink {display:block; width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink {display:block;  width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink {display:block; width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.layout_default{float:left; margin-top:5px;margin-bottom:5px;margin-right:10px;margin-left:15px;}
.mod_gallerylist{width:800px; margin:0 auto}
.meta{font-size:12px; text-align:center;}
.image_container img{width:180px;height:267px; border:1px solid #e1e0e0; padding:2px; border-radius:5px;}
.meta a{color:#666; text-decoration:none}




#con {
	FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH: 600px
}
#tags {
	HEIGHT: 65px; line-height:65px; border-top: 3px solid #3c9637;color:#333;
}
#tags a{color:#fff;}
#tags a {
	HEIGHT: 65px; line-height:65px; FLOAT: left;color:#333;width:33%; text-align: center;
}


#tags a.selectTag {
	BACKGROUND-POSITION: left top; border-bottom: 2px solid #65a662 ; POSITION: relative; HEIGHT:63px;   color:#333;
}
#tags a.selectTag A {
	BACKGROUND-POSITION: right top; COLOR: #fff; LINE-HEIGHT: 65px; HEIGHT: 65px; font-size:14px;
}

.newsdetail2 {
    width: 150px;
    float: right;
    text-align: right;
}

.sx{width:100%; float:left;padding:20px 0; text-align:left;border-top:1px dashed #666;color:#333;margin-top:10px;font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}
.sx p{      text-align: center;
    line-height: 40px;
    border: 1px solid #999;

    float: left;
    margin-right: 10px;
    padding: 0px 10px; margin-bottom: 10px;}
.sx a{font-weight:normal}
.sx a:link{color:#333;text-decoration:none;}
.sx a:visited{color:#333;text-decoration:none;}
.sx a:hover{color:#093b9f;text-decoration:none;}
.sx a:active{color:#093b9f;text-decoration:none;}
.sx span{ float:right;  padding-right:20px;}
.sx span a{ padding-left:20px; color:#999 !important; }



.item-pic__box {
	 
    width: 40%;
    float: left;   
  
}
.small-box {
	    position: relative;
    width:95%;
        overflow: hidden;
    margin-bottom: 5px;
   
}
.small-box img{
	width: 400px;
    height: 400px;
    
    text-align: center;  overflow: hidden;
}
.small-box > .hover {
	display: none;
	left: 0;top: 0;
	position: absolute;
	border: 1px solid #fff;
	background-color: #000;
	filter: alpha(opacity=15);
	-moz-opacity: .15;
	opacity: .15;
	cursor: move;
}
.thumbnail-box {
	position: relative;
	width: 100%;
}
.thumbnail-box .btn {
	position: absolute;
	top: 0;bottom: 0;
	width: 26px;
	border: 0;
	background: #eee url(../images/thumb-but.gif) no-repeat;
}
.thumbnail-box .btn:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat}
.thumbnail-box .btn-prev {left: 0}
.thumbnail-box .btn-next {right: 0;background-position: center right}
.thumbnail-box .btn-next:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat center right}
.thumbnail-box > .thumb-list {
	overflow: hidden;
	width: 300px;
	margin: 0 auto;
}
.thumbnail-box .wrapper {
	font-size: 0;
	margin-bottom: 0;
	white-space: nowrap;
}
.thumbnail-box > .thumb-list .item {
	width: 56px;
	height: 56px;
	margin: 0 2px;
	cursor: pointer;
	display: inline-block;
	border: 2px solid #fff;
}

.thumbnail-box > .thumb-list .item img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
.thumbnail-box > .thumb-list .item.active {

}
.big-box {
	z-index: 100;
	display: none;
	overflow: hidden;
	position: absolute;
	left:65%;top:10%;
	border: 1px solid #ccc;
	width: 420px;
}
.item-info__box {
	width: 60%;
	float: right;
	padding: 20px 40px 20px 40px;
}
.item-title {line-height: 2em; }
.item-title > .name {
	    font-size: 20px; font-weight: bold;
    max-height: 100px;
    line-height: 30px;
}
.item-price {
	padding: 10px;
	margin-bottom: 20px;
}
.item-price .price-panel {
	height: 40px;
	line-height: 40px;
}
.item-price .price-panel .price{
	font-size: 24px;
	color: #d00;
}


.tab2 {
    position: relative;
    min-height: 500px;
}

.tab2.layui-tab {
    margin: 0;
    box-shadow: none;
}

.tab2 .layui-tab-title {
    position: absolute;
    left: 0;
    width: 260px;
    height: 100%;
    background: #5c5d60;
    padding: 24px 0;
    box-sizing: border-box;
}

.tab2 .layui-tab-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 200%;
    height: 50%;
    background: #3a9847;
    transform: rotate(-25deg) translate(-10%, 20%);
}

.tab2.layui-tab-card>.layui-tab-title .layui-tab-bar {
    display: none;
}

.tab2 .layui-tab-title li {
    display: block;
    margin-bottom: 0;
    background: none;
    color: #fff;
    text-align: left;
    padding: 20px 24px;
    line-height: 1em;
    height: auto;
    position: relative;
    z-index: 1;
    font-size: 1em;
}

.tab2 .layui-tab-title li i {
    float: right;
    font-size: 1em;
}




.tab2.layui-tab-card>.layui-tab-title .layui-this {
    background: #fff;
    color: #1f2837;
}

.tab2.layui-tab-card>.layui-tab-title .layui-this:after {
    border: 0;
}

 .tab2 .layui-tab-content {
    margin-left: 260px;
}

.tab2 .list-item {
    background: #fbfaf9;
    overflow: hidden;
    margin: 12px 0;
    display: none;
}

 .tab2 .list-item.show {
    display: block;
}

.tab2 ._ssl,
.tab2 ._ssr,
.tab2 ._ssc {
    float: left;
}

.tab2 ._ssl {
    width: 190px;
}

 .tab2 ._ssc {
    width: calc(100% - 310px);
    padding: 24px 12px;
    box-sizing: border-box;
    line-height: 1.5em;
}

.tab2 ._ssc .guanlian {
    color: #222222;
    margin-bottom: 5px;
}

.tab2 ._ssc .neirong {
    color: #989898;
}

.tab2 ._ssr {
    width: 120px;
    padding: 24px 12px;
    box-sizing: border-box;
    text-align: right;
}

.tab2 ._ssr .jiaobiao {
    font-weight: bold;
    color: #1f2837;
}

 .tab2 ._ssr .chakan {
    color: #fff;
    background: #3a9847;
    margin-top: 1em;
    display: inline-block;
    padding: 0.5em 1em;
}

.tab2 ._ssr .chakan:hover {
    background: #6ec800;
}

.tab2 .gengduo {
    text-align: center;
    margin-top: 24px;
    display: none;
}

.tab2 .gengduo a {
    border: 1px solid #333438;
    color: #333438;
    padding: 0.5em 5em;
    margin: auto;
}

.tab2 .gengduo a:hover {
    color: #fff;
    background: #3a9847;
    border: 1px solid #3a9847;
}

.xiangguan>li {
    width: calc(33.33% - 3px);
    float: left;
    padding: 16px 12px;
}

.xiangguan>li:hover {
    background: #fbfaf9;
}

.xiangguan li {
  background: #fbfaf9;
}

.xiangguan>li+li {
    margin-left: 4px;
}

.xiangguan .tit {
    margin: 0;
    margin-bottom: 12px;
    font-weight: normal;
}

.xiangguan .start {
    text-align: right;
    margin: 14px 0;
    color: #222222;
    font-weight: bold;
}

.xiangguan .neirong {
    color: #989898;
}

.xiangguan {
    line-height: 1.5em;
}

 .tit {
    font-weight: bold;
    margin: 20px 0;color: #000!important;
}