@charset "UTF-8";
.m2banner{ margin-top:-68px;}
.m2banner .bgImg{height:355px;}
.m2ban{ height: 290px; }
.m2pos{ font-size: 14px; line-height: 56px; text-align:right; margin-top:-10px;}
.m2tnm{ font-size: 20px; line-height: 58px; margin-top: 0px; position: relative; height: 60px; border-bottom: 2px solid #CB0000;}
.m2nul{ padding: 32px 50px 0px; margin-bottom: 45px; }
.m2nul li { margin-bottom: 26px; min-height: 150px; padding-bottom: 26px; border-bottom:1px solid #E0E0E0; height:168px; overflow:hidden; position:relative; }
.m2nul li:last-child{border:none;}
.m2naBox .overflowHide{ height: 141px; width:200px; border: 1px solid #DEDEDE; position:absolute; left:0; top:0 }
.m2nNoimg .m2nRx{margin-left:0!important; margin-right:0!important}
.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{ margin-bottom: 20px; background: #fef9f8; padding-top:22px; }
.m2menu{ float: left; width: 204px;}
.m2Rcon{ width:calc(100% - 240px); float:right; padding: 0 75px 0 0; position: relative;}
.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; }
.m2mul li{ margin-bottom:5px; }
.m2mul_a{ font-size: 14px; line-height: 36px; display: block; position: relative; color: #6c6c6c; text-align: center; height: 36px; position:relative; background:#FAF1EB; }
.m2mul_a:before{ content: ""; background: #CB0000; height: 36px; width: 9px; border-right: 1px solid #FFF; position: absolute; left: -9px; top: 0px; transition:all 0.5s ease-in-out; opacity:0;}
.m2mul_a:hover,.m2mul_a.on{ color: #FFF; background: #CB0000; }
.m2mul_a:hover:before,.m2mul_a.on:before{opacity:1;}
.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:1px solid #D7424C; margin:0 75px; padding-top:48px;}
.sPage a:hover{ text-decoration: none; }
.sPage a,.sPageSel{vertical-align:middle;}
.sPage_a { line-height: 42px; border: 2px solid #fef9f8; 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: #fff; 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: 48px 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; padding-left: 52px; 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 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 {position: relative; overflow:hidden; background-position:center center!important; }
.hmBan .bgImg{ height: 596px; }
.hmBanTxt { background: rgba(218,68,47,0.6); width: 578px; padding: 34px 40px 38px; color: #FFF; 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: 125px; z-index: 2; transform:translate(-50%,0%);}
.hsBody{ background:#F3F3F3;}
.hmCon1a .slick-dots{ position:absolute; left:50%; transform:translateX(-50%); bottom:25px; z-index:5; width:100%; max-width:1200px; text-align:left}
.hmCon1a .slick-dots li button{display:none;}
.hmCon1a .slick-dots li { height: 8px; width: 36px; border-radius: 0%; margin-right: 7px; border: 1px solid rgba(255,255,255,0.6); }
.hmCon1a .slick-dots li.slick-active{ background:#fff; border: 1px solid #FFF; }
.topWpr{ height: 120px; background:#fff; }
.logo { float: left; margin-top:27px; }
.logo2{float:left; margin-top:26px; margin-right:26px;}
.top_a{ background: url(../images/top_i3.jpg) no-repeat left center; line-height: 42px; height: 42px; padding-left: 26px; float: right; margin: 38px 28px 0px 0px; font-size: 14px; color: #737373; }
.serBox { float: right; height: 40px; width: 222px; margin-top: 38px; position: relative; }
.serBox input { line-height: 40px; padding: 0px 50px 0px 20px; height: 42px; width: 100%; font-size: 14px; color: #666; background: #fff; border-radius: 1.8em; border: 1px solid #D9D9D9; }
.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:-68px; position:relative}
.hmCon1a .slick-next{ background: url(../images/btn1a.png) no-repeat center center; height: 70px; width: 35px; margin-top: -35px; position: absolute; right: 0px; top: 50%; z-index: 5; border: none; text-indent: 1000px; overflow: hidden; cursor:pointer; }
.hmCon1a .slick-prev{ background: url(../images/btn1a.png) no-repeat center center; height: 70px; width: 35px; margin-top: -35px; position: absolute; left: 0px; transform:rotate(180deg); top: 50%; z-index: 5; border: none; text-indent: 1000px; overflow: hidden; cursor:pointer; }
.hmBanTxt strong { font-size: 28px; line-height: 46px; font-weight: normal; display:block; }
.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: #bb2d26; border-radius:0.3em; }
.hmBna_a:hover{color:#fff; transform:translateY(-5px); box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.m2Bom{position:relative; z-index:5; margin-top:-110px;}


@media (max-width:1799px){
.hmBanTxt strong{font-size:26px; line-height:32px;}
.hmBanTxt p{font-size:16px; line-height:26px}
.hmtBox{font-size:20px;}
.hmBan .bgImg{height:480px;}
}
@media (max-width:1379px){
.hmBan .bgImg{height:420px;}
}
@media (max-width:1199px){
.hmCon1a .slick-dots{max-width:970px;}
.hmBan .bgImg{ height:366px; }
}
@media (max-width:993px){
.serBox{width:255px;}
.serBox{margin-top:25px;}
.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;}
.hmu1{margin-top:12px;}
.hmBan .bgImg{height:280px;}
}
@media (max-width:767px){
.hmCon1a .slick-next{margin-top:-10px;}
.hmCon1a .slick-prev{margin-top:-10px;}
.hmCon1a .slick-dots{text-align:center;}
.hmTbox .fl span{font-size:16px;}
}



body{overflow-x:hidden;}
.hmtBox { line-height: 40px; height: 40px; }
.hmtBox *{vertical-align:middle;}



.footer{ background: url(../images/footBg.png) no-repeat right top; padding: 232px 0px 0px; color: #FFF; position: relative; z-index: 8; height: 470px; }
.footer .fl { width: 860px; }
.foot_lgs { display: inline-block; border-bottom: 1px solid rgba(255,255,255,0.6); padding: 0px 20px 25px 0px; }
.foot_txt strong { font-weight: normal; display: block; line-height: 30px; margin-top: 14px; font-size: 15px; }
.foot_txt p { font-size: 15px; line-height: 28px; }
.footWx{ float: right; text-align: center; padding-top: 27px; padding-right: 60px; }
.footWx p { color: #FFF; line-height: 24px; margin-top: 7px; font-size: 15px;}

.hsbody{background:#f6f5f5;}
.m2nMain{padding-bottom:50px; background:#fef9f8; position:relative; margin-bottom:0}
.m2nMain i{content:""; width:2px; background:#F6F5F5; position:absolute; top:0; bottom:0; left:245px; display:none }
.hsbody .footer{margin-top:-165px;}

@media (max-width:1199px){
.footer .fl{width:auto;}
.footWx{ float:right;}
}
@media (max-width:993px){
.logo{float:left;}
.logo img,.logo2 img{height:40px;}
.serBox{float:right; margin-top:30px;}
.top_a{margin-top:28px;}
.topWpr{padding-bottom:0px; height:92px; background:#fff; overflow:hidden; position:relative; z-index:5;}
.m2nMain i{left:150px;}
}
@media (max-width:767px){
.logo,.logo2{margin-bottom:10px;}
.logo img,.logo2 img{height:30px;}
.serBox{width:100%; float:left;}
.top_a{margin-left:0; float:left; margin-top:6px;}
.topWpr{height:172px;}
.serBox{margin-top:0;}
.foot_txt strong{font-size:16px; line-height:28px;}
.footWx{width:118px; float:none; margin:0 auto; display:block; margin-top:15px;}
.footer .fl{display:block; width:100%; float:none} 
.footer{padding-bottom:50px;}
.m2nMain i{display:none;}
.m2naBox .overflowHide{position:relative!important; left:auto; right:auto; top:auto;}
.m2nul li{height:auto; position:static;}
.m2nul{padding-top:25px; margin-bottom:0}
.m2nul li:nth-child(2n) .m2nRx{margin-right:0;}
.footWx{padding-top:0;}
.m3nEditor {padding-top:20px;}
}


.hmCon1{ background: url(../images/hmBanLine.png) no-repeat right top; padding: 40px 0px 50px; }
.hmTbox { line-height: 40px; height: 40px; }
.hmTbox .fl { font-size: 24px; }
.hmTbox .fl span { display: inline-block; margin-right: 20px; font-size: 18px; color: #D0CAC5; text-transform: uppercase; }
.hmTbox .fr { font-size: 16px; color: #d73f4a; }
.hmc1Box { margin-top: 26px; }
.hmc1Lx { float: left; width: 581px; }
.hmc1Rx { margin-left: 638px; }
.hmc1aBox .overflowHide { height: 282px; }
.hmc1aBox.scaleImg strong { font-size: 21px; line-height: 32px; display: block; max-height: 64px; overflow: hidden; margin-bottom: 4px; margin-top: 24px; }
.hmc1aBox p { font-size: 20px; line-height: 32px; color: #666; height:64px; overflow:hidden; margin-bottom:45px; }
.hmc1_tm1 { font-size: 21px; line-height: 38px; color: #e43927; background: url(../images/hmi1.png) no-repeat left center; height: 38px; padding-left: 35px; }
.hmc1ul li { margin-bottom: 35px; overflow: hidden; }
.hmc1aBox2{display:block; overflow:hidden;}
.hmc1aBox2.scaleImg .overflowHide { float: left; height: 119px; width: 168px; }
.hmc1Rx .hmc1Rx { margin-left: 185px; }
.hmc1Rx strong { font-size: 18px; line-height: 24px; max-height: 48px; margin-bottom: 2px; overflow:hidden; display:block; }
.hmc1Rx p { font-size: 15px; color: #666; line-height: 22px; height: 44px; overflow:hidden; margin-bottom: 8px; }
.hmc1_tm2 { background: url(../images/hmi2.png) no-repeat left center; font-size: 15px; line-height: 20px; color: #e43927; height: 20px; padding-left: 28px; }
.hmCon2 { background: url(../images/hmc2_bg1.png) no-repeat left bottom; border-top: 4px solid #EAEAEA; padding: 28px 0px 68px; background-size:cover; }
.hmu2 { margin: 28px -15px 6px; }
.hmu2 li { padding: 0px 15px; height:180px; }
.hmc2aBox{display:block;}
.hmc2aBox.scaleImg .overflowHide { float: left; height: 137px; width: 219px; }
.hmc2Rx { margin-left: 236px; padding-top:5px; }
.hmc2Rx strong { font-size: 17px; line-height: 24px; max-height: 48px; overflow:hidden; margin-bottom: 15px; display:block; }
.hmc2Rx p { font-size: 15px; line-height: 24px; color: #666; height: 72px; overflow: hidden; }
.hmCon3 { padding: 40px 0px 50px; }
.hmc3slick { margin-top: 46px; padding:0 10px; }
.hmc3_item { padding: 0px 13px; }
.hmc3aBox { display: block; padding: 12px 0px 26px; text-align:center; height:372px; border-radius:0.6em; }
.hmc3aBox.scaleImg .overflowHide { display: block; margin: 0px auto 10px; height: 232px; width: 232px; border-radius:50%; }
.hmc3slick .slick-prev{ background: url(../images/hmBtn.png) no-repeat center center; display: inline-block; height: 63px; width: 36px; position: absolute; left: -42px; top: 122px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border:none }
.hmc3slick .slick-next{ transform:rotate(180deg);background: url(../images/hmBtn.png) no-repeat center center; display: inline-block; height: 63px; width: 36px; position: absolute; right: -42px; top: 122px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border:none  }
.hmc3aBox strong{ font-size: 21px; line-height: 32px; font-weight: normal; display: block; }
.hmc3aBox p{ font-size: 19px; line-height: 28px; }
.hmc3aBox:hover{ color: #FFF; background: #DE494C; }
.m2Wpr{ background: url(../images/hmBanLine.png) no-repeat right top; padding: 43px 0px 0px; }
@media (max-width:1799px){
.hmc1Rx strong{font-size:16px;}
.hmc1aBox.scaleImg strong{font-size:18px;}
.hmc2Rx strong{font-size:16px;}
}
@media (max-width:1199px){
.hmc1Lx{width:465px;}
.hmc1Rx{margin-left:488px;}
.footWx{padding-right:0;}
.hmc3slick {padding:0 50px;}
.hmc3slick .slick-prev{left:0;}
.hmc3slick .slick-next{right:0;}
}
@media (max-width:993px){
.hmc1Lx{width:100%; float:none; margin-bottom:35px;}
.hmc1Rx{margin-left:0;}
.hmc1aBox p{height:auto;}
}
@media (max-width:767px){
.topWpr{height:136px;}
.hmCon1{background-size:auto 30px;}
.hmc1aBox .overflowHide{height:185px;}
.hmc1aBox.scaleImg strong{font-size:16px; height:auto; line-height:30px;}
.hmc1aBox p{font-size:14px; line-height:24px; margin-bottom:20px;}
.hmc1_tm1{font-size:16px; background-size:18px auto;}
.hmc1aBox2.scaleImg .overflowHide{width:142px;}
.hmc1Rx .hmc1Rx{margin-left:156px;}
.hmc1Rx p{font-size:13px;}
.hmc1Rx strong{ font-size:15px;}
.hmc1ul li{margin-bottom:20px;}
.hmTbox .fl span{font-size:14px;}
.hmc2aBox.scaleImg .overflowHide{width:142px; height:120px;}
.hmc2Rx{margin-left:155px; padding-top:0;}
.hmc2Rx strong{font-size:15px; margin-bottom:5px;}
.hmc2Rx p{font-size:13px; line-height:22px; height:66px;}
.hmu2 li{height:142px;}
.hmc3slick .slick-prev{ background-size:28px auto;}
.hmc3slick .slick-next{ background-size:28px auto;}
.hmc3slick{padding:0 40px;}
.hmc3aBox strong{font-size:20px;}
.hmc3aBox p{font-size:16px; line-height:28px;}
.hmc3slick{margin-top:22px;}
.footer{background:#D73F4A; padding-top:50px; height:auto}
.foot_txt strong{font-size:15px;}
.foot_txt p{font-size:14px;}
}


.m2tcul{ padding: 66px 30px 50px; }
.m2tcul li{overflow:hidden; margin-bottom:60px;}
.m2tcul li .overflowHide{ float: left; height: 295px; width: 246px; }
.m2tcRx{ width:calc(100% - 285px); float:right; font-size:18px; line-height:36px;}
.m2tcRx strong{ font-size:20px; display:block; line-height:24px; margin-bottom:5px;}
.m2tcul li:nth-child(2n) .overflowHide{float:right;}
.m2tcul li:nth-child(2n) .m2tcRx{float:left;}
.m2tcul li .overflowHide .ellipsis{ background: rgba(232,0,0,0.9); font-size: 16px; line-height: 48px; color: #FFF; padding: 0px 5px; height: 48px; width: 100%; position: absolute; z-index: 2; left: 0px; right: 0px; bottom: 0px; text-align:center }
.m2tcul li .overflowHide .ellipsis span{ display:inline-block; margin-right:8px;}
.m3Con{padding:0 50px;}
@media (max-width:1199px){
.m2tcul li .overflowHide{float:none!important; margin-bottom:25px;}
.m2tcRx{width:100%!important; float:none!important;}
}
@media (max-width:767px){
.m2mul_a:before{display:none;}
.m2tcul{padding:50px 15px 20px;}
.m2tcRx strong{font-size:18px;}
.m2tcRx{font-size:15px; line-height:26px;}
.m2tcul li{margin-bottom:50px;}
.m3Con{padding-left:10px; padding-right:10px;}
.m3nEditor{font-size:14px; line-height:26px;}
}
