body{ color:#000; line-height:24px; font-size:12px; font-family:Microsoft Yahei,Arial, Helvetica, sans-serif; background:#fff }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,div{margin:0;padding:0; list-style:none; /*line-height:24px; font-size:12px;*/ font-weight:normal}
/*body,div,ul,li,dl,dt,dd{ font-size:12px;}*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,p{ font-size:12px;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{ color:#000; text-decoration:none}
a:hover{ color:#f39800} 
img{ border:none;}
.c{ clear:both}


display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
strong{display: block;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.wrapper{width:1003px; margin:0 auto;}

#header{ position:relative}
#header h1{width:500px;height:103px;float:left; position:relative;   }
#header h1 a{display:block;height:103px;width:500px; position:absolute; bottom:0px; left:0;}
#header h1 img{max-width:500px; max-height:103px; position:absolute; top:0px; left:0; right:0; bottom:0; margin:auto}



.nav_bg{ width:100%; background:url(../images/nav_bg.jpg) top center repeat-x; height:70px; }
#nav{ height:70px;}
#nav ul li p{ height:70px; line-height:70px; overflow:hidden}
#nav ul li{float:left; height:70px; line-height:70px; font-size:14px;font-family:Microsoft Yahei; } 
#nav ul li a{ color:#fff; display:block; text-align:center; padding:0 5px;font-family:Microsoft Yahei;; font-size:15px;}
#nav ul li a:hover{ }


#nav ul li a{ overflow:hidden;}
#nav ul li .cc{background:#fff;height:40px; line-height: 40px;display: none; text-align:center; width:100%; position:relative; z-index:100; margin-top:0px; }
#nav ul li .cc:hover{}
#nav ul li .cc a{width:92%; margin:auto;color:#000; padding:0 4%; overflow:hidden; height:40px; line-height:40px;}
#nav ul li .cc a:hover{ text-decoration:underline;color:#fff; background:#0077df}




.search{  width:270px;  position:absolute; top:10px; right:0px;}
.search_area{ background:url(../images/ser_inner.jpg); width:210px; height:28px; line-height:28px; float:left; border:none; color:#999; text-indent:24px; }
.search_btn{ background:url(../images/ser_bt.jpg) top center no-repeat; width:60px; height:28px; border:none; float:left; position:relative; left:0px; top:0px; color:#fff}

#header .tel{ margin-top:55px; float:right; height:28px; line-height:28px; overflow:hidden; font-size:20px; background:url(../images/tel.png) no-repeat 5px; padding-left:50px; color:#024698}



#banner{ width:100%; height:420px; overflow:hidden}




#container{ margin-top:30px;}


#about{ width:270px; float:left; margin-right:14px; display:inline}
#about .title{ background:url(../images/about_title.jpg) top center no-repeat; height:50px; line-height:50px; color:#fff; font-size:20px;}
#about .title a{ color:#fff; font-size:20px;}
#about .title h2{color:#fff; font-size:20px; margin-left:65px; height:50px; line-height:50px;}
#about .title h2 span { font-size:12px; color:#808080; text-transform:uppercase}
#about .inner{ margin-top:15px; height:295px; overflow:hidden}
#about .inner .about_img{ text-align: center; height:140px; margin-bottom:10px;}
#about .inner .about_img img{ height:100%;}
#about .inner .about_text{ color:#808080; text-indent:24px; line-height:27px; height:135px; overflow:hidden; margin-top:13px;} 
#about .title p{ width:50px; text-align:center; float:left}
#about .title p .iconfont{ color:#fff; font-size:25px; height:50px; line-height:50px; width:50px; text-align:center; margin:0 auto} 
 
 
 
 

#news{ float:left;margin-right:14px; display:inline; width:434px;}
#news .title{ background:url(../images/news_title.jpg) top center no-repeat; height:50px; line-height:50px; color:#fff; font-size:20px;}
#news .title a{ color:#fff; font-size:20px;}
#news .title h2{color:#fff; font-size:20px; margin-left:65px; height:50px; line-height:50px;}
#news .title h2 span { font-size:12px; color:#808080; text-transform:uppercase}
#news .inner{ margin-top:15px; height:295px; overflow:hidden}
#news .inner ul li .date{ background:url(../images/date_bg.jpg) top center no-repeat; width:77px; height:50px; overflow:hidden; text-align:center; color:#fff; font-size:14px; padding-right:5px; float:left}
#news .inner ul li .date b{ font-size:20px; color:#fff; display:block; font-weight:normal}
#news .inner ul li .des{ width:340px; float:right}
#news .inner ul li .des h2{ height:27px; line-height:27px;color:#000; overflow:hidden}
#news .inner ul li .des h2 a{ font-size:15px; }
#news .inner ul li .des p{ height:24px; line-height:24px; color:#808080; font-size:12px; overflow:hidden}
#news .inner ul li{ height:64px; border-bottom:1px dashed #d9d7d7; margin-bottom:11px;}
#news .title p{ width:50px; text-align:center; float:left}
#news .title p .iconfont{ color:#fff; font-size:25px; height:50px; line-height:50px; width:50px; text-align:center; margin:0 auto} 
 




#case{ width:268px; float:left}
#case .title{  height:50px; line-height:50px; color:#fff; font-size:20px;}
#case .title h2{color:#0d0d0d; font-size:20px; margin-left:15px; height:50px; line-height:50px;}
#case .title h2 span { font-size:12px; color:#737373; text-transform:uppercase}
#case .title .more{ float:right; margin-top:20px;}
#case .kj ul li{ float:left; background:url(../images/kj_bg.jpg) top center no-repeat; width:127px; height:32px; line-height:32px; margin-top:10px;text-align:center}
#case .kj ul li a{ color:#fff; font-size:14px; text-align:center}
#case .kj ul li .iconfont{ color:#fff; font-size:17px; height:32px; line-height:32px;  text-align:center; margin:0 auto; margin-right:5px;} 



#case .slideBox{ width:268px; height:268px; overflow:hidden; position:relative; border:1px solid #ddd;  }
#case .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
#case .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
#case .slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:14px; text-align:center; background:#000; cursor:pointer;border-radius: 50%; }
#case .slideBox .hd ul li.on{ background:#f39800; color:#fff; }
#case .slideBox .bd{ position:relative; height:100%; z-index:0;   }
#case .slideBox .bd li{ zoom:1; vertical-align:middle; overflow:hidden; }
#case .slideBox .bd img{  display:block;width:268px; height:268px;  }
#case .title p{ width:30px; text-align:left; float:left}
	
#case .title p .iconfont{ color:#b3b3b3; font-size:25px; height:50px; line-height:50px; width:50px; text-align:center; margin:0 auto} 





#pro{ width:1003px; margin:0 auto; margin-top:30px; margin-bottom:50px}
#pro .title{  height:50px; line-height:50px; color:#fff; font-size:20px; border-bottom:3px solid #024698}
#pro .title h2{color:#0d0d0d; font-size:20px; margin-left:35px; height:50px; line-height:50px;}
#pro .title h2 span { font-size:12px; color:#737373; text-transform:uppercase}
#pro .title .more{ float:right; margin-top:20px;}
#pro .inner{ height:203px; overflow:hidden}
#pro .inner ul li{ float:left; display:inline; margin-top:15px;  margin-left:10px; margin-right:2px; text-align:center; overflow:hidden; width:180px;border:solid 1px #CCC; padding:2px;}
#pro .inner ul li .pic{ width:180px; height:180px; overflow:hidden; }
#pro .inner ul li .pic img{ display:block}
#pro .title p{ width:50px; text-align:center; float:left}
#pro .title p .iconfont{ color:#b3b3b3; font-size:25px; height:50px; line-height:50px; width:50px; text-align:center; margin:0 auto} 


.fonnter_bt{ border-top:1px solid #024698}
.links { margin-top:30px; margin-bottom:35px;}
.links .title{ float:left; width:101px; height:31px; margin-right:15px;}
.links .inner a{ height:31px; line-height:31px; overflow:hidden; color:#666; padding:0 15px;}
.links .inner a:hover{ color:#f39800}
.links .inner{color:#666}

.cpy{ padding-top:30px; padding-bottom:30px;text-align:center; width:100%; background:#024698; color:#fff}
.cpy a{ color:#fff}
.cpy a:hover{ color:#fff}











/*sidebar css*/
.sidebar{ width:215px; float:left; margin-left:10px; margin-top:10px; display:inline; }

.list_class{ margin-bottom:15px;}
.subnav { background:#fff}
.subnav .alefttitle{ background:#024698; width:200px; height:70px; line-height:70px}
.subnav .alefttitle h2{color:#fff; font-size:20px; height:70px; line-height:70px; text-align:center; overflow:hidden}
.subnav .alefttitle span { font-size:12px; color:#737373; text-transform:uppercase}



.category{ margin-top:10px;}
.category ul li .firsta{  overflow:hidden; color:#fff;font-size:14px; display:block;  background:url(../images/libg.jpg) top center no-repeat; height:35px; line-height:35px; padding-left:35px; margin-bottom:5px;}
.category ul li a.firsta{ color:#fff;font-size:14px;}
.category ul li a:hover.firsta { color:#eeb414;}

ul.second li .seconda{ text-align:left;  height:40px; line-height:40px;overflow:hidden; margin:auto; overflow:hidden;color:#000;}
ul.second li a.seconda{display:block; color:#000; background:url(../images/ico2.png) 45px no-repeat; padding-left:60px;font-size:14px;}
ul.second li a.seconda:hover{color:#1062c1}
ul.third li a.thirda{ margin:auto;color:#000;display:block; line-height:40px; height:40px; overflow:hidden;background:url(../images/ico3.png) 65px no-repeat; padding-left:70px; font-size:14px;}
ul.third li a.thirda:hover{color:#1062c1}


.sub_contact{ width:200px;}
.sub_contact h2{background:#024698; height:35px; line-height:35px;}
.sub_contact h2{color:#fff; font-size:20px; height:35px; line-height:35px; text-align:center}
.sub_contact span { font-size:12px; color:#737373; text-transform:uppercase}
.sub_contact .inner{background:#ebebeb ; padding:15px;}







#sub_container{ margin-top:30px; margin-bottom:40px;}



/*main css*/
.main{ float:right; width:765px; margin-top:10px; margin-right:10px;  display:inline;}


.crumb{ height:44px;line-height:44px;  color:#00000; font-size:14px; font-weight:bold;  padding-top:0px; background:url(../images/crumb_bg.jpg) bottom center no-repeat; overflow:hidden  }

.crumb p{  font-weight:bold; font-size:16px; line-height:44px; height:44px; overflow:hidden;  color:#393939}

.crumb span{ float:right;  color:#2c2c2c;padding-right:10px; font-size:12px; font-weight:normal;}
.crumb span a{  color:#2c2c2c; }

.article {  padding:10px 10px 10px 10px;}
.article img{ max-width:750px;}