@charset "utf-8";
/* CSS Document */
.ab_01{ padding-left:40%; width:60%; float:left; overflow:hidden; display:flex; margin-bottom:50px }
.ab_01 li{ color:#797979; font-size:15px; margin-right:8%; line-height:50px}
.ab_01 li span{ padding:0 10px; font-size:38px; color:#134172; font-family:Arial, Helvetica, sans-serif; font-weight:bold}

.ab_video{ padding:50px 0; background:url(ab_bg.jpg) no-repeat center 0; background-size:cover}

/*  愿景 */
.yuanjing{  background:url(yuanjingbg.jpg) no-repeat center 0; background-size:cover; display:flex; margin-bottom:200px}
.yuanjing .ty02{ display:flex;justify-content:space-between;align-items:center; }
.yuanjing dl{ padding:50px; box-sizing:border-box; background:rgba(255,255,255,.95); width:43%; }
.yuanjing dl h5{ width:100%; float:left; overflow:hidden; height:60px; display:flex;justify-content:space-between;align-items:center;  margin-bottom:15px }
.yuanjing dl h5 span{ font-size:50px; color:rgba(0,0,0,.1); font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}
.yuanjing dl h5 img{ height:60px}
.yuanjing dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:25px; color:#b3865e; margin-bottom:15px}
.yuanjing dl dd{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:20px; color:#767676; margin-bottom:70px}
.yuanjing dl p{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:16px; color:#767676;}


/* 荣誉 */
.honor{  background:url(abry_bg.jpg) no-repeat center center; background-size:cover; margin-bottom:200px}
.h3001{ width:100%; float:left; overflow:hidden; text-align:center; font-size:29px; color:#134172; line-height:36px;  font-weight:normal; margin-bottom:15px}
.h4001{ color:#bdbdbd; font-size:46px; width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; line-height:50px; text-transform:uppercase}
.honor .h3001{margin-top:80px;}
.honor .h4001{margin-bottom:70px}

.rollBox{width:100%;overflow:hidden; margin:0 auto; display:flex;  }
.an_left{height:300px; flex:1; overflow:hidden;float:left; }
.rollBox .leftBotton{ width:80px; height:14px;overflow:hidden; margin-top:143px;float:left;cursor:pointer;}
.rollBox .leftBotton img{ max-width:100%}
.an_right{height:300px; flex:1; float:left;overflow:hidden; }
.rollBox .RightBotton{ width:80px;height:14px; overflow:hidden;float:right;cursor:pointer; margin-top:143px; }
.rollBox .RightBotton img{max-width:100%}
.rollBox .Cont{width:1000px; overflow:hidden; display:inline}
.rollBox .ScrCont{width:10000000000px;} 
.rollBox .Cont .pic{width:300px; height:300px; background:#fff; border-radius:50%;  float:left; overflow:hidden; display:inline; margin-right:50px; display:flex; align-content:center;flex-wrap:wrap;}
.rollBox .Cont .pic h6{ width:100%; float:left; overflow:hidden;margin-bottom:20px; text-align:center; height:42px;}
.rollBox .Cont .pic dt{ width:70%; padding:0 15%;; float:left; overflow:hidden; line-height:26px; height:78pxx; color:#134172; font-size:16px; text-align:center; margin-bottom:50px; font-weight:bold }
.rollBox .Cont .pic dd{ width:100%;line-height:36px;color:#8a1919; font-size:32px;  float:left; overflow:hidden; text-align:center; font-family:Arial, Helvetica, sans-serif }

.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#4d4d4d; font-size:16px}

.rollBox .Cont a:hover h6 img{background:#000;filter:alpha(opacity=85);opacity:0.85;  }
#List1, #List2, #List3, #List4{float:left;}


/*  布局 */
.buju{ background:#f9f9f9; padding:70px 0 90px}
.buju .ty02{ width:100%; text-align:center; padding-top:100px}
.buju .ty02 img{ max-width:100%}
.buju2{ background:url(buju2.jpg) no-repeat center center; background-size:cover; }
.buju2 .ty02{display:flex; flex-wrap:wrap; align-content:center}
.buju2 h4{ width:100%; float:left; overflow:hidden; font-size:55px; line-height:60px; text-align:center; color:#aec2d6; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px}
.buju2 h3{ width:100%; float:left; overflow:hidden; font-size:35px; line-height:40px; text-align:center; color:#fff; font-weight:normal; margin-bottom:120px}
.buju2 p{ width:100%; float:left; overflow:hidden; font-size:16px; color:#fff; line-height:32px; text-align:center}


/******** 手机版 ********/
@media (max-width:767px){
	
/*  简介 */	
.ab_01{ padding-left:0%; width:100%;  display:flex; margin-bottom:20px; justify-content:space-between}
.ab_01 li{ font-size:14px; margin-right:0; line-height:30px}
.ab_01 li span{ padding:0 3px; font-size:25px; }
.ab_video{ padding:30px 0; }
	
/*  愿景 */
.yuanjing{ margin-bottom:40px; padding:35px 0 15px}
.yuanjing .ty02{flex-wrap:wrap }
.yuanjing dl{ padding:20px; width:100%; margin-bottom:20px }
.yuanjing dl h5{ height:45px;  margin-bottom:10px }
.yuanjing dl h5 span{ font-size:30px; }
.yuanjing dl h5 img{ height:45px}
.yuanjing dl dt{line-height:30px; font-size:20px;  margin-bottom:5px}
.yuanjing dl dd{ line-height:20px; font-size:14px; margin-bottom:20px}
.yuanjing dl p{  line-height:20px; font-size:12px; }


/* 荣誉 */
.honor{ padding-bottom:40px; margin-bottom:40px}
.h3001{ font-size:25px; line-height:28px; margin-bottom:5px}
.h4001{font-size:18px; line-height:22px; }
.honor .h3001{margin-top:30px;}
.honor .h4001{margin-bottom:30px}


.rollBox {display:flex;  justify-content:center;flex-wrap:wrap}
.an_left{height:50px; }
.rollBox .leftBotton{ width:50px; height:14px ;margin-top:0px;}
.an_right{height:50px; }
.rollBox .RightBotton{ width:50px;height:14px; margin-top:0px; }
.rollBox .Cont{width:100%;  }
.rollBox .Cont .pic{width:300px; height:300px;  border-radius:50%;  margin-right:50px;}
.rollBox .Cont .pic h6{margin-bottom:20px;  height:42px;}
.rollBox .Cont .pic dt{ width:70%; padding:0 15%;line-height:26px; height:78pxx; color:#134172; font-size:16px;  margin-bottom:50px; }
.rollBox .Cont .pic dd{ line-height:36px; font-size:30px;  }
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#4d4d4d; font-size:16px}

/*  布局 */
.gy_01{ margin-bottom:30px}
.gy_02{ margin-bottom:0px}
.buju{ padding:30px 0 30px}
.buju .ty02{ width:95%; text-align:center; padding-top:0px}
.buju .ty02 img{ max-width:100%}

.buju2{ padding:30px 0}
.buju2 h4{ font-size:26px; line-height:30px;  margin-bottom:5px}
.buju2 h3{ font-size:20px; line-height:26px;  margin-bottom:30px}
.buju2 p{ widows:96%; padding:0 2%; font-size:12px; line-height:22px; margin-bottom:10px }

}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
/*  愿景 */
.yuanjing{ height:600px;}
.yuanjing dl p{   height:104px }
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){

/*  愿景 */
.yuanjing{ height:600px;}
.yuanjing dl p{   height:104px }

}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1300px){

	
/*  简介 */
.ab_video{ height:600px; background:url(ab_bg.jpg) no-repeat center 0; background-size:cover}
.swiper-container { position: relative; width: 100%; height:500px; margin: 0 auto; margin-top:50px }  
.swiper { width: 100%; height: 100%; }  
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }  
.swiper-slide img { width: 100%; height: 100%; object-fit: cover; /* 确保图片充满整个slide */ } /* 调整箭头位置 */  
.swiper-button-prev,  
.swiper-button-next { top: 50%; transform: translateY(-50%); width: 50px; height: 50px; color:#953133; /* 或您想要的颜色 */ /*  background: rgba(255,255,255,0 
.5); 半透明的白色背景 */ border-radius: 50%; text-align: center; line-height: 50px; }  
.swiper-button-prev { left: -60px; /* 调整距离Swiper容器的距离 */ }  
.swiper-button-next { right: -60px; /* 调整距离Swiper容器的距离 */ }


/*  愿景 */
.yuanjing{ height:600px;margin-bottom:100px}
.yuanjing dl{ padding:30px; width:47%; }
.yuanjing dl h5{ height:45px;  margin-bottom:10px }
.yuanjing dl h5 span{ font-size:40px; }
.yuanjing dl h5 img{ height:45px}
.yuanjing dl dt{line-height:30px; font-size:20px;  margin-bottom:5px}
.yuanjing dl dd{ line-height:26px; font-size:17px; margin-bottom:70px}
.yuanjing dl p{  line-height:26px; font-size:14px; height:104px }

/*  布局 */
.gy_01{ margin-bottom:50px}
.buju{ padding:60px 0 70px}
.buju .ty02{ width:95%; text-align:center; padding-top:60px}
.buju .ty02 img{ max-width:100%}

.buju2 .ty02{height:600px; }
.buju2 h4{ font-size:45px; line-height:50px;  margin-bottom:10px}
.buju2 h3{ font-size:30px; line-height:36px;  margin-bottom:120px}
.buju2 p{ font-size:15px; line-height:32px; }

/* 荣誉 */
.honor{ height:650px; margin-bottom:100px}
.h3001{ font-size:27px; line-height:30px; margin-bottom:15px}
.h4001{font-size:40px; line-height:50px; }
.honor .h3001{margin-top:80px;}
.honor .h4001{margin-bottom:50px}

.an_left{height:300px; }
.rollBox .leftBotton{ width:50px; height:14px ;margin-top:143px;}
.an_right{height:300px; }
.rollBox .RightBotton{ width:50px;height:14px; margin-top:143px; }
.rollBox .Cont{width:1000px;}
.rollBox .Cont .pic{width:300px; height:300px;  border-radius:50%;  margin-right:50px;}
.rollBox .Cont .pic h6{margin-bottom:20px;  height:42px;}
.rollBox .Cont .pic dt{ width:70%; padding:0 15%;line-height:26px; height:78pxx; color:#134172; font-size:16px;  margin-bottom:50px; }
.rollBox .Cont .pic dd{ line-height:36px; font-size:30px;  }
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#4d4d4d; font-size:16px}



}

/******** 1300px ********/
@media (min-width:1301px) and (max-width:1439px){
	
	
/*  简介 */
.ab_video{ height:700px; background:url(ab_bg.jpg) no-repeat center 0; background-size:cover}
.swiper-container { position: relative; width: 100%; height:500px; margin: 0 auto; margin-top:100px }  
.swiper { width: 100%; height: 100%; }  
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }  
.swiper-slide img { width: 100%; height: 100%; object-fit: cover; /* 确保图片充满整个slide */ } /* 调整箭头位置 */  
.swiper-button-prev,  
.swiper-button-next { top: 50%; transform: translateY(-50%); width: 50px; height: 50px; color:#953133; /* 或您想要的颜色 */ /*  background: rgba(255,255,255,0 
.5); 半透明的白色背景 */ border-radius: 50%; text-align: center; line-height: 50px; }  
.swiper-button-prev { left: -60px; /* 调整距离Swiper容器的距离 */ }  
.swiper-button-next { right: -60px; /* 调整距离Swiper容器的距离 */ }


/*  愿景 */
.yuanjing{ height:650px;margin-bottom:150px}
.yuanjing dl{ padding:30px; width:47%; }
.yuanjing dl h5{ height:50px;  margin-bottom:10px }
.yuanjing dl h5 span{ font-size:45px; }
.yuanjing dl h5 img{ height:50px}
.yuanjing dl dt{line-height:30px; font-size:22px;  margin-bottom:5px}
.yuanjing dl dd{ line-height:26px; font-size:18px; margin-bottom:70px}
.yuanjing dl p{  line-height:26px; font-size:15px; height:104px }


/*  布局 */
.gy_01{ margin-bottom:60px}
.buju{padding:60px 0 70px}
.buju .ty02{ width:95%; text-align:center; padding-top:70px}
.buju .ty02 img{ max-width:100%}

.buju2 .ty02{height:650px; }
.buju2 h4{ font-size:50px; line-height:55px;  margin-bottom:10px}
.buju2 h3{ font-size:32px; line-height:36px;  margin-bottom:120px}
.buju2 p{ font-size:16px; line-height:32px;height:120px }


/* 荣誉 */
.honor{ height:650px; margin-bottom:150px}
.h3001{ font-size:27px; line-height:30px; margin-bottom:15px}
.h4001{font-size:40px; line-height:50px; }
.honor .h3001{margin-top:80px;}
.honor .h4001{margin-bottom:50px}

.an_left{height:300px; }
.rollBox .leftBotton{ width:80px; height:14px; margin-top:143px;}
.an_right{height:300px; }
.rollBox .RightBotton{ width:80px;height:14px; margin-top:143px; }
.rollBox .Cont{width:1000px;}
.rollBox .Cont .pic{width:300px; height:300px;  border-radius:50%;  margin-right:50px;}
.rollBox .Cont .pic h6{margin-bottom:20px;  height:42px;}
.rollBox .Cont .pic dt{ width:70%; padding:0 15%;line-height:26px; height:78pxx; color:#134172; font-size:16px;  margin-bottom:50px; }
.rollBox .Cont .pic dd{ line-height:36px; font-size:30px;  }
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#4d4d4d; font-size:16px}



}


/******** 1400px ********/
@media (min-width:1440px){
.yuanjing{ height:760px;}
.yuanjing dl p{height:120px }
.honor{ height:718px;}
.buju2 .ty02{height:820px; }
}










