.loading{background: url("../images/loading.gif") center center no-repeat;}
.banner{position: relative;width: 100%;overflow: hidden;background:url("../images/banner.jpg?v=2") center top no-repeat;}
.banner .cnt a{display:block;height: 800px;}
.zt-m{font-size: 18px; color: #ffedbd; line-height: 34px;}
.zhd{text-align: center;font-size: 0;}

.my-btn{font-size: 0;}
.my-btn a{display: inline-block;width: 261px;height: 69px; margin: 0 45px; line-height: 69px;text-align: center; color: #a2121c; font-size: 22px; background: url("../images/znq/m2-btn.gif");background-position: left bottom;}
.my-btn a:hover{background-position: left top;color: #a2121c;}

.m1{height: 785px; background: url("../images/m1.jpg?v=2") center top no-repeat;}
.m1 .zbd{padding: 241px 0 0 0;}
.m1 .row{position: relative;}
.m1 .row a{position: absolute; top: 0; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 100%;}
.m1 .row .m1-1{left: 0; z-index: 1; width: 405px;height: 405px; overflow: hidden;}
.m1 .row .m1-2{left: 375px; z-index: 2; width: 450px;height: 450px; overflow: hidden;}
.m1 .row .m1-3{right: 0; z-index: 1; width: 405px;height: 405px; overflow: hidden;}
.m1 .row a:hover{z-index: 10;}

.m2,.m3{padding:90px 0;background: #a20101;}
.m2 .shd{text-align: center;font-size: 30px;color: #db9f64;line-height: 30px;}
.m2 .zbd{padding: 60px 0 0 0;}
.m2 .row1{background: #f4cda0;}
.m2 .row1 .pic{width: 500px;height: 360px;}
.m2 .row1 .info{width: 595px;padding: 40px 0 0 55px;}
.m2 .row1 .info span{display: block; width: 181px;height: 47px;text-align: center;line-height: 47px;color: #eec799; font-size: 24px;background: #ac031f;}
.m2 .row1 .info .title{height: 69px;line-height: 69px; font-size: 36px; color: #7a5835; border-bottom: 1px dotted #c7a37a;}
.m2 .row1 .info p{padding: 15px 0;font-size: 18px; color: #7a5835; line-height: 24px;}
.m2 .row2{}
.m2 .row2 ul{margin-left: -60px;}
.m2 .row2 li{float: left;width: 360px;height:430px; margin: 50px 0 0 60px; background: url("../images/yh_bg.png") left bottom repeat-x;}
.m2 .row2 li .pic{height: 250px;}
.m2 .row2 li .pic img{display: block}
.m2 .row2 li h3{margin: 10px 0 0 0;font-size: 30px;line-height: 45px; color: #7a5835; font-weight: normal; text-align: center;}
.m2 .row2 li p{padding: 0 25px;font-size: 16px;color: #7a5835;line-height: 24px; height: 48px;}
.m2 .row2 .brow{position: relative; padding: 15px 0 15px 25px;height: 48px;}
.m2 .row2 .rmb{width: 1em;padding:0 5px 0 0;font-size: 24px;line-height: 24px;color: #7a5835;}
.m2 .row2 .price{padding:0 5px 0 0;font-size:40px;color:#ac031f; line-height: 48px; font-weight: bold;}
.m2 .row2 .yuan{padding: 8px 0 0 0;}
.m2 .row2 .ybtn{position: absolute;right: 0;bottom: 0; width: 100px; height: 90px; text-indent: -9999px; overflow: hidden; background: url("../images/m2-btn2.gif");}

.m3{background: #760203; padding-bottom: 35px;}
.m3 .zinfo{padding: 40px 0 0 0;font-size: 18px;color: #eec799;line-height: 30px;text-indent: 2em;}
.case{margin-top: 25px;height: 462px;position: relative;}
.case .bd{width: 1200px; height: 462px; overflow: hidden;}
.case .bd li{width: 1200px; height: 462px; overflow: hidden;}
.case .pic1{position: relative; float: left;width: 574px;height: 462px; padding-left: 10px;}
.case .pic1 img{display: block;width: 574px; height: 300px;}
.case .pic1 .case-tip{position: absolute;top:278px;right: 8px;width: 112px;height: 88px;}
.case .pic1 .case-tip img{display: block;width:112px;height: 88px;}
.case .info{padding: 15px 0 12px 180px; background: url("../images/case-info.png") no-repeat;}
.case .info .case-name{float: left; margin: 0 0 0 -170px;width: 136px;height: 135px;text-align: center; color: #a2121c;}
.case .info .name{padding:11px 0 0 0;height:40px;line-height:40px;overflow:hidden;font-size: 18px;font-weight: bold;}
.case .info p{padding:5px 0 0 0;font-size: 14px;color: #a2121c;line-height: 18px;}
.case .info .title{padding:6px 0;font-size: 18px;color: #eec799;line-height: 23px;}
.case .info .intro{font-size: 14px;line-height: 24px;color: #eec799;}
.case .info .intro span{color: #eec799;}
.case .pic2{ float: right; width: 584px;height: 462px; padding-right: 10px;}
.case .pic2 img{display: block; width: 584px;height: 462px;}
.case .hd{position: absolute; left: 50%; bottom: -20px; display: none;}
.case .hd ul{margin-left: -50%;}
.case .hd li{float: left;width: 10px;height: 10px;margin: 0 5px 0 0; text-indent: -9999px; overflow: hidden; background: #ffedbd; cursor: pointer; -webkit-border-radius: 50%;-o-border-radius: 50%; border-radius: 50%;}
.case .hd li.on{background: #ffea00;}
.case-prev,.case-next{position: absolute; left: -40px; top: 50%; width: 26px; height: 50px; margin-top: -25px; cursor: pointer; background: url("../images/arr.png");}
.case-next{left: auto; right: -40px; background-position: right top;}
.m3 .my-btn{text-align: center;font-size: 0;margin: 49px 0 0 0;}
.m3 .my-btn a{display: inline-block;width:245px;height: 68px;line-height: 65px; font-size: 30px; color: #a2121c; background: url("../images/cbtn.gif");}
.m4{background: url("../images/m4.jpg") center top no-repeat;}
.m4 a{display: block;height: 280px;}

.m5{padding: 90px 0 54px 0; background: #a20101;}
.m5 .zinfo{padding: 40px 0 0 0;font-size: 18px;color: #eec799;line-height: 30px;text-indent: 2em;}
.m5 .row2{margin: 20px 0 0 0;}

.m8{height: 500px; padding: 80px 0 78px 0; background: url("../images/m8.jpg") center top no-repeat;}
.m8-1{height: 500px; background: url("../images/m8_1.png") no-repeat;}
.m8-1 .row1{width: 480px; padding: 100px 0 0 30px; font-size: 18px;color: #ffedbd; line-height: 54px;}
.m8-1 .row1 p{background: url("../images/m8-line.png") left bottom repeat-x;}
.m8-box{position: relative; height: 500px; overflow: hidden;}
.m8 .hd span{position: relative; z-index: 10; display: block;width: 242px; height: 68px;margin: -68px 0 0 115px; text-align: center; line-height: 66px; font-size: 30px; color: #a2121c; background: url("../images/m8-btn.png") no-repeat; cursor: pointer;}
.m8 .hd span.on{display: none;}

.history{}
.history .chd{position: relative; width: 1200px; height: 77px; margin: 0 0 50px 0; background: url("../images/m8_line.gif") 0 71px repeat-x;}
.history .chd span{position: absolute; top: 66px; left: 0; width: 9px; height: 10px; background: url("../images/m8_left.png") center right no-repeat;cursor: pointer;}
.history .chd .cnext{ left: auto; right: 0; background: url("../images/m8_right.png") center left no-repeat;}
.history .hd-box{position: relative; width: 1100px; height: 77px; margin: 0 auto; overflow: hidden;}
.history .hd-box ul{position: absolute;left: 0; top: 0; width: 2240px;}
.history .hd-box li{float: left;width: 120px;height: 77px; margin: 0 20px 0 0; line-height: 40px; text-align: center; font-size: 18px;color: #ffedbd; background: url("../images/m8_thd.png") no-repeat;cursor: pointer;}
.history .hd-box li.on{color: #a2121c; background: url("../images/m8_thd2.png") no-repeat;}
.history .cbd{position: relative; height: 373px; overflow: hidden;}
.history .cbd li{float: left; width: 1200px;}
.history .info{float: left; width: 450px; font-size: 15px;color: #ffedbd; line-height: 30px;}
.history .ls{float: right;width: 690px;}
.history .ls .photo{padding: 5px; background: rgba(255,255,255,0.1); background: #fff\9;}
.history .ls p{ margin: 20px 0 0 0; font-size: 19px; color: #ffedbd; text-align: center;}








