﻿@charset "utf-8";
/* CSS Document */
/********************************************************************* 

这个样式表是全局样式表，全局的样式请写在这个文档里面，后添加的样式请加注释说明。


**********************************************************************/

body { color:#222222; margin:32px 0 0 0; font:normal 12px/20px Arial; }
div,form,img,ul,ol,li,dl,dt,dd,p{margin: 0; padding: 0; border: 0; }
li { list-style:none;}
h1,h2,h3,h4,h5,h6,font { margin:0; padding:0; border:0px; font: normal 12px/20px Arial; }
/*img,div,form,img,ul,ol,li,dl,dt,dd,p,td {_behavior: url("../TP20_A_6/css/TP20_A_6/iepngfix.htc"); }*/
a { color:#3e3e3e; text-decoration:none;}
a:hover { color:#069; text-decoration:underline;}

/************** other css ****************/
#counter{cleaR:both;  text-align:center; color:#000; margin:0px; padding:0px; margin-top:-20px;}
.fB { font-weight:bold;}
.clear { clear:both;}
.fl { float:left!important;}
.fr { float:right!important;}
.nobg { background-image:none!important;}
.noborder { border:0px!important;}
.nextpage { padding:5px 0 25px; text-align:center;}
.nextpage img { vertical-align:middle; padding:0 2px;}
.nextpage a { padding:2px 5px; color:#494949; border:1px solid #ddd; margin:0 2px;}
.nextpage span { padding:0 2px;}
.nextpage a.active { font:bold 13px/20px Arial; color:#ff8e01; border:0px;}
.nextpage input { width:15px; height:12px; font:bold 12px/12px Arial; vertical-align:middle; border:1px solid #876d5c;}
#body { position: relative; top:0px; margin:0 auto; background-color:#eee; overflow-y:auto; overflow-x:hidden; height:500px; }

/************** other css end ****************/



/************** top css ****************/
#language { position:absolute; left:0px; top:0px; width:100%;height:33px; color:#114490; background:url(../../images/TP20_A_6/bg_language.gif) repeat-x 0 0;}
#language div.warp { width:950px; margin:0px auto; height:33px; line-height:33px; }
#language a { padding:0 5px; color:#1676c0; font-weight:bold;}
#language a:hover { padding:0 5px; color:#f60; }
#language a.active { color:#c00;}
#language a.active:hover { color:#f60; }
#language p.lan a { padding:0 5px;}
#language p.lan { float:left;}
#language p.other { height:15px; line-height:15px; float:right; margin-top:10px; }
#language p.other a{ color:#1676c0; }
#language p.other img { vertical-align:middle; margin-left:10px;}


.head { height:125px; color:#294573; position:relative; width:980px; padding:0 3px; top:2px; margin:0 auto; background-image:url(../../images/TP20_A_6/bg_head.gif);}
.head table { height:76px; position: absolute; top:2px; width:650px; display:none;}
.head #logo_2 {height:85px;  }
.head #logo_2 .warp { position:relative;height:85px; left:0px;}
.head #logo_2 .img_bg { width:100%; height:85px; z-index:100;}
.head #logo_2 .img_bg img{width:940px;}
.head #logo_2 .img_logo { position:absolute; top:0px; left:0px; z-index:101; width:100%;}
.head #logo_2 .img_logo .logowarp { position:relative;}
.head #logo_2 .img_logo .text { z-index:103; position:absolute; top:50px; left:200px; font:bold 16px/20px Arial; color:#000;}
.head #logo_2 .img_logo .logo { z-index:102;}
.head .navr {height:37px; position:absolute; width:980px; left:3px; bottom:0px; background:url(../../images/TP20_A_6/bg_navr.gif) repeat-x; }
.head .warp { position:absolute; left:25px; bottom:0px; height:34px;}
.head .navr .list { float:left; height:31px;}
.head .navr .list p.L { height:31px; width:9px; float:left; background:url(../../images/TP20_A_6/bg_navr01.gif) no-repeat center;  }
.head .navr .list p.R { height:31px; width:9px; float:left; }
.head .navr .list div.M { padding:0 15px 0 10px; height:31px; font:normal 12px/31px Arial; float:left; }
.head .navr .list div.M a { color:#fff;}
.head .navr .list div.M a:hover { color:#f90; line-height:28px;}




/************** top css end ****************/

/****mian***********************************/
.main {  width:980px; margin:0 auto; position:relative; padding:0 3px 0; background:#fff url(../../images/TP20_A_6/bg_main.gif) 3px repeat-y; }
.main div.left { width:238px; float:left; padding:250px 0 0; background:url(../../images/TP20_A_6/bg_left.gif) no-repeat; display:inline; }
.main div.right { width:731px; float:right; padding:250px 0 0; display:inline;  }

/**banner**/
#banner { position:absolute; right:252px; top:6px; background: url(../../images/TP20_A_6/banner.gif); width:731px; height:239px; }


/**联系我们**/
#contact { width:238px; height:238px; background:#F8F9FB url(../../images/TP20_A_6/bg_contact.gif) repeat-x; position:absolute; top:7px; left:742px; border:0px solid #b8cbd4; }
#contact .title { height:38px; background:url(../../images/TP20_A_6/ico_news.gif) no-repeat 10px center;}
#contact .title h1 {color:#134e8c; padding-left:25px; font: bold 12px/38px Arial} 
#contact .content { margin:0px 4px 4px; height:161px; padding:5px 10px 0;  }
#contact .content p { line-height:15px; padding:5px 0; background-repeat:no-repeat; padding-left:15px; background-position:0 7px;}
#contact .content p.bg1 { background-image:url(../../images/TP20_A_6/icon_smileyface.gif); }
#contact .content p.bg2 { background-image:url(../../images/TP20_A_6/icon_tel.gif); }
#contact .content p.bg3 { background-image:url(../../images/TP20_A_6/icon_fax.gif); }
#contact .content p.bg4 { background-image:url(../../images/TP20_A_6/icon_mail.gif); }
#contact .content p.bg5 { background-image:url(../../images/TP20_A_6/icon_address.gif);} 


/**产品分类**/
#productsclass { display:block; width:228px; margin:0 5px 10px; padding-bottom:4px; background:url(../../images/TP20_A_6/bg_proclass02.gif) no-repeat bottom}
#productsclass .title { background:#fff url(../../images/TP20_A_6/bg_proclass01.gif) no-repeat top; padding:4px 0 0; border-bottom:1px solid #eee;}
#productsclass .title .warp { position:relative; height:28px; border:1px solid #b9d3dd; border-top:0px; border-bottom:0px; }
#productsclass .title h1 {color:#134e8c; padding-left:35px; font: bold 12px/28px Arial; background:url(../../images/TP20_A_6/ico_news.gif) no-repeat 15px center;}
#productsclass .title p { position:absolute; top:5px; right:10px; display:none;}
#productsclass .title p a { color:#b2054d;}
#productsclass .content { border:1px solid #b9d3dd; border-top:0px; border-bottom:0px; padding:10px 5px; background-color:#fff; }
#productsclass ul {}
#productsclass li { height:32px; font:normal 12px/32px Arial; overflow:hidden; background:url(../../images/TP20_A_6/bg_proclass03.gif) repeat-x; border-bottom:1px dotted #b3c7db;}
#productsclass li a { color:#134e8c; display:block; text-indent:35px; background:url(../../images/TP20_A_6/bg_proclass06.gif) 10px 10px no-repeat;}
#productsclass li a:hover { color:#b0423e; background:none;}
#productsclass li.active {}
#productsclass li.active a { color:#f00; background:url(../../images/TP20_A_6/bg_proclass05.gif) 10px 10px no-repeat;}
#productsclass li.active a:hover { color:#f60;}


/**商机信息**/
#L_business { width:254px; margin:0 0 10px; position:absolute; top:540px; right:3px;  }
#L_business .title { background:url(../../images/TP20_A_6/bg_right.gif) repeat-x; height:33px; width:255px; position:relative;}
#L_business .title .warp { height:35px;}
#L_business .title h1 { position:absolute; background:url(../../images/TP20_A_6/triangle07.gif) no-repeat 0 center; padding-left:19px; left:10px; font:bold 12px/35px Arial; color:#134e8c; }
#L_business .title p { position:absolute; top:8px; right:19px; }
#L_about .title p a{ color:#000;}
#L_business .content { padding:10px 15px; height:245px; overflow:hidden;}
#L_business ul { margin:0px; border:0px; padding:0;}
#L_business li { font:normal 12px/30px Arial; height:30px; overflow:hidden; border-bottom:1px solid #fff; padding:0 0 0 15px; background:url(../../images/TP20_A_6/icon.gif) no-repeat 2px 11px;}
#L_business li a { color:#999999; padding:0; background:url(../../images/TP3_C_6/icon/ico_expand.gif) 0 50% no-repeat;}
#L_business li a:hover { color:#f60; font:normal 12px/33px Arial; }



/**友情连接**/
#friendlylink { margin:10px 5px 0; padding:0 0 15px;}
#friendlylink .title { background:url(../../images/TP20_A_6/bg_proclass01.gif) no-repeat top; padding:4px 0 0;}
#friendlylink .title .warp { background:url(../../images/TP20_A_6/bg_proclass02.gif) no-repeat bottom; padding:0 0 4px;}
#friendlylink .title h1 { border:1px solid #b9d3dd; border-top:0px; border-bottom:0px; padding:0 0 0 20px; background:#fff url(../../images/TP20_A_6/ico_news.gif) no-repeat 10px center; height:25px; font:bold 12px/25px Arial; color:#134e8c;}
#friendlylink .title p { display:none;}
#friendlylink .content { padding:0; height:290px; overflow:hidden; width:100%;}
#friendlylink .content .list { border:1px solid #cecece; background-color:#fff; text-align:center; padding:5px 0; margin:5px 0; }
#friendlylink .content .list p.L_logo  { height:40px; width:100%;overflow:hidden;}
#friendlylink .content .list p.L_logo img {width:99px; height:40px; background-image:url(../../images/logo-1.gif);}
#friendlylink .content .list p.text { display:none;}


/**公司简介**/
#L_about { position:absolute; top:250px; right:3px; width:254px; height:280px; }
#L_about .title { background:url(../../images/TP20_A_6/bg_right.gif) repeat-x; width:255px; height:33px; position:relative;}
#L_about .title .warp { height:35px;}
#L_about .title h1 { position:absolute; background:url(../../images/TP20_A_6/triangle07.gif) no-repeat 0 center; padding-left:19px; left:10px; font:bold 12px/35px Arial; color:#134e8c; }
#L_about .title p { position:absolute; top:8px; right:19px; }
#L_about .title p a{ color:#134e8c;}
#L_about .content { padding:10px 15px; background:url(../../images/TP20_A_6/bg_about02.gif) top repeat-x; height:221px; overflow:hidden; color:#999999; }
#L_about .content p { padding-bottom:5px; }

/****mian end*******************************/



/************** bottom css ****************/
#footer_1 { width:980px; margin:0 auto; margin-top:-10px; padding:10px 3px 0; background:url(../../images/TP20_A_6/bottom.gif); }
#footer_1 .text {  margin:0; padding-top:10px;}
#footer_1 .text div.navr { text-align:center; line-height:20px; padding-top:5px; }
#footer_1 .text div.navr a { padding:0 0px;}
#footer_1 .text div.navr span { padding:0 10px; }
#footer_1 .text div.copy { text-align:center; padding:5px 0 5px;}
#footer_1 .text div.copy a { color:#999;}
#footer_1 .text div.copy a:hover { color:#fff; background-color:#f90; }
/************** bottom css end ****************/



