`/*清除样式*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, 
fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} 

table { border-collapse:collapse; /*让表格边框细线*/
	    border-spacing:0; /*清除边框间距*/} 
fieldset,img { border:0 none; /*有些浏览器默认这些标签有边框，所以要清除默认边框*/
	           display:block;} 
address,caption,cite,code,dfn,em,i,u,b,th,var { font-style:normal; 
	                                                   font-weight:normal; 
	                                                   /*清除标签默认文本样式和加粗*/}
input,textarea{outline:0 none;/*去掉文本框的默认轮廓线*/
               border:0;
               border:none;} 
ol,ul { list-style:none; /*清除列表默认样式*/} 
caption,th { text-align:left; /*清除标签默认文本居中对齐*/} 
h1,h2,h3,h4,h5,h6 { font-size:100%; 
	                font-weight:normal; /*清除标题标签的默认样式*/} 
					
a{text-decoration:none;/*大部分页面中的链接没有下划线*/
    color: #f8f9fa;
}
a:hover{text-decoration: underline;}
.clearfix:after{height:0;
		        content:" ";
		        display:block;
		        overflow:hidden;
		        clear:both;}
.clearfix{zoom:1;/*IE低版本浏览器不支持after伪类所以要加这一句*/}
body{
  font-family: "Microsoft Yahei",arial,'微软雅黑','宋体';
}

.top{
	width: 100%;
	height: 30px;
	background: #333;
}
/*.w1100{
	width: 1620px;
	margin: 0 auto;*/
}
.left{ float: left; }
.right{ float: right; }
.top_h{ font-size: 12px;color: #fff;line-height: 30px; }

/*导航*/
.lm{ overflow: hidden; }
.logo{ margin: 1px 0; }
/*导航选项字边距*/
.menu{ margin-top: 15px;margin-left: 200px; }
.menu_ul{ overflow: hidden; }
.menu_ul li{ float: left; line-height: 40px;  }
.menu_ul li a{ color: #333; display: block; padding: 0 15px;}
.menu_ul li.on { border-bottom: 3px solid #0185da; }

/*banner*/
/*图片大小边距描边*/
.banner{ width:100%; height:750px;  position:relative; margin:0 auto; box-shadow: 0 2px 6px rgb(0 0 0 / 60%)  }
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  height:750px; overflow:hidden; text-align:center;  }
.banner .bd li a{ display:block; height:0; }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0px; text-align:center; left:0; height:22px;  	}
.banner .hd ul{ text-align:center;    }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:5px; margin:5px; background:#535e5a; overflow:hidden; line-height:9999px;  }
.banner .hd ul .on{ background:#ea1915; }


/*关于我们*/

.about_wrap{ width: 100%; padding: 30px 0;background: #f7f8fa; }
/*.about_top{ width: 100%; height: 76px; background: url(../images/about.png) no-repeat center top; }*/
.about_q{ 	width: 1100px;	margin: 0 auto; }
.about_h{ overflow: hidden; }
.about_text{ width: 638px; line-height: 28px; font-size: 14px; font-family: 宋体; color: #333; margin-top: 30px;}
.pay_img{ margin-top: 40px; }
.xiangxi{ display: block; width: 120px; height: 30px; margin: 0 auto; margin-top: 20px; }


/*新闻中心*/

.news_wrap{ width: 100%; padding: 30px 0; background: #fff; }
.news_top{ width: 100%; height: 76px; background: url(../images/news.png) no-repeat center bottom; }
.news_tb{  }

/* 本例子css */
.slideTxtBox{ width:100%;text-align:left; margin-top: 50px;  }
.slideTxtBox .hd{ width: 418px;  margin:0 auto ;  height:35px; line-height:35px; background:#fff;  position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:37px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 30px; cursor:pointer; border: 1px solid #8b98a0; }
.slideTxtBox .hd ul li.on{ height:35px;  background:#8b98a0; border:1px solid #8b98a0;  color: #fff; }
.slideTxtBox .bd ul{ padding:15px; overflow: hidden;  zoom:1;  margin-top: 30px; }
.slideTxtBox .bd li{ float: left;  width: 48%; margin-right: 1%; height:120px; border-bottom: 1px solid #e7e8ea;   }
.slideTxtBox .bd li .date{ float:left; width: 105px; color:#333; text-align: center; margin-top: 30px;  }
.slideTxtBox .bd li .date span{  font-size: 30px; font-weight: bold; color: #333; display: block;}
.slideTxtBox .bd li .text1{ float: left; width: 400px; margin-top: 15px; }
.text_tittle{ display: block; font-size: 14px;margin-bottom: 0px;  color: #000; }
.text_con{ font-size: 12px; color: #999; font-family: '宋体'; line-height: 20px;}
#moress{ width: 100%; margin-top: 50px; float: left; }
#moress a{ display: block; width: 200px; margin: 0 auto; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
.slideTxtBox .arrow .next{ background-position:0 -50px;  }
.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }


/*资质荣誉*/

.zizhi_wrap{ width: 100%; padding: 40px 0; background: #2c2f34;	}
.zizhi_top{ width: 100%; height: 60px; background: url(../images/zizhi.png) no-repeat center top;	}


/*资质荣誉*/

.picScroll-left{ overflow:hidden; position:relative;  margin-top: 35px;   }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{  display:block;  padding:2px; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.tempWrap{ margin: 0 auto; }
.title{ margin-top: 10px; }
.title a{ color: #fff;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.picScroll-left .prev,
.picScroll-left .next{ position:absolute; left:0%; top:50%; margin-top:-25px; display:block; width:39px; height:39px; background:url(../images/arrow_left.jpg) 0px 0px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.picScroll-left .next{ background-image: url(../images/arrow_right.jpg); left:auto; right:0%;  }
.picScroll-left .prev:hover,
.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.picScroll-left .prevStop{ display:none;  }
.picScroll-left .nextStop{ display:none;  }


/*底部*/

.footer{ width: 100%; background: #4a4a4a; padding: 30px 0; }
.footer_text{ text-align: center; font-size: 14px; color: #fff; line-height: 26px;}
.footer_text a{ color: #999; }


/**22以下内容自己改的！*/

 /* 文字内容容器    文字内容！  */   
        .slide-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding-bottom:530px;
            padding-top:200px;;
            background: rgba(0, 0, 0, 0.4);
            color: white;
            z-index: 3;
            /*background: none;  关键修改：隐藏背景 */

          
    

        }
        
        .slide-content h2 {
            font-size: 3rem;
            margin-bottom: 20px;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
            animation: fadeInUp 0.8s ease-out;
            color:white;
        }
        
        .slide-content p {
            font-size: 1.4rem;
            max-width: 700px;
            margin-bottom: 30px;
            line-height: 1.6;
            animation: fadeInUp 1s ease-out;

             text-shadow: 0 2px 10px rgba(0, 0, 0, 1);
        }

		     /* 动画效果 */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }





 /* 响应式设计 */
        @media (max-width: 768px) {
            .banner {
                height: 400px;
            }
            
            .slide-content h2 {
                font-size: 2.2rem;
            }
            
            .slide-content p {
                font-size: 1.1rem;
            }
        }
        
        @media (max-width: 480px) {
            .banner {
                height: 300px;
            }
            
            .slide-content h2 {
                font-size: 1.8rem;
            }
            
            .slide-content p {
                font-size: 0.9rem;
            }
            
            .btn {
                padding: 8px 20px;
                font-size: 0.9rem;
            }
            
            .prev, .next {
                width: 40px;
                height: 40px;
                font-size: 1.2rem;
            }
        }


		  
        .copy-btn {
            background: #3a3a3a;
            color: #d4d4d4;
            border: none;
            padding: 5px 10px;
            border-radius: 4px;
            cursor: pointer;
            transition: background 0.3s;
        }
        
        .copy-btn:hover {
            background: #4a4a4a;
        }





/*111111111*/




		


/**/

.content_wrap{
	width: 100%;
	margin-bottom: 100px;
}
.content_wrap .content_heart{
	width: 1200px;
	overflow: hidden;
	margin-top: 30px;
}
.content_wrap .content_left{
	width: 200px;
}
.content_wrap .content_ul li{
	border-bottom: 1px solid #e6e6e6;
}
.content_wrap .content_ul li a{
	display: block;
	padding: 12px 15px;
	font-size: 15px;
	color: #fff;
	
	background: #808992;
}
.content_wrap .content_ul .on a{
	background: #d70c19;
}
.content_wrap .content_ul .on a:hover{
	background: #d70c19;
}
.content_right{
	width: 950px;
	border-left: 1px solid #bcbcbc;
	overflow: hidden;
	padding-bottom: 50px;
}
.content_right .div1{
	overflow: hidden;
	width: 900px;
}
.content_right .div2{
	display: none;
	overflow: hidden;
	width: 900px;
}
.content_right .div3{
	display: none;
	overflow: hidden;
	width: 900px;
}
.content_right .div4{
	display: none;
	overflow: hidden;
	width: 900px;
}
.content_right .divt{
	width: 900px;
	height: 45px;
	background: #808992;
}
.content_right .content_span{
	font-size: 16px;
	color: #fff;
	padding-left: 20px;
	line-height: 45px;
}
.content_right .content_right_ul{
	overflow: hidden;
	float: right;
	margin-right: 20px;
}
.content_right .content_right_ul {
	color: #fff;
	line-height: 45px;
	font-family: 宋体; font-size: 12px;
}
.content_right .content_right_ul  a{ color: #fff; font-family: 宋体; font-size: 12px; }
.content_right .content_txt{
	margin-top: 25px;
	line-height: 24px;
	width: 90%;
	font-size: 14px;
	color: #666;
}

/*列表页*/

#news_list .news_list_ul {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 18px;
	border-bottom: 1px solid #eeeded;
}

#news_list .news_list_ul li {
	width: 100%;
	margin: 0 auto;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #696969;
}

#news_list .news_list_ul li a {
	color: #696969;
}

#news_list .one {
	background: #F0F0F0;
}

#news_list .news_list_ul li span {
	float: left;
}

#news_list .news_list_ul li strong {
	float: right;
	font-weight: normal;
}


 #page {line-height: 36px;text-align: center;margin-top: 30px;}
 #page_ul {display: inline-block;}
 #page_ul li {float: left;color: #666;margin: 0 5px;}
 #page_ul li.thisclass {color: #ccc;}
 #page_ul li.thisclass a{color: #ccc;}
#page_ul li a {padding: 1px 5px;color: #333;border-radius: 3px;}


.content_con{ font-size: 18px;color: #000; margin: 15px 0; text-align: center; font-weight: bold; }
.content_div{ text-align: center;font-family: 宋体;font-size: 12px;color: #999; margin-bottom: 10px;}
.content_xx{ font-family: 宋体; }
.content_xx img{ max-width: 100%; margin: 0 auto; }
.content_txt img{ max-width: 100%; margin:  0 auto; }

.picScroll-left .list_img{ padding: 0; }
.picScroll-left .list_img .picList li{ width: 31%; margin-top: 10px; }
.picScroll-left .list_img .picList li .title a{ color: #333; }
