@charset "utf-8";
/* CSS Document */

/*统一*/
html,body{
font-family:微软雅黑,宋体; font-size:12px;line-height:2;color:#4d4d4c; background:url(../images/bga.jpg) repeat-x top; margin:0 auto;}
body, div, ul, li, iframe, form, p,span,h1,h2,h3,h4 { margin: 0px; padding: 0px; }
a{text-decoration:none;color:#4d4d4c;}
a:hover{text-decoration:none;color:#f45d01; }
ul,li{list-style-type:none;}
iframe, img { border: 0px; }
 .clear{clear:both; height:0; overflow:hidden;}
h1{font-size:30px;}
h2{ font-size:18px;}
h3{ font-size:14px;  }
h4{ font-size:12px;}
/*统一结束*/
.head{ width:1002px; height:146px; margin:0 auto; background:url(../images/logo.jpg) no-repeat left 20px;}

#nav {
 width:620px; float:right;	MARGIN: auto; TEXT-ALIGN: center;  HEIGHT: 86px;OVERFLOW: hidden
}
.shu{ width:2px; height:86px; background:url(../images/shu.jpg) repeat-y;}
#nav UL {
	 FLOAT: left; HEIGHT: 86px; TEXT-ALIGN: left; 
}
#nav UL LI A {
	DISPLAY: block;  COLOR: #ffffff; text-align:center;
}
#nav UL LI A:hover,.cho {
 }
 .ma{ width:100px; height:35px; padding-top:51px;  background:url(../images/ma.jpg) no-repeat center 13px; overflow:hidden;   }
 .mb{ width:100px; height:35px; padding-top:51px; background:url(../images/mb.jpg) no-repeat center 13px; overflow:hidden; }
 .mc{ width:100px; height:35px; padding-top:51px;  background:url(../images/mc.jpg) no-repeat center 13px; }
 .md{ width:100px; height:35px; padding-top:51px;  background:url(../images/md.jpg) no-repeat center 13px; }
 .me{ width:100px; height:35px; padding-top:51px;  background:url(../images/me.jpg) no-repeat center 13px; }
 .mf{ width:100px; height:35px; padding-top:51px;  background:url(../images/mf.jpg) no-repeat center 19px; }
#nav UL LI.menu {
	POSITION: absolute;top:86px;WIDTH: 100px; BACKGROUND: #f66003; z-index:999; 
}
#nav UL LI.menu SPAN {
	WIDTH: 100px; FLOAT: left; HEIGHT: 25px; LINE-HEIGHT: 25px;
}
#nav UL LI.menu SPAN A {
	BORDER-BOTTOM: #fff 1px solid; DISPLAY: block; HEIGHT: 25px; 
}
#nav UL LI.menu SPAN A:hover {
	BACKGROUND: #474747
}

.news{ color:#99b1cf;}
.news a{ color:#99b1cf;}
.ad{ line-height:30px;}

.banner{ width:1002px; margin:0 auto;}

.index_banner{ width:1002px; height:297px; position:relative; margin:0 auto}
.index_banner ul { overflow:hidden; height:297px; width:1002px; margin-left:0;}
.index_banner ul li { height:297px; width:1002px;}
.index_banner ul li.active {display: block}
.index_banner ul li a { display:block; width:1002px; height:297px; background:url(../images/blank.gif) repeat; margin:0 auto}

.index_banner .news_ico{ width:120px; margin:0 auto; height:20px; position:absolute; top:250px; margin-top:20px; z-index:30;right:0px;} .index_banner .news_ico ol {padding:0px; margin:0px; position:absolute; right:15px; height:10px; overflow:hidden;} .index_banner .news_ico ol li { width:10px; height:10px; margin: 0px 0px 0px 5px; cursor:pointer; float:left;}
.index_banner .news_ico ol li a { display:block; width:11px; height:11px; float:left; background: url(../images/switcher.png) no-repeat 0px -11px; position:relative; z-index:9999; _overflow:hidden;}
.index_banner .news_ico ol li a:hover {background: url(../images/switcher.png) no-repeat 0px -22px}
.index_banner .news_ico ol li a.active {background: url(../images/switcher.png) no-repeat 0px 0px}
.index_banner .news_ico ol li a.active:hover {background: url(../images/switcher.png) no-repeat 0px 0px}


.content{ width:1002px; margin:0 auto;}
.case{ height:168px;}
.casetop{ width:198px; padding-left:20px; height:168px; color:#fff; background:#f45d01 url(../images/casetop.jpg) no-repeat 128px 100px; float:left; line-height:120px; }
.case ul{ width:784px; float:left}
.case ul li{ float:left; width:112px; height:84px; padding:0; margin:0; overflow:hidden;}
.morec{width:112px; height:84px; display:block; line-height:84px; background:#f45d01; color:#f45d01; color:#fff; text-align:center;}
.morec a{ color:#fff;}

.protop{ background:url(../images/protop.jpg) no-repeat left center; padding-left:30px; line-height:60px;}
.protop h2{ display:inline;}
.protest li{ float:left; margin:5px 3px; display:inline;overflow:hidden;}
.protest li img{ border:2px solid #d6d6d6}


.foot{ width:100%; border-top:3px solid #f45d01; background:#383d43; color:#f45d01; margin-top:20px;}
.footer{ width:1002px; margin:0 auto; background:url(../images/footlogo.jpg) no-repeat left center; color:#f45d01; text-align:center; padding:15px 0;}
.footer a{ color:#f45d01;}


.sidebar{ width:206px; float:left;}
.mainbody{ width:720px; float:right;}
.sidetop{ width:206px; line-height:40px; background:url(../images/protop.jpg) no-repeat left center;  text-indent:30px; color:#000; border-bottom:1px solid #474747;}
.sidebar ul li{ border-bottom:1px dashed #474747; background:url(../images/sidebg.jpg) no-repeat 180px center; font-size:14px; padding-left:8px;}
.sidebar ul li a:hover,.choo{ display:block;  background:url(../images/side.jpg) no-repeat 173px center;color:#f45d01; }

.maintop{ background:url(../images/side.jpg) no-repeat left center;  border-bottom:1px solid #474747; line-height:30px;}
.maintop span{ float:right; color:#99b1cf;}
.maintop span a{ color:#99b1cf;}
.maintop h3{color:#f45d01; padding-left:17px; }
.maintest{ padding:15px 0;}
.index_banner ul li{
	transition: all .5s;
}
.index_banner ul li.on{
	opacity: 1 !important;
}
.pagination{
	text-align: center;
}
.pro_lai{
	display: flex;
	flex-wrap: wrap;
}
.pro_lai li{
	flex: 0 0 28%;
	width: 28%;
	margin: 0 2.5%;
	margin-bottom: 20px;
}
.pro_lai li a{
	display: block;
	border: 1px solid #eee;
}
.pro_lai li img{
	width: 100%;
}
.pro_lai li p{
	background-color: #f5f5f5;
	line-height: 25px;
	text-align: center;
}
.feed_list{
	width: 70%;
	margin: 0 auto;
}
.feed_list input,.feed_list textarea{
	display: block;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding-left: 10px;
	line-height: 35px;
	margin-bottom: 10px;
}