@charset "UTF-8";
.index_section1{height: 79vh;position:relative;}
.hmFocus{height: 79vh;background:#093977;}
.hmFocus_item {height: 79vh;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_layBg{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0);}
.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 8s linear;}



.xiangxia{position: absolute;z-index: 22;width: 100%;text-align: center;bottom:12px;}
.xiangxia a{display: inline-block;width:55px;height:55px;/*border:1px solid white;*/text-align: center;line-height: 55px;border-radius: 50%;animation: run1 2s linear infinite;}
.xiangxia a i{display: inline-block;font-size:42px;color: white;}
@keyframes run1{
	0%{transform: translateY(-3px);}
	50%{transform: translateY(3px);}
	100%{transform: translateY(-3px);}
}



.hmTxtDes2{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:5; color:#fff;}
.hmTxtDes2_t1 { font-size: 36px; line-height: 48px; margin-bottom: 40px; font-weight: bold; text-transform: uppercase; max-width:945px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxtDes2_t2 { font-size: 46px; line-height: 48px; margin-bottom: 40px; 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: 20px; line-height: 40px; font-weight: 100; margin-bottom: 45px; 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: #005AAC; 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:100vh; 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_t2{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;}
.hmTxtDes2_t1 { font-size: 26px; line-height: 38px; margin-bottom: 26px;}
.hmTxtDes2_t1 { font-size: 30px; line-height: 28px; margin-bottom: 15px; letter-spacing: 0em; }
.hmTxtDes2_p1 { font-size: 18px; line-height: 32px; margin-bottom: 35px;}
.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;}
.hmTxt{width:100%;}
.hmTxt img{width:52%;}
.hmFocus_doc ul li{padding:0 5px;}
.hmFocus_doc{bottom:25px;}
.hmTxtDes2_t1 { font-size: 18px; line-height: 28px; margin-bottom: 15px; letter-spacing: 0em; }
.hmTxtDes2_t2 { font-size: 26px; line-height: 28px; margin-bottom: 15px; letter-spacing: 0em; }
.hmTxtDes2_p1 { font-size: 14px; line-height: 22px; margin-bottom: 20px;}
.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;}
}


/*******hangye***************/
.hangye_bg {/* background: rgba(0, 104, 183, 1); */position:relative;padding:40px 0px 0px;}
.hangye_box .swiper-slide .item_img{ position:relative;}
.hangye_box .swiper-slide .item_img:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:30;background: rgba(0, 104, 183, 0.6);}
.hangye_box .swiper-slide .item_img img{
-webkit-filter: grayscale(40%);
-moz-filter: grayscale(40%);
-ms-filter: grayscale(40%);
filter: grayscale(40%);
}
.hangye_box .swiper-slide.swiper-slide-active .item_img:before{content:'';position:absolute;left:0px;top:0px;z-index:5;width:100%;height:100%;background: rgba(0, 0, 0, 0.4);}
.hangye_box .swiper-slide.swiper-slide-active .item_img img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}
.hangye_box { padding:30px 0px;}
.hangye_box .swiper-slide .carousel-item-content{ text-align:center; position:relative;opacity: 0;margin-top:20px; padding:20px 20px;}
.hangye_box .swiper-slide .carousel-item-content h3 {color: #005aac;font-size: 23px;font-weight: 600;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hangye_box .swiper-slide .carousel-item-content h4 {color: #333;font-size: 12px; margin-bottom:20px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.hangye_box .swiper-slide .carousel-item-content p {color: #333;font-size: 15px;line-height:2;overflow:hidden;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 120px;}
.hangye_box .swiper-slide.swiper-slide-active .carousel-item-content{opacity: 1;}
.hangye_box .swiper-pagination-bullets{bottom: 250px;}
.hangye_box .swiper-slide{width:680px;/* border-radius:20px;*/ overflow:hidden;}

.hangye_box .swiper-slide.swiper-slide-active{/*box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);*/}
@media (max-width:1440px){
.hangye_box .swiper-slide{width:580px;}
}
@media (max-width:1200px){
.hangye_box .swiper-slide{width:430px;}
}
@media (max-width:1024px){
.hangye_box .swiper-slide{width:330px;}
}
@media (max-width:767px){
.hangye_box .swiper-slide{width:260px;}
}

.hangye_box .swiper-slide .item{ position:absolute; top:50%; width:100%; margin-top:-150px; z-index:6; text-align:center; }
.hangye_box .swiper-slide .item img{ max-width:80px;}
.hangye_box .swiper-slide .item h3{ color:#fff; font-size:18px; line-height:1.5;text-shadow: 2px 2px 2px #000; margin-top:10px; font-weight:bold;}
.hangye_box .swiper-slide .item h4{ color:#fff; font-size:15px; line-height:1.5;text-shadow: 2px 2px 2px #000;}
.hangye_box .swiper-pagination{text-align:center;width:100%;margin-top:10px;}
.hangye_box .swiper-pagination .swiper-pagination-bullet { z-index:7;
    width: 27px;
    height: 3px;
	margin:0 5px;
	background:#0068b7; border-radius:0;
}

.hangye_box .swiper-pagination .swiper-pagination-bullet-active{ width:82px;background:rgba(0, 104, 183, 0.9);}
.hangye_box  .swiper-button-prev{
	width: 40px;
	height: 40px;
	left: 5.4vw;
	top: 50%;
	background: url(../images/arrow.png) no-repeat  center center;
    border-radius: 5px;
	margin-top: -130px;
	z-index:99;
	transition: 0.2s;
	background-size: cover;transform: rotate(180deg);
}	

.hangye_box  .swiper-button-next{
	width: 40px;
	height: 40px;
	right: 5.4vw;
	top: 50%;
	background: url(../images/arrow.png) no-repeat  center center;
	border-radius: 5px;
	margin-top: -130px;
	z-index:99;
	transition: 0.2s;
	background-size: cover;
}

.hangye_box  .swiper-button-prev:hover,.swiper-button-next:hover{opacity:0.6;}

/**********************/
.index-solution{ padding:10px 0px 10px; background:url(../images/line1.png) center center no-repeat;}

.index-solution-list{ padding:30px 15px 50px; margin-left: -15px;margin-right: -15px;}
.index-solution-list .swiper-slide:first-child  .mask-box:before { content: ''; position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 0;background:url(../images/pro_img1.png) center center no-repeat;background-size: cover;}
.index-solution-list .swiper-slide:nth-child(2) .mask-box:before { content: ''; position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 0;background:url(../images/pro_img2.png) center center no-repeat;background-size: cover;}
.index-solution-list .swiper-slide:nth-child(3) .mask-box:before { content: ''; position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 0;background:url(../images/pro_img3.png) center center no-repeat;background-size: cover;}

.index-solution-list .mask-box { text-align: center;overflow: hidden;box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.4); padding: 100px 40px 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; z-index: 6;}



.index-solution-list li h3, .index-solution-list li .en {
  line-height: 1.5;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;transition:all .3s
}


.index-solution-list li:hover h3, 
.index-solution-list li:hover .en{transform:translateY(-15px);}

.index-solution-list .p-box:hover{transform:translateY(-4px);}
.index-solution-list .more:hover { color:#005aac;}


.index-solution-list  h3 {
  font-size: 23px;
  font-weight: 600; color:#005aac;
}
.index-solution-list  .en {
  margin-top: 3px;
  height: 2;
  font-size: 15px;
  font-weight: 600;color:#005aac;
  text-transform: uppercase;
}


.index-solution-list  .more {
  font-size: 12px; color:#000; font-weight:bold; margin-top:80px;transition:all .3s
}
.index-solution-list .more i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  font-size: 14px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}



.index-solution-list  .p {  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1; color:#000;
  flex: 1;margin-top:10px; padding-top:30px;line-height:2; font-size: 15px;transition:all .3s}
.index-solution-list .p::before {content: '';position: absolute;/* left: 0; */top: 0;height: 2px;width: 50px;background-color: #005aac;margin-left: -25px;}
.index-solution-list .p-box {overflow: hidden;line-height:2.5;font-size: 15px; border-bottom:1px dashed #000; max-width:150px; margin:0 auto;transition:all .3s}



.index-solution-list .swiper-pagination{ display:none;}
@media (max-width:767px){
.index-solution-list .swiper-pagination{ display:block;}
}


@media (max-width:767px){
.footWx{width:150px; display:block; float:none; margin:0 auto; clear:both}
.footWx img{width:120px; height:120px;}
.footWx p{margin-top:15px;}
.footerTop dl dd{line-height:32px; height:32px;}
.footerTop{padding-bottom:30px;}
.footerBottom{font-size:12px; line-height:22px;}
}
@keyframes map_iani1{
	0%{opacity: 0; transform:translateX(-188px);}
	50%{opacity: 1;}
	100%{opacity: 0; transform:translateX(0%);}
}
@keyframes map_iani2{
	0%{opacity: 1; transform:translateX(-20px);}
	50%{opacity: 1;}
	100%{opacity: 1; transform:translateX(50px);}
}


@media (max-width:767px){

.hmc2_item dd p{display:none;}
.hmc2_more{display:none;}
.index_bg{background-attachment:inherit;}
.hmc2_tnm{text-align:left;} 
}