.wrapper{height:100%;}
.hmBox { display: block; }
.hmFocus{ height: 690px; }
.hmFocus .swiper-container,.hmFocus .dsPcPad,.hmBox,.hmFocus .bgImg{height:100%;}
.hmFocus .swiper-pagination{text-align:left; padding-left:128px; bottom:58px;}
.hmFocus .swiper-pagination-bullet{ background: none; height: 31px; width: 31px; opacity: 1; border: 3px solid #FFF; margin:0 30px 0 0!important; }
.hmFocus .swiper-pagination-bullet-active{ background: #FFF;  }
.hmCon1 { padding: 112px 15px 120px; margin: 0px auto; max-width: 1095px; text-align: center; }
.hmFocusTxt{ color: #FFF; position: absolute; left: 128px; top: 50%; transform:translateY(-50%); margin-top:-60px; z-index:3 }
.hmFocusTxt strong{ font-size: 37px; font-weight: normal; line-height: 58px; display: block; margin-bottom: 36px; }
.hmFocusTxt p{ font-size: 18px; line-height: 40px; }
.hmc1_t { line-height: 41px; display: inline-block; padding: 0px 24px; height: 41px; border-right: 3px solid #BC424B; border-left: 3px solid #BC424B; margin-bottom: 48px; font-size: 32px; }
.hmCon1 p { text-align: center; font-size: 18px; line-height: 32px; color: #7d7d7d; }
.hmCon2 { background: #EFEFEF; text-align: center; padding: 50px 0px 70px; }
.hmc2_t { line-height: 42px; text-align: center; height: 42px; margin-bottom: 50px; }
.hmc2_t span { font-size: 38px; color: #959595; line-height: 42px; display: inline-block; padding: 0px 20px; height: 42px; border-right: 3px solid #BC424B; }
.hmc2_t span:last-child{border:none;}
.hmc2_share { text-align: center; height: 62px; margin-bottom: 42px; }
.hmc2Share_a1 { background: url(../image/share_i1.png) no-repeat; margin: 0px 18px; height: 62px; width: 62px; display: inline-block; }
.hmc2Share_a2 { background: url(../image/share_i2.png) no-repeat; margin: 0px 18px; height: 62px; width: 62px; display: inline-block; }
.hmc2Share_a3 { background: url(../image/share_i3.png) no-repeat; margin: 0px 18px; height: 62px; width: 62px; display: inline-block; }
.hmc2Share_a4 { background: url(../image/share_i4.png) no-repeat; margin: 0px 18px; height: 62px; width: 62px; display: inline-block; }
.hmc2Share_a5 { background: url(../image/share_i5.png) no-repeat; margin: 0px 18px; height: 62px; width: 62px; display: inline-block; }
.hmc2_info { text-align: center; line-height: 31px; font-size: 18px; color: #7d7d7d; margin: 0px auto; padding: 0px 15px; max-width: 995px; }
.hmc2_info span { white-space: nowrap; display: inline-block; margin: 0px 15px; }
.hmCon3 { padding: 68px 50px 23px; }
.hmc3R { float: right; width: 50%; padding-top: 18px; }
.hmc3R strong { font-size: 28px; float: left; line-height: 42px; height: 42px; color: #707070; padding-left: 16px; border-left: 3px solid #BC424B; }
.hmc3rLinks { margin-left: 138px; font-size: 0px; }
.hmFr_a { font-size: 18px; display: inline-block; line-height: 42px; margin: 0px 0px 32px; height: 42px; color: #707070; width: 33.3333%; overflow: hidden; padding-left: 10%; }
.footer { line-height: 30px; font-size: 18px; color: #FFF; background: #A3A3A3; padding: 20px 80px; }
.m2jjBox { padding: 105px 15px; max-width: 1390px; margin:0 auto }
.m2jjEditor { font-size: 18px; color: #7d7d7d; line-height: 32px;  }
.main2 { background: url(../image/m2bg.jpg) no-repeat center bottom; background-size: cover; padding-bottom: 24px; position: relative; z-index: 2; }
.m2_imgT { padding-top: 56px; margin-bottom: 43px; text-align: center; }
.m2info { color: #965642; font-size: 14px; line-height: 32px; text-align: center; height: 32px; }
.m2nav { line-height: 42px; height: 42px; margin-bottom: 38px; padding-left: 26px; z-index: 100; position:relative; }
.m2Con { padding: 0px 15px; max-width: 1172px; margin: 0px auto; }
.m2nav li { float: left; height: 42px; width: 200px; border-left: 2px solid #965642; padding-left: 15px; color: #965642; font-weight: bold; position: relative; }
.m2nav_a,.m2nav_a:hover{color:#965642; display:block}
.m2nav_s1 { font-size: 18px; line-height: 20px; display: block; margin-bottom: 7px; }
.m2nav_s2 { font-size: 14px; line-height: 15px; height: 15px; text-transform: uppercase; display: block; }
.m2down{ width: 135px; position: absolute; left: 0px; top: 42px; padding-top: 10px; }
.m2down dd{ height: 24px; }
.m2nav_a2,.m2nav_a2:hover { line-height: 23px; height: 23px; display: block; background: rgba(126,67,48,0.75); font-size: 12px; color: #fae6cb; padding-left: 18px; }
.m2Focus { border: 10px solid #FFFFFF; margin-bottom: 100px; font-size: 0px; }
.m2Focus .swiper-pagination{bottom:14px; height:18px; text-align:right; padding-right:12px;}
.m2Focus .swiper-pagination-bullet{ background: rgba(0,0,0,0.35); height: 18px; width: 18px; opacity: 1; border-radius: 0; text-align: center; margin:0 5px 0 0!important; font-size: 14px; color: #FFF; }
.m2Focus .swiper-pagination-bullet-active{ background: rgba(126,67,48,0.75);}
.m2Con2 { padding: 32px 25px 65px; background:rgba(255,255,255,0.85); border: 2px solid #F8DABA; margin-bottom: 32px; }
.m2L { float: left; width: 200px; padding-left: 10px; border-left: 2px solid #9F634F; }
.m3menu_a { line-height: 36px; background: #FEEEDA; height: 36px; padding-left: 20px; border-left: 6px solid #FEEEDA; font-size: 15px; color: #965642; display: block; margin-bottom: 2px; font-weight: bold; }
.m3menu_a:hover,.m3menu_a.on{ border-left: 6px solid #D4A687; color: #965642; background: #f7d6b4; }
.m2R { float: right; width: 758px; padding-top: 25px; border-top: 2px solid #9F634F; color: #333; }
.m2rPage{ font-size: 12px; line-height: 26px;}
.m2perList { margin: 0px -18px 10px; }
.page { line-height: 26px; text-align: center; height: 26px; }
.m2perList li { padding: 0px 18px; margin-bottom: 35px; }
.m2per_aBox { background: #fae4c7; display: block; font-weight: bold; }
.m2per_aBox .overflowHide { height: 290px; }
.m2per_s1 { font-size: 14px; line-height: 26px; color: #a06550; padding: 0px 15px; height: 26px; margin-top: 10px; }
.m2per_s1 span { font-size: 18px; display: inline-block; margin-right: 10px; }
.m2per_s2 { font-size: 14px; line-height: 20px; padding: 0px 15px 10px; color: #a06550; }
.m2lxCon { font-size: 14px; line-height: 34px; }
.m2Con3 { border: 13px solid #FFF; background-size: cover; padding: 32px 0px 0px; }
.m2Con3Bor { border: 2px solid #F4D6B4; margin-bottom: 25px; position:relative; z-index:20  }
.m2c3_t1 { margin-left: 3px; font-size: 14px; line-height: 18px; color: #965642; text-align: center; padding: 0px 15px; float: left; width: 50px; font-weight: bold; }
.m2c3_zi { background: url(../image/ziBg.png) no-repeat; float: left; height: 130px; width: 130px; position: relative; margin-right: 30px; }
.m2c3_zi img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:85%; max-height:85%; width:auto; height:auto;}
.m2c3_ziBox{ border: 14px solid #FFF; float: left; height: 576px; width: 577px; background: #FFF url(../image/b_zibg.png) no-repeat center center; box-shadow: 0 5px 8px rgba(0,0,0,0.5); position: relative; margin-bottom:38px; }
.m2c3_ziBox img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m2c3_ziBox2{ background: #FFF url(../image/b_zibg2.png) no-repeat center center; height: 579px; width: 362px; margin: 0px 40px 38px 0px; float: left; }
.m2ziWarpper { float: none; margin-left: 265px; }
.m2SerBox { border: 13px solid #FFF; background: url(../image/m2serBg.png) no-repeat center center; height: 672px; position: relative; }
.m2ser_t { position: absolute; left: 108px; top: 82px; }
.m2ser_sp { font-size: 16px; color: #965642; line-height: 30px; height: 30px; position: absolute; top: 75px; right: 100px; }
.m2serList { padding-top: 192px; margin: 0px auto; width: 930px; text-align: center; font-size: 0px; }
.m2serList li { display: inline-block; height: 90px; width: 87px; position: relative; margin: 0px 3px 10px; border-radius:5%;}
.m2ser_zbtn { display: block; height: 90px; border-right: 1px solid #F3ECE9; border-bottom: 3px solid #E6D5CD; border-left: 1px solid #F3ECE9; border-top: 1px solid #F3ECE9; position: relative; border-radius: 0.5em; overflow:hidden; }
.m2ser_zbtn img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m2serList li:hover .m2ser_zbtn{ background: #F8E8CF; }
.m2serLayer { background: #965642; padding: 6px 12px; font-size: 0px; width: 488px; position: absolute; top: 88px; left: 15px; }
.m2serLayer:before{ content: ""; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #965642; left: 22px; top: -10px; position: absolute; }
.m2ser_bk { display: inline-block; height: 46px; width: 46px; font-size: 27px; line-height: 46px; color: #FFF; text-align: center; margin: 5px 0px; }
.m2ser_bk:hover{ background: #6A4437; color: #FFF; }
.m2serList li:nth-child(11){ margin-left:44px;}
.m2serList li:nth-child(6) .m2serLayer,.m2serList li:nth-child(7) .m2serLayer,.m2serList li:nth-child(8) .m2serLayer,.m2serList li:nth-child(9) .m2serLayer,.m2serList li:nth-child(10) .m2serLayer,.m2serList li:nth-child(16) .m2serLayer,.m2serList li:nth-child(17) .m2serLayer,.m2serList li:nth-child(18) .m2serLayer,.m2serList li:nth-child(19) .m2serLayer,.m2serList li:nth-child(24) .m2serLayer,.m2serList li:nth-child(25) .m2serLayer,.m2serList li:nth-child(26) .m2serLayer{left:auto; right:15px;}
.m2serList li:nth-child(6) .m2serLayer:before,.m2serList li:nth-child(7) .m2serLayer:before,.m2serList li:nth-child(8) .m2serLayer:before,.m2serList li:nth-child(9) .m2serLayer:before,.m2serList li:nth-child(10) .m2serLayer:before,.m2serList li:nth-child(16) .m2serLayer:before,.m2serList li:nth-child(17) .m2serLayer:before,.m2serList li:nth-child(18) .m2serLayer:before,.m2serList li:nth-child(19) .m2serLayer:before,.m2serList li:nth-child(24) .m2serLayer:before,.m2serList li:nth-child(25) .m2serLayer:before,.m2serList li:nth-child(26) .m2serLayer:before{left:auto; right:22px;}

@media (max-width:1660px){
.hmFocus{height:600px;}
.hmc3R{width:62%;}
}
@media (max-width:1339px){
.hmFr_a{padding-left:3%;}
}
@media (max-width:1199px){
.hmCon3 .fl{float:none; display:block; width:100%; text-align:center; margin-bottom:40px;}
.hmc3R{width:100%; float:none;}
.hmFocusTxt{left:50px;}
.hmFocus .swiper-pagination{padding-left:50px;}
.footer{padding:20px 50px;}
.m2SerBox{background-size:100% 100%;}
.m2serList{ transform:scale(0.9)}

}
@media (max-width:1099px){
.m2R{float:none; margin-left:240px; width:auto}
}
@media (max-width:992px){
.hmFocus{height:500px;}
.hmFocus .swiper-pagination-bullet{ height: 24px; width: 24px; margin:0 20px 0 0!important; }
.footer .fl,.footer .fr{float:none; width:100%; display:block; text-align:center;}
.m2nav{padding-left:0;}
.m2nav li{width:183px;}
.m2SerBox{height:472px;}
.m2serList{ transform:scale(0.6); transform-origin:20% center; padding-top:160px;}
.m2c3_t1{width:100%; float:none; padding:0; margin:0; text-align:left; line-height:36px; padding-left:15px;}
.m2c3_zi{float:none; margin-left:15px; margin-bottom:20px;}
.m2c3_ziBox{margin-left:15px;}
.m2ziWarpper{margin-left:0;}
.m2c3_ziBox2{margin-right:15px; width:330px; height:549px; background-size:100% 100%;}
.m2c3_ziBox2:nth-child(2n){margin:0;}
}
@media (max-width:767px){
.hmFocus{height:auto;}
.hmc1_t { line-height: 36px; padding: 0px; height: auto; border:none; margin-bottom: 18px; font-size: 24px; }
.hmCon1 p {font-size: 16px; line-height: 28px;}
.hmCon1{padding:60px 15px}
.hmFocus .swiper-pagination{padding-left:15px;}
.hmFocus .swiper-pagination-bullet{ height: 18px; width: 18px; margin:0 10px 0 0!important; }
.hmc2_t span { font-size: 24px; line-height: 26px; padding: 0px 14px; height: 26px; border-right: 2px solid #BC424B; }
.hmc2_share a{ width:38px; height:38px; background-size:cover; margin:0 2px;}
.hmc2_t{margin-bottom:20px;}
.hmc2_share{margin-bottom:10px;}
.hmCon2{padding-bottom:50px;}
.hmc2_info{font-size:16px; line-height:28px;}
.hmc3R strong{float:none; width:100%; margin-bottom:18px; font-size:24px; display:block;}
.hmCon3 { padding: 58px 15px 20px; }
.hmFr_a{width:auto; margin-right:25px; font-size:14px; margin-bottom:0;}
.hmc3rLinks{margin-left:0; line-height:28px;}
.footer{padding:20px 15px; font-size:14px;}
.hmc2_info span{margin:0;}
.m2jjEditor{font-size:14px; line-height:26px;}
.m2jjBox{padding:60px 15px;}
.m2_imgT img{width:220px; height:auto;}
.m2nav{ height:auto;}
.m2nav li{width:100%; float:none; height:auto; padding-bottom:15px;}
.m2down{display:block!important; opacity:1!important; position:static; width:100%;}
.m2Focus .swiper-pagination{ bottom:5px; padding-right:3px;}
.m2Focus{margin-bottom:30px;}
.m2SerBox{height:322px;}
.m2serList{ transform:scale(0.36); transform-origin:2% top; padding-top:60px;}
.m2ser_t{position:static; padding:35px 0 0 35px; transform:scale(0.8); transform-origin:left center;}
.m2ser_sp{position:static; padding-left:28px;}
.m2c3_ziBox{ border: 10px solid #FFF; height: 260px; width: auto; float:none; margin-right:15px; background-size:100% 100%; }
.m2c3_ziBox2{margin-left:15px!important; margin-right:15px!important; height:420px!important; margin-bottom:30px!important; background-size:100% 100%;}
.m2Con2 { padding: 20px 15px 45px;}
.m2L{width:100%; margin-bottom:35px; float:none}
.m2R{margin-left:0;}
.m2per_aBox .overflowHide{height:350px;}
}
@media (max-width:375px){
.m2serList{ transform:scale(0.31);}
}
@media (max-width:360px){
.m2serList{ transform:scale(0.30); transform-origin:1.5% top;}	
}
@media (max-width:320px){
.m2serList{ transform:scale(0.26);}	
.m2SerBox{height:282px;}
}

/*2017-10-25 CSS*/
.m2bMenu{ text-align: center; margin-bottom: 42px; }
.m2bMa{ display: inline-block; text-align: center; font-size: 18px; line-height: 34px; margin:0 22px; position:relative }
.m2bMa:nth-child(1):after{ content: ""; background: #6A3906; height: 42px; width: 2px; position: absolute; top: 8px; right: -24px; }
.m2bMa p{ font-size: 9px; line-height: 26px; }
.m2c3_ziBox img{max-width:58%; max-height:58%;}
.m2c3_adbtn,.m2c3_adbtn:hover{ color: #FEEEDA; background: #A86D56; height: 28px; width: 105px; font-size: 12px; line-height: 28px; text-align: center; display: inline-block; position: absolute; left: 50%; bottom: 55px; margin-left: -52px; }
.m2nav{padding-left:0; margin-left:-7px;}
.m2nav li{width:auto; margin:0 7px;}
.mrBox { background: url(../image/rbg.jpg) no-repeat center center; width: 94px; border: 5px solid #FFF; padding: 7px 0px 9px; position: fixed; z-index: 60; top: 50%; right: 10px; transform:translateY(-50%); }
.mrzLst{padding:0 10px;}
.mrzLst li{ margin-bottom: 12px; background: #FFFFFF; position: relative; height:86px; }
.mrzLst li img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:68%; max-height:68%; width:auto; height:auto;}
.mrzLst li:before{ content: ""; border: 1px solid #D3C4B8; position: absolute; left: 3px; top: 4px; right: 3px; bottom: 4px; }
.mrHcbtn,.mrHcbtn:hover { line-height: 30px; height: 30px; width: 60px; text-align: center; display: block; margin: 18px auto 0px; font-size: 16px; color: #863319; background: #FEEEDA; }
.mrDes{ color: #f7d6b4; text-align: center; padding: 10px 3px 2px; line-height: 14px; }
.m2zBox { max-width: 360px; margin: 120px auto 45px; border: 12px solid #FFF; box-shadow: 0 2px 3px rgba(0,0,0,0.2); background: #FFF; }
.m2zBcon { background: url(../image/m2sbg3.png) repeat-y center top; background-size:100% auto; padding: 50px 40px; margin-top:-3px; text-align:center }
.m2zBcon img{max-width:90%; max-height:90%; width:auto; height:auto;}
.m2zDbtn,.m2zDbtn:hover{ font-size: 25px; line-height: 56px; color: #f7d6b4; text-align: center; display: block; margin: 45px auto 105px; height: 56px; width: 150px; background: #A86D56; box-shadow: 0 2px 3px rgba(0,0,0,0.2);  }
@media (max-height:1680px){
.mrBox{width:84px;}
.mrzLst li{height:66px;}
}
@media (max-width:1199px){
.m2nav li{margin-bottom:20px;}
.m2nav{height:84px;}
}
@media (max-width:767px){
.m2nav{height:auto;}
.mrBox{width:44px; border:2px solid #fff;}
.mrzLst{padding:0 5px;}
.mrzLst li{height:36px; margin-bottom:5px;}
.mrDes{display:none;}
.mrHcbtn,.mrHcbtn:hover { line-height: 26px; height: 26px; width: 100%; font-size: 12px; margin-top:12px;}
.m2zBox{margin:50px auto 50px;}
.m2zDbtn,.m2zDbtn:hover{ font-size: 20px; line-height: 40px; margin: 35px auto 65px; height: 40px; }
.m2bMa:nth-child(1):after{display:none;}
}