html, body {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #333;
    line-height: 24px;
    min-width: 1300px;
    margin: 0;
    padding: 0;
    background: #ffffff;
}
body,div,dl,dt,dd,ul,ol,li,h1{padding:0;margin:0;}
li{list-style-type:none;}
ol,ul{list-style:none;}   
a{text-decoration:none;color:#000; cursor:pointer; }
a:hover{color:#f00;}
.clear_both:after{
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
}

body{min-width:1280px;}
.nopc { display:none; }
.nom { display:block; }



.wrap_bg { background: url(bg.jpg) 50% 0;}
.wrap_all{width:100%; overflow:hidden; }

.n_about { background: url(n_about.jpg) 50% 0 no-repeat;}
.n_jj{ background: url(n_jj2.png) 50% 100px no-repeat;}
.n_hz{ background: url(n_hz.png) 50% 0 no-repeat;}
.n_dt{ background: url(n_dt.png) 50% 0 no-repeat;}

.sf img {
	overflow: hidden;
	transition: all 1s; 
}
.sf img:hover {
    transform: scale(1.2);
}
.banner{
    display: block;
}
.banner img{
    width: 100%;
    height: auto;
}


.ad_tl_all {
    width: 100%;
    margin: 30px auto 0px;
}
.ad_tl_all img{
    width: 100%;
}





.tl01 {
	position: relative;
	width: 100%;
	margin: 0 auto;
	clear:both;
}





.tit_title {
    width: 100%;
	margin:60px auto;
}
.tit_title img {
    max-width: 100%;
}
.tit_title h1 {
    font-size: 30px;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 0;
}


.tl05{
    margin: 0px auto 0;
    zoom: 1;
    overflow: hidden;
}

.tl05 dd{width:18%;float: left;margin-left:2%; margin-bottom:2%; }
.tl05 dd:first-child{ margin-left:0;}

.tl05 dd:nth-child(5n+1) {
	margin-left:0;
	clear:both;
}


.bg_dd {
	background:#FCEEED; 
}
.bg_eee {
	background:#eee; 
	padding-bottom:30px;
	margin-top:30px;
}
.bg_d1d1d1 {
	background:#d1d1d1; 
}



.intro {
    width: 100%;
    height: auto;
    margin: 180px auto 50px;
	padding: 0px 0 0px;
}

.intro p {
    line-height: 2.2;
    color: #333;
	text-indent: 2em;
    font-weight: 600;
    margin: 30px 0px;
    font-size: 21px;
}

.intro_td {
    width: 100%;
    height: auto;
    margin: 50px auto;
	padding: 0px 0 0px;
}

.intro_td p {
    line-height: 2.2;
    color: #333;
	text-indent: 2em;
    font-weight: 600;
    margin: 30px 0px;
    font-size: 21px;
}

.n_about .intro {
    width: auto;
    height: auto;
    margin: 8% 5% 8% 30%;
	padding:0px;
}
.n_about .intro p {
    line-height: 2.2;
    margin: 5px 0px 20px;
    color: #333;
	text-indent: 0em;
    font-size: 21px;
    font-weight: 600;
}

.in_pic {
	margin: 10px;
	background-color: #eeeeee60;
	box-shadow: 2px 5px 10px 5px rgb(0 0 0 / 20%);
	border: 1px #eee solid;
	border-radius: 10px;
}
.in_pic img {
	margin: 0px;
	width:calc(100%);
	border-radius: 10px;
}



.dt { clear:both; padding-top:0px;  margin:100px auto 50px;}
.dt li{
    clear:both;
    margin:30px auto;
    overflow:hidden;
    background:url(picbg.png) #ffffff80 33% 0 repeat-y;
    border-radius:10px; padding:30px;
	box-shadow: 2px 5px 10px 5px rgb(0 0 0 / 10%);
}
.dt li:last-child{margin-bottom:0px;  }
.dt img{
    width:300px; 
    height:200px; 
    float:left; 
	border-radius: 10px;
	margin-right: 50px;
}
.dt h3{ font-size:24px; font-weight:bold; line-height:36px; color:#ea3b1a; font-family:"microsoft yahei";  }
.dt h3 a,.dt h3 a:visited{ color:#ea3b1a;}

.dt p{ line-height:30px; color:#777; text-indent:2em; font-family:"microsoft yahei"; font-size:16px; padding-top:20px; }
.dt p a,.dt p a:visited{ color:#777;}

.n_footer {
    background: url(footer_bg.jpg) #882C21 50% 0 no-repeat;
    background-size: 100% 100%;
    height: 262px;
    margin: 0 auto;
}
.n_footer h1 {color:#fff;line-height: 260px; font-size:36px; float:left;
}
.n_footer p { color:#fff;line-height: 60px; padding:80px 0 0px; font-size:24px;  float:right; text-align:right;}