@charset "UTF-8";
.hmFocusEmpty { height: 46.25vw; }
.hmFocus { height: 46.25vw; position: fixed; left: 0; top: 0; width: 100%; }
.hmFocus_img { background-size: cover; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-transform: scale(1.12); transform: scale(1.12); }
.on .hmFocus_img { visibility: visible; -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards; }
.hmFocus_item { width: 100vw; height: 46.25vw; position: relative; overflow: hidden; }
.hmFocus_txt { width: 100%; color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2 }
.hmFocus_txt img { transition: all 0.8s ease-in-out; transform: translate(150px, 0px); opacity: 0; }
.hmBan_txt { color: #fff; margin-bottom: 2.7vw; letter-spacing: 8px; font: 50px/70px STXINGKA; transition: all 0.8s ease; opacity: 0; transform: translateY(50px); text-shadow: 5px 5px 20px rgba(0,0,0,0.3); }
.hmFocus_txt .text-left { transition: all 0.8s ease; opacity: 0; transform: translateY(60px) }
.on .hmBan_txt { opacity: 1; transform: translateY(0); transition-delay: 0.1s }
.on .hmFocus_txt .text-left { opacity: 1; transform: translateY(0); transition-delay: 0.4s }
.hmBan_more { font-size: 16px; line-height: 46px; color: #FFF; height: 48px; width: 180px; text-align: center; display: inline-block; background: #c7000b url(../images1/nav_si.png) no-repeat right top; }
.hmBan_more:hover { transform: translateY(-5px); box-shadow: 0 5px 8px rgba(0,0,0,0.2); color: #fff; }
.on .hmFocus_txt img { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.3s; }
.hmFocus .slick-prev { background: url(../images1/hmBan_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 70px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid #FFF; margin-top: -30px; z-index: 3; transition: all 0.5s ease-in-out; border: 1px solid rgba(255,255,255,0.4); border-radius: 50%; display: none!important }
.hmFocus .slick-next { background: url(../images1/hmBan_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 70px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid #FFF; margin-top: -30px; z-index: 3; transition: all 0.5s ease-in-out; border: 1px solid rgba(255,255,255,0.4); border-radius: 50%; transform: rotate(180deg); display: none!important }
.hmFocus .slick-prev:hover, .hmFocus .slick-next:hover { border: 1px solid #fff; }
.hmFocus .slick-dots { bottom: 6.68vw; max-width: 1200px; text-align: left; left: 50%; transform: translateX(-50%); }
.hmFocus .slick-dots li button { display: none; }
.hmFocus .slick-dots li { background: #FFFFFF; display: inline-block; height: 13px; width: 13px; margin-right: 12px; position: relative; border-radius: 50%; vertical-align: middle }
.hmFocus .slick-dots li.slick-active { background: #c7000a; width: 26px; border-radius: 1.8em; }
.hmFsnavBg {
background:; height: 100%; position: absolute; width: 100%; left: 0px; top: 0px; background: url(../images1/banBg.png) repeat-x left top; opacity: 0.4 }
.hmNext { position: absolute; left: 50%; bottom: 4.16vw; transform: translateX(-50%); z-index: 3; color: #fff; text-align: center }
.hmNext_icon { width: 60px; height: 60px; display: inline-block; position: relative; border: 1px solid rgba(255,255,255,0.4); border-radius: 50%; }
.hmNext_icon:before { content: ""; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: 50%; border-left: 1px solid #fff; animation: rotate .6s linear infinite; }
.hmNext_icon i { width: 1px; height: 76px; background: #fff; position: absolute; left: 50%; bottom: 32px; animation: nextAni 1s linear infinite; }
.hmNext_icon i:after { content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; left: 50%; bottom: -3px; margin-left: -5px; }
.hmNext p { margin-top: 25px; }
.hmFocus_txt .hmBan_txt span { display: block; font-size: 24px; line-height: 38px; margin-top: 15px; letter-spacing: 8px; }
 @media (max-width:1799px) {
.hmBan_txt { letter-spacing: 5px; font: 40px/54px pf_b; }
}
@media (max-width:993px){
.hmFocusEmpty{height:500px;}
.hmFocus,.hmFocus_item { height:500px; }
.hmBan_txt { letter-spacing: 3px; font: 30px/50px pf_b; }
}
@media (max-width:767px){
.hmFocusEmpty{height:400px;}
.hmFocus,.hmFocus_item { height:400px; }
.hmBan_txt { letter-spacing: 1px; font: 20px/30px pf_b; }
.hmFocus_txt .hmBan_txt span { font-size: 14px; line-height: 26px; margin-top: 12px; letter-spacing: 0px; }
.hmBan_more{margin-top:15px; font-size:14px; line-height:40px; height:42px; width:140px;}
.hmBan_more:hover { transform: translateY(0px);}
}

.large-header { position: fixed; left: 0!important; top: 0!important; right: 0!important; bottom: 0!important; height: 100%!important; visibility: hidden; opacity: 0 }
.large-header.in { visibility: visible; opacity: 1; }
.hmCon1Wpr { padding: 6.85vw 0px 0px; position: relative; z-index: 3; background: #fff; }
.hmc1Spx { height: 3.43vw; left: -10%; right: -10%; background: rgba(255,255,255,1); top: -1.45vw; position: absolute; transform: rotate(-1.5deg); }
.hmc1Spx:after { content: ""; left: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.3); top: -1.45vw; position: absolute; transform: rotate(4deg); width: 60%; }
.hmCon1 { position: relative; }
.hmCon1:before { content: ""; background: url(../images1/hmc1_logo.png) no-repeat; height: 237px; width: 237px; position: absolute; left: -85px; top: -85px; animation: radiusRotate 30s linear infinite; }
.hmc1Top { position: relative; }
.hmc1Top h4 { font: normal 48px/60px pf_b; display: block; height: 60px; }
.hmc1Top h5 { font-size: 24px; line-height: 36px; padding: 14px 0px 2.29vw; font-weight: normal; }
.hmc1Top p { font-size: 16px; line-height: 30px; margin-bottom: 4.2vw; }
.hmc1mvBox { position: relative; margin: 0 auto; height: 580px; z-index: 5; overflow: hidden; }
.hmc1mvBgs { background: rgba(0,0,0,0.15); position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.hmc1MvLayer { position: absolute; left: 58px; right: 58px; color: #fff; top: 50%; transform: translateY(-50%); padding-left: 116px; font-size: 16px; line-height: 40px; letter-spacing: 2px; transition: all 0.5s ease-in-out; opacity: 0; }
.hmc1MvLayer.on { opacity: 1; }
.hmc1MvLayer a { background: #FFF url(../images1/play_ico.png) no-repeat 41px center; height: 90px; width: 90px; margin-top: -45px; position: absolute; left: 0px; top: 50%; border-radius: 50%; }
.hmc1MvLayer a:before, .hmc1MvLayer a:after { background-color: rgba(255, 255, 255, 0.15); content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; animation: rangeScale 3s linear infinite; opacity: 0; z-index: 2; }
.hmc1MvLayer a:after { animation-delay: 1.5s; }
.hmc1nBrs { margin-bottom: 5.62vw;}
.hmc1nBrs li { float:left; width:33.33%; margin-right:0!important;}
.hmc1nBrs li:nth-child(1){ padding-right:30px;}
.hmc1nBrs li:nth-child(2){transform:translateX(80px);}
.hmc1nBrs li strong { line-height: 90px; font-size: 16px; display: block; font-weight: normal; }
.hmc1nBrs li strong span { font-size: 90px; color: #c7000b; display: inline-block; margin-right: 8px; font-weight: bold; }
.hmc1nBrs li p { font-size: 14px; line-height: 22px; }
 @keyframes rangeScale {  0% {
 opacity: 0;
 transform: scale(1);
}
 20% {
 opacity: 1;
}
 80% {
 opacity: 1;
}
 100% {
 opacity: 0;
 transform: scale(1.6);
}
}
.hmc1MvLayer a:hover { box-shadow: 0 5px 25px rgba(0,0,0,0.3); }
.hmc1MvLayer strong { font-size: 32px; font-weight: normal; display: block; }
.hmCon1Wpr .container { position: relative; z-index: 3; }
.hmc1BSpx { height: 162px; background: #f5f5f5; position: absolute; left: 0; bottom: 0; width: 100%; }
.hmc1BSpx:after { content: ""; background: #f5f5f5; position: absolute; left: -10vw; right: -10vw; height: 4.16vw; position: absolute; top: -1.82vw; transform: rotate(2deg); }
.hmc1BSpx:before { content: ""; background: rgba(245,245,245,0.5); position: absolute; left: -10vw; right: -10vw; height: 4.16vw; position: absolute; top: -1.82vw; transform: rotate(-2.5deg); }
.hmc1Dot { width: 1200px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 3; top: calc(-2.5vw); text-align: right; height: 60px; transition: all 0.5s ease-in-out; }
.hmc1Dot span { line-height: 60px; text-align: center; display: inline-block; width: 50px; margin-left: 22px; font-size: 20px; cursor: pointer }
.hmc1Dot span.on { background: #c7000b; color: #fff; font-weight: bold }
.hmc1DotOut { opacity: 0; }
 @media (max-width:1799px) {
.hmCon1Wpr { padding: 6.85vw 0px 0px; }
.hmc1Top h4 { font: normal 38px/52px pf_b; height: 52px; }
.hmc1Top h5 { font-size: 20px; line-height: 32px; }
.hmc1Top p { font-size: 15px; line-height: 30px; margin-bottom: 3.6vw; }
.hmc1mvBox { height: 400px; }
.hmc1mvBox { height: 400px; }
.hmc1Dot { top: calc(-2.8vw); }
.hmc1nBrs li strong span { font-size: 80px; }
}
@media (max-width:1199px){
.hmc1Dot{width:100%; padding:0 25px;}
}
@media (max-width:993px){
.hmc1Top h4{font-size:30px;}
.hmc1nBrs li strong span{font-size:50px;}
.hmc1nBrs li p{font-size:14px;}
.hmc1nBrs li{margin-right:35px;}
.hmc1nBrs li:last-child{margin-right:0;}
.hmc1Dot { top: calc(-3.8vw); }
.hmc1Dot span { line-height: 40px; width: 40px; margin-left: 12px; font-size: 15px; }
}
@media (max-width:767px){
.hmCon1Wpr{padding-top:45px;}
.hmc1Top h4{font-size:24px;}
.hmc1Top h5{padding-top:5px; font-size:18px; line-height:28px;}
.hmc1Top p{font-size:14px; line-height:28px;}
.hmc1nBrs li{width:100%; margin-right:0;}
.hmc1nBrs li strong span{font-size:32px;}
.hmc1nBrs li strong{line-height:58px;}
.hmc1nBrs li p{margin-top:-14px;}
.hmc1mvBox{height:198px;}
.hmCon1 {position:relative; z-index:5;}
.large-header{display:none;}
.hmc1MvLayer a{width:40px; height:40px; margin-top:-20px; background-size:8px auto; background-position:center center;}
.hmc1MvLayer{padding-left:50px; left:20px; right:20px; font-size:12px; letter-spacing:0; line-height:20px;}
.hmc1MvLayer strong{font-size:21px; line-height:32px; letter-spacing:0}
.hmc1nBrs li:nth-child(2){transform:translate(0,0);}
}



.footerWpr { background: #f5f5f5 url(../images1/foot_bg.png) no-repeat center top; padding-top: 4.47vw; position: relative; z-index: 2; }
.footerTop { padding-bottom: 4.47vw; }
.footer_logo { float: left; padding-right: 60px; }
.footerTop dl { float: left; margin-left: 118px; margin-top: 24px; }
.footerTop dl dt { font-size: 16px; line-height: 34px; margin-bottom: 20px; }
.footerTop dl dd { font-size: 14px; line-height: 32px; }
.footerTop a { color: #A2A0A0; }
.footerTop a:hover { color: #c7000a; }
.footerTop a.cor_bs { color: #221815!important; }
.footWximg { float: right; padding-top: 32px; text-align: center; }
.footWximg p { color: rgba(255,255,255,0.5); line-height: 30px; margin-top: 25px; font-size: 14px; }
.footerInfo { font-size: 14px; line-height: 28px; padding: 2.08vw 0px; border-top: 1px solid #D9D9D9; color: #A2A0A0; }
.footerInfo .fr a { color: #A2A0A0; }
.footerInfo .fr a:hover { color: #c7000a; }
.footerInfo .fr span { color: #A2A0A0; display: inline-block; margin: 0 5px; }
.mRmenu { width: 60px; position: fixed; z-index: 10; bottom: 5%; right: 0px; }
.mRemnu_a { display: block; height: 60px; margin-bottom: 2px; background-color: #231714; position: relative; border-radius: 0.4em; }
.mRemnu_a:hover { background-color: #c7000a; }
.mRemnu_a1 { background-image: url(../images1/rmenu_i1.png); background-position: center center; background-repeat: no-repeat; }
.mRemnu_a2 { background-image: url(../images1/rmenu_i2.png); background-position: center center; background-repeat: no-repeat; }
.mRemnu_a3 { background-image: url(../images1/rmenu_i3.png); background-position: center center; background-repeat: no-repeat; }
.mRemnu_a4 { background-image: url(../images1/rmenu_i4.png); background-position: center center; background-repeat: no-repeat; }
.mRemnu_a5 { background-image: url(../images1/rmenu_i5.png); background-position: center center; background-repeat: no-repeat; }
.mRemnu_a span { z-index: 1; height: 120px; width: 120px; position: absolute; top: 50%; right: 75px; margin-top: -60px; display: block; background: #fff; border-radius: 0.4em; visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; transform: translateX(-20px); box-shadow: 0 0 10px rgba(0,0,0,0.08); }
.mRemnu_a span:before { content: ""; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; position: absolute; right: -8px; top: 50%; margin-top: -8px; }
.mRemnu_a:hover span { transform: translateX(0); visibility: visible; opacity: 1; }
.mRemnu_a5 { background-color: #c7000a; }
 @media (max-width:1799px) {
.mRmenu { width: 50px; }
.mRemnu_a { height: 50px; }
.mRemnu_a span { right: 65px; }
.mRemnu_a { background-size: 26px auto!important; }
}
@media (max-width:767px){
.mRmenu{width:40px;}
.mRemnu_a{height:40px;}
.mRemnu_a span{right:50px;}
}

.hmCon5Wpr { position: relative; background: #fff; padding: 8.33vw 0px 7.29vw; }
.hmc5Lx { width: 770px; float: left }
.hmc5Lx h4 { font: normal 48px/60px pf_b; display: block; height: 60px; }
.hmc5Lx h5 { font-size: 21px; line-height: 32px; padding: 14px 0px 2.29vw; font-weight: normal; }
.hmc5Lx h6 { font-size: 16px; color: #808080; line-height: 30px; font-weight: normal; }
.hmc5Ser { height: 72px; width: 720px; border: 2px solid #C7000A; border-radius: 2.8em; margin-top: 1.14vw; position: relative; }
.hmc5Ser input { width: 100%; line-height: 68px; height: 68px; border-width: 0px; border-style: none; font-size: 16px; color: #c7000b; background: none; padding: 0px 218px 0px 28px; }
.hmc5Ser button { font-size: 16px; line-height: 60px; color: #FFF; background: #C7000A; text-align: center; display: inline-block; height: 60px; width: 180px; border-radius: 2.8em; position: absolute; right: 4px; top: 4px; cursor: pointer; transition: all 0.5s ease-in-out; }
.hmc5Ser button:hover { background: #AE0009; }
.hmc5Lx p { font-size: 14px; color: #808080; line-height: 24px; margin-top: 1.35vw; }
.hmc5Rx { width: 238px; float: right; padding-top: 7.7vw; }
.hmc5Rx p { font-size: 16px; line-height: 32px; margin-bottom: 1.25vw; }
.hmc5Share { }
.hmc5a1 { background: url(../images1/hmc6_si1.png) no-repeat center center; display: inline-block; height: 42px; width: 42px; position: relative; margin-right: 30px; }
.hmc5a1:hover { background: url(../images1/hmc6_si1a.png) no-repeat center center; }
.hmc5a2 { background: url(../images1/hmc6_si2.png) no-repeat center center; display: inline-block; height: 42px; width: 42px; position: relative; margin-right: 30px; }
.hmc5a2:hover { background: url(../images1/hmc6_si2a.png) no-repeat center center; }
.hmc5a3 { background: url(../images1/hmc6_si3.png) no-repeat center center; display: inline-block; height: 42px; width: 42px; position: relative; margin-right: 0px; }
.hmc5a3:hover { background: url(../images1/hmc6_si3a.png) no-repeat center center; }
 @media (max-width:1799px) {
.hmc5Lx h4 { font: normal 38px/52px pf_b; height: 52px; }
.hmc5Lx h5 { font-size: 20px; line-height: 30px; }
.hmc5Lx h6 { font-size: 15px; }
}
@media (max-width:1199px){
.hmc5Lx{width:670px;}
.hmc5Ser{width:100%;}
}
@media (max-width:993px){
.hmc5Lx{width:100%; float:none;}
.hmc5Rx{width:100%; float:none;}
}
@media (max-width:767px){
.hmc5Lx h4{font-size:26px;}
.hmCon5Wpr{padding-top:45px;}
.hmc5Lx h5{font-size:16px;}
.hmc5Ser { height: 42px; border: 1px solid #C7000A; }
.hmc5Ser input {line-height: 40px; height: 40px; font-size: 14px; padding: 0px 118px 0px 18px; }
.hmc5Ser button { font-size: 12px; line-height: 38px; height: 38px; width: 110px;right: 1px; top:1px; }
.hmc5Ser input{font-size:12px;}
}


.hmCon2Wpr { background: #f5f5f5; position: relative; z-index: 4; padding-top: 7.81vw; }
.hmc2Top { position: relative; margin-bottom: 2.81vw; }
.hmc2Top strong { font: normal 48px/60px pf_b; display: block; height: 60px; }
.hmc2Top p { font-size: 21px; line-height: 36px; padding: 14px 0px 0; font-weight: normal; }
.hmc2Top .hmBan_more { position: absolute; right: 0px; bottom: 0px; }
.hmc2aBox { overflow: hidden; }
.hmc2aBox i { display: none!important; }
.hmc2aBox:before { content: ""; background: url(../images1/hmc2logo.png) no-repeat center center; height: 37.29vw; width: 37.29vw; background-size: cover; position: absolute; top: 3.22vw; left: 7.18vw; animation: rotate 50s linear infinite; opacity: 0; transition: all 0.5s ease-in-out; }
.hmc2aBox:after { content: ""; background: url(../images1/hmc3_ar.png) no-repeat; position: relative; height: 15px; width: 61px; margin-top: 1.04vw; display: block; transition: all 0.5s ease-in-out; opacity: 0 }
.hmc2aBox:hover:before { opacity: 0.8; }
.hmc2ul { margin: 0px 2.56vw; }
.hmc2ul li { padding: 0 1.56vw; width: 33.33%; float: left; margin-bottom: 3.12vw; }
.hmc2aBox { background: #fff; display: block; padding: 3.12vw 3.12vw 2.34vw; position: relative; border-radius: 0.6em; box-shadow: 0 0 25px rgba(0,0,0,0.08); }
.hmc2aBox:hover { color: #fff; }
.hmc2uls { padding-bottom: 3vw; }
.hmc2ul li:nth-child(1) .hmc2aBox:hover { background: #c7000b; box-shadow: 0 0 25px rgba(199,0,11,0.4); }
.hmc2ul li:nth-child(2) .hmc2aBox:hover { background: #00a54f; box-shadow: 0 0 25px rgba(0,165,79,0.4); }
.hmc2ul li:nth-child(3) .hmc2aBox:hover { background: #008fd5; box-shadow: 0 0 25px rgba(0,143,213,0.4); }
.hmc2uls .hmc2ul:nth-child(2) li:nth-child(1) .hmc2aBox:hover { background: #004d7e; box-shadow: 0 0 25px rgba(0,77,126,0.4); }
.hmc2uls .hmc2ul:nth-child(2) li:nth-child(2) .hmc2aBox:hover { background: #f36e21; box-shadow: 0 0 25px rgba(243,110,33,0.4); }
.hmc2uls .hmc2ul:nth-child(2) li:nth-child(3) .hmc2aBox:hover { background: #fec463; box-shadow: 0 0 25px rgba(254,196,99,0.4); }
.hmc2ut { position: relative; z-index: 1; height: 60px; padding: 4px 0px 0px 82px; }
.hmc2icon { height: 60px; width: 60px; border: 1px solid #E6E6E6; display: inline-block; position: absolute; left: 0px; top: 0px; border-radius: 50%; }
.hmc2icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out }
.hmc2aBox:hover .hmc2icon img { opacity: 0; transform: translate(-50%, -50%) rotateY(360deg) }
.hmc2aBox:hover .hmc2icon img.iOpacity { opacity: 1 }
.hmc2aBox:hover .hmc2icon { border: 2px solid #fff; }
.hmc2ut strong { font-size: 20px; line-height: 32px; height:32px; overflow:hidden; font-weight: normal; letter-spacing: 2px; display: block; }
.hmc2ut p { font-size: 12px; text-transform: uppercase; color: #808080; line-height: 18px; }
.hmc2des { font-size: 14px; line-height: 24px; height: 96px; overflow: hidden; margin-top: 1.04vw; position: relative; z-index: 1; }
.hmc2aBox:hover { transform: translateY(-15px); }
.hmc2aBox:hover:after { opacity: 1; }
.hmc2aBox:hover .hmc2ut strong, .hmc2aBox:hover .hmc2ut p, .hmc2aBox:hover .hmc2des { color: #fff; transition: all 0.5s ease-in-out; }
.hmc2Bom { padding: 4.58vw 0px 4.89vw; }
.hmc2Blx { float: left; padding-bottom: 4.16vw; width: 495px; padding-top: 1vw; }
.hmc2Blx strong { font: normal 48px/60px pf_b; display: block; height: 60px; }
.hmc2Blx p { font-size: 16px; line-height: 32px; padding: 14px 0px 0; font-weight: normal; color: #808080; }
.hmc2Brx { float: right; width: 566px; background: url(../images1/hmc3_fh.png) no-repeat left top; padding: 16px 0px 0px 200px; min-height: 110px; position: relative; }
.hmc2Brx:before { content: ""; background: url(../images1/hmc2_pimg.jpg) no-repeat center center; border-radius: 50%; position: absolute; left: 45px; top: 28px; height: 120px; width: 120px; display: none }
.hmc2BSwiper { padding-bottom: 55px; position: relative; top: -25px; }
.hmc2BSwiper strong { font: 80px/80px en; color: #c7000b; display: block; }
.hmc2BSwiper h6 { font-size: 24px; line-height: 36px; font-weight: normal; display: block; margin-top: 1.05vw; }
.hmc2BSwiper p { font-size: 16px; line-height: 32px; color: #808080; height: 94px; overflow: hidden; }
.hmc2BSwiper .slick-dots { bottom: 0; text-align: left }
.hmc2BSwiper .slick-dots li button { display: none; }
.hmc2BSwiper .slick-dots li { background: url(../images1/hmc3_i2.png) no-repeat; display: inline-block; height: 24px; width: 24px; position: relative; border-radius: 50%; vertical-align: middle; margin-right: 4px; }
.hmc2BSwiper .slick-dots li.slick-active { background: url(../images1/hmc3_i1.png) no-repeat; }
.hmCon2Wpr:before { content: ""; height: 4.16vw; background: #f5f5f5; position: absolute; left: -10vw; right: -10vw; bottom: -1.86vw; transform: rotate(1.8deg); }
.hmCon2Wpr:after { content: ""; height: 4.16vw; background: rgba(245,245,245,0.5); position: absolute; left: -10vw; right: -10vw; bottom: -1.86vw; transform: rotate(-2.2deg); }
.hmc2Bimgs { border-radius: 50%; position: absolute; left: 45px; top: 28px; height: 120px; width: 120px; overflow: hidden; }
.hmc2Bimgs span { display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; transition: all 0.5s ease-in-out; }
.hmc2Bimgs span.on { opacity: 1 }
.hmc2uls .hmc2ul:nth-child(1) .hmc2aBox i { position: absolute; position: absolute; right: 0; top: 0; left: 0; bottom: 0; background: #fff url(../images1/txt_icon1.png) no-repeat right bottom; background-size: 12.03vw auto; transition: all 0.5s ease-in-out; }
.hmc2uls .hmc2ul:nth-child(2) .hmc2aBox i { position: absolute; position: absolute; right: 0; top: 0; left: 0; bottom: 0; background: #fff url(../images1/txt_icon2.png) no-repeat right bottom; background-size: 12.03vw auto; transition: all 0.5s ease-in-out; }
.hmc2uls .hmc2ul:nth-child(3) .hmc2aBox i { position: absolute; position: absolute; right: 0; top: 0; left: 0; bottom: 0; background: #fff url(../images1/txt_icon3.png) no-repeat right bottom; background-size: 12.03vw auto; transition: all 0.5s ease-in-out; }
.hmc2aBox:hover i { opacity: 0!important; }
 @media (max-width:1799px) {
.hmc2Top strong { font: normal 38px/52px pf_b; height: 52px; }
.hmc2Top p { font-size: 20px; line-height: 32px; }
.hmc2ut strong { font-size: 18px; }
.hmc2ut { padding-left: 76px; }
.hmc2des { font-size: 14px; line-height: 26px; height: 104px; }
.hmc2aBox { padding: 28px 25px 35px; }
.hmCon2Wpr { padding-top: 4.8vw; }
.hmc2Bom { padding: 3.08vw 0px 4.20vw; }
.hmc2Blx strong { font: normal 38px/52px pf_b; height: 52px; }
.hmc2Blx p { font-size: 20px; line-height: 32px; }
.hmc2Brx { position: relative; left: -30px; background-size: 100px auto; }
.hmc2BSwiper strong { font: 60px/60px en; }
.hmc2BSwiper p { font-size: 15px; line-height: 30px; height: 90px; margin-top: 0.5vw; }
.hmc2Blx p { font-size: 16px; }
.hmc2BSwiper h6 { font-size: 22px; }
}
@media (max-width:1379px){
.hmc2ut strong{font-size:16px;}
}
@media (max-width:1199px){
.hmc2ut strong{font-size:19px;}
}
@media (max-width:993px){
.hmc2Top strong{font-size:30px;}
.hmc2ut strong{font-size:14px;}
.hmc2icon{width:40px; height:40px;}
.hmc2icon img{width:26px; height:auto;}
.hmc2ut{padding-left:56px; padding-top:0}
.hmc2ut p{text-transform:lowercase; margin-top:-6px;}
.hmc2des{font-size:12px;}
.hmc2Top p{font-size:18px;}
}
@media (max-width:767px){
.hmc2Top{padding-top:20px;}
.hmc2Top strong{font-size:24px;}
.hmc2Top p{padding-top:0; font-size:16px; line-height:30px; margin-bottom:5px;}
.hmc2Top .hmBan_more{position:static;}
.hmc2uls{margin-top:45px;}
.hmc2ul li{width:100%;}
.hmc2ut strong{font-size:16px; font-weight:bold;}
.hmc2des{font-size:14px;}
.hmc2icon{top:3px;}
.hmc2aBox { transform: translateY(0px)!important; }
.hmc2aBox:after { opacity: 1; }
.hmc2aBox .hmc2ut strong, .hmc2aBox .hmc2ut p, .hmc2aBox .hmc2des { color: #fff; transition: all 0.5s ease-in-out; }
.hmc2ul li:nth-child(1) .hmc2aBox { background: #c7000b; box-shadow: 0 0 25px rgba(199,0,11,0.4); }
.hmc2ul li:nth-child(2) .hmc2aBox { background: #00a54f; box-shadow: 0 0 25px rgba(0,165,79,0.4); }
.hmc2ul li:nth-child(3) .hmc2aBox { background: #008fd5; box-shadow: 0 0 25px rgba(0,143,213,0.4); }
.hmc2uls .hmc2ul:nth-child(2) li:nth-child(1) .hmc2aBox { background: #004d7e; box-shadow: 0 0 25px rgba(0,77,126,0.4); }
.hmc2uls .hmc2ul:nth-child(2) li:nth-child(2) .hmc2aBox { background: #f36e21; box-shadow: 0 0 25px rgba(243,110,33,0.4); }
.hmc2uls .hmc2ul:nth-child(2) li:nth-child(3) .hmc2aBox { background: #fec463; box-shadow: 0 0 25px rgba(254,196,99,0.4); }
.hmc2icon img.iOpacity { opacity: 1!important; }
}


.hmCon3Wpr { position: relative; background: #fff; z-index: 3; min-height: 800px; padding: 8.35vw 0px 5.93vw; }
.hmCon3Wpr:before { content: ""; top: 0; background: #fff url(../images1/hmc5bg.png) no-repeat 9vw bottom; position: absolute; left: -10vw; right: -10vw; bottom: -1.86vw; transform: rotate(-1.8deg); }
.hmCon3Wpr:after { content: ""; height: 4.16vw; background: rgba(199,0,11,0.15); position: absolute; left: -10vw; right: -10vw; bottom: -5.86vw; transform: rotate(2.2deg); }
.hmCon3Wpr .container { position: relative; z-index: 1; }
.hmc3Con { display: block; }
.hmc3Tlx { float: left; width: 325px; padding-top: 5.46vw; }
.hmc3TlxFixed { position: fixed; top: 3vw; z-index: 5 }
.hmc3Tlx strong { font: normal 48px/60px pf_b; display: block; height: 60px; }
.hmc3Tlx p { font-size: 24px; line-height: 3.12vw; padding: 1.25vw 0px 0; font-weight: normal; }
.hmc3des { font-size: 16px; line-height: 32px; max-width: 358px; margin: 1.82vw 0 3.5vw; color: #808080; }
.hmc3Trx { margin-left: 478px; }
.hmc3SwiperWprBox { transition: all 0.5s ease-in-out; width: 0; overflow: hidden; }
.hmc3SwiperWprBox.on { width: calc(50vw + 60px); }
.hmc3SwiperWpr { width: calc(50vw + 60px); padding: 10px 30px 50px; margin-left: -30px; }
.hmc3Swiper { position: relative; z-index: 1; border-radius: 1.0em; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.15); }
.hmc3aBox .overflowHide { position: relative; }
.hmc3nm { background: url(../images1/hmc4Bg.png) repeat-x left bottom; height: 100%; position: absolute; left: 0px; right: 0px; bottom: 0px; }
.hmc3nm strong { font-size: 28px; color: #FFF; line-height: 56px; position: absolute; left: 40px; right: 40px; bottom: 25px; }
.hmc3Swiper .slick-dots { bottom: 95px; text-align: left; padding-left: 40px; }
.hmc3Swiper .slick-dots li button { display: none; }
.hmc3Swiper .slick-dots li { background: rgba(255,255,255,0.2); display: inline-block; height: 8px; width: 8px; margin-right: 10px; position: relative; border-radius: 50%; vertical-align: middle }
.hmc3Swiper .slick-dots li.slick-active { background: #fff; width: 24px; border-radius: 1.8em; }
.hmc3ul { margin: 0px -1.97vw; padding-top: 2.86vw; }
.hmc3ul li { padding: 0px 1.97vw; margin-bottom: 2.6vw; width: 50%; float: left; }
.hmc3ul li:nth-child(2n) { transform: translateY(3.22vw) }
.hmc3_a { display: block; position: relative; height: 345px; }
.hmc3_a strong { font-size: 21px; line-height: 32px; height: 64px; overflow: hidden; font-weight: normal; display: block; margin-bottom: 16px; color: #333; }
.hmc3_a p { font-size: 16px; line-height: 32px; color: #808080; max-height: 160px; overflow: hidden; transition: all 0.5s ease-in-out; }
.hmc3_a span { font-size: 12px; line-height: 20px; color: #FFF; text-align: center; display: block; height: 60px; width: 60px; margin-bottom: 24px; padding-top: 8px; background: #C7000A; border-radius: 0.3em; }
.hmc3_a span i { display: block; font-style: normal; font-size: 24px; line-height: 26px; }
.hmc3_a span em { font-style: normal; display: block; letter-spacing: 0 }
.hmc3_a .bgImg { height: 180px; position: absolute; left: 0px; top: 162px; width: 100%; transition: all 0.5s ease-in-out; opacity: 0; border-radius: 0.3em; }
.hmc3_a:hover .bgImg { opacity: 1; }
 @media (max-width:1799px) {
.hmc3Tlx strong { font: normal 38px/52px pf_b; height: 52px; }
.hmc3Tlx p { font-size: 20px; }
.hmc3des { font-size: 15px; line-height: 30px }
.hmc3Tlx { width: 358px; }
.hmc3SwiperWpr { width: calc(56vw + 60px); }
.hmc3SwiperWprBox.on { width: calc(56vw + 60px); }
.hmc3nm strong { font-size: 22px; line-height: 36px; left: 25px; right: 25px; bottom: 20px; }
.hmc3Swiper .slick-dots { bottom: 70px; padding-left: 25px; }
.hmc3ul { padding-top: 1vw; }
.hmc3_a strong { font-size: 20px; margin-bottom: 10px; }
.hmc3_a p { font-size: 15px; line-height: 30px; max-height: 150px; }
.hmc3_a { height: 348px; }
}
@media (max-width:1199px){
.hmc3Trx{margin-left:378px;}
.hmc3SwiperWprBox.on{width:100%;}
}
@media (max-width:993px){
.hmc3Tlx{width:100%; float:none; position:static!important; margin-bottom:25px;}
.hmc3des{max-width:none;}
.hmc3Trx{margin-left:0;}
.hmc3SwiperWprBox{width:100%;}
.hmc3SwiperWpr{margin-right:0; width:100%;}
}
@media (max-width:767px){
.hmc3Tlx strong{font-size:24px;}
.hmc3Tlx p{font-size:16px; line-height:28px; padding-top:0}
.hmc3des{font-size:14px; line-height:28px;}
.hmc3SwiperWpr{padding:0; margin-left:0}
.hmc3nm{background-size:auto 100px;}
.hmc3nm strong{font-size:15px; bottom:12px;}
.hmc3Swiper .slick-dots{bottom:50px;}
.hmc3Swiper .slick-dots li{height:4px; background:rgba(255,255,255,0.8); margin-right:5px;}
.hmc3ul{padding-top:45px;}
.hmc3ul li{width:100%; margin-bottom:35px;}
.hmc3ul li:nth-child(2n){transform:translateY(0);}
.hmc3_a strong{font-size:18px;}
.hmc3_a .bgImg{opacity:1;}
.hmc3_a span{transform:translateY(10px);}
.hmc3Tlx {display:block!important;}
}


.hmCon4Wpr { position: relative; background: #c7000b; padding: 7.59vw 0px; z-index: 2; }
.hmCon4Wpr .container { position: relative; z-index: 1; }
.hmCon4Wpr:before { content: ""; background: url(../images1/hmc5logo.png) no-repeat; height: 37.29vw; width: 37.29vw; position: absolute; left: -12.76vw; top: -7.81vw; animation: rotate 50s linear infinite; background-size: cover; }
.hmc4Con { position: relative; color: #fff; z-index: 3; min-height: 28.12vw; }
.hmc4Lx { float: left; color: #fff; padding-top: 110px; }
.hmc4Lx strong { font: normal 36px/60px pf_b; display: block; height: 60px; }
.hmc4Lx p { font-size: 24px; line-height: 3.12vw; padding: 1.25vw 0px 0; font-weight: normal; }
.hmc4des { font-size: 16px; line-height: 30px; max-width: 358px; margin: 1.82vw 0 4.5vw; }
.hmc4_more { font-size: 16px; line-height: 44px; color: #FFF; letter-spacing: 2px; height: 48px; width: 180px; border: 2px solid #FFF; display: inline-block; text-align: center; background: url(../images1/nav_si.png) no-repeat right top; }
.hmc4_more:hover { color: #fff; transform: translateY(-5px); box-shadow: 0 5px 8px rgba(0,0,0,0.2); }
.hmc4Rx { position: absolute; top: 50%; width: 50vw; transform: translateY(-50%); right: -12.5vw; z-index: 1; border-radius: 1.6em; overflow: hidden; }
.hmc4Spx { position: absolute; height: 3.64vw; bottom: 0; left: -10vw; right: -10vw; }
.hmc4Spx:before { content: ""; top: 2vw; background: #c7000b; position: absolute; left: 0; right: 0; height: 3.64vw; transform: rotate(-1.8deg); }
.hmc4Spx:after { content: ""; height: 3.64vw; background: rgba(199,0,11,0.15); position: absolute; left: -10vw; right: -10vw; bottom: -2.06vw; transform: rotate(2.2deg); }
 @media (max-width:1799px) {
.hmc4Lx strong { font: normal 38px/52px pf_b; height: 52px; }
.hmc4Lx p { font-size: 20px; }
.hmc4des { font-size: 15px; line-height: 30px; }
.hmc4Rx { right: 0; }
.hmc4Lx { padding-top: 40px; }
}
@media (max-width:767px){
.hmc4Lx strong{font-size:24px;}
.hmc4Lx{width:100%; float:none;}
.hmc4Rx{position:static; width:100%; transform:translateY(0); margin-top:35px;}
.hmc4_more{transform:translateY(0)!important;}
.hmc4Lx{padding-top:20px;}
.hmc4Con {padding-bottom:25px;}
}


.nhmc2Bom { line-height: 60px; height: 72px; border-bottom: 12px solid #C7000A; position: relative; z-index: 2; margin-top: 2.08vw; }
.nhmc2years { position: relative; }
.nhmc2years:after { content: ""; background: url(../images1/hmc6line.png) no-repeat center center; height: 33px; width: 705px; position: absolute; right: 145px; bottom: -42px; }
.nhmc2years span { color: #c7000b; display: inline-block; position: relative; cursor: pointer; transition: all 0.5s ease-in-out; }
.nhmc2years span:after { content: ""; background: #c7000b; height: 12px; width: 2px; position: absolute; left: 50%; bottom: 0px; margin-left: -1px; }
.nhmc2years span i { font-style: normal; font-weight: normal; font-size: 20px; display: inline-block; transition: all 0.5s ease-in-out; }
.nhmc2years span.on { font-weight: bold; }
.nhmc2years span.on i { transform: scale(1.2) }
.nhmc2years_s1 { margin-left: 58px; }
.nhmc2years_s2 { margin-left: 462px; }
.nhmc2years_s4 { margin-left: 145px; }
.nhmc2years_s6 { margin-left: 95px; }
.nhmc2years_s8 { margin-left: 25px; }
.nhmc2years_s9 { margin-left: 25px; }
.nhmc2years_s3 { position: absolute!important; left: 730px; bottom: -104px; color: #0168b6!important; }
.nhmc2years_s5 { position: absolute!important; left: 808px; bottom: -104px; color: #0168b6!important; }
.nhmc2years_s7 { position: absolute!important; left: 970px; bottom: -104px; color: #0168b6!important; }
.nhmc2years span.nhmc2years_s3:after { bottom: auto; top: 0; background: #0168b6; }
.nhmc2years span.nhmc2years_s5:after { bottom: auto; top: 0; background: #0168b6; }
.nhmc2years span.nhmc2years_s7:after { bottom: auto; top: 0; background: #0168b6; }
.nhmc2Bcon { position: relative; z-index: 2; margin-top: 2.5vw; }
.nhmc2Lx { background: url(../images1/hmc3_fh.png) no-repeat 40px top; float: left; width: 500px; padding-top: 60px; }
.nhmc2Lx strong { letter-spacing: 6px; font: normal 48px/62px pf_b; }
.nhmc2Lx p { font-size: 16px; line-height: 30px; color: #808080; display: block; margin: 12px 0px 32px; }
.nhmc2Lx .hmBan_more { }
.nhmc2Rx { width: 480px; float: right; padding-top: 70px; }
.nhmc2Swiper { padding-bottom: 25px; }
.nhmc2aBox { }
.nhmc2Bcon .container { position: relative; z-index: 2 }
.nhmc2aBox .overflowHide { height: 270px; }
.nhmc2aBox strong { font-size: 24px; font-weight: normal; color: #FFF; line-height: 40px; display: inline-block; position: absolute; bottom: 20px; left: 28px; }
.nhmc2Byr { color: #FFF; position: absolute; right: -130px; top: -160px; font: bold 400px/400px pf_b; }
.nhmc2Byr span { display: inline-block; transition: all 0.5s ease-in-out; opacity: 0; position: absolute; left: 0; top: 0; }
.nhmc2Byr span:nth-child(1) { position: relative; }
.nhmc2Byr span.on { opacity: 1; }
 @media (max-width:1799px) {
.nhmc2Lx strong { font-size: 38px; }
.nhmc2Byr { font-size: 300px; line-height: 300px; right: -90px; top: -100px; }
}
@media (max-width:1199px){
.nhmc2Lx{width:460px;}
.nhmc2years_s2{margin-left:212px;}
.nhmc2years_s3{left:480px;}
.nhmc2years_s5{left:548px;}
.nhmc2years_s7{left:740px;}
}
@media (max-width:993px){
.nhmc2Bom{display:none;}
.nhmc2Lx{width:100%; float:none;}
.nhmc2Rx{width:100%; float:none;}
.nhmc2aBox .overflowHide{height:370px;}
.nhmc2Byr{top:95px; right:20px; font-size:160px;}
.nhmc2Swiper .slick-dots{bottom:-10px;}
.nhmc2Swiper .slick-dots li button{display:none;}
.nhmc2Swiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.nhmc2Swiper .slick-dots li.slick-active{ background: #c7000b;}
}
@media (max-width:767px){
.nhmc2Lx strong{font-size:26px; letter-spacing:2px;}
.nhmc2Lx p{ line-height:18px; font-size:16px;}
.nhmc2Rx{padding-top:130px;}
.nhmc2aBox .overflowHide{height:190px;}
.nhmc2aBox strong{font-size:18px;}
.nhmc2Byr{font-size:50px; line-height:100px; text-align:center; color:#c7000b;}
.nhmc2Byr{top:352px; right:auto; left:30px}
.nhmc2Rx{padding-bottom:30px;}
}


.hmcOn6Wpr { position: relative; background: #f5f5f5; padding-top: 8.85vw; padding-bottom: 8.07vw; z-index: 1 }
.hmcOn6Wpr:before { content: ""; height: 4.16vw; background: #f5f5f5; position: absolute; left: -10vw; right: -10vw; bottom: -1.86vw; transform: rotate(1.8deg); }
.hmcOn6Wpr:after { content: ""; height: 4.16vw; background: rgba(245,245,245,0.5); position: absolute; left: -10vw; right: -10vw; bottom: -1.86vw; transform: rotate(-2.2deg); }
.serchBanner { background: #C7000A url(../images1/hmBan3.jpg) no-repeat center bottom; padding: 10.2vh 0px 12.62vh; }
.search_t { line-height: 75px; font-size: 38px; color: #FFF; text-align: center; }
.searchInputBox { background: #FFF; height: 62px; margin: 22px 0px; position: relative; }
.search_tags { text-align: center; font-size: 18px; color: #FFF; line-height: 56px; }
.searchInputBox input { height: 62px; width: 100%; padding: 0px 82px 0px 25px; color: #C7000A; font: 18px/62px "微软雅黑"; }
.searchInputBox button { background: url(../images1/m2ser_i1.png) no-repeat center center; display: inline-block; height: 62px; width: 84px; position: absolute; top: 0px; right: 0px; cursor: pointer; border: none; }
.searchTags_a { font-size: 18px; padding-left: 34px; position: relative; display: inline-block; margin: 0px 18px; color: #FFF; }
.searchTags_a:before { content: ""; background: #FFF; height: 24px; width: 24px; margin-top: -12px; border: 4px solid #FFF; position: absolute; left: 0px; top: 50%; border-radius: 50%; transition: all 0.2s ease-in-out; }
.searchTags_a:hover { color: #fff; }
.searchTags_a:hover:before, .searchTags_a.on:before { background: rgba(255,255,255,0); }
.searchKeywords { font-size: 18px; line-height: 32px; padding: 7.4vh 0px 2.03vh; }
.searchKeywords strong { color: #C7000A; }
.searchItems { margin-bottom: 10.92vh; }
.searchItems li { padding: 4.81vh 0px; border-bottom: 5px solid #F5F5F5; }
.search_time { font-size: 14px; color: #C7000A; line-height: 30px; margin-bottom: 10px; }
.searchItems li strong { display: block; line-height: 34px; font-size: 20px; font-weight: normal; }
.searchItems li p { font-size: 16px; color: #808080; line-height: 28px; margin: 7px 0px 15px; max-height: 56px; overflow: hidden; }
.search_link { background: url(../images1/hmi_si1.png) no-repeat right center; display: inline-block; padding-right: 20px; line-height: 30px; color: #C7000A; height: 30px; font-size: 16px; }
.searchItems li a:hover { text-decoration: underline; }
@media (max-width:1799px) {
.search_t { line-height: 60px; font-size: 32px; }
.searchInputBox { height: 58px; margin: 16px 0px; }
.searchInputBox input { height: 58px; font: 18px/58px "微软雅黑"; }
.searchTags_a { font-size: 16px; padding-left: 28px; margin: 0px 12px; }
.searchItems li strong { font-size: 18px; }
}
@media (max-width:1199px) {
.searchTags_a { font-size: 16px; margin: 0 5px; }
}
@media (max-width:767px) {
.search_t { font-size: 24px; }
.searchTags_a { font-size: 14px; line-height: 30px; height: 30px; }
.searchTags_a:before { transform: scale(0.8); }
.serchBanner { padding: 60px 0; }
.searchItems li p { font-size: 14px; line-height: 26px; max-height: 104px; }
.searchItems li { padding: 15px 0; }
.searchItems li strong { font-size: 15px; font-weight: bold; line-height: 28px; }
}

.mRemnu_a1 span{box-shadow:none; height:60px; line-height:60px; background:#C7000A; color:#fff; font-size:22px; white-space:nowrap; width:auto; padding:0 35px; margin-top:-30px; }
.mRemnu_a1 span:before{ border-left:8px solid #C7000A;}
@media (max-width:1799px){
.mRemnu_a1 span{height:50px; line-height:50px; font-size:20px; padding:0 25px; margin-top:-25px; }
}
@media (max-width:767px){
.mRemnu_a1 span{height:40px; line-height:40px; font-size:18px; padding:0 20px; margin-top:-20px; }
.hmFocusEmpty{ height:56px;}
.hmFocus, .hmFocus_item{height:200px;}
.hmFocus{position:relative;}
}

*{letter-spacing:0!important;}
.mLan_a{font-size:12px!important;}