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

.cpbj_box{ float: left; width: 100%;padding-bottom:10px;padding-top: 15px;}
.cybj_zt{ width: 1200px; margin: 0 auto;}
.cybj_zuo{ float: left; width: 400px; height: 500px;}
.cybj_zc{ float: left; width: 390px;height: 514px; }
.cybj_zcnr{ float: left; width: 390px;margin-top:15px;}
.cybj_zcnr img{ float: left; width: 389px; height: 189px;}
.cybj_zc h1{ float: left; width: 100%; height: 20px; font-size: 16px; line-height: 20px;}
.cybj_zc span{ float: left; width: 50px; height: 2px; background: #ebebeb;}
.cybj_zc p{text-indent: 2em; float: left; margin-top: 2px; width: 100%; font-size: 15px; line-height: 23px; text-align: justify;}

.cybj_you{ float: right; width: 800px;margin-top:7px;}
.cybj_you li{ width:382px; height: 250px; float: left; margin:9px; overflow: hidden;}

.cybj_you li .main_nav_box{width:396px; height: 250px; float: left; overflow: hidden;}
.cybj_you a{ float: left; width: 396px; display: block; height: 250px;

}
/* 基本的Swiper样式 */  
.swiper-container {  
    width: 100%; /* 根据需要调整容器宽度 */  
    margin: 0 auto; /* 居中显示 */  
    padding-top: 10px; /* 顶部填充 */  
    padding-bottom: 50px; /* 底部填充，为分页器和导航按钮留出空间 */  
}  
  
.swiper-slide {  
    /* 可以添加一些额外的样式，如阴影、边框等 */  
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  
    border-radius: 10px;  
    overflow: hidden;  
}  
  
.swiper-video {  
    width: 100%;  
    height: 235px;  
    object-fit: cover; /* 确保视频覆盖整个容器 */  
    border-radius: inherit; /* 继承容器的圆角 */  
}  
  
/* 分页器样式（可选） */  
.swiper-pagination-bullet {  
    width: 12px;  
    height: 12px;  
    background-color: #fff;  
    opacity: 0.5;  
}  
  
.swiper-pagination-bullet-active {  
    opacity: 1;  
}  
  
/* 导航按钮样式（可选） */  
.swiper-button-next, .swiper-button-prev {  
    color: #fff;  
    background-image: none; /* 移除默认的图标背景 */  
    /* 你可以添加自定义的图标或样式 */  
}  
  
/* 添加一些过渡效果 */  
.swiper-slide-active {  
    /* 当slide为活动状态时应用的样式，比如稍微放大或添加边框 */  
    transform: scale(1.02);  
    transition: transform 0.3s ease;  
}
.cybj_you .main_nav_box img{ float: left; width: 396px; height: 250px;}
.cybj_you .main_nav_box img{transition: All 0.8s ease-in-out;
    -webkit-transition: All 1.2s ease-in-out;
    -moz-transition:All  1.2s ease-in-out;
    -o-transition:All  1.2s ease-in-out;
}
.main_nav_box:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}



.xwzx_box{ float: left; width: 100%;}
.xwzx_zt{ width: 1200px; margin: 0 auto;}
.xwzx_zuo{ float: left; width: 400px;}
.xwzx_zuo a{ display: block; width: 400px; height: 412px; position: relative;}
.xwzx_zuo a img{ position: absolute; left: 0; top: 0; z-index: 1; width: 400px; height: 412px;}
.xwzx_zuo a .fdd{ position: absolute; width: 60px; height: 26px; background: url(/tenplates/htxs/img/2.png) no-repeat; z-index: 2; top: 198px; right: -30px;}
.xwzx_you{ float: right; width: 800px;margin-top: -10px;}
.xwzx_you ul{ float: left; width: 760px; margin-left: 40px;}
.xwzx_you ul li{ float: left; width: 760px; height: 120px; border-bottom: 1px solid #eeeeee;}
.li_btbf{ float: left; margin-top: 15px; width: 760px; height: 24px;}
.li_btbf a{ float: left; font-size: 16px; line-height: 24px; color: #333;}
.li_btbf a:hover{ color: #2e5087;}
.li_btbf span{ float: right; width: 67px; height: 22px; border: 1px solid #f3f3f3; background: #e5e5e5; text-align: center; border-radius: 35px; line-height: 24px; font-size: 12px; color: #666;}
.li_p{ float: left; width: 760px; margin-top: 10px; line-height: 22px; color: #a2a2a2;}
.li_shijian{float: left; width: 760px; line-height: 22px; color: #d9d9d9;}
.xwzx_you .xw_gdnr{ float: left; margin-top: 12px; width: 800px; height: 37px;}
.xwzx_you .xw_gdnr a{ display: block; background: #ff2300; width: 800px; height: 37px; text-align: center; line-height: 37px; color: #fff; }
.xwzx_you .xw_gdnr a:hover{ background: #2e5087;}



.spbf_box{ float: left; width: 100%; height: 225px;margin-top:7px;}
.spbf_zt{ width: 1200px; margin: 0 auto;}
.spbf_zt a{ display: block; width: 1200px; height: 225px;}


.nkwh_box{ float: left; width: 100%;margin-top:2px;}
.nkwh_zt{ width: 1200px; margin: 0 auto;}
.nkwh_zuo{ float: left; width: 596px;}
.nkwh_zt .zuo{width: 596px; height: 436px; float: left; margin:4px 0; overflow: hidden;}
.nkwh_zt .you{width: 597px; height: 436px; float: right; margin: 4px 0; overflow: hidden;}
.nkwh_zt li .nkwh_zuo{width: 596px; height: 436px; float: left; overflow: hidden;}
.nkwh_zt li .nkwh_zuo img{ display: block; width: 100%; height: 436px;
transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
}
.nkwh_zuo :hover img{	
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
.nkwh_zuo a img{ float: left; width: 600px;height: 458px;}
.nkwh_gdbf{ float: left; width: 1200px; height: 52px;} 
.nkwh_gdbf a{ display: block; width: 1200px; height: 52px;  background: #ff2300; text-align: center; line-height: 52px; font-size: 14px; color: #fff;margin-top:2px;}
.nkwh_gdbf a:hover{background: #2e5087;}

/*新闻中心*/

.anli_xg2 {
    width: 1200px;
    margin: 0 auto;
overflow:hidden;
}
.anli_xgdbt {
    float: left;
    width: 1200px;
    height: 64px;
    margin-top: 10px;
}
.anli_xgdbt h3 {
    font-weight: bold;
    float: left;
    position: relative;
    font-size: 36px;
    color: #333;
}

.anli_xgdbt h3 span {
    position: absolute;
    left: 0;
    top: 0;
    height: 64px;
    line-height: 64px;
    font-size: 80px;
    color: #333;
    letter-spacing: 8px;
    text-transform: uppercase;
    opacity: 0.05;
    z-index: -1;
}
.anli_xg_nrqyd {
    float: left;
    width: 1200px;
height:310px;
    margin-top: 10px;
}
.picScroll {
width:1200px;
margin:0 auto;
	background: #fff;
}

.picScroll ul {
	zoom: 1;
}

.picScroll ul li {width: 385px;
    float: left;
    margin-right: 19px;
    overflow: hidden;
}

.picScroll ul li a{
    float: left;
    display: block;
    width: 396px;
    height: 300px;
}
.picScroll ul li a .tp{
	float: left;
	width: 396px;
	height: 252px;
	overflow: hidden;
}

.picScroll ul li a img {
    float: left;
	width: 396px;
    height: 252px;
transition: All 0.8s ease-in-out;
    -webkit-transition: All 1.2s ease-in-out;
    -moz-transition:All  1.2s ease-in-out;
    -o-transition:All  1.2s ease-in-out;
}


.picScroll ul li a img:hover {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}

.picScroll ul li a p{
    float: left;
    width: 100%;
    padding: 4%;
    height: 50px;
    color: #333;
    font-size: 16px;
    line-height: 24px;
text-align:center;
    transition:all 0.4s; 
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
}



.picScroll ul li a:hover p{
    color: #000;

}

.picScroll .prev{
	position: relative;
	left: 0;
	top: -191px;
	display: block;
	width: 18px;
	height: 28px;
	overflow: hidden;
	background: url(../img/icons.png) -40px 0 no-repeat;
	cursor: pointer;
}

.picScroll .next {
    position: relative;
float:right;
	right: 10px;
	top: -221px;
	display: block;
	width: 18px;
	height: 28px;
	overflow: hidden;
	background: url(../img/icons.png) -40px 0 no-repeat;
	cursor: pointer;
}

.picScroll .next {
	background-position: -120px 0;
}

.picScroll .prevStop {
	background-position: 0 0;
}

.picScroll .nextStop {
	background-position: -80px 0;
}