@charset "utf-8";
/* CSS Document */
/* ============================
         首页样式 index
  ==============================*/


/*banner*/
.slideBox{ width:100%; /*height:700px;*/ overflow:hidden; position:relative; float: left; margin: 100px 0 0 0; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }

.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow01.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*集团简介*/
.about_box{width:100%; float: left;  background: #f6f6f6;padding: 90px 0 38px 0;/*min-width:1800px;*/}
.about{ width: 94%;
    /* max-width: 1800px; */
    float: left;
    margin: 0 3% 0 3%;}
.left_about{width: 50%;
    /* max-width: 820px; */
    float: left;}
.left_about h1{font-size: 30px; color: #004097; float: left; background: url(../img/aboutus.png) 0 28px no-repeat;width:100%;padding: 15px 0 42px 0;font-weight: normal;}
.about_contant{width:100%; height: 310px; overflow: hidden;}

.about_contant img{width:584px;height:auto;}
.about_us{width:96%;padding:2%; float: left; height: 400px; background: #fff; }
.about_us p{width:100%; float: left; font-size: 16px; color: #000;  line-height: 28px; /*text-indent: 2em;*/ text-align: justify;font-family: "宋体" !important;}
.about_us span{font-family: "宋体" !important;}
.view{width:112px; float: right; background: url(../img/view.png) bottom no-repeat; text-align: center; line-height: 40px; height: 40px; margin: 10px 30px 0 0;}
.view a{ font-size:12px; color:#004097; text-transform: uppercase;}
.right_about{width:50%; height: 480px;float: left; box-shadow: #cdcdcd 5px 5px 10px;}
.right_about img{width:100%; display:block;}

/*作品展示*/
.product{width:100%; float: left;}
.product_box{width:100%; float:left;}
.title{width:100%; float: left;}
.title h1{width:100%; float: left;font-size: 30px; color: #004097; text-align: center; font-weight: normal;}
.title span{width:100%; float: left;font-size: 16px; color: #000; text-align: center; font-weight: normal; text-transform: uppercase; margin: 10px 0 0 0;}

.slideBox01{ width:100%; /*height:780px;*/ overflow:hidden; position:relative; float: left; margin: 40px 0 0 0;}
.slideBox01 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox01 .bd li{ zoom:1; vertical-align:middle; width:100%; float: left;}
.slideBox01 .bd img{ width:100%;display:block;  }

.photo_text{position: absolute;top:90px; z-index: 2; display: block;width:100%; }
.photo_text h1{text-align: center; font-size: 30px; color: #fff; font-weight: normal;width:100%;}
.photo_text h2{text-align: center; font-size: 16px; color: #fff; font-weight: normal;width:100%; margin: 15px 0 0 0;}
.photo_text h3{text-align: center; font-size: 16px; color: #fff; font-weight: normal;width:200px; height: 36px; margin: 40px auto; background:rgba(255,255,255,0.5); border-radius:18px; line-height: 36px; }
.photo_text h3 a{text-align: center; font-size: 16px; color: #fff; font-weight: normal;}
.photo_text h3:hover{ background:rgba(255,255,255,0.6);}

.slideBox01 .prev{ position:absolute; left:5%; top:50%; margin-top:-25px; display:block; width:50px; height:100px; background:url(../img/slider-arrow.png) 0px 0px no-repeat; filter:alpha(opacity=70);opacity:0.7;   }
.slideBox01 .next{ position:absolute; right:5%; top:50%; margin-top:-25px; display:block; width:50px; height:100px; background:url(../img/slider-arrow.png) -185px 0px no-repeat; filter:alpha(opacity=70);opacity:0.7;   }

.slideBox01 .prev:hover,
.slideBox01 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox01 .prevStop{ display:none;  }
.slideBox01 .nextStop{ display:none;  }

.icon_box{position: absolute; bottom:60px;z-index:2; display: block;width:100%; float: left;}
.icon_box ol{width: 90%;
    /* margin: 0 auto; */
    float: left;
    margin: 0 5% 0 5%;}
.icon_box ol li{width:120px; height: 120px; float:left; background:#fff;
            display: flex; border-radius:50%; margin: 0 0 0 74px; }
.icon_box ol li i{ font-size: 46px; color: #999; text-align: center; float: left;width:120px; height: 60px; margin: 15px 0 0 0}
.icon_box ol li span{text-align: center; font-size: 16px; color: #999; width:100%; float: left;}

.icon_box ol li:hover{ background: #004097;}
.icon_box ol li:hover i{color:#fff;}
.icon_box ol li:hover span{color:#fff;}


/*新闻中心*/
.news{width:100%; float: left;margin:0 0 200px 0;}
.news_box{/*width:1800px;*/ /*margin: 0 auto;*/width:94%; float:left;margin:0 3% 0 3%;}
.txtScroll-left{ width:100%;  position:relative; float: left;margin: 40px 0 0 0; }
.txtScroll-left .hd{position: absolute; left: 45%;float: left;bottom:-60px;}
.txtScroll-left .hd ul{  }
.txtScroll-left .hd ul li{ float:left;  width:14px; height:14px; overflow:hidden; margin-right:15px; text-indent:-999px; cursor:pointer; background:#004097; border-radius:50%;}
.txtScroll-left .hd ul li.on{width:30px; height: 14px; background: #004097;border-radius:7px; }
.txtScroll-left .bd{ width:100%; float: left; overflow:hidden;}
.txtScroll-left .bd ul{width:100%; float: left;}
.txtScroll-left .bd ul li{width:420px; float: left;margin: 0 40px 0 0; box-shadow: #d0d0d0 4px 4px 8px;}
.news_photo{width:420px; height: 294px; overflow: hidden; float: left; display: block;}
.news_photo img{width:100%; float: left; height: 294px;}
.news_text{width:100%; float: left; background: #fff;}
.news_text h1{wdith:92%; padding: 0 4%; height:56px; line-height: 56px; border-bottom:#004097 2px solid; overflow: hidden;}
.news_text h1 a{font-size:16px; color: #000; font-weight: normal;}
.news_title{width:100%; height: 60px; float: left;}
.news_title h2{width:70px; height: 24px; float: left; border: #004097 1px dashed; border-radius:4px; line-height: 24px; text-align: center; margin: 15px 0 0 20px;}
.news_title h2 a{font-size:12px; color: #004097;font-weight: normal;}
.news_title span{ float: right; height: 24px; background: url(../img/time.png) left no-repeat; padding: 0 0 0 25px;font-size:12px; color: #bdbdbd; line-height: 24px;margin: 15px 20px 0 0;}

.txtScroll-left .bd ul li:hover{ margin: -20px 40px 0 0;webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}

.hei_box{width:100%; float:left; height:50px; background:#e5e5e5;}



.el-card.is-always-shadow{
    width: 420px;
    
}
.el-row {
  margin-bottom: 20px;
      width: 100%;
    float: left;
}
.el-row:last-child {
  margin-bottom: 0;
  width: 100%;
}

.el-col {
  border-radius: 4px;
  width:420px;
  float: left;
}
.el-col.el-col-24 {
    width: 420px;
    float: left;
    margin: 0 40px 0 0;
    box-shadow: #d0d0d0 4px 4px 8px;
    
.el-card {
  width: 100%;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}

#video {
	width: 894px;
	height: 480px;
	margin: 0 auto;
	position: relative;
}

#video video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}