@charset "utf-8";

/* 
---------------------------------
Site: 大连泓源建设有限公司
Author: 姜炜
Date: 2013年3月26日
Description: 大连泓源建设有限公司样式表
--------------------------------- 
*/ 

/* start reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,input,select,textarea,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0}
a img,img,iframe { border:none}
a span,form label { cursor:pointer}
table { border-collapse:separate}
caption,th,td { font-weight:normal}
select,textarea,input,button { font-family:inherit; font-size:100%; vertical-align:middle}
h1 { font-size:16px}
h2 { font-size:14px}
h3 { font-size:13px}
h4,h5,h6 { font-size:100%}
h6 { font-weight:normal}
li { list-style:none}
/* end reset */

/* start base */
/*body*/
html { }
body { color:#fff; font-size:12px; font-family:Arial,'宋体'; overflow-x:hidden; background:#002870}
.scale_bg { position:fixed; z-index:0; left:50%; top:0px; display:none}
.scale_bg img { width:100%; height:100%}

/*link*/
a:link, a:visited { color:#fff; text-decoration:none}
a:hover, a:active { color:#0044cd }

/*display*/
.fl { float:left}
.fr { float:right}
.fn { float:none}
.cb { clear:both; height:0; font-size:0}
.clr { clear:both}
.tc { text-align:center}
.mgc { width:940px; margin:0 auto; position:relative}
.wf { width:100%; position:relative}
.wrap { word-wrap:break-word; overflow:hidden; word-break: normal /*break-all*/}
.nowrap { white-space:nowrap}
/* end base */

/*top*/
.top { height:79px; background:#0040aa; margin-top:17px}
.logo { position:absolute; left:0px; top:0px; width:360px; height:79px }

.search { position:absolute; top:40px; right:25px; width:220px; height:18px}
.search_input input { border:0; height:18px; width:140px; color:#ccc; padding:0 5px; border-bottom:solid 1px #82a4d6; border-left:solid 1px #82a4d6; line-height:18px}
.search_btn { background:url(/images/search_btn.jpg) no-repeat center; width:53px; height:18px; border:0; cursor:pointer}

/*menu*/
.menu { height:66px; background:#fff; *margin-bottom:10px}
.main_menu { height:30px; margin:0 auto}
.menu_item { float:left; width:98px; height:30px; text-align:center; line-height:30px}
.on { background:#d7d7d7}
.menu_item a:link, .menu_item a:visited { color:#000; font-size:14px}
.menu_item a:hover, .menu_item a:active { text-decoration:none}
.sub_menu, .sub_menu ul { min-height:36px; height:auto; _height:36px; background:#000; position:relative; z-index:999}
.sub_menu ul { background:none; position:absolute; left:0px; top:0px; display:none}
.sub_menu ul li { float:left; height:36px; white-space:nowrap; padding:0 10px; line-height:30px}
.mid_line { background:url(/images/dot_menu.gif) no-repeat center 10px; padding:0; height:36px}
.slogan { position:absolute; z-index:1000; text-align:center; line-height:36px; height:36px; width:900px; padding:0 20px}

/*banner*/
.banner { height:206px; box-shadow:#000 0px 3px 5px; behavior: url(/templets/default/asset/PIE.htc); margin-top:10px; z-index:0; *margin:0 auto 10px auto}
.banner img{ position:absolute; top:0px; left:0px}

/*index*/
.ab { padding:10px 0 0 40px; width:530px; line-height:25px; color:#fff}
.ab h2 { padding-left:20px; background:url(/images/title_dot.jpg) no-repeat left 3px; line-height:20px; height:20px}
.ab a:link, .ab a:visited, .ab a:hover, .ab a:active { color:#276eff; text-decoration:underline}

.news { padding:13px 40px 0 0; width:255px}
.news ul li { width:215px; height:39px; background:url(/images/dot.png) no-repeat left 19px; padding-left:15px; white-space:nowrap}
.news ul li p { line-height:20px}
.news ul li a:link .date, .news ul li a:visited .date { color:#1586fb}
.news ul li a:hover .date, .news ul li a:active .date { font-weight:bold}
.news ul li a:hover p, .news ul li a:active p { text-decoration:underline; color:#fff}

.icons { height:91px; margin-top:12px; background:#00163e; *margin-top:17px}
.icons ul { padding-top:17px; position:relative; z-index:1; *left:29px}
.icons ul li { float:left; width:141px; height:60px; margin:0 20px; cursor:pointer}
.icons ul li:first-child { margin-left:38px}
.icon_bg { background:#000; border:solid 1px #00266b; border-radius:20px; behavior: url(/templets/default/asset/PIE.htc); width:179px; height:77px; position:absolute; top:6px; left:20px; *left:9px; z-index:0; display:none}

.bottom { height:62px; margin-top:17px; background:#002a72; line-height:62px}
.bottom .fl { padding-left:28px}
.bottom .fl span { margin-right:30px}
.bottom .fr { padding-right:48px}
.bottom a:link, .bottom a:visited, .bottom a:hover, .bottom a:active { color:#fff; text-decoration:none}

/*inner*/
.mid, .mleft, .mright, .article_content { min-height:425px; height:auto; _height:425px; background:#fff; color:#000}
.mid { margin-top:10px; box-shadow:#000 0px 1px 2px; behavior: url(/templets/default/asset/PIE.htc); padding-top:20px; *padding-bottom:10px}

.mleft { width:130px; padding:0 30px}
.mleft h2 { color:#000; border-bottom:solid 1px #ccc; width:100%; height:30px; line-height:30px; text-align:center}
.left_menu { padding:10px 0}
.left_menu ul li { line-height:25px; height:25px; text-align:center; margin-left:-15px}
.left_menu ul li a:link, .left_menu ul li a:visited { color:#000; padding-left:13px}
.left_menu ul li a:hover, .left_menu ul li a:active { background:url(/images/lm_dot.jpg) no-repeat left 2px; color:#0040aa}

.contact { border:solid 1px #ccc; border-left:none; border-right:none; height:43p; line-height:43px; margin-top:20px; background:url(/images/icon_tel.jpg) no-repeat 24px center}
.contact span { padding-left:55px}
.contact a { color:#000}

.mright { width:720px; padding-right:30px}
.mright h2 { width:100%; border-bottom:solid 1px #ccc; line-height:30px; height:30px; text-align:left; text-indent:20px; background:url(/images/inner_title_dot.jpg) no-repeat left 8px; color:#0040aa}
.article_content { padding:15px 0 40px; line-height:25px}

.page_np { height:60px; line-height:60px; border-top:dotted 1px #4f1211}
.page { height:40px; text-align:center; border-top:solid 1px #ccc; padding-top:20px}
.page a { padding:3px 5px; font-weight:bold; color:#000}
.page a:hover { color:#000}
.page a:active { color:#000}
.page span.current { color:#0024c0; padding:3px 5px}
.page span.disabled { color:#ccc; padding:3px 5px}

/*news*/
.inner_news { padding:15px 0; *margin-left:20px}
.inner_news li { border-top:dotted 1px #ccc; height:29px; padding-top:10px; position:relative; margin-left:20px; *margin-left:0px}
.inner_news li:first-child { border:none}
.inner_news li span:first-child { padding-right:20px}
.news_dot { position:absolute; left:-20px; top:0px; background:url(/images/news_dot.jpg) no-repeat left 1px; height:34px; width:20px}
.inner_news a:link, .inner_news a:visited { color:#000}
.inner_news a:hover, .inner_news a:active { color:#0040aa}

/*product*/
.pro_offset { margin-right:-10px; padding-top:20px}
.pro_item { width:175px; height:150px; padding-bottom:10px; float:left; margin-right:5px}
.pro_item img { width:162px; height:109px; padding:3px; border:solid 2px #0040aa}
.pro_item .tc { line-height:30px}
.pro_item a:link, .pro_item a:visited { color:#000}
.pro_item a:hover, .pro_item a:active { color:#0040aa }