@charset "UTF-8";
.m2ban{ height: 290px; }
.m2pos{ font-size: 14px; line-height: 56px; text-align:right}
.m2tnm{ font-size: 20px; line-height: 54px; margin-top: 0px; position: relative; height: 70px; border-bottom: 2px solid #CB0000; padding-top: 16px; }
.m2nul{ padding: 32px 0px 0px; margin-bottom: 45px; }
.m2nul li { margin-bottom: 20px; min-height: 150px; padding-bottom: 20px; }
.m2naBox .overflowHide{ float: left; height: 141px; width:200px; border: 1px solid #DEDEDE; }
.m2nNoimg .m2nRx{margin-left:0;}
.m2naBox {display:block; overflow:hidden;}
.m2naBox.m2nNoimg .overflowHide{display:none;}
.m2nRx{margin-left:228px;}
.m2nRx .ellipsis{ line-height: 44px; height: 44px; font-size: 16px; font-weight: normal; display: block; margin-bottom: 3px; }
.m2nTnm{ line-height: 28px; color: #888; font-size: 14px; }
.m2nRx p{ font-size: 14px; line-height: 24px; color: #666; height: 48px; overflow: hidden; }
.m2nMain{ overflow: hidden; margin-bottom:20px; }
.m2menu{ float: left; width: 245px; background: #f9f9f9; }
.m2Rcon{ width:calc(100% - 248px); float:right; padding: 0 40px; position: relative; background: #f9f9f9; }
.m2mNm{ line-height: 52px; height: 60px; background: url(../images/m2mbg.jpg) no-repeat center bottom; font-size: 20px; color: #FFF; margin-top:0px; padding: 8px 0px 0px 28px; background-size:cover; }
.m2MenuNm{ background: url(../images/m2tnm.jpg) no-repeat center center; font-size: 20px; line-height: 60px; color: #FFF; padding: 0px 30px; background-size:cover; }
.m2mul{ padding-bottom: 80px; overflow:hidden; }
.m2mul li{ border-top: 1px solid #FFFFFF; border-bottom: 1px solid #E2E2E2; }
.m2mul_a{ font-size: 15px; line-height: 50px; display: block; padding-left: 30px; position: relative; background: url(../images/m2li1a.png) no-repeat right center; color: #6c6c6c; }
/*.m2mul_a:before{ content: "";display: inline-block; height: 15px; width: 8px; position: absolute; top: 50%; right: 20px; margin-top: -7px; }*/
.m2mul_a:hover,.m2mul_a.on{ background: url(../images/m2li1.png) no-repeat right center; color: #c70000; }
.m3bom { background: #FEFEFE; border: 1px solid #F0F0F0; padding: 20px 25px 35px; margin: 0px 30px 95px; }
.m3bom strong { font-size: 16px; line-height: 32px; display: block; margin-bottom: 10px; height: 32px; }
.m3bom_ul li { line-height: 40px; background: url(../images/m3squer.jpg) no-repeat 6px center; height: 41px; border-bottom: 1px solid #E2E2E2; padding: 0px 90px 0px 26px; overflow: hidden; position: relative; }
.m3bom_ul li .ellipsis { line-height: 40px; display: block; height: 40px; font-size: 14px; }
.m3bom_ul li span { color: #666; display: inline-block; position: absolute; top: 0px; right: 12px; }
@media (max-width:993px){
.m2nul{padding-left:0; padding-right:0;}
.m3bom{margin-left:0; margin-right:0;}
.m2menu{ width: 150px; }
.m2Rcon{width:calc(100% - 158px);  padding:0 10px; }
.m2nRx{margin-left:220px;}
}
@media (max-width:767px){
.m3bom{margin-bottom:70px;}
.m3bom_ul li span{display:none;}
.m3bom_ul li{padding-right:0;}
.m2pos{ font-size: 14px; line-height: 48px;}
.m2nul{ padding-top:30px; padding-bottom:10px;}
.m2nul li{min-height:inherit;}
.m2nRx .ellipsis{ line-height: 36px; height: 36px; font-size: 16px; }
.m2nRx p{font-size:14px; line-height:26px; height:78px; overflow:hidden;}
.m2naBox .overflowHide{width:100%; float:none; height:185px; margin-bottom:10px;}
.m2nRx{margin-left:0;}
.m2tnm{margin-top:0px;}
.m2menu{ width: 100%; float:none; }
.m2Rcon{ margin-left: 0px; width:100%; }
.m2mul li{width:50%; float:left;}
.m2mul{padding-bottom:45px;}
.m2ban{ height: 150px; }
.m2mul_a{font-size:15px;}
.m2Rcon{padding-left:10px; padding-right:10px;}
.m2nul{padding-top:8px;}
.m2mul{padding-bottom:10px}
.m2nRx p{height:auto;}
.m2nul li:last-child{padding-bottom:0; margin-bottom:0;}
.m3nt{margin-left:0; margin-right:0;}
.m2MenuNm{line-height:50px; height:50px;}
}

.sPage { text-align: center; padding-bottom:80px; clear: both; border-top:3px solid #E5CFD3; padding-top:35px;}
.sPage a:hover{ text-decoration: none; }
.sPage a,.sPageSel{vertical-align:middle;}
.sPage_a { line-height: 42px; border: 2px solid #F9F9F9; font-size: 18px; text-align: center; display: inline-block; padding: 0px 13px; min-width: 48px; border-radius: 50%; margin: 0px 10px;}
.sPage_prev,.sPage_next{border-radius:0.6em;}
.sPage_a.on,.sPage_a:hover{ border: 2px solid #bd0808; background: #F9F9F9; box-shadow:0 0 4px 2px rgba(45,56,187,0.2); color:#bd0808  }
@media (max-width:993px){
.sPageSel,.sPage_pc{display:none;}
}
@media (max-width:767px){
.sPage_a { line-height: 36px;border: 1px solid F9F9F9; font-size: 14px; padding: 0px 10px; min-width: 38px; margin-left:0; margin-right:0; }
.sPage_a.on,.sPage_a:hover{ border: 1px solid #CE1630; }
.sPage { height:auto; padding-bottom:25px; padding-top:20px; margin-left:-10px; margin-right:-10px; }

}


.m3nt{ font-size: 22px; line-height: 40px; text-align: center; border-bottom: 1px solid #A5A5A5; padding: 38px 0px 20px; margin:0 20px; }
.m3nInfo{ text-align: center; line-height: 26px; font-size: 14px; color: #666; padding: 18px 35px 0px; }
.m3nInfo span{ display: inline-block; margin: 0px 10px; }
.m3nEditor{ font-size: 17px; line-height: 34px; margin-bottom: 45px; margin:0 20px; padding-bottom:80px; }
.m3nEditor{padding-top:35px;}
.m3nShare{height:105px; padding: 0px 35px;}
.m3nShare strong{float:right; line-height:46px; font-size:16px;}
.m3nConx{ margin-bottom: 25px; }
@media (max-width:767px){
.m3nt{ font-size: 20px; line-height: 30px; padding: 28px 0px 20px; }
.m3nInfo span{ font-size:13px;margin: 0px 6px; }
.m3nEditor{ font-size: 15px; line-height: 28px; margin-bottom: 35px; padding: 0px 0px; }
.m3nShare{height:55px; padding: 0px 0px;}
.m3nShare strong{font-size:15px;}
.m3nConx{padding-left:0px; padding-right:0px;}
.m3nInfo{padding-left:0; padding-right:0;}
}


.m2ru1{margin-bottom:0px; padding-top:0px; padding-bottom:45px; padding-top:25px;}
.m2ru1 li a{ line-height: 46px; height: 47px; border-bottom: 1px solid #F3F3F3; padding-left: 64px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; background: url(../images/m2i1a.png) no-repeat 24px center; display:block }
.m2ru1 li a:hover{background:#fff url(../images/m2i1a.png) no-repeat 27px center;}
.m2ru1 li span{font-size:12px; display:inline-block; margin-right:5px;}
@media (max-width:767px){
.m2ru1 li span{display:none;}
.m2ru1 li{padding-left:28px;}
.m2ru1_a{font-size:14px;}
.m2ru1 li{  background: #fff url(../images/m2i1a.png) no-repeat 10px center; }
.m2ru1 li:nth-child(2n){background:#F9F9F9 url(../images/m2i1a.png) no-repeat 10px center;}
.m2ru1 li a{padding-left:0; background:none; font-size:14px;}
.m2Rcon{padding-left:0; padding-right:0;}
.m2ru1{padding-bottom:0;}
}

.m2perul{ margin: 45px 0px 25px; overflow:hidden }
.m2perul li{padding:0 15px; margin-bottom:28px; width:25%; float:left}
.m2per_aBox .overflowHide { height: 212px; }
.m2per_aBox { background: #FFF; display:block}
.m2perBom{ line-height: 20px; padding: 8px 5px 0px; height: 84px; text-align: center; }
.m2perBom strong { font-size: 16px; line-height: 24px; display: block; font-weight: normal; }


.m2imgul{ margin: 45px 0px 25px; overflow:hidden }
.m2imgul li{ padding: 0px 18px; margin-bottom: 25px; float: left; width: 50%; }
.m2img_aBox .overflowHide{ height: 212px; }
.m2img_aBox{ display: block; background: #fff; padding-bottom: 13px; border-bottom: 1px solid #E6E6E6; }
.m2imgBom{ padding: 8px 20px 0px; }
.m2imgBom span { font-size: 12px; line-height: 22px; color: #666; display: inline-block; }
.m2imgBom p{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; }

@media (max-width:993px){
.m2perul li{width:50%;}
.m2imgul{margin-left:-10px; margin-right:-10px; margin-bottom:0}
.m2imgul li{padding-left:10px; padding-right:10px;}
.m2img_aBox .overflowHide{height:180px;}
}
@media (max-width:767px){
.m2perul{margin-left:-5px; margin-right:-5px; margin-bottom:0}
.m2perul li{padding-left:5px; padding-right:5px; margin-bottom:12px}
.m2imgul li{width:100%;}
}

.hmBan { height: 540px; position: relative; overflow:hidden }
.hmBanTxt { background: rgba(230,0,18,0.6); width: 578px; padding: 34px 40px 38px; color: #FFF; margin-top:25px; opacity:0; transform:translateY(50px); transition:all 0.6s ease-in-out; }
.active .hmBanTxt{opacity:1; transform:translateX(0); transition-delay:0.3s}
.hmBan .container{ position: absolute; left: 50%; top: 50%; z-index: 2; transform:translate(-50%,-50%);}
.hsBody{ background:#F3F3F3;}
.hmCon1a .slick-dots{ position:absolute; right:20px; bottom:25px; z-index:5; width:100%; text-align:center}
.hmCon1a .slick-dots li button{display:none;}
.hmCon1a .slick-dots li { background: #FFF; height: 9px; width: 9px; margin-left: 10px; border-radius:50%;}
.hmCon1a .slick-dots li.slick-active{ background:#CC0404;}
.topWpr{ background: #E00011 url(../images/headBg1.jpg) no-repeat right top; height: 109px; }
.logo { float: left; margin-top: 30px; }
.serBox { float: right; height: 40px; width: 310px; margin-top: 38px; position: relative; }
.serBox input { line-height: 40px; padding: 0px 50px 0px 20px; height: 40px; width: 100%; border-width: 0px; border-style: none; font-size: 14px; color: #666; background:#fff; border-radius:1.8em; }
.serBox button { background: url(../images/top_si.jpg) no-repeat center center; height: 30px; width: 30px; position: absolute; top: 4px; right: 12px; border-width: 0px; border-style: none; cursor: pointer; }
.hmCon1a {margin-top:-58px;}
.hmBanTxt strong { font-size: 32px; line-height: 46px; font-weight: normal; display: inline; }
.hmBanTxt p { font-size: 17px; line-height: 28px; color: #ffffff; margin-top: 16px; }
.hmBna_a { font-size: 20px; line-height: 42px; color: #FFF; text-align: center; display: inline-block; height: 42px; width: 142px; margin-top: 30px; background: #E16870; border-radius:0.3em; }
.hmBna_a:hover{color:#fff; transform:translateY(-5px); box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.hmBom { background: url(../images/footBg.png) no-repeat center center; height: 272px; background-size: cover; }
.m2Bom{position:relative; z-index:5; margin-top:-110px;}
.footer { background: url(../images/foot_bg2.jpg) no-repeat center center; padding: 60px 0px 92px; background-size:cover; }
.footLx { float: left; width: 618px; }
.footTxt { margin-top: 25px; border-top: 1px solid #FFF; padding-top: 18px; font-size: 14px; line-height: 26px; color: #ffffff; }
.footTxt span { white-space: nowrap; display: inline-block; margin-right: 20px; }
.footRx { float: right; text-align: center; font-size: 14px; line-height: 30px; color: #FFF; }
.hmtBox { line-height: 44px; height: 48px; padding-bottom:4px; font-size: 26px; position: relative }
.hmCon1 { padding: 28px 0px 60px; }
.hmTbox_a{ font-size: 14px; color: #e60012; display: inline-block; margin-left: 15px; }
.hmu1 { margin: 24px -7px 0px; }
.hmu1 li { padding: 0px 7px; margin-bottom: 14px; }
.hmu1aBox .overflowHide { height: 202px; }
.hmu1aBox { display: block; position: relative; padding-bottom: 40px; }
.hmu1Txt{ padding: 24px 15px 0px; height: 80px; position: absolute; z-index: 1; left: 0px; right: 0px; bottom: 0px; background:#F5F5F5;}
.hmu1Txt p{ font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; }
.hmu1Txt span{ font-size: 12px; line-height: 28px; color: #FFF; background: #D21B2E; text-align: center; display: inline-block; position: absolute; height: 28px; width: 108px; left: 13px; top: -12px; }
.hmu1Mbox { text-align: center; padding-top: 25px; }
.hmu1_mbtn { font-size: 14px; line-height: 36px; color: #DC0010; text-align: center; display: inline-block; height: 38px; width: 140px; border: 1px solid #DC0010; }
.hmu1_mbtn:hover { border: 1px solid #DC0010; color: #FFF; background: #dc0010; }
.hmCon2 { padding: 30px 0px 35px; background: url(../images/hmc2bg.png) repeat-y center center; background-size: 100% auto; border-top: 4px solid #DC0010; }
.hmc2Lx { float: left; width: 50%; padding-right: 22px; }
.hmc2Rx { float: right; width: 50%; padding-left: 22px; }
.hmtBox_line{border-bottom:1px solid #DC0010;}
.hmCon3 { padding: 30px 0px 35px; border-top: 4px solid #DC0010; }
.hmCon4 { padding: 30px 0px 35px; background: url(../images/hmc2bg.png) repeat-y center center; background-size: 100% auto; border-top: 4px solid #DC0010; position:relative; }
.hmCon4:before{ content: ""; background: url(../images/hmc3bg.png) no-repeat right bottom; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmu2 { padding-top: 12px; }
.hmu2 li { padding: 16px 0px; border-bottom: 1px solid #DADADA; }
.hmu2 li:last-child{border:none;}
.hmu2aBox { display: block; overflow: hidden; color: #666; }
.hmu2aBox.scaleImg .overflowHide { float: left; height: 98px; width: 138px; }
.hmu2Rx { margin-left: 166px; padding-top: 3px; }
.hmu2Rx strong { font-size: 18px; line-height: 30px; font-weight: normal; display: block; height: 62px; overflow: hidden; }
.hmu2Rx p { font-size: 16px; line-height: 30px; color: #333; }
.hmu2Rx p span{ color: #d11120; font-size: 18px; }
.hmu3 { padding-top: 15px; }
.hmu3.clearfix li { line-height: 54px; height: 55px; border-bottom: 1px solid #DADADA; padding-right: 115px; position: relative; }
.hmu3.clearfix li:last-child{border:none;}
.hmu3.clearfix li .ellipsis { line-height: 54px; height: 54px; }
.hmu3_a { font-size: 18px; }
.hmu3_tm { position: absolute; top: 0px; right: 0px; font-size: 16px; display: inline-block; }
.hmu3_tm span{ font-size:20px;}
.hmc2SlickWpr { padding: 0px 45px; margin-top: 62px; position: relative; }
.hmc2SlickWpr .prev { background: #EEEEEE url(../images/hmc3Btn.png) no-repeat center center; height: 72px; width: 26px; margin-top: -36px; position: absolute; left: 0px; top: 50%; background-size:12px auto; }
.hmc2SlickWpr .next { background: #EEEEEE url(../images/hmc3Btn.png) no-repeat center center; height: 72px; width: 26px; margin-top: -36px; position: absolute; right: 0px; top: 50%; transform:rotate(180deg); background-size:12px auto; }
.hmc2SlickWpr .prev:hover,.hmc2SlickWpr .next:hover{background-color:#da0a1e;}
.hmc2pImg{ float: left; height: 280px; width: 233px; position: relative; }
.hmc2pImg .bgImg { position:absolute; left:0; top:0; bottom:0; right:0 }
.hmc2_pnm{ background: rgba(227,4,14,0.8); font-size: 15px; line-height: 46px; color: #FFF; padding: 0px 10px; overflow: hidden; height: 46px; width: 100%; position: absolute; left: 0px; bottom: 0px; text-align:center }
.hmc2Prx{ margin-left: 258px; font-size: 16px; line-height: 30px; }
.hmc2Prx strong{font-weight:bold; display:block; margin-bottom:4px;}
.hmu4{ padding-top: 15px; }
.hmu4 li{ padding: 22px 0px 26px; }
.hmu4aBox{display:block; overflow:hidden; position:relative}
.hmu4aBox.scaleImg .overflowHide { float: right; height: 112px; width: 157px; }
.hmc4des{ width: calc(100% - 205px); float: left; font-size: 18px; line-height: 32px; max-height:128px; overflow:hidden}
@media (max-width:1799px){
.hmBanTxt strong{font-size:26px; line-height:32px;}
.hmBanTxt p{font-size:16px; line-height:26px}
.hmBan{height:480px;}
.hmtBox{font-size:20px;}
.hmu2Rx strong{font-size:16px;}
.hmu3_a{font-size:16px;}
.hmc2Prx{font-size:15px; line-height:28px;}
.hmc4des{font-size:16px; line-height:30px;}
.hmu3_tm span{font-size:16px;}
}
@media (max-width:1199px){
.hmc2pImg{width:200px;}
.hmc2Prx{margin-left:218px;}
}
@media (max-width:993px){
.serBox{width:255px;}
.serBox{margin-top:25px;}
.hmCon1a{margin-top:0;}
.hmc2Lx{width:100%; padding-right:0; float:none;}
.hmc2Rx{width:100%; padding-left:0; float:none;}
.footLx{width:100%; float:none;}
.footRx{width:120px; margin:25px auto 0; float:none}
.footer{padding-bottom:50px;}
}
@media (max-width:993px){
.logo{margin-top:25px;}
.topWpr{height:auto; overflow:hidden; background-size:cover; padding-bottom:25px;}
.serBox{float:none; margin:0 auto;}
.logo{float:none; display:block; margin-bottom:25px;}
.hmBan { height: 380px; }
.hmBanTxt { width: 300px; padding:20px 15px 22px;}
.hmBanTxt strong{ font-size:16px; font-weight:bold;}
.hmBanTxt p{font-size:12px; line-height:24px; margin-top:8px;}
.hmBna_a{font-size:16px; margin-top:8px;}
.hmu1{margin-top:12px;}
}
@media (max-width:767px){
.hmu2aBox.scaleImg .overflowHide{ width:125px;}
.hmu2Rx{margin-left:135px;}
.hmu2Rx strong{font-size:14px; line-height:22px; height:66px; overflow:hidden; margin-bottom:4px;}
.hmu2Rx p{font-size:14px;}
.hmu2Rx p span{font-size:16px;}
.hmu3.clearfix li{padding-right:0;}
.hmu3_tm{display:none;}
.hmu3_a{font-size:14px;}
.hmc2pImg{float:none; margin:0 auto; width:100%; margin-bottom:15px;}
.hmc2Prx{margin-left:0;}
.hmu4aBox.scaleImg .overflowHide{width:100%; float:none; margin-bottom:15px; height:220px;}
.hmc4des{width:100%; float:none;}
.hmBom{height:160px;}
.hmc4des{font-size:14px; line-height:26px;}
}
