.hui,.detail{background:url(../images/zhu_bg01.png) no-repeat center bottom #f2f1ed;background-size:100% auto;padding:40px 0;font-size:14px;line-height:2.14;text-align:center;}
.hui2{padding:30px 0 140px;}
.hui2 .item{margin-top:35px;position:relative;}
.hui2 .item .img{width:100%;height:400px;overflow: hidden;background:no-repeat center center;}
.hui2 .item .text{position:absolute;top:0;width:40%;background:rgba(0,0,0,0.6);background:none\9;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)\9;height:100%;text-align:center;}
.hui2 .item .text .text01{color:#fff;line-height:2.14;width:80%;}
.hui2 .item.item01 .text{right:0;}
.hui2 .item.item02 .left{right:0;}
.hui2 .item .text .in_mid{width:0;height:100%;display:inline-block; vertical-align: middle;font-size:0px;}
.hui2 .item .text .text01{width:80%;text-align:left;display:inline-block; vertical-align: middle;}
.hui2 .item .text .text01 h3{font-weight:normal;font-size:24px;padding-bottom:10px;}
.hui2 .item .text .text01 a{display:inline-block;text-transform:uppercase;border:1px solid #fff;color:#fff;padding:3px 25px;margin-top:30px;}
.hui2 .item .text .text01 a:hover{background:#fff;color:#333;}
.detail h2{font-size:30px;color:#333;text-align:left;font-weight:normal;}
.detail .warper{position:relative;}
.detail .yuyue{position:absolute;width:240px;padding:20px 47px 40px;bottom:-40px;right:0;background:rgba(0,0,0,0.6);background:none\9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)\9;}
.detail .yuyue h3{font-weight:normal;font-size:24px;color:#fff;text-align:center;}
.detail .yuyue li{padding-top:10px;height:42px;}
.detail .yuyue li .item{background:#fff;height:42px;padding:0 38px 0 8px;position:relative;color:#e09f5d;}
.detail .yuyue li .item input{border:0px;color:#e09f5d;width:100%;height:42px;line-height:42px;}
.detail .yuyue li .item i.iconfont{position:absolute;top:0;right:10px;font-size:20px;color:#ecc59d;}
.detail .yuyue li.select{margin-right:-10px;}
.detail .yuyue li.select .item{float:left;width:69px;margin-right:10px;text-align:left;}
.detail .yuyue li.select .item select{position:absolute;width:100%;height:42px;line-height:42px;left:0;top:0; opacity:0;filter: alpha(opacity=0);z-index:2;}
.detail .yuyue li.select .item i.iconfont{font-size:14px;color:#9c928f;top:8px;}
.detail .yuyue li.select .item span{line-height:42px;display:inline-block;}
.detail .yuyue li a.but{display:block;line-height:42px;background:#dfca8e;margin-top:10px;text-align:center;}
.detail .yuyue li a.but:hover{background:#ddbf6b;color:#000;}
.detail2{line-height:2.14;padding:65px 0 60px;color:#333;}
.detail2 .but{display:inline-block;background:#e1cc90;color:#000;padding:5px 20px;margin:30px 0 40px;}
.detail2 .dinggou{background:#f4f4f4;padding:25px 20px 40px;}
.detail2 .dinggou li{float:left;width:50%;}
.detail2 .dinggou li .text{margin:0 20px;}
.detail2 .dinggou li h3{font-weight:normal;font-size:24px;padding-bottom:20px;}
.detail4{text-align:center;padding:65px 0 125px;}
.detail4 .title{font-size:30px;color:#333;text-align:center;}
.detail4 .title span{display:inline-block;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:8px 0;}
.detail4 .content{line-height:2.14;color:#333;padding-top:35px;}
.detail4 .content h3{font-weight:normal;font-size:18px;}
.detail3{background:#f4f4f4;padding:75px 0 70px;}
.detail3 .content{position:relative;}
.detail3 .title{height:80px;line-height:80px;font-size:30px;position:relative;color:#333;}
.detail3 .title i{background:#96785e;position:absolute;right:0;top:0;width:260px;height:100%;}
.detail3 .item{background:no-repeat center center;height:490px;}
.detail3 .item .text{display:none;}
.detail3 .item .text01{height:390px;width:195px;float:right;margin-right:260px;padding:100px 30px 0;line-height:2.14;color:#fff;background:rgba(0,0,0,0.6);background:none\9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)\9;}
.detail3 .but{position:absolute;height:100%;width:260px;background:rgba(140,106,78,0.9);background:none\9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ee8c6a4e,endColorstr=#ee8c6a4e)\9;right:0;top:0;overflow:hidden;}
.detail3 .but a{display:block;height:101px;text-align:center;color:#ccc;font-size:12px;text-transform: uppercase;padding:22px 0 0 22px;}
.detail3 .but a img{float:left;}
.detail3 .but a .text{float:left;padding:18px 0 0 20px;}
.detail3 .but a .text h3{font-size:16px;color:#fff;font-weight: normal;padding-bottom:5px;}
.detail3 .but a.hover{background:#e09f5d;}

@media screen and (max-width:1240px) {
.detail .yuyue{right:20px;}



}


@media screen and (max-width:1080px) {
.hui{line-height:1.8;}
.hui2{padding-bottom:110px;}
.detail h2{font-size:26px;}
.detail .yuyue{padding:10px 35px 30px;}
.detail2{line-height:1.8;}
.detail4{padding:55px 0 110px;}
.detail4  .title{font-size:26px;}
.detail4 .content{line-height:1.8;}
.detail3{padding:60px 0;}
.detail3 .title{height:60px;line-height:60px;font-size:26px;}
.detail3 .item{height:400px;}
.detail3 .item .text01{height:320px;padding:80px 30px 0;line-height:1.8;}
.detail3 .but a{height:90px;padding:10px 0 0 22px;}
.detail3 .but a .text{float:left;padding:18px 0 0 20px;}
}
@media screen and (max-width:880px) {
.hui{padding:30px 0 40px;}
.hui2,.detail4{padding-bottom:80px;}
.hui2 .item .text{position:relative;width:auto;background:rgba(140,106,78,1);background:none\9;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff8c6a4e,endColorstr=#ff8c6a4e)\9;padding:15px 20px 30px;height:auto;}
.hui2{padding:30px 0 50px;}
.hui2 .item .text .text01{width:100%;}
.hui2 .item{margin-top:20px;}
.hui2 .item .text .in_mid{display:none;}
.hui2 .item .text .text01 h3{padding-bottom:0;font-size:22px;}
.hui2 .item .text .text01 a{margin-top:20px;}
.detail h2{font-size:24px;}
.detail .yuyue{padding:10px 27px 30px;}
.detail .yuyue li a.but{margin-top:5px;}
.detail .yuyue h3{font-size:22px;}
.detail2{padding:50px 0;}
.detail2 .dinggou{padding:15px 10px 30px;}
.detail2 .dinggou li .text{margin:0 10px;line-height:1.6;}
.detail2 .dinggou li h3{font-size:22px;padding-bottom:15px;}
.detail4  .title{font-size:24px;}
.detail4 .content{padding-top:30px;line-height:1.6;}
.detail4 .content h3{font-size:16px;}
.detail3 .title{height:auto;line-height:1.5;font-size:24px;text-align:center;padding-bottom:10px;}
.detail3 .title i,.detail3 .but,.detail3 .item .text01{display:none;}
.detail3 .owl-carousel{display:block;}
.detail3 .warper{padding:0;}
.detail3 .item{margin-top:10px;padding:35px 0;height:auto;}
.detail3 .item .text{display:block;text-align:center;color:#fff;width:170px;height:170px;margin:0 auto;border-radius: 50%;background:#b89f7a;font-size:12px;text-transform: uppercase;}
.detail3 .item .text h3{font-size:24px;font-weight: normal;padding-bottom:5px;}
.detail3 .item .text i.in_mid{height:100%;width:0px;vertical-align: middle;display:inline-block;}
.detail3 .item .text .texta01{display:inline-block;vertical-align: middle;width:90%;}
.detail3{padding:50px 0;}
}

@media screen and (max-width:768px) {
.detail h2{text-align:center;}
.detail .yuyue{position:relative;padding:0;right:0;background:none;bottom:0;width:100%;}
.detail .yuyue h3{color:#333;}
.detail .yuyue li.select{margin:0 -5px;}
.detail .yuyue li.select .item {width:50%;background:none;padding:0;float:left;margin:0;}
.detail .yuyue li.select .item .select01{padding:0 38px 0 8px;background:#fff;margin:0 5px;position:relative;height:42px;overflow:hidden;}
.detail .yuyue li.select .item span.text{display:block;}
.detail .yuyue li.select .item .mbsc-control{position:absolute;top:0;}
.detail3 .title{font-size:22px;}
}
@media screen and (max-width:640px) {
.hui{background-size:auto 45px;}
.hui2 .item .text .text01 h3{font-size:20px;}
.hui2 .item .text .text01 a{margin-top:10px;}.detail h2{font-size:22px;}
.detail2 .dinggou{padding:0 20px 30px;}
.detail2 .dinggou li{float:none;padding-top:20px;width:100%;}
.detail2 .dinggou li .text{}
.detail2 .dinggou li h3{font-size:20px;padding-bottom:10px;}
.detail4,.detail2,.detail3{padding:40px 0;}
.detail4 .title{font-size:22px;}
.detail4 .content h3{font-size:14px;font-weight:bold;}
.detail3 .item .text{width:150px;height:150px;}
.detail3 .item .text h3{font-size:21px;}
}
@media screen and (max-width:480px) {



}
@media screen and (max-width:380px) {




}