@charset "utf-8";
/* CSS Document */
.videomain{overflow:hidden; position:relative;margin:0 auto; margin-bottom:80px}
.video1{width: 100%;height:100vh; object-fit: cover; }
.zhezhao{ width:100%; height:100vh;  position:absolute; left:0; top:0; background:rgba(63,65,86,.3); z-index:2}


.tyh3{ width:100%; float:left; overflow:hidden; text-align:center; color:#333; line-height:55px; font-size:48px; margin-bottom:10px}
.tyh3 a{ font-size:48px; color:#333; text-transform:uppercase}
.tyh3 a:hover{ color:#1d2089}
.tyh4{width:100%; float:left; overflow:hidden; line-height:20px; color:#666; font-size:21px; font-weight:normal; margin-bottom:40px; text-align:center}

/* 产品 start */
.container {max-width: 1200px;margin: 0 auto;position: relative;}
.product-wrapper {position: relative; width: 100%; overflow: hidden;  margin-top: 40px; left: 50%; transform: translateX(-675px);  }
.product-container { transition: transform 0.5s ease; position: relative;  }
.product-card {float: left; display: flex;  background-color: #fff; border-radius: 15px;  overflow: hidden; transition: transform 0.3s ease; width: 1200px;  margin: 0px 0 0 60px; }
.product-card ul {  flex: 1; padding: 40px; background: linear-gradient(91deg, #1c5a8d 0%, #0763b2 100%); color: white; display: flex; flex-direction: column; justify-content: center;}
.product-card ul h3 { font-size: 28px;   margin-bottom: 20px;}
        
.product-card ul p { font-size: 16px;  line-height: 1.6;   margin-bottom: 50px; }
.product-card ul h6{ width:100%; float:left; overflow:hidden;}
.product-card ul h6 a { float:left; overflow:hidden; width:170px; height:54px; text-align:center; line-height:54px; color:#1d2089;font-size:16px; border-radius:10px; font-weight:normal;background-image: linear-gradient(to bottom,#6eb6f4 ,#1b82db); color:#fff; }
.product-card ul h6 a:hover{background-image: linear-gradient(to bottom,#1b82db ,#6eb6f4); color:#fff; }

.product-card h5 {flex: 1; height: 500px;background-size: cover;background-position: center;position: relative;}
.product-card h5 img{ height:500px}

.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* background-color: rgba(0, 0, 0, 0.3); */opacity: 0;transition: opacity 0.3s ease;}
.product-card:hover .overlay {opacity: 1;}
.slider-nav {position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background-color: white;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: #333;font-size: 24px;cursor: pointer;z-index: 10;transition: all 0.3s ease;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.slider-nav:hover {background-color: #1c5a8d;color: white;}
.prev {left: -90px;top: 50%;}
.next {right: -60px;top:50%;}
.disabled {opacity: 0.5;cursor: not-allowed;}
/* 响应式设计 */
@media (max-width: 992px) {
.product-card {flex-direction: column;}
.product-info {padding: 30px;}
.product-image {min-height: 300px;}}
@media (max-width: 768px) {
.header h1 {font-size: 28px;}
.header p {font-size: 16px;}
.product-info h2 {font-size: 24px;}
.product-info p {font-size: 14px;}
.view-more {padding: 10px 20px;font-size: 14px;}
}

/* 产品 end*/

.about1{ background:#f6f6f6}
.ab_left{ width:50%; float:left; overflow:hidden}
.ab_left img{ max-width:100%}
.ab_right{ width:50%; float:left; overflow:hidden}
.ab_right ul{ width:700px; float:left; overflow:hidden}
.ab_right ul .tyh3{ text-align:left; margin-top:100px}
.ab_right ul .tyh4{ text-align:left}
.ab_right ul p{ width:100%; float:left; overflow:hidden; line-height:32px; font-size:16px; color:#666;text-align: justify; word-break:break-all; margin-bottom:80px}
.ab_right ul h6{ width:100%; float:left; overflow:hidden}
.ab_right ul h6 a{ display:block; float:left; overflow:hidden; width:180px; height:60px; text-align:center; line-height:60px; font-size:16px; color:#fff; background:#1d2089; font-weight:normal;background-image: linear-gradient(to bottom,#6eb6f4,#1b82db);border-radius:10px;}
.ab_right ul h6 a:hover{background-image: linear-gradient(to bottom,#1b82db,#6eb6f4);}


.process2 img{ width:100%; float:left; overflow:hidden}

/*  新闻  */
.news01 {max-width: 1400px;margin: 0 auto;position: relative;}
.news-one {display: flex;justify-content: space-between;align-items: center;padding: 20px 0;border-bottom: 1px solid #eee;margin-bottom: 30px;}
.newstitle {text-align: left;}
.newstitle .tyh3{ text-align:left}
.newstitle .tyh4{text-align:left; margin-bottom:10px}
.newsnav {display: flex;align-items: center;}
.arr12 {width: 40px;height: 40px;border-radius: 50%;border: 1px solid #ccc;display: flex;align-items: center;justify-content: center;margin: 0 5px;cursor: pointer;transition: background-color 0.3s;}
.arr12:hover {background-color: #f5f5f5; color:#1c5a8d}
.view-more {margin-left: 15px;color: #2a2a72;text-decoration: none;font-size: 14px;}
.news-wrapper {position: relative;overflow-x: hidden;width: 100%;left: 50%;transform: translateX(-700px); /* 同样调整这个样式 */}
.news-container {display: flex;padding: 20px 0;position: relative;transition: transform 0.3s ease-in-out;}
.news-card {flex: 0 0 440px;margin-right: 40px;background-color: #fff;overflow: hidden;transition: transform 0.3s;}
.news-card:hover {transform: translateY(-5px);} 

.news-card  h5{ width:100%; float:left; overflow:hidden;}
.news-card  h5 img{ width:100%; float:left; overflow:hidden}
.news-card ul{ width:100%; float:left; overflow:hidden;  background:#fefefe; padding-top:20px; transition:all 0.35s}
.news-card dt{ width:100%; float:left; overflow:hidden; height:30px; line-height:30px; margin-bottom:10px;padding:0 25px; box-sizing:border-box; }
.news-card dt a{ color:#333; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.news-card dd{ width:100%; float:left; overflow:hidden; line-height:24px; height:73px;font-size:14px; color:#888;padding:0 25px; box-sizing:border-box; margin-bottom:30px; }
.news-card h6{ width:100%; float:left; overflow:hidden; height:100px; background:#f6f6f6; line-height:100px; color:#888; font-size:14px; font-weight:normal; padding:0 25px;box-sizing:border-box;}
.news-card h6 span{ float:right; line-height:100px; height:100px; display:flex; align-items:center }
.news-card ul:hover{ background:#f6f6f6}
.news-card h6 img{ height:32px}
.news-card h6 span a img{ float:left}
.news-card h6 span a img:last-child{ display:none}
.news-card ul:hover h6 span a img:first-child{ display:none}
.news-card ul:hover h6 span a img:last-child{ display:block}
        
/* 响应式布局 */
@media (max-width: 1200px) {
.news-card {flex: 0 0 250px;}
}
@media (max-width: 992px) {
.news-card {flex: 0 0 220px;margin-right: 10px;}}@media (max-width: 768px) {
.news-container {flex-direction: column;}
.news-card {flex: 0 0 100%;margin-right: 0;margin-bottom: 20px;}
.news-one {flex-direction: column;align-items: flex-start;}
.newsnav {margin-top: 15px;}
}

/*  新闻end  */

.process{ margin:90px 0 90px}
.process h3{ text-align:left}
.process h4{  text-align:left; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:60px}

.pro-ul{width:100%; float:left; overflow:hidden; display:flex; margin-bottom:50px}
.pro-ul a{ width:220px; float:left; aspect-ratio:1/1; color:#1c5a8d; display:flex; line-height:32px; font-size:28px;align-items:center;justify-content:center; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; box-sizing:border-box; border-radius:50%; border:10px solid #1c5a8d; transition:all 0.35s }
.pro-ul a:nth-of-type(2n){ background:#1c5a8d; color:#fff}
.pro-ul a:hover{ border:none; color:#fff; background-image: linear-gradient(to bottom,#2f8dde,#1272c4);}
.pro-ul span{ width:173px; float:left; overflow:hidden; background:url(process.png) no-repeat center center;; background-size:25%}
.pro-ul2{ width:100%; float:left; overflow:hidden;}
.pro-ul2 img{ width:23.5%; float:left; overflow:hidden; margin-right:2%}
.pro-ul2 img:last-child{ margin-right:0}


.m_60{ margin-bottom:60px}

.pro_m{ display:none}
.news_m{ display:none}

/******** 手机版 ********/
@media (max-width:767px){
.videomain{ margin-bottom:20px}
.pro01{ margin-bottom:20px}
.pro_pc{ display:none}
.pro_m{ display:block; margin-bottom:10px}
.pro_m dl{ width:48%; float:left; overflow:hidden; margin-bottom:15px}
.pro_m dl:nth-child(2n+1){ margin-right:4%}
.pro_m dd{ width:100%; float:left; overflow:hidden; margin-bottom:10px}
.pro_m dd img{ width:100%; float:left; overflow:hidden}
.pro_m dt{ width:100%; float:left; overflow:hidden; line-height:20px; height:20px; text-align:center}
.pro_m dt a{ font-size:14px; color:#333; font-weight:bold}

.tyh3{ line-height:25px; font-size:20px; margin-bottom:10px}
.tyh3 a{ font-size:22px; }
.tyh4{ line-height:22px; font-size:14px;  margin-bottom:0px;}


.ab_left{ width:100%;}
.ab_right{width:100%;}
.ab_right ul{ width:94%; padding:0 3% 20px; float:left; overflow:hidden}
.ab_right ul .tyh3{ text-align:left; margin-top:10px; margin-bottom:0px; color:#333}
.ab_right ul .tyh4{ text-align:left; font-weight:bold; margin-bottom:15px; color:#333}
.ab_right ul p{  line-height:22px; font-size:13px; color:#666;text-align: justify; word-break:break-all; margin-bottom:30px}

.ab_right ul h6 a{  width:130px; height:43px; line-height:43px; font-size:14px}
.ab_right ul h6 a:hover{background-image: linear-gradient(to bottom,#6eb6f4 ,#1b82db);}




.process{ margin:20px 0 0px}
.process h3{ text-align:left}
.process h4{  text-align:left; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px}

.pro-ul{margin-bottom:25px}
.pro-ul a{ width:19.75%;  line-height:15px; font-size:9px; border:2px solid #1c5a8d;}
.pro-ul a:nth-of-type(2n){ background:#1c5a8d}
.pro-ul span{ width:7%;  background:url(process.png) no-repeat center center; background-size:35%}


















.pro-ul2 img{ width:48%; margin-bottom:20px; margin-right:0}
.pro-ul2 img:nth-child(2n+1){ margin-right:4%}

.news01{ display:none}
.news_m{ display:block}


.xw_list{ width:100%; float:left; overflow:hidden}
.xw_list dl{ width:31%; float:left; overflow:hidden; margin-right:3.5%; margin-bottom:40px; }
.xw_list dl:nth-child(3n){ margin-right:0}
.xw_list dl h5{ width:100%; float:left; overflow:hidden;}
.xw_list dl h5 img{ width:100%; float:left; overflow:hidden}
.xw_list ul{ width:100%; float:left; overflow:hidden;  background:#fefefe; padding-top:20px; transition:all 0.35s}
.xw_list dt{ width:100%; float:left; overflow:hidden; height:30px; line-height:30px; margin-bottom:10px;padding:0 25px; box-sizing:border-box; }
.xw_list dt a{ color:#333; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.xw_list dd{ width:100%; float:left; overflow:hidden; line-height:24px; height:73px;font-size:14px; color:#888;padding:0 25px; box-sizing:border-box; margin-bottom:30px; }
.xw_list h6{ width:100%; float:left; overflow:hidden; height:100px; background:#f6f6f6; line-height:100px; color:#888; font-size:14px; font-weight:normal; padding:0 25px;box-sizing:border-box;}
.xw_list h6 span{ float:right; line-height:100px; height:100px; display:flex; align-items:center }
.xw_list ul:hover{ background:#f6f6f6}
.xw_list h6 span a img{ float:left; height:24px}
.xw_list h6 span a img:last-child{ display:none}
.xw_list ul:hover h6 span a img:first-child{ display:none}
.xw_list ul:hover h6 span a img:last-child{ display:block}


.xw_list dl{ width:48%; margin-right:4%; margin-bottom:20px; }
.xw_list dl:nth-child(3n){ margin-right:4%}
.xw_list dl:nth-child(2n){ margin-right:0}

.xw_list ul{ padding-top:10px; }
.xw_list dt{height:22px; line-height:22px; margin-bottom:10px;padding:0 10px; }
.xw_list dt a{  font-size:14px;}
.xw_list dd{  line-height:20px; height:60px;font-size:12px; padding:0 10px; margin-bottom:20px; }

.xw_list h6{  height:50px; line-height:50px;  font-size:12px; padding:0 10px}
.xw_list h6 span{ line-height:50px; height:50px; }



.news_m .tyh3{ margin-bottom:0}
.news_m .tyh4{ margin-bottom:15px}












.m_0{ margin-bottom:0}
.m_20m{ margin-bottom:20px}
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){

.pro-ul a{ width:17.5%;  line-height:26px; font-size:16px;}
.pro-ul a:nth-of-type(2n){ background:#1c5a8d}
.pro-ul span{ width:10%;  background:url(process.png) no-repeat center center; background-size:25%}


}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){


.pro-ul a{ width:17.5%;  line-height:30px; font-size:20px;}
.pro-ul a:nth-of-type(2n){ background:#1c5a8d}
.pro-ul span{ width:10%;  background:url(process.png) no-repeat center center;}

}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){


.pro-ul a{ width:17.5%;  line-height:30px; font-size:25px;}
.pro-ul a:nth-of-type(2n){ background:#1c5a8d}
.pro-ul span{ width:10%;  background:url(process.png) no-repeat center center}


}

/******** 1400px ********/
@media (min-width:1440px){
	
}