@charset "UTF-8";
.hmTop { height: 764px; position: relative; }
.hmTopBg { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; }
.pc_logo { position: absolute; left: 0px; top: 0px; }
.hmTop .container { position: relative; height: 100%; }
.hmTopBox { position: relative; height: 100%; width: 100%; padding-top: 260px; }
.pc_logo { position: absolute; left: 0px; top: 26px; }
.pc_lan,.pc_lan:hover { font-size: 16px; color: #FFF; background: url(../images/lan_i.png) no-repeat left center; line-height: 24px; display: inline-block; padding-left: 28px; position: absolute; top: 71px; right: 0px; }
.hmBan_txt1 { color: #FFF; margin-bottom: 48px; line-height: 42px; font-size: 28px; }
.hmBan_txt1 strong { display: block; font-size: 48px; font-weight: normal; line-height: 72px; }
.hmBan_txt2 { color: #FFF; line-height: 30px; font-size: 18px; }
.hmBan_txt2 strong { display: block; font-size: 36px; font-weight: normal; line-height: 50px; }
@media (max-width:993px){
.pc_logo{display:none;}
.pc_lan{display:none;}
.hmTop { height: 390px; position: relative; }
.hmTopBox{ padding-top:80px;}
.hmBan_txt1 { margin-bottom: 20px; line-height: 32px; font-size: 20px; }
.hmBan_txt1 strong { font-size: 28px; line-height: 42px; }
.hmBan_txt2 { line-height: 22px; font-size: 16px; }
.hmBan_txt2 strong { font-size: 26px; line-height: 38px; }
}
@media (max-width:767px){
.hmTop { height: 360px;}
.hmTopBox{ padding-top:66px;}
.hmBan_txt1 { margin-bottom: 10px; line-height:22px; font-size:16px; }
.hmBan_txt1 strong { font-size: 20px; line-height: 32px; }
.hmBan_txt2 { line-height: 20px; font-size: 14px; }
.hmBan_txt2 strong { font-size: 18px; line-height: 28px; }
}

.hmCon1{ padding: 55px 0px 210px; background: url(../images/hmc1_bg.png) no-repeat 45px bottom; }
.hmTbox { text-align: center; line-height: 42px; height: 42px; font-size: 28px; }
.hmTbox img{ margin-right: 15px; }
.hmTbox img,.hmTbox text{vertical-align:middle;}
.hmc1Txt { font-size: 20px; line-height: 38px; padding-top: 32px; }
@media (max-width:993px){
.hmTbox{font-size:24px;}
.hmc1Txt { font-size: 18px; line-height: 34px; padding-top: 25px; }
}
@media (max-width:767px){
.hmc1Txt { font-size: 16px; line-height: 30px; padding-top: 20px; }
.hmCon1{ padding: 55px 0px 100px; background: url(../images/hmc1_bg.png) no-repeat 20px bottom; background-size:80% auto; }
}

.hmCon2{ background: #fff0ee url(../images/hmc2_bg.png) no-repeat right bottom; padding: 55px 0px 35px; }
.hmc2Top { overflow: hidden; margin-bottom: 78px; padding-top: 58px; }
.hmc2_u1 li { float: left; width: 164px; margin: 0px 40px 37px 0px; }
.hmc2_u1 { float: left; overflow: hidden; margin-right: 70px; width: 408px; }
.hmc2_u1 li .scaleImg .overflowHide { height: 106px; border-radius:0.5em; }
.hmc2Trx { float: left; }
.hmc2Trx strong { line-height: 26px; font-size: 22px; font-weight: normal; display: block; margin-bottom: 8px; }
.hmc2_u2 li { line-height: 50px; height: 70px; padding-top: 20px; font-size: 20px; }
.hmc2_u2 li img { margin-right: 30px; float:left }
.hmc2Bom { margin: 0px -15px; }
.hmc2Bom li { padding: 0px 15px; }
.hmc2Bom li:nth-child(4){width:40%;}
.hmc2Bom li strong { font-size: 16px; line-height: 32px; display: block; height: 32px; margin-bottom: 16px; }
.hmc2sx { height: 202px; position: relative; padding-left: 118px; }
.hmc2sx img { position: absolute; left: 10px; top: -8px; }
.hmc2sx p { background: url(../images/hmc2_ssi.png) no-repeat left 5px; padding-left: 25px; line-height: 22px; font-size: 16px; min-height:44px; margin-bottom:2px; }
@media (max-width:1199px){
.hmc2Bom li{width:50%!important;}
}
@media (max-width:993px){
.hmc2_u1{ float:none; margin:0 auto 25px; position:relative; left:40px;}
.hmc2Bom li{width:100%!important;}
}
@media (max-width:767px){
.hmc2_u1{ left:0; margin:0 -15px; display:block; width:auto}
.hmc2_u1 li{ padding:0 15px; margin:0 0 30px 0; width:50%;}
.hmc2Trx strong { font-size: 20px; line-height:30px; }
.hmc2_u2 li img{margin-right:0px; transform:scale(0.8)}
.hmc2_u2 li{ font-size:16px;}
.hmc2sx img{left:0;}
.hmc2sx{padding-left:80px;}
.hmc2sx p{font-size:15px;}
.hmc2Bom li{height:auto; margin-bottom:25px;}
.hmc2sx{height:auto;}
.hmc2Bom li strong{height:auto;}
.hmc2sx p{min-height:inherit; margin-bottom:8px;}
}

.footer { line-height: 28px; color: #FFF; font-size: 16px; text-align: center; padding: 42px 0px; background: #B31847; }
@media (max-width:767px){
.footer { line-height: 26px; font-size: 14px; padding: 32px 0px; }
}

.hmCon4 { background: #fff5f4 url(../images/hmc4_bg.png) no-repeat 50px bottom; padding: 55px 0px 85px; }
.hmc4Box { padding-top: 10px; }
.hmc4dl dt { font-size: 18px; line-height: 60px; font-weight: bold; height: 60px; }
.hmc4dl_1 { float: left; width: 225px; }
.hmc4dl_2 { float: left; width: 620px; }
.hmc4dl_3 { float: right; }
.hmc4dl_1 dd { padding-top: 8px; }
.hmc4dl_2 ul li { font-size: 16px; line-height: 36px; background: url(../images/hmc2_ssi.png) no-repeat left center; height: 36px; padding: 0px 15px 0px 25px; float: left; width: 40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block }
.hmc4dl_2 ul li:nth-child(2n){width:60%;}
.hmc4dl_3 ul li { font-size: 16px; line-height: 36px; background: url(../images/hmc2_ssi.png) no-repeat left center; height: 36px; padding: 0px 0px 0px 25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block; margin-bottom:13px; }
@media (max-width:1199px){
.hmc4dl{width:100%; margin-bottom:20px;}
}
@media (max-width:767px){
.hmc4dl_2 ul li{width:100%!important;}
.hmCon4 { background: #fff5f4 url(../images/hmc4_bg.png) no-repeat 20px bottom; padding: 55px 0px 85px; background-size:70% auto; }
}

.hmCon3{ padding: 55px 0px 85px; }
.hmc3List{ display: block; margin: 38px auto 0px; height: 1315px; width: 1118px; position: relative; }
.hmc3List li { position: absolute; }
.hmc3_defult{ position:absolute; left:0; top:0; width:100%; height:100%;}
.hmc3_hover{ transition: all 0.5s ease-in-out; opacity: 0; height: 524px; width: 297px; position: absolute; left: 50%; top: 50%; margin-top: -262px; margin-left: -148px; background: #B41945; color: #FFF; transform:scale(0.3); }
.hmc3_hover .hmc3_defult{ bottom: 138px; height:auto; }
.hmc3_pInfo { padding: 0px 15px; font-size: 16px; line-height: 30px; color: #FFF; text-align: center; height: 138px; position:absolute; left:0; bottom:0; width:100%; display:flex; align-items:center; }
.hmc3_pInfo strong { display: block; font-size: 22px; font-weight: normal; margin-bottom: 8px; }
.hmc3List li:hover .hmc3_hover{opacity:1;transform:scale(1)}
.hmc3List li:last-child{ font-size: 18px; line-height: 32px; color: #FFF; background: #B41945; height: 320px; width: 223px; display:flex; align-items:center; position:absolute; left:669px; top:640px; z-index:5; text-align:center; text-transform:uppercase; }
.hmc3List li:last-child strong{ font-size: 34px; font-weight: normal; color: #FFF; display: block; line-height:50px; }
.hmc3List li:nth-child(1){ left: 0px; top: 0px; height: 320px; width: 223px;}
.hmc3List li:nth-child(2){ left: 223px; top: 0px; height: 320px; width: 223px;}
.hmc3List li:nth-child(3){ left: 446px; top: 0px; height: 320px; width: 223px;}
.hmc3List li:nth-child(4){ left: 669px; top: 0px; height: 320px; width: 223px;}
.hmc3List li:nth-child(5){ left: 892px; top: 0px; height: 320px; width: 223px;}

.hmc3List li:nth-child(6){ left: 0px; top: 320px; height: 320px; width: 223px;}
.hmc3List li:nth-child(7){ left: 223px; top: 320px; height: 320px; width: 223px;}
.hmc3List li:nth-child(8){ left: 446px; top: 320px;height: 320px; width: 223px;}
.hmc3List li:nth-child(9){ left: 669px; top: 320px; height: 320px; width: 223px;}
.hmc3List li:nth-child(10){ left: 892px; top: 320px; height: 320px; width: 223px;}

.hmc3List li:nth-child(11){ left: 0px; top: 640px; height: 320px; width: 223px;}
.hmc3List li:nth-child(12){ left: 223px; top: 640px; height: 320px; width: 223px;}
.hmc3List li:nth-child(13){ left: 446px; top: 640px; height: 320px; width: 223px;}
.hmc3List li:nth-child(14){ left: 892px; top: 640px; height: 320px; width: 223px;}

.hmc3List li:nth-child(15){ left: 0px; top: 960px; height: 320px; width: 223px;}
.hmc3List li:nth-child(16){ left: 223px; top: 960px; height: 320px; width: 223px;}
.hmc3List li:nth-child(17){ left: 446px; top: 960px; height: 320px; width: 223px;}
.hmc3List li:nth-child(18){ left: 669px; top: 960px; height: 320px; width: 223px;}
.hmc3List li:nth-child(19){ left: 892px; top: 960px; height: 320px; width: 223px; z-index:2}



.hmc3List li:hover{z-index:40!important;}
@media (max-width:1199px){
.hmc3List{ display: block; margin: 0px auto 0px; height: auto; width: auto; position:static; text-align:center; padding-top:35px; }
.hmc3List li { position:static; width:297px!important; height:524px!important; margin:0 5px 5px 0; display:inline-block; }
.hmc3_defult{ display:none}
.hmc3_hover .hmc3_defult{display:block;}
.hmc3_hover{opacity:1; position:relative; left:auto; top:auto; transform:scale(1); margin:0}
.hmc3List li:last-child{display:none;}
}
@media (max-width:767px){
.hmc3List li { position:static; width:150px!important; height:300px!important; margin:0 5px 5px 5px;}
.hmc3_hover{width:100%!important; height:300px!important;}
.hmc3_hover .hmc3_defult{width:100%!important; height:200px!important;}
.hmc3_pInfo{padding-left:5px; padding-right:5px; line-height:20px; font-size:12px;}
.hmc3_pInfo strong{font-size:16px;}
.hmc3_pInfo{height:100px;}
.hmCon3{padding-bottom:60px;}
}

.m2Top{ height:440px;}
.m2Top .hmTopBox{padding-top:222px;}
.m2main{ background: #fff5f3 url(../images/hmc4_bg.png) no-repeat 50px bottom; padding-bottom:120px; }
.m2pos{ font-size: 14px; line-height: 28px; background: url(../images/m2pos_i.png) no-repeat left 26px; padding: 20px 0px 18px 28px; }
.m2main .hmCon3{padding-top:0;}
.m2L{ float: left; width: 245px; }
.m2R{ margin-left: 266px; border-top: 2px solid #B31746; padding: 22px 32px 0px; }
.m2R .hmTbox{text-align:left;}
.m2editor{ font-size: 18px; line-height: 36px; padding: 50px 0px; }
.m2Itm_nm { height: 60px; background: url(../images/m2nm_bg.jpg) no-repeat center center; color: #FFF; font-size: 20px; line-height: 56px; padding: 4px 0px 0px 28px; background-size:cover; }
.m2menu_a{ line-height: 50px; height: 50px; display: block; padding-left: 38px; background:#F9F9F9 url(../images/m2m_i1.png) no-repeat calc(100% - 15px) center; font-size: 15px; }
.m2menu_a.on,.m2menu_a:hover{ background:#fff url(../images/m2m_i2.png) no-repeat calc(100% - 15px) center;}
.m2menu li{ border-top: 1px solid #FFF; border-bottom: 1px solid #E2E2E2; }
.m2menu li:last-child{ border-bottom:none}
@media (max-width:993px){
.m2Top .hmTopBox{padding-top:80px;}
.m2Top{ height:300px;}
.m2editor{ font-size: 16px; line-height: 32px; padding: 40px 0px; }
.m2L{ float: left; width: 205px; }
.m2R{ margin-left: 226px; border-top: 2px solid #B31746; padding: 22px 15px 0px; }
}
@media (max-width:767px){
.m2main{ background: #fff5f3 url(../images/hmc4_bg.png) no-repeat 20px bottom; padding-bottom:60px; background-size:70% auto; }
.m2Top{ height:230px;}
.m2L{ float: none; width: 100%; }
.m2R{ margin-left: 0; border-top: 2px solid #B31746; padding: 22px 15px 0px; }
.m2menu{overflow:hidden;}
.m2menu li{width:50%; float:left;}
.m2menu_a{ font-size:14px; padding-left:10px; padding-right:25px; background:#F9F9F9 url(../images/m2m_i1.png) no-repeat calc(100% - 10px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block }
}



.ieBody .wOpacity{opacity:1!important;}
.ieBody .hmc3_pInfo{ padding-top:20px;}