.hmFocus,.hmFocus_item{height: 100vh;}
.hmFocusWpr{position:relative;}
.hmFocus{ background:#000;}
.hmFocus_item { position: relative; overflow: hidden; }
.hmFs_bg { height: 100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center center;-webkit-transform:scale(1.12); transform:scale(1.12); }
.hmFocus_item video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmFs_trsBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/banLine.png) repeat-x left top; background-size:auto 100%; }
.hmFs_trsBg:after{content:"";position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/hmfs_2.png) repeat-x left bottom; }
.active .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
.hmFocus .slick-prev{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transform:rotate(180deg); transition:all 0.5s ease; opacity:0.3; }
.hmFocus .slick-next{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transition:all 0.5s ease; opacity:0.3; }
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{background-image:url(../images/fsBtn.png); opacity:1}
.hmFocus_doc{ width: 100%; position: absolute; left: 0px; bottom: 10px; z-index: 5; }
.hmFocus_doc ul{ text-align:center}
.hmFocus_doc ul li{ cursor:pointer; margin:0 5px; width:80px; display:inline-block;}
.hmFs_docx{ line-height: 50px; height: 51px; border-top: 2px solid rgba(255,255,255,0.3); transition: all 0.5s ease; font-size: 14px; color: #FFF; opacity:1; position:relative; }
.hmFs_docx.on{opacity:1;}
.hmFs_docx i{width:0; height:2px; background:#fff; position:absolute; left:0; top:-2px;}
.hmFs_docx.on i{width:100%; transition:all 5s linear;}
/*.hmFocus_doc ul li:first-child .hmFs_docx.on i{transition:all 10s linear;}*/
.hmBan_txt{ position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; width:100%; text-shadow:0 2px 8px rgba(0,0,0,0.2);}
.hmBan_txt p{ font-size: 48px; line-height: 58px; margin-top: 20px; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; letter-spacing: 12px; font-style: italic; }
.hmBan_txt strong{ font-size: 72px; letter-spacing: 12px; display: block; line-height: 80px; display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; font-style: italic; margin: 14px 0px 46px; }
.hmBan_txt strong span{ color:#c12c25;}
.active .hmBan_txt strong{ opacity:1; transform:translateY(0); transition-delay:0.2s}
.active .hmBan_txt p{ opacity:1; transform:translateY(0);}
.hmBanBtns{ transition: all 0.8s ease; transform: translateY(50px); opacity: 0; height:60px;}
.active .hmBanBtns{ opacity:1; transform:translateY(0); transition-delay:0.4s}
.hmBan_m{ line-height: 60px; text-align: center; display: inline-block; width: 234px; margin-right: 35px; font-size: 16px; font-weight: bold; background: #c12c25; letter-spacing: 4px; color: #FFF; float:left; }
.hmBan_m:hover{ transform:translateY(-3px); box-shadow:0 3px 20px rgba(193,44,37,0.3); color:#fff;}
.hmBan_mvBtn{ background: url(../images/hmBan_ico.png) no-repeat center center; height: 60px; width: 60px; margin-left: 36px; border: 1px solid #FFF; border-radius:50%; display:inline-block;}
.hmNext{ background: url(../images/hmMs.png) no-repeat center center; display: inline-block; position: absolute; margin-left: -12px; z-index: 1; height: 40px; width: 24px; left: 50%; bottom: 120px; }
.hmNext:after{ content: ""; background: url(../images/hmBar.png) no-repeat center center; height: 6px; width: 10px; margin-left: -5px; position: absolute; left: 50%; bottom: -16px; animation:nextAni 1s linear infinite; }


.m2banner{position: relative; overflow: hidden}
.m2banner .coverImg{ height: 550px; transition:all 6s ease; transform:scale(1.15);}
.m2banner.on .coverImg{ transform:scale(1);}
.m2banTxt{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); text-align: center; color: #fff;}
.m2banTxt strong{font-size: 50px;line-height: 60px;letter-spacing: 3px;display: block;font-weight: normal;}
.m2banTxt p{font-size: 22px;line-height: 32px;letter-spacing: 5px;display: block; margin-top: 12px;}


.page { text-align: center; margin-bottom:2.6vw }
.page .pagination li { display: inline-block; }
.page .pagination li a { padding: 0px 8px; height: 46px; min-width: 46px; text-align: center; display: inline-block; margin: 0px 6px; vertical-align: middle; border: 1px solid #CCD7E2; color: #333; border-radius: 50%; font-size: 16px; line-height: 44px; }
.page .pagination li.active a, .page .pagination li a:hover { color: #004b9f; border: 1px solid #004b9f; }
@media (max-width:1799px){
.page .pagination li a { padding: 0px 6px; height: 40px; min-width: 42px; margin: 0px 4px; font-size: 14px; line-height: 38px; }
}
@media (max-width:767px){
.page .pagination li a { padding: 0px 5px; height: 36px; min-width: 36px; margin: 0px 3px; font-size: 13px; line-height: 34px; }
}


body{ background: url(../images/line1.png) repeat-y center top; background-size:100% auto; position:relative}
body img{width:100%; height:auto; display:block;}
.webbox{position:relative;}
.copyinfo{position:absolute; left:0; right:0; text-align:center; bottom:35px; font-size:14px; color:#461C02; line-height:26px; z-index:1;}
.copyinfo a{color:#461C02 !important;}
@media (max-width:1799px){
.copyinfo{bottom:20px;}
}
@media (max-width:767px){
.copyinfo{padding:0 80px; font-size:12px; line-height:20px;}
.copyinfo{bottom:15px;}
}