h3, .h3 {
    font-size: 26px;color: brown;
}
b, strong {
    font-weight: bold;
    font-size: 20px;
}
.tiaokuan {
    margin: 20px auto 0px 30px;
}
p {
    margin: 10px 20px;    color: #444444;
}

.aTit p {    margin: 0;    line-height: 28px;    margin-left: 28px;}
.titbtnasdf{     font-size: 14px;
    margin-left: 113px;
    position: absolute;
    z-index: 1;
    color: #aa9176;margin-top: -9px;}
	
button.btnasdf {
    line-height: 70px;
    margin-top: -8px;
}

.yywz{    width: 1410px;    margin: 0 auto;    height: 2000px;}
.e257_main .icon {
    background: url(../zujianku/images/icon257.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.e257_main .w257 {
    width: 1410px;
    margin: 0 auto;
}
.e257_main {
    padding-bottom: 50px;
    background: #fff;
}
.e257_main .e_257 {
    padding-top: 40px;
}
.e257_main .e_257 .indexTit {
    margin-bottom: 40px;
}
.e257_main .e_257 .left {
float: left;
    width: 940px;
    background: rgb(242 242 242);
    border-radius: 10px 10px 10px 10px;
    border: 3px solid #02a852;
    padding: 25px;
}
.e257_main .e_257 .left .aImg {
    position: relative;
    display: block;
    width: 970px;
    height: 470px;
    background: url("../zujianku/images/a257.png") no-repeat center center;
    background-size: 970px 470px;
    cursor: pointer;
    transition: all .5s;
}
.e257_main .e_257 .left .aImg .img {
    display: block;
    width: 938px;
    height: 450px;
    margin: 0 auto;
    padding-top: 10px;
}
.e257_main .e_257 .left .aImg .iframe {
    position: absolute;
    top: 19px;
    left: 20px;
    display: block;
    width: 970px;
    height: 430px;
    background: url("../zujianku/images/i257.png") no-repeat center center;
}
.e257_main .e_257 .left .aImg:hover {
    transform: translateY(-6px);
}
.e257_main .e_257 .right {
    float: left;
    width: 450px;
    margin-left: -10px;    margin-top: 27px;
}
.e257_main .e_257 .right .aTit {
    margin-left: 60px;
}
.e257_main .e_257 .right .aTit .tit {
    margin-top: 5px;
    font-size: 36px;
    color: #ff8601; 
}
.e257_main .e_257 .right .aTit .subtit1 {
    width: 280px;
    margin-top: 12px;
    font-size: 24px;
    color: #333;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
   
    text-indent: 10px;
}
.e257_main .e_257 .right .aTit .subtit2 {
    display: block;
    width: 280px;
    height: 35px;
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 35px;
    text-align: center;
    background: #02a852;
    border-radius: 3px;
}
.e257_main .e_257 .right .txtBox {
    padding: 46px 40px 36px;
    display: block;
    width: 451px;
    height: 240px;
    margin-top: 20px;
    background: url("../zujianku/images/bg257.png") no-repeat center center;
    background-size: 450px 250px;
}
.e257_main .e_257 .right .txtBox .cont {
    width: 370px;
    margin: 0 auto;
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
}
.e257_main .e_257 .right .txtBox .more {
    float: right;
    display: block;
    width: 196px;
    height: 42px;
    margin-top: 12px;
    font-size: 16px;
    line-height: 42px;
    text-align: center;
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    color: #fff;
    transition: all .5s;
}
.e257_main .e_257 .txtBox .more:hover {
    width: 220px;
    background: #ea5504;
    color: #fff;
}
.e257_main .e_257 .iabout {
    position: relative;
    margin-top: 0px;
}
.e257_main .e_257 .iabout .bd {
    position: relative;
    overflow: hidden;
}
.e257_main .e_257 .iabout .bd .list {
    width: 100%;
    overflow: hidden;
}
.e257_main .e_257 .iabout .bd .list li {
    float: left;
    display: block;
    width: 280px;
    margin-right: 5px;
    transition: all .5s;
}
.e257_main .e_257 .iabout .bd .list li .img {
    display: block;
    width: 280px;
    height: 210px;
}
.e257_main .e_257 .iabout .bd .list li .tit {
    display: block;
    height: 56px;
    font-size: 16px;
    line-height: 56px;
    text-align: center;
    color: #333;
    background: #f6f6f6;
    transition: all .5s;
}
.e257_main .e_257 .iabout .bd .list li:hover {
    box-shadow: 0 2px 20px #e5e5e5;
}
.e257_main .e_257 .iabout .bd .list li:hover .tit {
    color: #fff;
    background: #02a852;
}
.e257_main .e_257 .iabout .hd {
    position: absolute;
    top: 110px;
    width: 100%;
}
.e257_main .e_257 .iabout .hd .prev, .e_257 .iabout .hd .next {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.e257_main .e_257 .iabout .hd .prev {
    left: -70px;
    background-position: -5px -4px;
}
.e257_main .e_257 .iabout .hd .next {
    right: -50px;
    background-position: -47px -4px;;
}
.e257_main .e_257 .iabout .hd .prev:hover {
    background-position: -5px -46px;
}
.e257_main .e_257 .iabout .hd .next:hover {
    background-position: -47px -46px;
}
.e257_main .e_257 .indexTit {
    position: relative;
}
.e257_main .e_257 .indexTit .tit {
    font-size: 48px;
    font-weight: bold;
    color: #02a852;
    text-align: center;
    line-height: 50px;
}
.e257_main .e_257 .indexTit .subtit {
    margin-top: 20px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #666;
}
.large-image {display:none;position: fixed;z-index: 60;left: 50%;margin-top: -700px;margin-left:-700px;}

.products .photo {
    width: 312px;
    height: 563px;
 
}

.products:hover .photo.photoscroll img {
    transform: translateY(-100%);
    bottom: -564px;
    transition: all 1.5s linear 0s;
}

.productsda { float: left; /*width: 330px; height: 595px;*/ margin-right: 17px; margin-bottom: 20px; background: rgb(255, 255, 255); border-radius: 0px 0px 4px 4px; border: 1px solid transparent; }
.productsda:nth-last-of-type(1) { margin-bottom: 30px; }
.productsda:hover { border-color: rgb(205, 162, 216); box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 24px -10px; }
.productsda:hover .photo.photoscroll img {transform: translateY(-100%);bottom: -2064px;transition: all 1.2s linear 0s;}
.productsda .photo {width:940px;height: 2044px;overflow: hidden;margin-bottom: 5px;position: relative;rgb(232 232 232);display: block;}
.productsda .photo img { height: auto; transition: all 1s linear 0s; position: relative; transform: translateY(0px); bottom: 0px; }

/* 主体为图片（非演示网站）时：去掉鼠标悬停滚动效果 */
.productsda.no-scroll {
    margin-top: -455px;
}
.productsda.no-scroll:hover .photo.photoscroll img,
.products.no-scroll:hover .photo.photoscroll img {
    transform: none !important;
    bottom: 0 !important;
    transition: none !important;
}

/* 隐藏/显示悬浮LOGO按钮样式已迁至模板内 .img-view-tools button */

/* 筛选按钮栏吸顶：不随滚轮滚动移动，滚动时固定在视口顶部 */
.filter-box.bg-white {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 900;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* === yywz 内 right 面板定位 === */
.yywz .right {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
    border: 1px solid #eee;
    width: 419px;
    position: relative;
    z-index: 5;
    left: 979px;
    top: -21px;
}
.yywz .right .aTit {
    margin-left: 20px;
}
.yywz .right .titbtnasdf {
    font-size: 14px;
    margin-left: 113px;
    position: absolute;
    z-index: 1;
    color: #aa9176;
    margin-top: -9px;
}
.yywz .right .aTit .tit {
    font-size: 36px;
    color: #ff8601;
    margin-top: 5px;
}
.yywz .right .aTit .subtit1 {
    width: 280px;
    margin-top: 12px;
    font-size: 24px;
    color: #333;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    text-indent: 10px;
}
.yywz .right .aTit .subtit2 {
    display: inline-block;
    width: 280px;
    height: 35px;
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 35px;
    text-align: center;
    background: #02a852;
    border-radius: 3px;
}
.yywz .right .txtBox {
    padding: 17px 40px 11px;
    width: 380px;
    margin-top: 20px;
    background: #02a852;
    border-radius: 8px;
}
.yywz .right .txtBox .cont {
    width: 300px;
    margin: 0 auto;
    font-size: 26px;
    color: #fff;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
}
.yywz .right .line.mb5 {
    margin-top: 10px;
    color: #fff;
}
.yywz .right .ey-buyaction {
    margin-top: 0px;
}
.yywz .right .ey-buyaction .ey-yanshi {
    width: 309px;
    display: inline-block;
    background: #ff8601;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 14px;
}
.yywz .right button.btnasdf {
    line-height: 70px;
    margin-top: -8px;
    width: 381px;
    margin-left: -24px;
}
/* === 二维码定位 === */
#qrcode {
    position: absolute;
    left: 79px;
}