/*

Template Name:山东同济环境工程设计院

Author:创弈工场

*/

@charset "utf-8";

body,div,ul,li,a,img,p,span,h1{ padding:0; margin:0; color:#535353; }

a{ text-decoration:none; cursor:pointer;}

a:hover{ text-decoration:underline;}

a img{ border:none;}

ul{ list-style-type:none;}

li{ float:left;}

.fl{float:left;}

.fr{ float:right;}

.blank_s{width:80%; height:4px; overflow:hidden; clear:both;}

.blank_m{width:80%; height:8px; overflow:hidden;clear:both;}

.blank_l{width:80%; height:22px; overflow:hidden;clear:both;}

.tc{ text-align:center;}

.tl{ text-align:left;}

img{ vertical-align:bottom;}

.c{ clear:both; }

.d_ib{ display:inline-block;}

.mid{ margin:0 auto;}

body{ width:980px; margin:0 auto; background:url(../images/bg.jpg) left top repeat-x #fff; font-family: Arial,Tahoma,"宋体"; font-size:12px;}



.header{ float:left; width:980px; height:108px; }

.logo{ height:108px; float:left;}

.header_right{ float:right; width:300px; height:108px; background:url(../images/header_right.jpg) right top #ccc; padding:0px 0px 0px 0px;}
.add{ float:right; width:155px; height:30px; padding:0 0 0 25px; }
.add a{ float:left; width:50px; height:30px; line-height:30px; color:#fff;}
.add span{ float:left; width:1px; padding:0 15px; height:30px;line-height:30px; color:#fff;}
.tel{ float:right; width:225px; padding:25px 0 0 0px; }



.nav{ width:980px; height:40px; float:left;}

.nav img{ float:left;}

.nav ul{ width:800px; height:40px; float:left; background:url(../images/nav_bg.jpg);}

.nav ul li{ width:85px; height:40px; float:left; background:url(../images/nav_fg.jpg) right center no-repeat}

.nav ul li a{ width:84px; height:40px; float:left; margin:0 1px 0 0; display:inline; text-align:center; line-height:40px; color:#fff; 

				font-size:14px; font-weight:bold;}

.nav ul li a:hover{ background:url(../images/nav_hover.jpg); text-decoration:none;}

.date{ width:160px; height:40px; float:left; background:url(../images/nav_bg.jpg); padding:0 0 0 10px;} 

.date span{ width:145px; height:40px; float:left; line-height:40px; color:#fff; background:url(../images/date_tb.jpg) left center no-repeat;

			 padding:0 0 0 15px;}

.banner{ width:980px; height:190px; float:left; margin:10px 0; display:inline;}



.con{ width:980px; height:240px; float:left; padding:0 0 10px 0;}

.con_left{ width:190px; height:240px; float:left;}

.server{ width:188px; height:180px; float:left; border:1px solid #e3e3e3; border-bottom:none}

.server_t{ width:188px; height:29px; float:left; background:url(../images/server_t.jpg);}

.server_t span{ width:75px; height:21px; float:left; font-size:13px; font-weight:bold; padding:8px 0 0 14px; color:#fff;}

.more{ width:30px; height:17px; float:right; padding:12px 0 0 69px;}

.more a{ width:23px; height:5px; float:left; background:url(../images/more.jpg); overflow:hidden;}

.more a:hover{ background:url(../images/more_hover.jpg)}

.server_c{ width:188px; height:150px; float:left; padding:1px 0 0 0; background-color:#f7f9f6}

.server_c li{ width:188px; height:30px;}

.server_c li a{ width:161px; height:20px; float:left; background:url(../images/server_c.jpg); padding:10px 0 0 27px; color:#2e540e;}

.server_c li a:hover{ float:left; background:url(../images/server_c_hover.jpg); text-decoration:none}

.online{ width:190px; height:49px; float:left; padding:10px 0 0 0;}
.online a{ width:190px; height:49px; float:left; background:url(../images/online.jpg);}
.online a:hover{ background:url(../images/online_hover.jpg);}

.news{ width:538px; height:238px; float:left; border:1px solid #e3e3e3; margin:0 10px; display:inline;background-color:#f7f9f6;}

.news_t{ width:538px; height:34px; float:left; background:url(../images/news_t.jpg);}

.tabs_news{

	width:90px; height:34px; float:left; color:#545454; font-size:13px; font-weight:bold; line-height:30px; text-align:center;

	cursor:pointer;

}

.tabs_news2{

	width:90px; height:34px; float:left; color:#545454; font-size:13px; font-weight:bold; line-height:30px; text-align:center;

	background:url(../images/news_hover.jpg); color:#fff; cursor:pointer; 

}

.news_c{ width:510px; height:194px; float:left; background-color:#f7f9f6; padding:5px 13px 0 15px;}

.news_c em{ font-style:normal; }

.news_c_main{ width:510px; height:74px; float:left;}

.news_c_main img{ float:left; border:1px solid #c4c4c4}

.news_c_main_r{ width:393px; height:74px; float:left; padding:0 0 0 15px;}

.news_c_main_r span a{ width:393px; height:18px; float:left; font-size:14px; font-weight:bold; color:#ec7913; text-align:center;}

.news_c_main_r_con{ width:393px; height:56px; float:left; color:#535353; line-height:18px; }

.news_c_main_r_con a{ color:#535353;}

.news_c_main_list{ width:507px; height:120px; float:left; padding:5px 0 0 3px;}

.news_c_main_list li{ width:507px; float:none; height:26px; border-bottom:1px dashed #acaeac; line-height:26px;}

.news_c_main_list li span{ width:80px; float:left; background:url(../images/news_c_tb.jpg) left center no-repeat; padding:0 0 0 10px; color:#ec7913;}

.news_c_main_list li a{ color:#535353}



.news_c_main_r_con2{ width:510px; float:left; color:#535353; line-height:21px; }

.news_c_main_r_con2 img{ margin-right:10px; display:inline;}

.news_c_main_r_con2 a{ color:#f00;}



.honour{ width:228px; height:238px; float:left; border:1px solid #e3e3e3; background-color:#f7f9f6;}

.honour_t{ width:218px; height:30px; float:left; border-top:3px solid #71b214; line-height:30px; color:#48902a; font-size:13p; font-weight:bold;

			padding:0 0 0 10px;}

.honour_t span{ font-family:Arial; color:#686868;}

.honour_c{ width:216px; height:205px; float:left; padding:0 6px}

.honour_c_img{ width:216px; height:173px; float:left;}

.honour_c span{ width:216px; height:32px; float:left; font-weight:bold; color:#525252; text-align:center; line-height:32px;}



.notice{ width:188px; height:238px; float:left; border:1px solid #e3e3e3;}

.notice_c{width:168px; height:200px; float:left; background-color:#f7f9f6; padding:9px 10px 0 10px;}

.notice_c li{ width:168px; height:26px; border-bottom:1px dashed #c2c4c2; line-height:26px;}

.notice_c li a{

	float:left; width:155px; color:#535353; background:url(../images/notice_tb.jpg) left center no-repeat; padding:0 0 0 10px;

	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;

	-moz-binding: url('ellipsis.xml#ellipsis');

}



.case_t{width:90px; height:34px; float:left; color:#fff; font-size:13px; font-weight:bold; line-height:30px; text-align:center;

		background:url(../images/news_hover.jpg);}

.case_c{ width:538px; height:194px; float:left; padding:10px 0 0 0;}

.case_main{ width:259px; height:97px; float:left; padding:0 0 0 10px;}

.case_main img{ border:1px solid #cfcfcf; float:left;}

.case_intro{ width:145px; height:80px; float:left; padding:1px 0 0 10px; }

.case_intro p{ width:145px; height:59px; float:left; line-height:18px; color:#535353}

.case_intro a{  width:76px; height:20px;float:left; background:url(../images/case_more.jpg);}

.case_intro a:hover{ background:url(../images/case_more_hover.jpg);}



.policy{ width:228px; height:238px; float:left; border:1px solid #e3e3e3;}

.policy_t{ width:218px; height:20px; float:left; background:url(../images/policy_t.jpg); padding:9px 0 0 10px;}

.policy_t span{ width:60px; float:left; color:#fff; font-weight:bold; background:url(../images/policy_tb.jpg) left top no-repeat; padding:0 0 0 15px;

				font-size:13px}

.policy_more{ width:23px; padding:5px 9px 0 0; float:right;}

.policy_more a{ width:23px; height:5px; float:left; background:url(../images/policy_more.jpg); overflow:hidden;}

.policy_more a:hover{ background:url(../images/policy_more_hover.jpg)}

.policy_c{ width:208px; height:202px; float:left; padding:7px 10px 0 10px;}

.policy_c li{ width:208px; height:26px; border-bottom:1px dashed #c2c4c2; line-height:26px;}

.policy_c li a{

	float:left; width:195px; color:#535353; background:url(../images/notice_tb.jpg) left center no-repeat; padding:0 0 0 10px;

	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;

	-moz-binding: url('ellipsis.xml#ellipsis');

}



.copyright{ width:980px; height:50px; float:left; background-color:#48960c; text-align:center; padding:15px 0 0 0; color:#fff; }
.i_link{ width:780px; float:left; height:25px; line-height:25px; padding:0 0 0 200px;}
.i_link li{ float:left; color:#fff;}
.i_link li a{ float:left;color:#fff;}
.i_space{ float:left; width:1px; padding:0 7px; color:#fff;}
.i_copy{ width:980px; color:#fff; float:left; }





.s_banner{ width:980px; height:140px; float:left; margin:10px 0; display:inline;}

.s_con{ width:980px; float:left; padding:0 0 50px 0;}

.s_left{ width:198px; float:left;}

.s_list{width:198px; float:left; border:1px solid #e8ece6; background-color:#65a216; padding:0 0 3px 0; }

.s_list_t{ width:188px; height:21px; float:left; background:url(../images/s_left_t.jpg); padding:9px 0 0 10px;}

.s_list_t span{ width:100px; height:15px; float:left; background:url(../images/s_left_tb.jpg) left top no-repeat; font-size:13px; font-weight:bold; color:#fff;

				padding:0 0 0 20px; overflow:hidden }

.s_list_c{ width:198px; float:left;}

.s_list_c li{ width:198px; height:29px; border-bottom:1px solid #e3e5e1}

.s_list_c li a{ width:166px; height:18px; float:left; background:url(../images/s_left_a.jpg); padding:11px 0 0 32px; color:#565656}

.s_list_c li a:hover{ background:url(../images/s_left_a_hover.jpg); text-decoration:none; color:#f08336; }

#selected{

	background:url(../images/s_left_a_hover.jpg); text-decoration:none; color:#f08336; 

}



.s_server_pic{ width:200px; height:68px; float:left; padding:10px 0 0 0;}
.s_server_pic a{ width:200px; height:68px; float:left; background:url(../images/s_server.jpg);}
.s_server_pic a:hover{ width:200px; height:68px; float:left; background:url(../images/s_server_hover.jpg);}
.s_link_pic{ width:200px; height:68px; float:left; padding:10px 0 0 0;}
.s_link_pic a{ width:200px; height:68px; float:left; background:url(../images/s_link.jpg);}
.s_link_pic a:hover{ width:200px; height:68px; float:left; background:url(../images/s_link_hover.jpg);}

.s_mess_pic{ width:200px; height:68px; float:left; padding:10px 0 0 0;}
.s_mess_pic a{ width:200px; height:68px; float:left; background:url(../images/online2.jpg);}
.s_mess_pic a:hover{ background:url(../images/online2_hover.jpg);}

.s_right{ width:760px; float:right}

.s_right_t{ width:760px; height:30px; float:left; background:url(../images/s_right_t.jpg) left bottom no-repeat}

.s_right_name{ width:200px; height:30px; float:left; color:#71b214; line-height:30px; font-size:16px; font-weight:bold;

				 background:url(../images/s_right_tb.jpg) left center no-repeat; padding:0 0 0 15px;}

.s_location{ float:right; text-align:right; padding:0 5px 0 0; color:#686868; line-height:30px;}

.s_location a{ color:#686868}

.s_right_c{

	width:760px; float:left; color:#686868; padding:10px 0px 0 0px;

	height:500px; min-height:500px; height:auto;

}



.s_server{width:198px; float:left; border:1px solid #e8ece6; background-color:#f7f9f6;}

.s_server_t{ width:198px; height:30px; float:left; padding:0 0 2px 0; background-color:#f7f9f6}

.s_server_t a{ width:166px; height:20px; float:left; background:url(../images/s_left_t2.jpg); color:#fff; font-size:13px; font-weight:bold;

				padding:10px 0 0 32px;}

.s_server_t a:hover{ width:166px; height:20px; float:left; background:url(../images/s_left_t2_hover.jpg); color:#fff; font-size:13px; font-weight:bold;

				padding:10px 0 0 32px; text-decoration:none}