.loading{background: url("../images/loading.gif") center center no-repeat;}
.banner{position: relative;width: 100%;height: 895px;overflow: hidden;background:url("../images/znq/banner.jpg") center top no-repeat;}
.zt-m{font-size: 18px; color: #ffedbd; line-height: 34px;}
.zhd{height: 120px;overflow: hidden; text-indent: -9999px;}

.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: 726px; background: url("../images/znq/m1.png") center top no-repeat;}
.cai{ top:300px;height: 458px;position: relative;}
.cai .bd{width: 1200px; height: 458px; overflow: hidden;}
.cai .bd li{width: 1200px; height: 458px; overflow: hidden;}
.cai .pic1{position: relative; float: left;width: 530px;padding-left: 20px;}
.cai h2{ color:#FFEA00; text-align: center; padding-top: 40px; font-size: 24px;}
.cai .info{ padding-top:20px; text-indent: 2em;}
.cai .zx img{ display:block; width: 352px; margin: 20px auto 0}
.cai .pic2{ float: right; width: 586px;height: 462px; padding-right: 20px;text-align:center; }
.cai .pic2 img{display: block; width: 586px; padding-bottom: 10px;}
.cai .hd{position: absolute; left: 50%; bottom: -20px;}
.cai .hd ul{margin-left: -50%;}
.cai .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%;  display: none}
.cai .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/znq/arr.png");}
.case-next{left: auto; right: -40px; background-position: right top;}


.m2{height: 1087px; overflow: hidden; background: url("../images/znq/m2.png") center top no-repeat;}
.m2 .row1{padding:300px 0 0 0;text-indent: 2em; height: 102px;}
.case{margin-top: 15px;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/znq/case-info.png") no-repeat;}
.case .info .case-name{float: left; margin: 0 0 0 -150px;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: #fff;line-height: 23px;}
.case .info .intro{font-size: 14px;line-height: 24px;color: #fff;}
.case .info .intro span{color: #fff;}
.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: -40px; }
.case .hd ul{margin-left: -50%;}
.case .hd li{float: left;width: 15px;height: 15px;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/znq/arr.png");}
.case-next{left: auto; right: -40px; background-position: right top;}
.m2 .my-btn{text-align: center;font-size: 0;margin: 70px 0 0 0;}

.m3{height:1257px;background: url("../images/znq/m3.png") center top no-repeat;}
.m3 .row1{padding:270px 0 0 0;text-indent: 2em;}
.m3-tab{margin: 15px 0 0 0;}
.m3-tab .hd{padding:5px 0;margin:0 0 15px 0;background: url("../images/znq/m3.gif");}
.m3-tab .hd li{float: left;width: 290px;height: 93px;margin:0 5px;color:#a2121c;text-align:center;background: #ffedbd;cursor: pointer;}
.m3-tab .hd strong{display: block;padding:10px 0 0 0;font-size: 30px; font-weight: bold;line-height: 40px;}
.m3-tab .hd span{display: block;font-size: 22px;line-height: 24px;}
.m3-tab .hd li.on{background: #ffea00;}
.m3-tab .m3-tab-inner{padding: 10px 15px 10px 0; background: url("../images/znq/m3.gif");}
.m3-tab .bd{height: 530px; overflow: hidden;}
.m3-focus{position: relative; width: 721px;height: 530px; overflow: hidden;}
.m3-focus img{display: block;width: 721px;height: 530px;}
.m3-focus .ftext{position: absolute;left: 0; bottom: 0; width: 681px; font-size: 18px;line-height: 2em;color: #fff; padding: 10px 20px; background: #000; background: rgba(0,0,0,0.5);}
.m3-focus .fhd{position: absolute; right: 5px; bottom: 10px;background: none;margin: 0;padding: 0;}
.m3-focus .fhd li{float: left; width: 12px;height: 12px;margin:0 5px 0 0;text-indent: -9999px; overflow: hidden;background: #ffedbd;cursor: pointer; -webkit-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%;}
.m3-focus .fhd li.on{background: #ffea00;}

.m3-list{width: 449px;padding: 13px 0 0 0;}
.m3-list .mhd img{display: block;}
.m3-list .list{padding: 15px 0 0 0;}
.m3-list .list a{display: block;height: 53px;margin:5px 0 0 0;line-height: 53px;font-size: 20px; color: #fff; padding: 0 0 0 20px; border: 1px solid #c23838;background: #a2121c;}
.m3-list .list a:hover{background: #ffea00; color: #a2121c;}
.m3-list a.btn{display: block;height: 53px;margin:15px 0 0 0;line-height: 53px;font-size: 20px;text-align: center; color: #a2121c; padding: 0 0 0 20px; border: 1px solid #c23838;background: #ffedbd;}
.m3-list a.btn:hover{background: #ffea00; color: #a2121c;}
.m3 .my-btn{margin: 50px 0 0 0; text-align: center;}


.m4{height: 1133px;overflow: hidden; background: url("../images/znq/m4.png") center top no-repeat;}
.m4 .row1{padding:275px 0 0 0;text-indent: 2em;}
.m4-scroll{position:relative;height: 486px;margin: 95px auto 0;}
.m4-scroll .bd{width: 1104px; height: 486px; margin: 0 auto; overflow: hidden; }
.m4-scroll .bd li{float: left;}
.m4-scroll .item{width: 276px;margin: 0 0 25px 0;}
.m4-scroll .item .pic{width: 245px;height: 147px;padding: 6px; margin: 0 auto; background: #7c1f23;}
.m4-scroll .item img{ display: block; width: 245px;height: 147px;}
.m4-scroll .item p{height: 44px; overflow: hidden; margin: 15px 0 0 0; font-size: 15px;line-height: 22px;color: #fff;text-align: center;}
.m4-prev,.m4-next{position: absolute;left: 0px; top: 50%; width: 26px; height: 50px; margin-top: -25px; cursor: pointer; background: url("../images/znq/arr.png");}
.m4-next{left: auto; right: 0px; background-position: right top;}
.m4 .my-btn{margin: 25px 0 0 0; text-align: center;}
.m4 .my-btn a.b1,.m4 .my-btn a.b2{width: 411px; background: url("../images/znq/m4-btn3.png") left bottom;}
.m4 .my-btn a.b1:hover,.m4 .my-btn a.b2:hover{width: 411px; background-position: left top;}

.m5{height: 1214px;overflow: hidden;background: url("../images/znq/m5.png") center top no-repeat;}
.m5 .row1{padding:280px 0 0 0;text-indent: 2em;}
.video{margin: 20px 0 0 0;position: relative;}
.video .bd{position: relative; height: 704px; overflow: hidden;}
.video .bd ul{margin-left: -20px;}
.video .bd li{float: left; position: relative; width: 385px; height: 325px; margin: 0 0 27px 20px; text-align: center;}
.video .bd li img{display: block;width: 385px;height: 190px;}
.video .bd li video{position: relative; z-index: 1; display: block; width: 385px; height: 190px; cursor: pointer; background:#000 url("../images/loading.gif") center center no-repeat;}
.video .bd li span{position: absolute; z-index: 2; left: 0;top: 0; width: 385px; height: 190px;background: url("../images/znq/video_btn.png") center center no-repeat; cursor: pointer; transition: all linear .3s;}
.video .bd li span:hover{opacity: 0.5;}
.video .bd li p{height:78px;padding:26px 0 31px;font-size: 18px; color: #fff; line-height: 26px; background:#A2111C url("../images/znq/v_bline.png") left bottom no-repeat;}
.video .hd{text-align: center; position: absolute; left: 0; width: 1200px; top: 700px;}
.video .hd li{display: inline-block;width: 20px; height: 20px; overflow: hidden; margin: 0 10px 0 0; cursor: pointer; text-indent: -9999px; border-radius: 50%; background: #fff; *display: inline; *zoom:1;}
.video .hd li.on{background: #ffea00;}

.m6{ height: 951px; overflow: hidden; background: url("../images/znq/m6.png?v=2") center top no-repeat;}
.m6 .zbd{padding: 270px 0 0 0;}
.m6 .ybox{padding:0 0 20px 20px; background: url("../images/znq/m3.gif");}
.m6 li{float: left; width: 275px;margin: 20px 20px 0px 0;}
.m6 li .info{ position: relative; height: 94px;padding:0 0 0 15px;background: #fff;}
.m6 li .p1{padding:10px 0 0 0;font-size: 24px;color: #444;line-height: 31px;}
.m6 li .info span{position: absolute;top: 16px; right: 0;padding:9px 10px;font-size: 20px;color: #a2121c;line-height: 24px;background: #ffea00;}
.m6 li .info span.small{top:47px; height: 35px; padding: 0 10px; line-height: 35px;}
.m6 li .info .rmb{height: 40px; overflow: hidden; margin: 2px 0 0 0; color: #b80e0e; font-size: 0; line-height: 0; background: url("../images/znq/rmb.png") 14px 0 no-repeat;}
.m6 li .info .rmb strong{float: left; padding: 20px 0 0 0; font-size: 16px; line-height: 16px; font-weight: normal; vertical-align: baseline;}
.m6 li .info .rmb em{float: left; padding:0 0 0 5px;line-height:40px;font-size: 40px; font-weight: normal; font-style: normal; font-family: 'Impact','Arial'; vertical-align: bottom;}
.m6 li .p2{ margin: 5px 0 0 0; color: #b80e0e; text-decoration: line-through; font-size: 19px; line-height: 35px;}
.m6 li .p3{color: #b80e0e; padding-top:15px;}

.m8{height: 500px; padding: 80px 0 78px 0; background: url("../images/znq/m8.jpg") center top no-repeat;}
.m8-1{height: 500px; background: url("../images/znq/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/znq/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: 291px; height: 66px;margin: -66px 0 0 115px; text-align: center; line-height: 66px; font-size: 24px; color: #a2121c; background: url("../images/znq/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;}