/*dp20240328*/
* {margin:0px; padding:0px;  }
img{ border:0 none; padding:0;}
input,button,select,textarea{outline:none} 
textarea{resize:none}
table{border-spacing:0;}
div,ul,li{ list-style-type:none;}
html,body{ min-width:375px; font-size:16px; position: relative; margin:0 auto; color:#111111; font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Georgia,Helvetica,Arial,sans-serif;}
a{color:#111111; font-size:18px; text-decoration:none;  font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Georgia,Helvetica,Arial,sans-serif; }
a:hover{ color:#A50000;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}

@font-face {
  font-family: "georgia";
  src: url("fonts/georgia.woff") format("woff"),
       url("fonts/georgia.ttf") format("truetype"),
	   url("fonts/georgia.eot") format("embedded-opentype"),
       url("fonts/georgia.svg") format("svg");
}
.wp{ width:100%; max-width:1300px;  margin:0 auto;}
@media screen and (max-width:1299px){
	.wp{ width:94%; margin:0 auto;}
}
/***************************************首页*****************/

.top{ width:100%; margin:0 auto; height:auto; background:url(topbg.jpg) no-repeat 100% 0%;}
/*2024-12-10增加搜索后修改顶部*/
.topwp{width:100%; max-width:1300px; margin:0 auto; position:relative; height:177px;}
.top .logo{ padding-top:26px; position:absolute; left:0; }
.top .sousuo{ position:absolute; right:0;}
.sousuo{ width:250px; height:40px; float:right; margin-top:80px;}
.sousuo .inputs{ background-color:transparent; border:none; border-bottom:1px solid #B80103; width:190px; height:40px; line-height:40px; color:#444;}

/*pc导航*/
#pcnav{ width:100%; max-width:1300px;  margin:0 auto; text-align:center;}
#pcnav, #pcnav ul{height:60px; line-height:60px;z-index:5; position:relative;}
#pcnav .yiji{ float:left; width:10%; display:block; height:60px; line-height:60px; position:relative;}
#pcnav .yiji a{display:block; width:100%; height:60px; line-height:60px;  text-align:center; font-size:21px;  }/*一级栏目间距*/
#pcnav .yiji a:hover{ color:#A50000;}
#pcnav .yiji a.xuanzhong{color:#A50000;}
#pcnav .erji{position:absolute; display:none; width:100%; top:60px;}/*二级列表菜单*/
#pcnav .erji a{ width:100%; padding:0; height:60px; line-height:60px; font-size:1rem; text-align:center; position:relative; border-bottom:1px solid #ffffff;}/*二级栏目间距*/
#pcnav .erji a:hover{ background-color:#A50000; color:#ffffff;}
#pcnav .sanji{position:absolute; left:160px;  top:0; width:160px; }		
#pcnav .erji li{ margin-right:0; position:relative; background: rgba(255, 255, 255, .7);}/*二级菜单样式背景色*/
#pcnav li:hover ul ul, #pcnav li:hover ul ul ul, #pcnav li:hover ul ul ul ul{display:none;}
#pcnav li:hover ul, #pcnav li li:hover ul, #pcnav li li li:hover ul, #pcnav li li li li:hover ul{display:block;}



/*------------------------------------------------------手机端顶部开始------------------------------*/
.m_header_box {transition:.6s; display:none; height:80px;  position: relative; z-index: 100000; }
.m_header_box header{padding:0; height:80px; background:url(topbg.jpg) 100% 0%;  background-size:cover; position: fixed; top:0; left:0; right:0; z-index:100; display:flex; justify-content:space-between; align-items:center; }
.m_header_box header #logo img{width:299px;  margin-left:10px;}
.m_header_box header #logo{padding:0; width: 100%;}
nav {
    box-sizing: border-box;/*很重要，不加这句点开手机导航按钮，最下面的链接看不到，无法继续滚动*/
}
#m_nav .list1 li .a{ color: #fff}

/*手机端顶部导航按钮开始*/
#nav_btn_box.on { background: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {/* background: #fff; */}
#nav_btn_box{position:relative; width:4rem; height:4rem; display:flex; align-items: center; justify-content: center; z-index: 1; min-width:4rem;}

#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }

#nav_btn .point {display:inline-block; width:1.5rem; height:18px; position:relative; outline:none;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: 100%;}
#nav_btn .navbtn {position: absolute;top: 50%;left: 0;display: inline-block;width: 100%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #A50000;margin-top: -1px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 100%;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #A50000;}
#nav_btn .navbtn::after {top: -8px;}
#nav_btn .navbtn::before {top: 8px;}
#nav_btn .point.on .navbtn {background: transparent;}
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
.m_nav_list::-webkit-scrollbar { display:none}

#m_nav {z-index:99999; position:fixed; width:100%; height:100vh;  top:0;  padding:85px 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; display: block; background:#FEF9F3; background-size:cover; opacity: 0; visibility: hidden; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); overflow: hidden; overflow-y: scroll;}
#m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}
#m_nav .list1{justify-content: center;}

.list_box_nav_mobile{width:100%; padding: 0 0 10px; margin: 0;/* flex: 1; */}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;  border-bottom: 1px solid #FFE5CA;}
.list_box_nav_mobile>li .con{ position:relative; padding-left:1rem; padding-right:1rem;}
.list_box_nav_mobile>li .a{width: 100%; line-height:4rem; color: #A50000; padding: 0; font-size:1.0625rem; display: flex; position: relative; transition:.5s;}
.list_box_nav_mobile>li i{opacity: 1; filter: alpha(opacity=100);  width:4rem; height:4rem; display: inline-block; background: url(add.png) center no-repeat; background-size: 15px 15px !important; position: absolute; display: block; right:1rem; top: 0;}
.list_box_nav_mobile>li.on1 i{ background: url(minus.png) center no-repeat; background-size: 15px 15px !important;}

.list_box_nav_mobile>li.on .a{color: rgba(255,255,255,1);}

/*三级导航 开始*/
.list_box_nav_mobile>li .list{padding:10px 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .list a{display:block;font-size:14px; color: #444; line-height: 2.5; width:49%; float:left; }



/*-----------------------------------------------------------------------------end 手机端顶部-----------------------------------------------------------------------------------------------------*/


@media screen and (max-width:1280px){
.top{ display:none;}/*pc顶部不显示*/
.navbox{ display:none;}/*pc导航不显示*/
.m_header_box { display:block;}
}
@media screen and (max-width:600px){
.m_header_box header #logo img{width:227px; }
}



/*首页大图切换 swiper*/
.wrapbanner{ width:100%; margin:0 auto; position:relative;}
.swiper1 .swiper-slide img{width:100%; max-width:100%;}
.swiper-pagination1 .swiper-pagination-bullet {
	width:20px;
	height:10px;
	display: inline-block;
	border-radius: 0;
	background-color:#ffffff;
	opacity:1;
}
.swiper-pagination1 .swiper-pagination-bullet-active {
	width:40px;
	height:10px;
	opacity: 1;
	background-color:#A50000;
}
.swiper1.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 30px;
    left: 0;
    width: 100%;
}
/*首页内容区开始-----------------------------------------------------------*/
.mainbox{ width:100%; margin:0 auto; height:auto;}

/***************************************************************************************************************************/
.section1{ width:100%; height:auto; background:url(bodybg1.png) no-repeat 100% 100%; padding:50px 0;}

/*通知公告左侧图片*/
.xw-pic{ width:50%; float:left;}
.swiper2.swiper-container{ padding:10px; }
.swiper2 .swiper-slide{ position:relative; height:100%; }
.swiper2 .pic {
    height: 450px;
    position: relative;
    overflow: hidden;
	background-color:#f8f8f8;
}
.swiper2 .pic a{    
	background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;}
.swiper2 .txt{ position:relative; background-color:#ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.1); height:60px;}
.swiper2 .txt .title{position:relative;}
.swiper2 .txt .title a{ display:block; padding:0 10px;  height:60px; line-height:60px; font-size:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.swiper2 .txt:hover .title a{color:#A50000;}
.swiper-button-prev.swiper-button-prev2, .swiper-container-rtl .swiper-button-next2 {
    background-image: url(arr-left.png);
    left: 10px;
    right: auto;
}
.swiper-button-next.swiper-button-next2, .swiper-container-rtl .swiper-button-prev2 {
    background-image: url(arr-right.png);
    right:10px;
    left: auto;
}
.swiper-button-next.swiper-button-next2.swiper-button-disabled, .swiper-button-prev.swiper-button-prev2.swiper-button-disabled {
    opacity: .65;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-next.swiper-button-next2, .swiper-button-prev.swiper-button-prev2 {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 51px;
    margin-top:-25px ;
    z-index: 10;
    cursor: pointer;
    background-size: 40px 51px;
    background-position: center;
    background-repeat: no-repeat;
}	
/*通过公共右侧文章列表*/
.xw-list{ width:47%; float:right;}

.menu{ width:100%; position:relative; height:40px; margin-top:10px; margin-bottom:20px;  }
.menu span{ position:absolute; left:0; bottom:0; font-size:30px; }
.menu a{ display:inline-block; position:absolute; right:0; top:5px; width:80px; text-align:center; height:30px; line-height:30px; background-color:#F8E8EA; color:#A50000; font-size:14px; transition:all 0.2s ease-out 0s;}
.menu a:hover{ background-color:#A50000; color:#ffffff;  transition:all 0.2s ease-out 0s;}

.ul-list1 li{ display:block; }
.ul-list1 li a{ display:block;  border-top:1px solid #ddd; height:50px; padding:20px 0;}
.ul-list1 li a:hover{ transition:all 0.3s ease-out 0s; }
.ul-list1 .time{ float:left; width:75px; text-align:center;}
.ul-list1 .time b{display:block; width:100%; line-height:30px;  color:#A50000; font-size:28px;  font-family: Arial, Helvetica, sans-serif; }
.ul-list1 .time em{display:block; width:100%; line-height:20px; color:#666666;  font-size:14px; font-style:normal;  font-family: Arial, Helvetica, sans-serif;}
.ul-list1 .name{ float:right; width:calc(100% - 75px); line-height:25px; height:50px; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:18px;}
.ul-list1 li a:hover{ background-color:#f9f9f9;}

@media screen and (max-width:1024px){	
	.xw-pic{ width:100%; float:left;}
	.xw-list{ width:100%; float:right; margin-top:30px;}
}

@media screen and (max-width:640px){
	.swiper2 .pic {height: 350px;}	
}

@media screen and (max-width:500px){
	.swiper2 .pic {height: 300px;}	
	.swiper2 .txt .title a{font-size:16px;}
	.ul-list1 .name{ font-size:16px;}

}
@media screen and (max-width:440px){
	.swiper2 .pic {height: 250px;}	
}




/*首页内容区2 协会动态 会员动态*/
.section2{ width:100%; height:auto; background:url(bodybg2.jpg) no-repeat 50% 0%; background-size:cover; padding:50px 0;}
.s2-left{ float:left; width:50%;}
.xiehui-box{ padding-left:10px; padding-right:10px;}
.s2-right{ float:right; width:47%;}
.menu2{ width:100%; position:relative; height:40px; margin-top:10px; margin-bottom:20px;  }
.menu2 span{ position:absolute; left:0; bottom:0; font-size:30px; color:#ffffff; }
.menu2 a{ display:inline-block; position:absolute; right:0; top:5px; width:80px; text-align:center; height:30px; line-height:30px; background-color:#ffffff; color:#A50000; font-size:14px; transition:all 0.2s ease-out 0s;}
.menu2 a:hover{ background-color:#F8E8EA; color:#A50000;  transition:all 0.2s ease-out 0s;}

.ul-list2{ }
.ul-list2 .bb{ display:block;}
.ul-list2 .bb a{ display:block;  height:60px; }
.ul-list2 .bb a:hover{ transition:all 0.3s; }
.ul-list2 .name{ float:left; width:calc(100% - 120px); color:#ffffff; height:60px; line-height:60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:18px; background:url(dot1.png) no-repeat 0% 50%; text-indent:20px; transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;}
.ul-list2 .time{ float:right; width:110px; text-align:right; height:60px; line-height:60px; font-size:18px; color:#DFA2A1; font-family:Arial, Helvetica, sans-serif; }
.ul-list2 .bb a:hover .name{ color: rgba(255,255,255,0.8);  background:url(dot1.png) no-repeat 5px 50%; transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;}
.ul-list2 .bb a:hover .time{ color:#ffffff;}
@media screen and (max-width:1024px){	
	.s2-left{ float:left; width:100%;}
	.s2-right{ float:right; width:100%;}
	.xiehui-box{ margin-bottom:50px; }
}
@media screen and (max-width:500px){	
	.ul-list2 .name{ font-size:16px; width:calc(100% - 95px); }
	.ul-list2 .time{  width:90px; font-size:16px; }
}

/*首页内容区3 培训与学习  图片链接*/
.section3{ width:100%; height:auto; background:url(bodybg3.png) no-repeat 0% 100%; padding-top:50px; padding-bottom:50px;}
.s3-left{ float:left; width:50%;}
.peixun-box{ padding-left:10px; padding-right:10px;}

.ul-list3{ }
.ul-list3 .bb{ display:block;}
.ul-list3 .bb a{ display:block;  height:60px; }
.ul-list3 .bb a:hover{ transition:all 0.3s; }
.ul-list3 .name{ float:left; width:calc(100% - 120px);  height:60px; line-height:60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:18px; background:url(dot2.png) no-repeat 0% 50%; text-indent:20px; transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;}
.ul-list3 .time{ float:right; width:110px; text-align:right; height:60px; line-height:60px; font-size:18px; color:#A50000; font-family:Arial, Helvetica, sans-serif; }
.ul-list3 .bb a:hover .name{  background:url(dot2.png) no-repeat 5px 50%; transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;}

.s3-right{ float:right; width:47%; padding-top:15px;}
.s3-right ul li{ display:block; float:left; width:50%; overflow:hidden;}
.s3-right ul li a{ display:block; padding:50px 20px; background:url(linkbg1.png) no-repeat 50% 50%; background-size:cover; text-align:center; color:#ffffff; } 
.s3-right ul li:nth-of-type(2) a{background:url(linkbg2.png) no-repeat 50% 50%; background-size:cover;}
.s3-right ul li:nth-of-type(3) a{background:url(linkbg3.png) no-repeat 50% 50%; background-size:cover;}
.s3-right ul li:nth-of-type(4) a{background:url(linkbg4.png) no-repeat 50% 50%; background-size:cover;}
.s3-right ul li a h3{ font-size:28px; font-weight:normal; margin-bottom:10px;}
.s3-right ul li a p{ color:rgba(255,255,255,0.8); font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.s3-right ul li a:hover{ transform:scale(1.03);}

/*友情链接*/
.menu3{ width:140px; position:relative; height:40px; margin-top:10px; margin-bottom:30px; background:url(dot3.png) no-repeat 100% 50%;  }
.menu3 span{ position:absolute; left:0; bottom:0; font-size:30px; color:#111111; }

.link{ margin-top:50px;}
.link ul li{ display:inline-block; margin-right:20px; margin-bottom:10px;}
.link ul li a{ display:block;}
@media screen and (max-width:1024px){	
	.s3-left{ float:left; width:100%;}
	.s3-right{ float:right; width:100%;}	
}
@media screen and (max-width:500px){	
	.ul-list3 .name{ font-size:16px; width:calc(100% - 95px); }
	.ul-list3 .time{  width:90px; font-size:16px; }
	.s3-right ul li a h3{ font-size:20px; margin-bottom:10px;}
	.s3-right ul li a p{font-size:16px;}
	.link ul li a{ display:block; font-size:16px;}
}
/*底部版权*/
.footer{ width:100%; margin:0 auto;background-color:#FBF8F3; border-top:5px solid #B80102; text-align:center; padding:40px 0; }
.footer .banquan{ font-size:16px;  line-height:30px;}
@media screen and (max-width:500px){	
	.footer .banquan{ font-size:14px;}
}

/*---------------------------------------文字列表页-------------------------------------------------------------------------------------*/
.listimg{ width:100%; position:relative; margin:0 auto;}
.listimg img{ width:100%; display:block;}


.lujing{ width:100%; height:50px; background-color:#eeeeee;  }
.weizhi{ line-height:50px;}
.weizhi, .weizhi a{ color:#666; font-size:14px; font-weight:normal;}

.subpage{ width:100%; margin:0 auto; min-height:500px; padding:30px 0; background:url(listbg.png) no-repeat 0% 100%;}
.dqlanmu{ width:160px; font-size:30px; background:url(dot3.png) no-repeat 100% 50%;}

/*列表页内容区右侧文字列表*/
.ul-liebiao{ margin-top:32px; }
.ul-liebiao li{ display:block; height:60px; }
.ul-liebiao li a{ display:block; height:60px;}
.ul-liebiao .time{ float:right; width:120px; height:60px; line-height:60px; color:#A50000; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.ul-liebiao .name{ float:left; width:calc(100% - 120px); background:url(dot2.png) no-repeat 3px 50%; text-indent:25px;  line-height:60px; height:60px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; font-size:18px;}
.ul-liebiao li:hover{ background-color:#f9f9f9;}
.ul-liebiao li:hover a .name{ color:#A50000;}

.yema{ height:40px; margin-bottom:60px;}
@media screen and (max-width:500px){
	.ul-liebiao .name{ font-size:16px; width:calc(100% - 100px);}
	.ul-liebiao .time{ font-size:16px; width:100px;}
	
}
/*-------------------------------------------------------------内容页详情-------------------------------*/
.nr-box {
    margin: 0 auto;
    max-width: 1000px;
	background-color:#ffffff;
}
.nr-box .nr-title{ font-size:1.5rem; padding:2rem 0; text-align:center;}
.nr-box .nr-time{ font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:normal;}
.nr-box .nr-article{ font-size:18px; line-height:2.5 !important; margin:3rem 0;}
.nr-box .nr-article img{ display:block; max-width:800px; text-indent:0; text-align:center; margin:0 auto;}

/*----------------------------------单页------------------------------------------------------------------------*/
.danye-title{
	font-size: 30px;
	text-align:center;
    font-weight: bold;
    padding-bottom: 1rem;
    margin-bottom:3rem;
    border-bottom: 1px #eeeeee solid;
    color: #333;}
.danye-nr p{  font-size:1.125rem; line-height:2; margin-bottom:1rem; font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Georgia,Helvetica,Arial,sans-serif;}
.danye-nr p img{ max-width:800px; text-align:center; margin:0 auto;}
@media screen and (max-width:1024px){
	.danye-title{ font-size:1.25rem; text-align:center; margin-top:2rem; margin-bottom:2rem;}
	.danye-nr{ padding:0; font-size:1rem;}
	.danye-nr p img {max-width:100% !important; height:auto !important;}
	
	.nr-box .nr-title{font-size:1.25rem; }
	.nr-box .nr-article img{ max-width:100% !important; height: auto !important; }

}
@media screen and (max-width:640px){
	.danye-title{ font-size:1.25rem; margin-top:1rem; margin-bottom:1rem;}
	.danye-nr{ font-size:1rem; }
	.danye-nr p{font-size:1rem; }
}

video{width: 100%;  max-width: 800px; height: auto;}


/* 分页按钮组 */
.fenye_page_btn_group{box-sizing:border-box; display:inline-block; border:1px solid #E2E2E2; -webkit-border-radius: 2px;  border-radius:2px; height:32px; }
/* 分页按钮 */
.fenye_page_btn{box-sizing:border-box; display:inline-block; height:30px ; line-height:30px; text-align:center; border-left:1px solid #E2E2E2;  padding:0px 10px; margin-left:-1px; }
/* 分页按钮选中 */
.fenye_page_btn_xz{box-sizing:border-box; display:inline-block; height:30px ; line-height:30px; text-align:center; padding:0px 10px; background-color:#B80103; color:#ffffff;}
