.zhu,.wan{background:url(../images/zhu_bg01.png) no-repeat center bottom #f2f1ed;background-size:100% auto;padding:40px 0;font-size:16px;line-height:2.14;text-align:center;}
.zhu2{padding:55px 80px 135px;text-align:center;}
.zhu2 .title,.detail2 .title{font-size:30px;color:#333;text-align:center;}
.zhu2 .title span,.detail2 .title span{display:inline-block;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:8px 0;}
.zhu2 .content{padding-top:38px;}
.zhu2 .content ul{margin:0 -12px;}
.zhu2 .content li{width:50%;float:left;}
.zhu2 .content li .item{margin:12px;position:relative;overflow:hidden;cursor: pointer;}
.zhu2 .content li .item img{max-width:100%;height:auto;}
.zhu2 .content li .item .text{background:rgba(0,0,0,0.4);color:#fff;text-align:center;line-height:2.14;background:none\9;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000)\9;position:absolute;left:0;top:0;width:100%;height:100%;display:none;}
.zhu2 .content li .item .text i{display:inline-block;width:165px;height:165px;text-align:center;line-height:165px;background:#e1cb8f; border-radius: 50%;font-style: normal;font-size:28px;}
.zhu2 .content li .item .text .text01{width:70%;margin:-148px auto 0;position:relative;top:50%;}
.zhu2 .content li .item .text .text01 p{padding:25px 0 10px;}
.zhu2 .content li .item .text .text01 a{color:#e09f5d;display:inline-block;width:100px;height:36px;line-height:36px;position:relative;}
.zhu2 .content li .item .text .text01 a i{position:absolute;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background:#e09f5d; opacity: 0;}
.zhu2 .content li .item .text .text01 a i.line_left{top:0;left:0;width:1px;height:0;}
.zhu2 .content li .item .text .text01 a i.line_top{top:0;left:0;width:0;height:1px;}
.zhu2 .content li .item .text .text01 a i.line_right{bottom:0;right:0;width:1px;height:0;}
.zhu2 .content li .item .text .text01 a i.line_bottom{bottom:0;right:0;width:0;height:1px;}
.zhu2 .content li .item .text .text01 a:hover i.line_left,.zhu2 .content li .item .text .text01 a:hover i.line_right{height:100%;opacity: 1;}
.zhu2 .content li .item .text .text01 a:hover i.line_top,.zhu2 .content li .item .text .text01 a:hover i.line_bottom{width:100%;opacity: 1;}
.detail{padding:85px 0 70px;}
.detail .warper,.detail2 .warper{position:relative;max-width:1440px;}
.detail .warper .text{position:absolute;width:400px;right:0;top:0;line-height:2.14;}
.detail .warper .text h3{font-weight:bold;font-size:30px;color:#454340;padding:25px 0 30px;}
.detail .warper .text h3 i{display:block;width:40px;height:2px;background:#e09f5d;margin-top:10px;}
.detail .warper .text a{display:inline-block;width:134px;height:42px;text-align:center;line-height:42px;background:#e1cb8f;color:#000;margin-top:45px;}
.detail .warper .text a:hover{background:#f1dda8;}
.detail .warper .img{height:535px;padding-right:440px;}
.detail .maxPic-box{position:relative;overflow:hidden;height:100%;}
.detail .maxPic-box img{position:absolute;lefT:50%;width:1000px;margin-left:-500px;}
.detail .maxBtn-l,.detail .maxBtn-r{position:absolute;background:url(../images/arrow_img01.png) no-repeat;width:47px;height:47px;top:50%;margin-top:-24px;}
.detail .maxBtn-r{right:0;background-position:right 0;}
.detail .maxPic .img{width:auto;height:535px;position:absolute;left:50%;margin-left:-500px;}
#tplist{position:absolute;right:0;bottom:0;width:396px;}
#tplist .minPic{width:396px;height:91px;overflow:hidden;position:relative}
#tplist .gallery_demo_unstyled{width:100000px;position:absolute;left:0}
#tplist .gallery_demo_unstyled li{width:91px;float:left;height:91px;overflow:hidden;margin-right:10px;position:relative}
#tplist .gallery_demo_unstyled li img{height:91px;}
#tplist .gallery_demo_unstyled li.actives span{background:url(../images/zhu_icon01.png) no-repeat;position:absolute;width:100%;height:100%;lefT:0;top:0;background-size:cover;}
.detail2{background:url(../images/zhu_bg01.png) no-repeat center bottom #f2f1ed;background-size:100% auto;padding:70px 0 100px;margin-bottom:125px;}
.detail2 .content{padding-top:30px;}
.detail2 .content ul{margin:0 -10px;}
.detail2 .content li{width:25%;float:left;}
.detail2 .content li .text{background:#fff;margin:10px;padding:0 15px;text-align:center;font-size:15px;color:#000;height:78px;}
.detail2 .content li .text .text01{position:relative;top:50%;vertical-align: middle\0/IE8;top:0\0/IE8;line-height:78px\0/IE8;width:100%;}
.detail2 .content li .text:hover{background:#e1cb8f;}
.detail2 .content li .text .text01 i{width:0;height:100%;display: inline-block;vertical-align: middle;}
.detail2 .content li .text .text01 span{position:absolute;width:100%;lefT:50%;transform: translate(-50%,-50%);position:relative\0/IE8;display: inline-block;line-height:1.5;text-align: center\0/IE8;vertical-align: middle\0/IE8;lefT:auto\0/IE8;transform: translate(0,0)\0/IE8;}
.wan_detail{padding-bottom:135px;}
.wan{font-size:14px;}
.wan h3{font-size:24px;font-weight:normal;color:#333;padding-bottom:10px;}
.wan2{padding:65px 0 120px;}
.wan2 li{width:50%;float:left;padding-bottom:30px;}
.wan2 li .item{margin:5px 25px;cursor:pointer;}
.wan2 ul{margin:0 -25px;}
.wan2 li img{width:100%;height:auto;}
.wan2 li .text{position:relative;padding-top:20px;}
.wan2 li .text p{height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:130px;}
.wan2 li .text a{position:absolute;right:0;bottom:0;color:#999;text-transform: uppercase;font-size:12px;}
.wan2 li .text a i{display:inline-block;width:60px;height:1px;vertical-align:middle;background:#d2d2d2;margin-right:10px;}
.wan2 li .text a:hover{color:#e1cb8f;}
.wan2 li .text a:hover i{background:#e1cb8f;}
.wan2 li .text h3{font-weight:normal;font-size:20px;color:#333;padding-bottom:10px;}

@media screen and (max-width:1600px) {
.zhu2 .content li .item .text i{width:140px;height:140px;line-height:140px;font-size:26px;}
.zhu2 .content li .item .text .text01{margin:-134px auto 0;}
.detail .warper,.detail2 .warper{padding:0 20px;}
#tplist,.detail .warper .text{right:20px;}
}


@media screen and (max-width:1240px) {
.zhu2{padding:55px 20px 135px;}
.zhu2 .content li .item .text i{width:120px;height:120px;line-height:120px;font-size:24px;}
.zhu2 .content li .item .text .text01{margin:-124px auto 0;}



}


@media screen and (max-width:1080px) {
.zhu2,.wan_detail{padding-bottom:110px;}
.zhu2 .content li .item .text{background:#eee;color:#7c7771;position:relative;height:auto;display:block;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeee,endColorstr=#ffeeeee);width:auto;padding:20px 20px 30px;}
.zhu2 .content li .item .text .text01{margin:-70px auto 0;position:relative;top:0;width:100%;}
.zhu2 .content li .item .text .text01 a i{margin:0;}
.zhu2 .content li .item .text .text01 a:hover{background:#e09f5d;color:#fff;}
.zhu2 .content li .item .text .text01 a i.line_left,.zhu2 .content li .item .text .text01 a i.line_right{height:100%;}
.zhu2 .content li .item .text .text01 a i.line_top,.zhu2 .content li .item .text .text01 a i.line_bottom{width:100%;}
.zhu2 .content li .item .text i{background:#eee;line-height:4;margin-bottom:-70px;color:#333;}
.zhu2 .content li .item .text .text01 p{padding:15px 0 15px;}
.zhu,.wan{padding:40px 0;font-size:14px;line-height:1.8;}
.zhu2 .content{padding-top:25px;}
.zhu2 .title,.detail2 .title{font-size:26px;}
.detail .warper .img{height:480px;padding-right:430px;}
.detail .maxPic-box img{width:900px;margin-left:-450px;}
.detail .warper .text h3{font-weight:bold;font-size:30px;color:#454340;padding:15px 0 30px;}
.detail .warper .text h3 i{display:block;width:40px;height:2px;background:#e09f5d;margin-top:5px;}
.detail .warper .text a{margin-top:30px;}
.detail2 .content li{width:33%;}
.detail2{padding:70px 0 80px;margin-bottom:95px;}
.detail2 .content{padding-top:20px;}
.wan2{padding:65px 0 100px;}
.wan2 li{padding-bottom:20px;}
.wan2 li .item{margin:5px 15px;}
.wan2 ul{margin:0 -15px;}
.wan2 li .text{position:relative;padding-top:15px;}
.wan2 li .text p{padding-right:110px;}
.wan2 li .text a i{width:45px;}
.wan2 li .text h3{padding-bottom:6px;}		

}
@media screen and (max-width:1000px) {

.detail .warper .img{height:auto;padding-right:0;}
.detail .img{position:relative;}
.detail .maxPic-box img{position:relative;margin:0;left:0;width:100%;height:auto;}
#tplist{position:absolute;right:0;bottom:10px;width:100%;padding-top:20px;}
#tplist .minPic{max-width:350px;height:80px;width:auto;margin:0 auto;}
.detail .warper .text{position:relative;width:100%;right:0;top:0;line-height:1.8;padding-top:10px;}
.detail .warper .text a{margin-top:25px;}
#tplist .gallery_demo_unstyled li{width:80px;height:80px;}
#tplist .gallery_demo_unstyled li img{height:80px;}
.wan2 li .item{margin:5px 8px;}
.wan2 ul{margin:0 -8px;}
.wan2 li .text h3{font-size:18px;}	
}
@media screen and (max-width:880px) {
.zhu2 .content ul{margin:0 -8px;}
.zhu2 .content li .item{margin:8px;}	
.zhu2 .content li .item .text i{font-size:21px;width:100px;height:100px;line-height:3.5;margin-bottom:-90px;}
.zhu2 .content li .item .text .text01{margin-top:-60px;}	
.zhu2{padding-bottom:80px;}	
.zhu2 .title,.detail2 .title{font-size:24px;}
#tplist .minPic{max-width:330px;height:75px;}
#tplist .gallery_demo_unstyled li{width:75px;height:75px;}
#tplist .gallery_demo_unstyled li img{height:75px;}
.detail{padding:50px 0;}
.detail .maxBtn-l,.detail .maxBtn-r{width:35px;height:35px;background-size:auto 35px;}
.detail .warper .text a{margin-top:15px;}
.detail .warper .text h3{font-size:24px;padding-bottom:20px;}
.detail2{margin:0;padding:50px 0;}
.detail2 .content li{width:50%;}
.detail2 .content li .text{height:60px;}
.wan h3{font-size:22px;}
.wan2{padding:50px 0;}
.zhu,.wan{padding:30px 0 40px;background-size:auto 60px;}
.wan2 li .text h3{font-size:16px;font-weight:bold;padding-bottom:5px;}	

}
@media screen and (max-width:640px) {
.zhu2 .content li{width:100%;float:none;padding-top:10px}
.zhu2 .content li .item .text i{font-size:18px;width:90px;height:90px;line-height:3;}
.zhu2 .content li .item .text .text01{margin-top:-55px;}
.zhu2 .content{padding-top:15px;}
.zhu2 .title,.detail2 .title{font-size:22px;}
#tplist .minPic{max-width:270px;height:60px;}
#tplist .gallery_demo_unstyled li{width:60px;height:60px;}
#tplist .gallery_demo_unstyled li img{height:60px;}
.detail{padding:50px 0;}
.detail .maxBtn-l,.detail .maxBtn-r{width:35px;height:35px;background-size:auto 35px;}
.detail .warper .text{line-height:1.5;}
.detail .warper .text a{width:110px;height:36px;line-height:36px;margin-top:15px;}
.detail .warper .text h3{font-size:21px;padding-bottom:20px;}
.detail2 .content li{width:100%;float:none;}
.detail2 .content li .text{height:52px;font-size:13px;}
.detail2{padding:40px 0;}
.detail2 .content{padding-top:10px;}
.zhu,.wan{background-size:auto 45px;}
.wan2 li{width:100%;float:none;}
.wan h3{font-size:20px;}
}
@media screen and (max-width:480px) {
.detail{padding:40px 0;}
.detail .warper .text h3{font-size:21px;padding-bottom:20px;}
.zhu2{padding:40px 20px;}	
#tplist .minPic{max-width:230px;height:50px;}
#tplist .gallery_demo_unstyled li{width:50px;height:50px;}
#tplist .gallery_demo_unstyled li img{height:50px;}
.wan2 li .text p{padding-right:0;}
.wan2 li .text a i{display:none;}
.wan2 li .text a{position:relative;display:inline-block;padding:6px 20px;border:1px solid #e1cb8f;margin-top:10px;}


}
@media screen and (max-width:380px) {
.detail .warper .img{height:230px;}
.detail .maxPic-box img{position:absolute;left:50%;width:430px;margin-left:-215px;}



}