@charset "utf-8";
/* CSS Document */
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0 auto; padding:0px;}
body{font-family:"Microsoft Yahei"; font-size:14px; color:#222222; text-decoration:none; line-height:180%;}
ul,li,img{margin:0 auto; padding:0px; list-style:none; border:0px none;}
a{font-family:"Microsoft Yahei"; font-size:14px; color:#222; text-decoration:none; line-height:180%;}
a:hover{font-family:"Microsoft Yahei"; font-size:14px; color:#ff0000; text-decoration:none; line-height:180%;}

/*top*/
.tt{background:url(images/ttbg.jpg) repeat-x top; height:33px;}
.ttcontent{width:1120px; margin:0 auto;}

.clearfix { clear: both; zoom: 1; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }


/*menu*/
.menu{background:url(images/menubg.jpg) repeat-x top; height:47px;}
.menucontent{width:1120px; margin:0 auto;}
.menuul li{width:110px; text-align:center; float:left; border-right:1px solid #1f67ae;}
.menuul li a{color:#fff; line-height:47px; height:47px; font-family:"Microsoft Yahei"; font-size:15px; text-decoration:none; font-weight:bold;}
.menuul li a:hover{color:#e5e673; text-decoration:underline;}


/*tiao*/
.tiao{background:url(images/lll.jpg) repeat-x top; height:47px;}
.tiaocontent{width:1120px; margin:0 auto;}

.title{font-family:"Microsoft Yahei"; font-size:16px; font-weight:bold; color:#000; text-decoration:none; line-height:47px;}
.titlea{font-family:"Microsoft Yahei"; font-size:15px; font-weight:bold; color:#fff; text-decoration:none;}
.titleb{font-family:"Microsoft Yahei"; font-size:16px; font-weight:bold; color:#000; text-decoration:none;}
.titlec{font-family:"Microsoft Yahei"; font-size:16px; font-weight:bold; color:#cb0000; text-decoration:none;}





.ppbg{background:url(images/bbg.jpg) no-repeat center top; height:812px;}

.ppul li{float:left; margin-right:12px; margin-bottom:30px;}







/*banner*/
.banner { width: 100%; height: 521px; position: relative; }
.banner .bd { width: 100%; height: 521px; }
.banner .bd ul { width: 100% !important;}
.banner .bd li { width: 100% !important; }
.banner .bd li .bg { width: 100%; height: 521px; background-repeat: no-repeat; background-position: center center; }
.banner .bd li.bli01 { }
.banner .bd li.bli01 .bg { background-image: url(images/banner.jpg?v=20201215); }
.banner .bd li.bli02 { }
.banner .bd li.bli02 .bg { background-image: url(images/banner01.jpg?v=20201215); }
.banner .prev, .banner .next { display: block; width: 60px; height: 110px; position: absolute; top: 50%; margin-top: -60px; background-repeat: no-repeat; background-position: center center; opacity: .6; filter: alpha(opacity=60); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.banner .prev:hover, .banner .next:hover { opacity: 1; filter: alpha(opacity=100); }
.banner .prev { background-image: url(images/arrow_l.png); left: 30px; background-color:#555; display:block; padding:8px;}
.banner .next { background-image: url(images/arrow_r.png); right: 30px; background-color:#555; padding:8px;}



.hz{background:url(images/hz.png) no-repeat center top; height:40px; margin-top:30px;}
.hzul{width:1120px; padding-top:60px;}
.hzul li{float:left; width:169px; margin-right:10px;}



.cc{background:url(images/ccbg.jpg) no-repeat center top; height:441px;}
.cccontent{width:1120px; margin:0 auto; padding-top:28px;}


.nbg{background:url(images/newbg.jpg) no-repeat center top; height:376px;}

a.more{color:#d03b38; font-size:12px; font-family:"Microsoft Yahei"; text-decoration:none;}

.nnnul{margin-top:8px;}
.nnnul li{background:url(images/dddd.jpg) no-repeat left; text-indent:12px; line-height:28px; height:28px; border-bottom:1px solid #b2b2b2;}

/*bottom*/
.bottomtop{background:url(images/index_57.jpg) repeat-x top; height:43px;}
.bottomul{width:1120px; margin:0 auto;}
.bottomul li{width:110px; text-align:center; float:left; border-right:1px solid #656565;}
.bottomul li a{color:#fff; line-height:43px; height:43px; font-family:"Microsoft Yahei"; font-size:15px; text-decoration:none; font-weight:bold;}
.bottomul li a:hover{color:#e5e673; text-decoration:underline;}


/*----------content-------------*/
#abc{
	position:absolute;
	z-index:1px;
	left:0px;
	right:0px;
}

/*banner*/
.banner1 { width: 100%; height: 250px; position: relative; }
.banner1 .bd { width: 100%; height: 250px; }
.banner1 .bd ul { width: 100% !important;}
.banner1 .bd li { width: 100% !important; }
.banner1 .bd li .bg { width: 100%; height: 250px; background-repeat: no-repeat; background-position: center center; }
.banner1 .bd li.bli01 { }
.banner1 .bd li.bli01 .bg { background-image: url(images/bannerx01.jpg?v=20201215); }
.banner1 .bd li.bli02 { }
.banner1 .bd li.bli02 .bg { background-image: url(images/bannerx02.jpg?v=20201215); }
.banner1 .prev, .banner1 .next { display: block; width: 60px; height: 110px; position: absolute; top: 50%; margin-top: -60px; background-repeat: no-repeat; background-position: center center; opacity: .6; filter: alpha(opacity=60); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.banner1 .prev:hover, .banner .next:hover { opacity: 1; filter: alpha(opacity=100); }
.banner1 .prev { background-image: url(images/arrow_l.png); left: 30px; background-color:#555; display:block; padding:8px;}
.banner1 .next { background-image: url(images/arrow_r.png); right: 30px; background-color:#555; padding:8px;}

.ppbg1{background-color:#fff; margin-bottom:20px;}

.about_list{
	padding:10px;
	padding-bottom:50px;
	padding-top:20px;
}

.about_list li a{
	display:block;
	height:35px;
	line-height:30px;
	text-align:center;
	background:url(images/dd.png) no-repeat 45px center;
	border-bottom:1px solid #CCC;
}

#about_content{
	padding:5px;
	padding-top:15px;
}

ul.case{
	width:848px;
}

ul.case li,ul.honor li{
	float:left;
	margin-bottom:20px;
}

ul.case li a,ul.honor li a{
	display:block;
	padding:4px;
	border:1px solid #CCC;
	width:189px;
	margin-right:13px;
}

ul.case li a img{
	width:189px;

}

ul.case li a span,ul.honor li a span{
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
}

ul.honor li a{
	width:148px;
	float:left;
}

ul.honor li a img{
	width:148px;
	height:204px;
}

ul.honor li a span{
	height:40px;
	line-height:20px;
}

ul.honor{
	width:856px;
}

ul.proclass{
}

ul.proclass li{
	width:400px;
	height:263px;
	float:left;
	background-color:#CCC;
	margin-bottom:30px;
	margin-right:10px;
}