@charset "utf-8";
/* CSS Document */

@charset "UTF-8";
.index_section1{height:100vh; position:relative;}

/*****鼠标下滑******/
.index_section1 .btnbox {position: absolute;width: 100%; bottom:20px; z-index: 4;display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap;-webkit-box-pack: center;-webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.index_section1 .btnbox img { margin-bottom: 1rem;display: block;max-width: 100%;animation: up 1s ease-in infinite;}
.index_section1 .tit-14{font-size: 14px;line-height: 2; color:#fff;}
/*****banner******/
.hmFocus{ height:100vh; background:#e3bf3d;}
.hmFocus_item { height: 100vh; 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.1); transform:scale(1.1); }
.hmFocus_item video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmFs_layBg{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.active .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
.hmTxt { display: inline-block; position: absolute; z-index: 5; left: 0%; top: 50%; transform: translate(0%,-50%); width:100%; color: #FFF; text-align: center;}
.hmTxt img{transition:all 0.5s ease-in-out; opacity:0; transform:translate(-100px,0); margin:0 auto;}
.hmTxtDes{position:absolute; left:0; top:0; width:100%; padding-top: 4px; }
.hmTxt_ct { font-size: 70px; font-weight: bold; display: block; height: 84px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxt_et { font-size: 30px; margin-top:25px; line-height: 50px; font-weight: 100; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmFocus_doc{ width: 100%; position: absolute; left: 0px; bottom: 70px; z-index: 5; }
.hmFocus_doc ul{ margin: 0px -12px; }
.hmFocus_doc ul li{padding:0 12px; width:25%; float:left; cursor:pointer}
.hmFs_docx{ line-height: 50px; height: 51px; border-top: 1px solid #FFF; transition: all 0.5s ease-in-out; font-size: 12px; color: #FFF; opacity:0.5; position:relative; }
.hmFs_docx.on{opacity:1;}
.hmFs_docx i{width:0; height:2px; background:#fff; position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;}
.hmFs_docx.on i{width:100%; transition:all 8.0s linear;}
.hmFocus_doc ul li:first-child .hmFs_docx.on i{transition:all 15s linear;}


.hmTxtDes2{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:5; color:#fff;}
.hmTxtDes2_t1 { font-size:46px; line-height:1.5;  font-weight: bold; text-transform:uppercase;max-width:945px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxtDes2_p1 { font-size:46px; line-height:1.5; font-weight: 100; max-width: 945px;  transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }

.hmTxtDes2_btns{ transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxt_btn1{ line-height: 48px; background: #C61634; text-align: center; height: 48px; width: 200px; display: inline-block; margin-right: 24px; font-size: 16px; color: #FFF; letter-spacing: 2px; box-shadow:0 8px 12px 10px rgba(198,22,52,0.1); }
.hmTxt_btn1:hover{ background: #AA132E; color: #FFF; }
.hmTxt_btn2{ line-height: 44px; height: 48px; width: 200px; border: 2px solid #FFF; text-align: center; display: inline-block; font-size: 16px; color: #FFF; }
.hmTxt_btn2:hover{ color: #c61634; background: #FFF; }
.index_content{ position:relative;padding: 15.27vh 0px; min-height:80vh; position:relative}
.index_bg{ height:100%; position:absolute; left:0; top:0; width:100%; background: url(../images/hmc2_bg1.jpg) no-repeat fixed center center; background-size:cover; opacity:0; transition:all 0.5s ease-in-out;}
.index_bg:after{content:""; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0}
.index_bg.on{opacity:1;}
.index_content .container{position:relative; z-index:5;}
.active .hmTxt img{transform:translate(0,0); opacity:1; transition-delay:0.3s;}
.active .hmTxt_ct{transform:translate(0,0); opacity:1; transition-delay:0.4s;}
.active .hmTxt_et{transform:translate(0,0); opacity:1; transition-delay:0.5s;}
.active .hmTxtDes2_t1{transform:translate(0,0); opacity:1; transition-delay:0.3s;}
.active .hmTxtDes2_p1{transform:translate(0,0); opacity:1; transition-delay:0.4s;}

.active .hmTxtDes2_btns{transform:translate(0,0); opacity:1; transition-delay:0.5s;}
@media (max-width:1799px){
.hmTxt_ct{font-size:52px;}
.index_content{padding: 80px 0px;}

.hmFocus_doc{bottom:40px;}
.hmTxtDes{padding-top:18px; }
}
@media (max-width:1199px){
.hmTxtDes{padding-top: 0px; }
}
@media (max-width:993px){
.index_section1,.hmFocus_item ,.hmFocus{height:600px;}
.hmTxt_ct{font-size:42px;}
.hmTxt_et{font-size:22px; line-height:38px; margin-top:-15px;}
}
@media (max-width:767px){
.index_section1,.hmFocus_item ,.hmFocus{height:400px;}
.hmTxt_ct{font-size:16px; height:30px; line-height:30px; margin-bottom:0}
.hmTxt_et{font-size:14px; line-height:22px; margin-top:5px;}


.hmTxtDes2_t1 { font-size:26px;}
.hmTxtDes2_p1 { font-size:26px;  }


.hmTxt{width:100%;}
.hmTxt img{width:52%;}
.hmFocus_doc ul li{padding:0 5px;}
.hmFocus_doc{bottom:25px;}
.hmTxt_btn1{width:105px; height:40px; line-height:40px; font-size:14px; letter-spacing:0; margin-right:12px;}
.hmTxt_btn2{ line-height: 38px; height: 40px; width: 105px; border: 1px solid #FFF; font-size: 14px;}
}



/******about*********/
.index_about_bg{ background:url(../images/hc.png) top center no-repeat;padding:130px 0px; width:100%; background-size:cover;}

.habout{width:100%;overflow:hidden;position:relative;/* align-content:center */align-items: center;}


.habout-center{width:42%;position:relative;z-index: 8;}
.habout-center .h3{width:100%;overflow:hidden;font-size: 46px;color: #000000;}
.habout-sub{width:100%;overflow:hidden;font-size:26px;margin-top:8px;margin: .5rem 0 0 0;}
.habout-info{width:100%;overflow:hidden;font-size: 16px;margin-top:40px;line-height: 1.9;font-weight: 300;color: #666666;text-align: justify;}
.habout-more{width:100%;margin-top:60px}

.habout-bg{width:55%;overflow:hidden;}
.habout-bg img{width:100%;}


@media (max-width:767px){
.index_about_bg{ background:url(../images/hc.png) top center no-repeat;padding:40px 0px; width:100%; background-size:cover;}	
.habout-center .h3{width:100%;overflow:hidden;font-size:36px;color: #000000;}	
.habout-sub{width:100%;overflow:hidden;font-size:20px;margin-top:8px;margin: .5rem 0 0 0;}
.habout-center{width:100%;position:relative;z-index: 8;}	
.habout-bg{width:100%;overflow:hidden;}
}



/***************/
.home_e {height: 24rem;width: 100%; position: relative;z-index: 99;}
.home_e:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background: rgba(0, 0, 0, 0.3);}
.home_e .txt {position: absolute;right: 2.5rem; top: 50%; transform: translateY(-50%);}
.home_e .txt .t1 {color: #ffffff; line-height: 1;font-size: 48px;}
.home_e .txt .t2 {font-weight: 550;font-size: 36px;color: #ffffff;line-height: 1; margin: .6rem 0 1rem 0;}
.home_e .txt .t2 span { color: #e3bf3d;}
.home_e .txt .t3 { width: 13.925rem; font-weight: 300;color: #666666;line-height: .75rem;}

.more {display: inline-block;width: 3.75rem;height: 1.25rem;background: #FFFFFF;border-radius: 0.625rem;padding-left: 0.75rem;position: relative;}
.more span {line-height: 1.25rem;font-size: 0.35rem;font-weight: 500;color: #e3bf3d;}
.more .icon {width: 0.75rem;height: 0.75rem;background: #e3bf3d;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);right: .4rem;transition: all 0.3s;}
.tran-middle {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.home_e .txt .list {margin-top: 2.125rem;width: 15.5rem;}
.home_e .txt .list .li {width: calc((100% - 0.5rem) / 3);float: left;height: 4rem;background-color: rgba(255, 255, 255, 0.3);display: flex;flex-direction: column;justify-content: center;align-items: center;transition: all 0.5s;margin-right: 0.25rem;margin-bottom: 0.25rem;}
.home_e .txt .list .li .tit-16 {font-weight: 450;color: #ffffff;line-height: 24px;height: 24px;margin-top: .5rem;font-size: 0.45rem;}
.home_e .txt .list .li:hover {background-color: #fff;}
.home_e .txt .list .li:hover .tit-16{color: #333;}
.home_e .txt .list .li:nth-child(3n) {margin-right: 0;}


@media (max-width:767px){
.home_e .txt .t1 {color: #ffffff; line-height: 1;font-size:36px;}
.home_e .txt .t2 {font-weight: 550;font-size: 26px;color: #ffffff;line-height: 1; margin: .6rem 0 1rem 0;}	
.home_e .txt {position: absolute;right: 0; top: 50%; transform: translateY(-50%);}
}



/********index_news_bg*************/
.index_news_bg{ position:relative; padding:80px 0px; background:#f7f7f7;}
.con_box{ position:relative; text-align:center; width:100%;}
.con_box .con_tit{ text-align:center; font-size:1rem; line-height:1.5;color:#1d1d1f; font-weight:bold;}
.con_box p{ text-align:center; font-size:16px; color:#1d1d1f; font-weight:lighter;}

.con_box .more{ position:absolute; right:0; bottom:0; font-size:16px; color:#1d1d1f;}

.index_news_box{ margin-top:2rem;}
.index_news{ padding-bottom:70px;}
.index_news_item{ background:#fff; overflow:hidden; border-radius:30px;}
.index_news_item .top-image{ position:relative;}
.index_news_item .image-wrap{position:relative;display: block; overflow:hidden;border-radius:8px;}
.index_news_item .image-wrap img{ width:100%;webkit-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.index_news_item .text_box{padding: 30px 20px;}
.index_news_item .text_box .date{color:#777777;font-size: 14px;line-height:1.5;}
.index_news_item .text_box .tit{color: #1d1d1f;margin-top: 20px;font-size: 18px;margin-bottom:20px;font-weight: bold;t}
.index_news_item .text_box .dep{color: #777777;font-size: 14px; line-height:1.5;margin-bottom:20px;text-align:left; min-height: 42px; }

.index_news_item .text_box .more-bottom{ display:inline-block;}
.index_news_item .text_box .more-bottom .btn-more {color: #777777;font-size: 14px;line-height:1.5; }

.index_news_item:hover .image-wrap img{  -webkit-transform: scale(1.05);  -ms-transform: scale(1.05);  -o-transform: scale(1.05);  transform: scale(1.05);}
.index_news_item:hover .text_box .tit{color:#1c3aa4;}