@charset "utf-8";
body { color:#666; font-size:12px; font-family: "宋体";} /*网站字体颜色*/
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}
/* -- 页面整体布局 -- */
 .content , .footer { width:960px; margin:0 auto; overflow:hidden; }
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(http://www.bjttsf.com/Skins/Default/Img/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top { background:url(http://www.bjttsf.com/Skins/Default/Img/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(http://www.bjttsf.com/Skins/Default/Img/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(http://www.bjttsf.com/Skins/Default/Img/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.leftbots{background: url(http://www.bjttsf.com/Skins/Default/Img/Index/zx_bot_pro.gif) no-repeat;height: 18px;font-size: 0;overflow: hidden;margin-bottom: 10px;}

.right { width:754px; float:left; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(http://www.bjttsf.com/Skins/Default/Img/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(http://www.bjttsf.com/Skins/Default/Img/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(http://www.bjttsf.com/Skins/Default/Img/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(http://www.bjttsf.com/Skins/Default/Img/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:752px; min-height:458px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}

/*头部开始*/
.t_bg { background:url(http://www.bjttsf.com/Skins/Default/Img/Common/t_bg.jpg) no-repeat center; height:238px;}

.h_top { height:25px; line-height:25px;}
.h_top span { float:left;}
.h_top p { float: right; width:530px;display: block;}
.h_top p a { padding:0 8px; background:url(http://www.bjttsf.com/Skins/Default/Img/Common/ico03.gif) no-repeat right center; display:inline-block;font-weight:100;}
.h_top p .nobor { background:none;}
.h_top p span a { padding:0 5px 0 25px; background:url(http://www.bjttsf.com/Skins/Default/Img/Common/ico01.gif) no-repeat 0 center; display:inline-block}
.h_top .cur { background:url(http://www.bjttsf.com/Skins/Default/Img/Common/ico02.gif) no-repeat 0 center; display:inline-block;}

.h_con { height:123px; overflow:hidden;width:100%;}
.h_con h1 { padding-top:10px; float:left;margin-top: 10px;}
.h_pho {margin-top: 30px;padding: 0 0 20px 50px;}
.h_pho q { color:#ff8400;}
.h_pho span { font-size:24px; display:block;}

.h_bt { background:url(http://www.bjttsf.com/Skins/Default/Img/Common/h_bt.jpg) no-repeat; width:300px; height:67px; float:left; margin:12px 0 0 10px; font-family:"幼圆"; font-size:18px; color:#242424; font-weight:bold; padding:30px 0 0 15px;}
.h_bt span { display:block; font-size:20px; color:#008E98; padding-top:3px;}

.h_nav { background:url(http://www.bjttsf.com/Skins/Default/Img/Common/h_nav.jpg) no-repeat; height:40px; line-height:40px; }
.h_nav ul li { float:left; background:url(http://www.bjttsf.com/Skins/Default/Img/Common/n_bor.gif) no-repeat right center;}
.h_nav ul .nobor01 { background:none;}
.h_nav ul li a { display:block; padding:0 13px; color:#fff; font-size:14px; font-weight:bold;}
.h_nav ul li a:hover,.h_nav ul .cur a { background:url(http://www.bjttsf.com/Skins/Default/Img/Common/n_libg.gif) no-repeat center;  color:#fff; text-decoration:none;}

.h_ser { height:45px;}
.s_inp { width:210px; margin-top:14px;}
.inp01 { background:url(http://www.bjttsf.com/Skins/Default/Img/Common/s_inp.gif) no-repeat; width:150px; height:23px; line-height:23px; border:none; padding:0 3px 0 0px; margin-right:2px;}
.h_ser p { float:left; padding:14px 0 0 10px; width:720px; height:25px; line-height:25px; overflow:hidden;}
.h_ser p a { padding:0 3px;font-weight:600;}
.h_ser p b { color:#1c1b1b;}
/*头部结束*

/*底部开始*/
.f_bg { background:url(http://www.bjttsf.com/Skins/Default/Img/Common/f_bg.gif) repeat-x; height:147px; padding:20px 0 0;}
.f_nav { background:url(http://www.bjttsf.com/Skins/Default/Img/Common/f_nav.gif) no-repeat; height:30px; line-height:30px; text-align:center; color:#fff;}
.f_nav a { color:#fff; padding:0 10px;}

.f_con { text-align:center; line-height:30px; padding-top:5px; color:#fff;}
.f_con a { color:#fff;}
/*底部结束*/

/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/*banner*/
.ban_bg { background:url(images/ban_bg.gif) no-repeat center; height:445px;}
.banner { width:960px; margin:0 auto;}

/*天拓四方产品中心*/
.zx { width:211px; overflow:hidden;}
.zx_top { background:url(images/zx_top.gif) no-repeat; width:211px; height:57px;}
.zx_top a { font-size:14px; color:#fff; font-weight:bold; display:block; padding:13px 0 0 55px;}

.zx_con { background:url(images/zx_con.gif) repeat-y; width:195px; padding:15px 0 0 16px;}
.zx_con h2 { background:url(images/zx_h2.gif) no-repeat; width:181px; height:39px; line-height:35px;}
.zx_con h2 a { font-size:14px; color:#fff; padding-left:48px;}
.zx_con h3 { background:url(images/ico01.gif) no-repeat left 10px; padding-left:20px; height:30px; line-height:30px; margin-left:10px; overflow:hidden;}
.zx_con h3 a { font-size:12px; color:#333;}
.zx_con ul { margin-left:30px; width:135px; overflow:hidden;}
.zx_con ul li { height:30px; line-height:30px; border-bottom: dotted 1px #3d3d3d; overflow:hidden;}
.zx_con ul li a { color:#000;}

/*热销产品*/
.cp { width:740px; margin-left:8px; overflow:hidden;}
.cp_top { background:url(images/cp_top.gif) no-repeat; width:740px; height:37px; line-height:37px;} 
.cp_top h2 { padding-left:40px;}
.cp_top h2 a { font-size:14px; color:#fff; font-weight:bold;}

.more01 { margin:10px 10px 0 0;}
.cp_con { border:solid 1px #cecece; border-bottom:none; border-top:none; padding:19px 0 0 15px; width:723px; overflow:hidden;}
.cp_con ul li { background:url(images/cp_picbg.gif) no-repeat; width:225px; height:182px; padding:2px 0 0 2px; font-size:0; float:left; margin:0 14px 16px 0;}
.cp_con ul li img { width:223px; height:152px;}
.cp_con ul li span { display:block; text-align:center; height:28px; line-height:28px; width:223px; overflow:hidden; background:#696969; font-size:12px;}
.cp_con ul li span a { color:#fff;}

/*工程项目及成功案例*/
.al { width:242px; overflow:hidden;}
.al_top { background:url(images/al_top.gif) no-repeat; width:242px; height:42px; line-height:40px;}
.al_top a { font-size:14px; font-weight:bold; color:#fff; padding-left:60px;} 

.al_con { background:url(images/al_con.gif) repeat-y; width:214px; padding:14px 0 10px 28px;}
.al_con h2 { background: url(images/al_h2.gif) no-repeat; width:170px; height:32px; line-height:30px; padding-left:33px; margin-bottom:1px}
.al_con h2 a { font-size:12px; color:#fff;}
.al_con ul li { background: url(images/ico02.gif) no-repeat left 16px; padding-left:10px; height:35px; line-height:35px; overflow:hidden;}
.al_con ul li a { color:#fff;}

/*经典工程案例*/
.al01 { width:940px; margin-left:7px; overflow:hidden}
.al_top01 { background:url(images/al_top01.gif) no-repeat; width:940px; height:37px;}

.al02 { padding:22px 0 10px 10px; border-bottom:dashed 1px #474747;}
.al02 dl { background:url(images/al_bg.gif) no-repeat; width:346px; height:210px; float:left; margin:0 50px;}
.al02 .nobor { }
.al02 dl dt { height:36px; line-height:35px; color:#343434; font-weight:bold; padding-left:40px}
.al02 dl dd { padding-left:19px;}
.al02 dl dd img { border: solid 1px #9b9b9b; border-top:none; width:308px; height:159px;}

.al03 { margin-top:10px;line-height: 20px;}
.al_top03 h2 { background:url(images/al_bt.gif) no-repeat; width:300px; height:31px; line-height:31px; text-align:center;}
.al_top03 h2 a { font-size:14px; color:#fff;} 
.al_top03 span { display:block; float:right;}

.al03 dl { padding:10px; border-bottom:dashed 1px #474747;}
.al03 .nobor { border:none;}
.al03 dl dt { font-size:14px; color:#00989f; font-weight:bold;}
.al03 dl dd { width:685px; line-height:25px; color:#474747;}

.al_con02 h2 { background: url(images/al_h201.gif) no-repeat; padding-left:10px; width:293px; margin-bottom:2px;}

.bor01 { border:solid 1px #d0d0d0; border-top:none; height:410px; overflow:hidden}
.tt { padding-left:10px;}
.tt h3 { background:url(images/al_bt.gif) no-repeat; width:300px; height:31px; line-height:31px; text-align:center;}
.tt h3 a { font-size:14px; color:#fff;}
.tt p { width:325px; line-height:25px; color:#474747; padding-top:5px;}

.al04 { margin:10px 0 0 10px;}
.al04 ul li { background:url(images/al_picbg.gif) no-repeat; width:162px; float:left; padding-right:10px; margin:0 10px 0 40px;}
.al04 ul li img { padding:6px 0 0 6px; width:150px; height:99px;}
.al04 ul li span { display:block; height:40px; line-height:40px; text-align:center;}

/*专家平台*/
.pt { width:1190px; margin-top:15px;}

.pt_top { background:url(images/t.gif) no-repeat; width:1190px;}
.pt_con dt { padding:25px 0 0 15px; float:left; width:240px;}
.pt_con dt ul li { padding-bottom:5px;}
.pt_con dd { float:left; background:url(images/zj_bg.jpg) no-repeat; width:702px; height:431px; margin-left:120px;}
.pt_con dd h3 { text-align:center; padding-top:28px;}
.pt_con dd h3 a { font-family:"微软雅黑"; font-size:16px; color:#ff8a02;}
.pt_con dd p { width:390px; color:#000; font-size:14px; line-height:25px; padding:45px 0 0 245px;}
.pt_con dd p span { color:#008d94;}

/*目方案提供商*/
.sf_top {  height:71px; font-family:"微软雅黑"; font-size:19px; color:#fff; font-weight:bold;}


/*关于天拓四方*/
.gy { width:921px; border:solid 1px #d1d1d1; overflow:hidden;}
.gy_top { background:url(images/gy_top.gif) repeat-x; height:35px; line-height:35px;}
.gy_top h2 { font-family:"微软雅黑"; font-size:14px; color:#252525; background: url(images/ico03.jpg) no-repeat left center; padding-left:20px; margin-left:15px;}
.gy_top h2 a { color:#252525;}
.more02 { padding:10px 10px 0 0;}

.gy_con { padding:18px 20px 0 18px; background:url(images/gy_yy.gif) no-repeat right top; height:320px; overflow:hidden;}
.gy_con dl { }
.gy_con dt { float:left; padding-right:12px;}
.gy_con dt img { border:solid 1px #b7b7b7;}
.gy_con dd { float:left; width:355px; }
.gy_con dd h2 { height:30px; line-height:30px;}
.gy_con dd h2 a { font-size:12px; color:#008d94;}
.gy_con dd p { line-height:23px; color:#3e3e3e; text-indent:2em;}
.gy_con dd span a { color:#ff8400;}
.zj_js { padding:15px 0 0 0px;}
.zjs01,.zjs03 { padding:30px 8px 0;}
.zjs02 ul li { float:left; width:180px; padding:0 8px;}
.zjs02 ul li img { border:solid 1px #a9a9a9; width:180px; height:84px;}
.zjs02 ul li span { display:block; text-align:center; height:30px; line-height:30px; overflow:hidden;}

/*荣誉资质*/
.zz { width:267px;}
.zz_top { background:url(images/zz_top.gif) no-repeat; width:267px; height:35px; line-height:35px;} 
.zz_top h2 { padding-left:30px;}
.zz_top h2 a { font-family:"微软雅黑"; font-size:14px; color:#fff; font-weight:normal;}

.zz_con { padding-top:14px; border:solid 1px #d3d3d3; border-top:none; border-left:none; height:325px; overflow:hidden;}
.kc01,.kc03 { padding:110px 9px 0}
.kc02 ul li { float:left; width:188px;}
.kc02 ul li img { border:solid 1px #d3d3d3; width:186px; height:254px;}
.kc02 ul li span { display:block; height:25px; line-height:25px; overflow:hidden; text-align:center;}
.kc02 ul li span a { color:#502218}

.zz_list { background:#dadada; height:54px; width:263px; margin-left:2px;}
.zz_list ul li { float:left; padding:0 10px;}
.zz_list ul li img{width:43px;height:54px;}


/*天拓四方全国办事处*/
.box { border:solid 1px #d3d3d3; padding:8px; overflow:hidden;}
.qg { width:29%; background:url(images/gy_yy.gif) no-repeat right top;}
.qg_top { height:31px; line-height:30px; border-bottom:solid 1px #adadad;}
.qg_top h2 a { background:url(images/ico03.jpg) no-repeat left center; padding-left:20px; display:inline-block; font-family:"微软雅黑"; font-size:14px; color:#252525; border-bottom:solid 2px #00989f;}

.dt_list { padding-right:20px;}
.dt_list ul li { height:30px; line-height:30px; padding: 0 0 0 15px;  overflow:hidden; background:url(images/ico05.gif) no-repeat left 17px; border-bottom:dashed 1px #868686; padding-top:5px;}
.dt_list ul .nobor { border:none;}
.dt_list ul li span { float:right; color:#3f3f3f;}
.dt_list ul li a { color:#3f3f3f;}

/*天拓四方动态*/
.dt { width:40%; margin-left:10px;}
.dt_con { padding:11px 0 0 0; overflow:hidden;}
.dt_con dl{height:110px;overflow:hidden;}
.dt_con dl dt { float:left; padding-right:10px;}
.dt_con dl dt img { width:159px; height:106px; border:solid 1px #acacac;}
.dt_con dl dd { float:left; width:275px;}
.dt_con dl dd h3 { height:18px; line-height:18px;overflow:hidden;}
.dt_con dl dd h3 a { font-size:12px; color:#00989f;}
.dt_con dl dd p { line-height:22px; color:#3f3f3f;}

/*产品资讯*/
.zc { width:29%; margin-left:10px;}
.zcx { padding:10px 0 0 10px;}
.zcx h3 a { font-size:14px; color:#00989f;}
.zcx span { color:#000; display:block; line-height:25px;}
.zcx p { color:#000; width:245px; line-height:22px; padding:5px 0;height: 64px;overflow: hidden;}
.zcx ul li { background:url(images/ico05.gif) no-repeat 10px 12px; height:30px; line-height:30px; padding-left:25px; border-bottom:dashed 1px #868686; overflow:hidden}
.zcx ul .nobor { border-bottom:none;}
.zcx ul li a { color:#3f3f3f;}

/*友情链接*/
.yq { border: solid 1px #bebebe;}
.yq_top { background: url(images/gy_top.gif) repeat-x; height:35px; line-height:35px;}
.yq_top h2 { background:url(images/ico06.gif) no-repeat 10px center; padding-left:30px;}
.yq_top h2 a { font-size:14px; color:#000;}

.yq_con { padding:10px; line-height:25px;}
.yq_con a { padding:0 10px; color:#3f3f3f;}



/*首页轮播广告*/
.right_banner {height: auto;overflow: hidden;}
.slideBox {background-color: #f7f7f7;border-bottom: 1px solid #e6e6e6;height: 425px;overflow: hidden;width: 100%;position: relative;}
.slideBox .hd {width: 1200px;height: 20px;overflow: hidden;margin: 0 auto;position: relative;bottom: 35px;text-align: center;}
.slideBox .hd ul {width: 280px;text-align: left;display: inline-block;height: 20px; margin-left:80px;}
.IndexAd .hd ul li {cursor: pointer;display: inline-block;margin-right: 9px;height: 14px;width: 14px;background: url(images/superslide_btn.png) no-repeat left top; float:left;}
.IndexAd .hd ul li.on {background: url(images/superslide_btn.png) no-repeat right top;}
.IndexAd .bd {position: relative;height: 100%;}
.IndexAd .bd li {width: 100%;height: 425px;zoom: 1;vertical-align: middle;text-align: center;}
.IndexAd .bd li a {width: 100%;height: 425px;display: block;}
.bnr_btn_wrap {width: 1200px;height: 70px;margin: 0 auto;position: relative;top: -265px;z-index: 15; }
.IndexAd .fbc_btn {width: 45px;height: 70px;display: block;position: absolute;cursor: pointer;}
.prev {left: 0px;background:url(images/prev_54.png) no-repeat}
.next {right: 0px;background: url(images/next_54.png) no-repeat;}


.QQbox{ z-index:99; width: 170px; right: 3px; top: 145px; position: absolute;}
.QQbox .press{ right: 0; border: none; cursor: pointer;width: 26px; height: 136px;position: absolute;}
.QQbox .Qlist{ left: 0; width: 170px; background: url(qq/images/siderIM_bg.gif) padding:5px;}
.QQbox .Qlist .b{ float: right; height: 6px; width: 170px; font-size: 1px; }
.QQbox .Qlist .infobox{ text-align:center; background:#bdc5cb; background-image:url(qq/images/siderIM_infobox.gif); background-repeat:no-repeat;  padding:5px; line-height:14px; color:#000; font-weight:700;}
.QQbox .Qlist .t{ background:url(qq/images/siderIM_title.gif); height:34px;}
.QQbox .Qlist .b{ background:url(qq/images/siderIM_bottom.gif); height:9px; overflow:hidden; }
.QQbox .Qlist .con{ background: url(qq/images/siderIM_bg.gif); width: 100%; padding: 10px 0px 10px 0px;}
.QQbox .Qlist .con li img{ float:left; display:inline}
.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; background: url(qq/images/siderIM_bg.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#fff;}

.QQbox .Qlist .con ul li{ padding: 5px 5px 0px 15px; height:20px; }