/* css document */ @charset "utf-8"; /* css document */ *{ margin:0 auto; } .ar html{} .ar html{direction:rtl;} body{ margin:0 auto; background:#ffffff; height:auto; font-size:12px; line-height:22px; font-family:arial, helvetica, sans-serif; color:##454545; } img{ border:0; } ul,li{ margin:0; padding:0; list-style-type:none; } a,a:hover{ color:##454545; text-decoration:none; } #head{ position:absolute; left:0px; top:0px; width:100%; height:89px; z-index:1000; } div.head{ float:left; width:100%; height:auto; background:url(/uploads/image/tfxsimages/headbg.png) repeat-x; } div.headtop{ width:1002px; height:76px; margin:0 auto; position:relative; } div.logo{ float:left; /* width:104px; height:65px;*/ } .ar div.logo{ float:right; } div.banner2{ float:left; width:100%; height:auto; } div.bannerpic{ width:1002px; margin:0 auto; } /*------------menu start-----------------------------------*/ #mainmenu{ padding-left:30px; float:left; width:auto; } .ar #mainmenu{ float:right; } #navmenu{ float: left; height: auto; list-style: none outside none; margin: 0; padding: 0; width:auto; } .mainmenu ul li { float: left; } .ar .mainmenu ul li { float: right; } #navmenu li { float: left; height: auto; padding:0px 5px 0px 5px; z-index: 8; line-height:64px; height:64px; } .pt #navmenu li{ padding:0px 3px; } .ar #navmenu li{ float:right; } .zh-cn #navmenu li a{ color: #4c4c4c; display: block; float: left; font: 14px/64px microsoft yahei; height: 64px; padding: 0 15px; } #navmenu li a{ color: #4c4c4c; display: block; float: left; font: 14px/64px arial; height: 64px; padding: 0 15px; } .ar #navmenu li a{ float:right; } #navmenu li a:hover,.menuhover{ background:#0058a0; border-bottom:solid 4px #17bbff; line-height:64px; height:64px; font: 14px/64px arial; color:#ffffff; } #navmenu li ul.u1 { background: none repeat scroll 0 0 #ffffff; border-bottom: 2px solid #0072c8; border-left: 1px solid #f2f7f4; border-right: 1px solid #f2f7f4; display: block; position: absolute; z-index: 999; top: 67px; } #navmenu li ul.u1 li { height: 40px; line-height: 40px; } #navmenu li ul.u1 li a{ background:none; border:none; line-height:20px; font-size:12px; color:#4c4c4c; } #navmenu li ul.u1 li a:hover{ color:#0058a0; } #navmenu a:link, #navmenu a:visited { display: block; } #navmenu li ul.u1 a { line-height: 40px; padding: 0 20px; height:auto; } .mainmenu ul li a { color: #8c8787; display: block; font-weight: bold; } #li2855,#li1952,#li3345,#li3377,#li3382,#li3383{ position:relative; } #li2855 ul.u1 li.l1,#li1952 ul.u1 li.l1,#li3345 ul.u1 li.l1,#li3377 ul.u1 li.l1,#li3382 ul.u1 li.l1,#li3383 ul.u1 li.l1{ width:100%; line-height:25px; height:25px; } #li2855 ul.u1 li.l1 a,#li1952 ul.u1 li.l1 a,#li3345 ul.u1 li.l1 a,#li3377 ul.u1 li.l1 a,#li3382 ul.u1 li.l1 a,#li3383 ul.u1 li.l1 a,#li3528 ul.u1 li.l1 a{ line-height:25px; height:25px; background: url(/uploads/image/tfxsimages/arrow2.png) no-repeat 0px 8px; display:block } .ar #li2855 ul.u1 li.l1 a,.ar #li1952 ul.u1 li.l1 a{ background: url(/uploads/image/tfxsimages/arrow2.png) no-repeat right 8px; } .zh-cn #navmenu ul.u1{ clear: both; padding-bottom: 15px; position: absolute; width:220px; padding-top:20px; } #navmenu ul.u1{ clear: both; padding-bottom: 15px; position: absolute; width:220px; padding-top:20px; } #navmenu ul.u1 li.l1{ wdith:220px; font-size: 12px; height: auto; } #navmenu #li1951 ul.u1,#navmenu #li2862 ul.u1,#navmenu #li2887 ul.u1,#navmenu #li3036 ul.u1,#navmenu #li3243 ul.u1,#navmenu #li3289 ul.u1,#navmenu #li3444 ul.u1,#navmenu #li3445 ul.u1,#navmenu #li2015 ul.u1{ clear: both; padding-bottom: 15px; position: absolute; right: 0; width:100%; } #navmenu #li1951 ul.u1 li.l1, #navmenu #li1951 ul.u1 li.l1 a,#navmenu #li2862 ul.u1 li.l1, #navmenu #li2862 ul.u1 li.l1 a,#navmenu #li2887 ul.u1 li.l1, #navmenu #li2887 ul.u1 li.l1 a,#navmenu #li3036 ul.u1 li.l1,#navmenu #li3036 ul.u1 li.l1,#navmenu #li3036 ul.u1 li.l1 a,#navmenu #li3243 ul.u1 li.l1 a,#navmenu #li3243 ul.u1 li.l1,#navmenu #li3289 ul.u1 li.l1,#navmenu #li3289 ul.u1 li.l1,#navmenu #li3444 ul.u1 a,#navmenu #li3445 ul.u1 li.l1,#navmenu #li3445 ul.u1 a,#navmenu #li3528 ul.u1 li.l1,#navmenu #li3528 ul.u1 a,#navmenu #li1952 ul.u1 li.l1,#navmenu #li1952 ul.u1 a,#navmenu #li2015 ul.u1 li.l1,#navmenu #li2015 ul.u1 a{ font-size: 12px; height: auto; width:220px; } #navmenu #li3243 ul.u1 li.l1 a,#navmenu #li3243 ul.u1 li.l1,#navmenu #li3289 ul.u1 li.l1,#navmenu #li3289 ul.u1 li.l1,#navmenu #li3444 ul.u1 li.l1,#navmenu #li3444 ul.u1 a,#navmenu #li3445 ul.u1 li.l1,#navmenu #li3445 ul.u1 a,#navmenu #li3528 ul.u1 li.l1,#navmenu #li3528 ul.u1 a,#navmenu #li1952 ul.u1 li.l1,#navmenu #li1952 ul.u1 a,#navmenu #li2015 ul.u1 li.l1,#navmenu #li2015 ul.u1 a{ width:240px; } #navmenu #li1951 ul.u2 li, #navmenu #li1951 ul.u2 li a,#navmenu #li2862 ul.u2 li, #navmenu #li2862 ul.u2 li a,#navmenu #li2887 ul.u2 li, #navmenu #li2887 ul.u2 li a,#navmenu #li3036 ul.u2 li, #navmenu #li3036 ul.u2 li a,#navmenu #li3243 ul.u2 li,#navmenu #li3243 ul.u2 li a,#navmenu #li3289 ul.u2 li a,#navmenu #li3289 ul.u2 li,#navmenu #li3444 ul.u2 li, #navmenu #li3444 ul.u2 li a,#navmenu #li3445 ul.u2 li, #navmenu #li3445 ul.u2 li a,#navmenu #li3528 ul.u2 li, #navmenu #li3528 ul.u2 li a,#navmenu #li1952 ul.u2 li, #navmenu #li1952 ul.u2 li a,#navmenu #li2015 ul.u2 li, #navmenu #li2015 ul.u2 li a{ color: #999999; font-size: 12px; height: 25px; line-height: 25px; } #navmenu #li1951 li.l2,#navmenu #li2862 li.l2,#navmenu #li2887 li.l2,#navmenu #li3036 li.l2,#navmenu #li3243 li.l2,#navmenu #li3289 li.l2,#navmenu #li3444 li.l2,#navmenu #li3445 li.l2,#navmenu #li3528 li.l2,#navmenu #li1952 li.l2,#navmenu #li2015 li.l2{ background: url(/uploads/image/tfxsimages/arrow2.png) no-repeat 20px 8px; height: 25px; line-height: 25px; padding-left: 15px; } .ar #navmenu #li1951 li.l2,.ar #navmenu #li2862 li.l2{ background: url(/uploads/image/tfxsimages/arrow2.png) no-repeat right 8px; height: 25px; line-height: 25px; margin-left:25px; display:inline; } .ru #navmenu #li1951 ul.u2,#navmenu #li2862 ul.u2,#navmenu #li3243 ul.u2,#navmenu #li3289 ul.u2{ float: left; height: auto; width: 200px; padding-bottom:25px; } #navmenu li.menuhover a,#navmenu li.menuhover a:hover{ color:#ffffff; } .fr #navmenu li { padding:0px; } .es #navmenu li a { padding:0 8px; } #mainmenu #navmenu ul.u2{ padding-bottom:25px; float:left; } .ar #mainmenu #navmenu ul.u2{ padding-bottom:25px; margin-right: 20px; display:inline; float:right; } .de #navmenu li{padding:0px;} #navmenu li.l0 .menuahover{ color:#ffffff; } /*------------menu-----------------------------------*/ /* product */ div.bk_pro{ float:left; width:230px; margin: 5px 5px; height: 220px; background:#ebebeb; } div.name a{ color:#4d4d4d; } div.name{ float:left; width: 230px; text-align:center; } div.imagediv{ width:230px; height:150px; text-align:center; /* border: 1px solid #c5c5c5;*/ display:table-cell; vertical-align:middle; } /* product */ #product-left-column{ float:left; width: 100%; } #product-right-column{ float:left; width: 250px; } div.prolist{ clear: both; float: left; margin: 20px 0px; text-align: left; width: 100%; } div.prolist .title{ display: block; height: 45px; overflow: hidden; text-align: center; width: 225px; font-weight: bold; margin-top:5px; } div.prolist ul li{ margin-right: 16px; } div.prolist ul li img { border: 1px solid #e6e6e6; display: table-cell; height: 120px; line-height: 120px; margin: 0; vertical-align: middle; width: 225px; } .newslist { padding: 15px 20px 60px 10px; } ul.newslist li{ border-bottom: 1px dashed #e3e3e3; height: 35px; line-height: 35px; margin-bottom: 10px; padding: 0 15px; width:100%; } .newslist li .newslistdate { display: block; } div.feedback a,div.feedback a:hover{ color:#ffffff; } label.ui-tiptext-error{ background:none; width:auto; color:#ff0000; float:left; } .ar label.ui-tiptext-error{ float:right; } /*-------------------------------------language---------------------------------------*/ div.language { float:right; text-align:right; } div.languagetxt { height: 33px; margin-top: 30px; } p.lanimg { float: left; height: 21px; padding: 15px 0 10px 20px; text-align: center; width: 29px; } p.lantxt { float: left; padding: 15px 0 10px; width: 55px; } p.lantxt a, p.lantxt a:hover { color: #635f5f; font-size:14px; } /*-------------------------------------language---------------------------------------*/ /*----------------------------------right------------------------------------*/ div.right{ float: left; margin-left: 20px; width: 765px; display:inline; } div.righttxt{ float:left; width:760px; margin:20px 0 25px 0; } div.righttxt h3 { color: #ffffff; font-size: 18px; padding-top: 5px; line-height: 24px; } div.nav{ float:left; width:100%; border-bottom:1px solid #d3d3d3; } div.nav ul li{ float:left; line-height:16px; } .ar div.nav ul li{ float:right; } /*----------------------------------right------------------------------------*/ div.content{ clear:both; width:1002px; margin:0 auto; height:auto; } div.prodesr { clear: both; float: left; margin-top: 20px; width: 100%; } .ui-tab-content table { background: none repeat scroll 0 0 #dddada; text-align: center; } #image-block { display:table-cell; vertical-align:middle; } /*-----------------------------banner---------------------------------------*/ div.banner{ clear:both; width:100%; margin:0 auto; margin-top:46px; } .w960px { width:1002px;} #ibannershow,#ibannershow ul.imgs,#ibannershow ul.imgs li { margin: 0 auto; width: 1002px; height:384px;} #ibannershow,#ibannershow ul.imgs { position:relative; z-index:1} #ibannershow ul.imgs li { position:absolute; left:0px; top:0px; z-index:2;} #ibannershow ul.imgs li a { display:block; width:100%; height:384px; background-position:center top; background-repeat:no-repeat;} #ibannershow .bg { width:100%; height:118px;/* background:#000; border-top:#fff 1px solid; filter:alpha(opacity=30); opacity:0.3;*/ position:absolute; left:0px; bottom:0px; z-index:3;} #ibannershow .w960px { height:118px; position:absolute; left:50%; bottom:0px; margin-left:-480px; z-index:4;} #ibannershow .w960px ul.nums { position:absolute; right:40px; } #ibannershow .w960px ul.nums li { width:35px; height:10px; font:100 0px/0px arial; background:#dbdcdc;float:left; margin-right:10px; cursor:pointer;} #ibannershow .w960px ul.nums li.cur { background:#0058a0;} .ipart01 { width:1002px; height:0px; margin:0 auto; position:relative; z-index:2; clear:both;} .ipart { width:242px; height:91px; overflow:hidden; position:absolute; left:0px; bottom:0px;} .ipart.infrastructure{ left:0px;} .ipart.recycling{ left:252px;} .ipart.construction{ left:504px;} .ipart.packaging{ left:756px;} .ipart .title { width:242px; height:91px; padding:0px; float:left; overflow:hidden;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;} .ipart .title a { display:block; width:100%;} .ipart .title h2 { font:24px verdana; color:#fdb812;} .cur .title { background-position:0px -85px;} .cur .title h2 { color:#000;} .ipart .title p { height:14px; font:12px verdana; overflow:hidden; color:#fff;background:#4d4949;} .ipart .content { width:227px; height:317px; padding:10px 5px 10px 10px; float:left; background:url(/uploads/image/tfxsimages/ipart_contentbg.png) repeat; _background:#000;} div.infrastructure div.title a,div.construction div.title a,div.packaging div.title a,div.recycling div.title a,div.infrastructure div.title a:hover,div.construction div.title a:hover,div.packaging div.title a:hover,div.recycling div.title a:hover{ display:block; width:242px; height:91px; } div.infrastructure div.title a{ background:url(/uploads/image/tfxsimages/solution01.jpg) no-repeat; } div.infrastructure div.title a:hover{ background:url(/uploads/image/tfxsimages/solution01_hover.jpg) no-repeat; } div.construction div.title a{ background:url(/uploads/image/tfxsimages/solution02.jpg) no-repeat; } div.construction div.title a:hover{ background:url(/uploads/image/tfxsimages/solution02_hover.jpg) no-repeat; } div.packaging div.title a{ background:url(/uploads/image/tfxsimages/solution03.jpg) no-repeat; } div.packaging div.title a:hover{ background:url(/uploads/image/tfxsimages/solution03_hover.jpg) no-repeat; } div.recycling div.title a{ background:url(/uploads/image/tfxsimages/solution04.jpg) no-repeat; } div.recycling div.title a:hover{ background:url(/uploads/image/tfxsimages/solution04_hover.jpg) no-repeat; } .ipart01 .cur .curpic1 a,.ipart01 .cur .curpic1 a:hover{ background:url(/uploads/image/tfxsimages/solution01_hover.jpg) no-repeat center top; display:block; width:242px; height:91px; } .ipart01 .cur .curpic2 a,.ipart01 .cur .curpic2 a:hover{ background:url(/uploads/image/tfxsimages/solution02_hover.jpg) no-repeat center top; display:block; width:242px; height:91px; } .ipart01 .cur .curpic3 a,.ipart01 .cur .curpic4 a:hover{ background:url(/uploads/image/tfxsimages/solution03_hover.jpg) no-repeat center top; display:block; width:242px; height:91px; } .ipart01 .cur .curpic4 a,.ipart01 .cur .curpic4 a:hover{ background:url(/uploads/image/tfxsimages/solution04_hover.jpg) no-repeat center top; display:block; width:242px; height:91px; } .ipart.infrastructure dl.list,.ipart.construction dl.list,.ipart.packaging dl.list,.ipart.recycling dl.list{ width:100%; float:left; line-height:24px; padding-bottom:0px;} .ipart.infrastructure dl.list dt,.ipart.construction dl.list dt,.ipart.packaging dl.list dt,.ipart.recycling dl.list dt{ padding-left:12px; background: left no-repeat;} .ipart.infrastructure dl.list dt a,.ipart.construction dl.list dt a,.ipart.packaging dl.list dt a,.ipart.recycling dl.list dt a{ color:#fdb812!important;} .ipart.infrastructure dl.list dt a:hover ,.ipart.construction dl.list dt a:hover,.ipart.packaging dl.list dt a:hover,.ipart.recycling dl.list dt a:hover{ color:#ffffff!important; text-decoration:underline;} .ipart.infrastructure dl.list dd a,.ipart.construction dl.list dd a,.ipart.packaging dl.list dd a,.ipart.recycling dl.list dd a{ display:block; font-size:12px; margin-right:0px; color:#ffffff!important; } .ipart.infrastructure dl.list dd a:hover,.ipart.construction dl.list dd a:hover,.ipart.packaging dl.list dd a:hover,.ipart.recycling dl.list dd a:hover{ text-decoration:none;} /*------------------------------tab 切换------------------------------------*/ div.news{ float:left; width:479px; height:auto; } .ar div.news{ float:right; } .newstab {color:#808081; border-bottom:1px solid #c4c0c0; height:29px;width:497px;font-size:14px;float:left;margin-top:20px;} .newstab ul {margin:0px; padding:0px; list-style:none; text-align:left;height:29px;} .newstab li {display:inline; line-height:29px;width:125px;height:29px;} .ar .newstab { float:right; } .ar .newstab ul{text-align:right;} .es .newstab li a.tab2,.es .newstab li a.tab3{ font-size:10px;} .pt .newstab{ font-size:12px;} .fr .newstab{ font-size:11px;} .newstab li a {color:#808081; text-decoration:none;background:#dbdcdc;line-height:29px;width:125px;height:29px;float:left; margin-right:10px;text-align:center;} .de .newstab{ font-size:12px;} .ar .newstab li a{float:right;} .newstab li a.tabactive { background-color:#0058a0; color:#ffffff; position:relative;line-height:29px;width:125px;height:29px;} #tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {clear:both;float:left;width:495px;text-align:left;padding:6px 0px; font-size:12px; margin-bottom:5px;margin-top:22px;} div.newspic{ float:left; width:177px; height:118px; margin-right:15px; display:inline; } .ar div.newspic{ float:right; margin-left:15px; display:inline; } div.newstxt{ float:left; text-align:left; width:460px; } .ar div.newstxt{ float:right; text-align:right; } div.newslist{ clear:both; float:left; text-align:left; } .ar div.newslist{ float:right; text-align:right; } div.newslist ul{ width:100%; } div.newslist ul li{ background:url(/uploads/image/tfxsimages/newslibg.jpg) no-repeat 0 7px; padding-left:15px; float:left; width:100%; } .ar div.newslist ul li{ padding-right:15px; background:url(/uploads/image/tfxsimages/newslibg.jpg) no-repeat right 7px; float:right; } div.about{ float:left; width:479px; height:auto; margin-left:40px; margin-top:20px; margin-bottom: 25px; display:inline; } .ar div.about{ float:right; margin-left:0px; margin-right:40px; display:inline; } div.abouttxt{ float:left; background:#f6f6f6; border:1px solid #f1f1f1; border-top:2px solid #0058a0; width:479px; height:180px; } .ar div.abouttxt{ float:right; } div.company{ float:left; padding:10px 20px; } .ar div.company{ float:right; } p.abouttitle{ float:left; padding:15px 0px 0px 15px; font-size:14px; } .ar p.abouttitle{float:right;padding:15px 15px 0px 0px;} div.companypic{ float:left; width:176px; height:118px; padding-right:15px; } .ar div.companypic{ float:right; padding-left:25px; padding-right:0px; } div.icon0{ float:left; width:480px; margin-top:10px; } .ar div.icon0{ float:right; } div.icontxt{ background:#e2e0e0; float:left; width:186px; height:92px; } .ar div.icontxt{ float:right; } .es p.icontxt{ padding:6px; } .ru p.icontxt{ padding:0 15px; } p.icontxt{ padding:15px; } div.iconpic ul li{ float:left; margin-left:5px; display:inline; } .ar div.iconpic ul li{ float:right; margin-right:5px; margin-left:0px; display:inline; } div.iconpic li.iconpic1 a,div.iconpic li.iconpic2 a,div.iconpic li.iconpic3 a,div.iconpic li.iconpic1 a:hover,div.iconpic li.iconpic2 a:hover,div.iconpic li.iconpic3 a:hover{ float:left; display:block; width:93px; height:92px; } .ar div.iconpic li.iconpic1 a,div.iconpic li.iconpic2 a,div.iconpic li.iconpic3 a,div.iconpic li.iconpic1 a:hover,div.iconpic li.iconpic2 a:hover,div.iconpic li.iconpic3 a:hover{float:right;} div.iconpic li.iconpic1 a{ background:url(/uploads/image/tfxsimages/aboutpic.jpg) no-repeat; } div.iconpic li.iconpic1 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_hover.jpg) no-repeat; } div.iconpic li.iconpic2 a{ background:url(/uploads/image/tfxsimages/aboutpic.jpg) no-repeat -97px 0px; } div.iconpic li.iconpic2 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_hover.jpg) no-repeat -97px 0px; } div.iconpic li.iconpic3 a{ background:url(/uploads/image/tfxsimages/aboutpic.jpg) no-repeat -192px 0px; } div.iconpic li.iconpic3 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_hover.jpg) no-repeat -192px 0px; } /*********ar******/ .ar div.iconpic li.iconpic1 a{ background:url(/uploads/image/tfxsimages/aboutpic_ar.jpg) no-repeat; } .ar div.iconpic li.iconpic1 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_ar_hover.jpg) no-repeat; } .ar div.iconpic li.iconpic2 a{ background:url(/uploads/image/tfxsimages/aboutpic_ar.jpg) no-repeat -97px 0px; } .ar div.iconpic li.iconpic2 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_ar_hover.jpg) no-repeat -97px 0px; } .ar div.iconpic li.iconpic3 a{ background:url(/uploads/image/tfxsimages/aboutpic_ar.jpg) no-repeat -192px 0px; } .ar div.iconpic li.iconpic3 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_ar_hover.jpg) no-repeat -192px 0px; } /*********ar end******/ /*********de******/ .de div.iconpic li.iconpic1 a{ background:url(/uploads/image/tfxsimages/aboutpic_de.jpg) no-repeat; } .de div.iconpic li.iconpic1 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_de_hover.jpg) no-repeat; } .de div.iconpic li.iconpic2 a{ background:url(/uploads/image/tfxsimages/aboutpic_de.jpg) no-repeat -97px 0px; } .de div.iconpic li.iconpic2 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_de_hover.jpg) no-repeat -97px 0px; } .de div.iconpic li.iconpic3 a{ background:url(/uploads/image/tfxsimages/aboutpic_de.jpg) no-repeat -192px 0px; } .de div.iconpic li.iconpic3 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_de_hover.jpg) no-repeat -192px 0px; } /*********de end******/ /*********es******/ .es div.iconpic li.iconpic1 a{ background:url(/uploads/image/tfxsimages/aboutpic_es.jpg) no-repeat; } .es div.iconpic li.iconpic1 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_es_hover.jpg) no-repeat; } .es div.iconpic li.iconpic2 a{ background:url(/uploads/image/tfxsimages/aboutpic_es.jpg) no-repeat -97px 0px; } .es div.iconpic li.iconpic2 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_es_hover.jpg) no-repeat -97px 0px; } .es div.iconpic li.iconpic3 a{ background:url(/uploads/image/tfxsimages/aboutpic_es.jpg) no-repeat -192px 0px; } .es div.iconpic li.iconpic3 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_es_hover.jpg) no-repeat -192px 0px; } /*********es end******/ /*********fr******/ .fr div.iconpic li.iconpic1 a{ background:url(/uploads/image/tfxsimages/aboutpic_fr.jpg) no-repeat; } .fr div.iconpic li.iconpic1 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_fr_hover.jpg) no-repeat; } .fr div.iconpic li.iconpic2 a{ background:url(/uploads/image/tfxsimages/aboutpic_fr.jpg) no-repeat -97px 0px; } .fr div.iconpic li.iconpic2 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_fr_hover.jpg) no-repeat -97px 0px; } .fr div.iconpic li.iconpic3 a{ background:url(/uploads/image/tfxsimages/aboutpic_fr.jpg) no-repeat -192px 0px; } .fr div.iconpic li.iconpic3 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_fr_hover.jpg) no-repeat -192px 0px; } /*********fr end******/ /*********pt******/ .pt div.iconpic li.iconpic1 a{ background:url(/uploads/image/tfxsimages/aboutpic_pt.jpg) no-repeat; } .pt div.iconpic li.iconpic1 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_pt_hover.jpg) no-repeat; } .pt div.iconpic li.iconpic2 a{ background:url(/uploads/image/tfxsimages/aboutpic_pt.jpg) no-repeat -97px 0px; } .pt div.iconpic li.iconpic2 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_pt_hover.jpg) no-repeat -97px 0px; } .pt div.iconpic li.iconpic3 a{ background:url(/uploads/image/tfxsimages/aboutpic_pt.jpg) no-repeat -192px 0px; } .pt div.iconpic li.iconpic3 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_pt_hover.jpg) no-repeat -192px 0px; } /*********pt end******/ /*********pt******/ .ru div.iconpic li.iconpic1 a{ background:url(/uploads/image/tfxsimages/aboutpic_ru.jpg) no-repeat; } .ru div.iconpic li.iconpic1 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_ru_hover.jpg) no-repeat; } .ru div.iconpic li.iconpic2 a{ background:url(/uploads/image/tfxsimages/aboutpic_ru.jpg) no-repeat -97px 0px; } .ru div.iconpic li.iconpic2 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_ru_hover.jpg) no-repeat -97px 0px; } .ru div.iconpic li.iconpic3 a{ background:url(/uploads/image/tfxsimages/aboutpic_ru.jpg) no-repeat -192px 0px; } .ru div.iconpic li.iconpic3 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_ru_hover.jpg) no-repeat -192px 0px; } /*********pt end******/ /*********zh******/ .zh-cn div.iconpic li.iconpic1 a{ background:url(/uploads/image/tfxsimages/aboutpic_zh.jpg) no-repeat; } .zh-cn div.iconpic li.iconpic1 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_zh_hover.jpg) no-repeat; } .zh-cn div.iconpic li.iconpic2 a{ background:url(/uploads/image/tfxsimages/aboutpic_zh.jpg) no-repeat -97px 0px; } .zh-cn div.iconpic li.iconpic2 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_zh_hover.jpg) no-repeat -97px 0px; } .zh-cn div.iconpic li.iconpic3 a{ background:url(/uploads/image/tfxsimages/aboutpic_zh.jpg) no-repeat -192px 0px; } .zh-cn div.iconpic li.iconpic3 a:hover{ background:url(/uploads/image/tfxsimages/aboutpic_zh_hover.jpg) no-repeat -192px 0px; } /*********zh end******/ div.foot{ clear:both; float:left; width:100%; background:#4d4d4d; } div.footnav{ width:1002px; margin:0 auto; } div.footnavl{ float:left; width:215px; height:148px; background:#585858; } div.footnavr{ float:right; background:url(/uploads/image/tfxsimages/mapbg.jpg) no-repeat right bottom; height:148px; width:390px; position:relative; } div.banquan{ clear:both; } div.banquantxt{ width:1002px; margin:0 auto; } p.links{ float:left; text-align:left; } p.banquan{ float:right; text-align:left; color:#4d4d4d; } /*-----------分公司选择-------------*/ p.footnavrtitle{ padding-bottom:15px; } div.foot1_nr2{ position: absolute; right: 24px; top: 30px; width: 214px; } .branch p{ background: url(/uploads/image/tfxsimages/btn1.jpg) no-repeat scroll right top #ffffff; color: #666666; cursor: pointer; height: 24px; line-height: 24px; text-indent: 10px; } .ar .branch p{ background: url(/uploads/image/tfxsimages/btn1.jpg) no-repeat scroll left top #ffffff; } .branch { background: none repeat scroll 0 0 #f2f2f2; } .branch li { border-top: 1px solid #ffffff; line-height: 25px; text-indent: 10px; } .branch2 { display: none; } /*-------------------语言选择---------------------*/ .lang p{ background: url(/uploads/image/tfxsimages/map.gif) no-repeat scroll 0 0 #ebebeb; color: #666666; cursor: pointer; height: 35px; line-height: 35px; padding-right: 35px; text-align: right; } .lang2 { background: none repeat scroll 0 0 #f6f6f6; display: none; } .lang2 li { border-top: 1px solid #ffffff; line-height: 26px; text-align: right; } .lang2 li a { display: block; padding-right: 35px; } .lang2 li a:hover { color: #005699; } div.left{ float:left; width:215px; } div.left,div.right{ margin-top:10px; } div.protitle{ line-height:30px; background:#0058a0; height:30px; padding-left:15px; font-size:14pz; color:#ffffff; } /*inquire*/ div.inquirebox { margin: 0 auto; padding-left: 10px; width: 700px; } .inquirebox h3 { background: url(/uploads/image/tfxsimages/feedback.jpg) no-repeat scroll center 0 rgba(0, 0, 0, 0); height: 45px; margin-bottom: 15px; width: 714px; color: #ffffff; font-size: 18px; line-height: 24px; padding-top: 5px; } .ar .inquirebox h3{ background: url(/uploads/image/tfxsimages/feedback2.jpg) no-repeat scroll center 0 rgba(0, 0, 0, 0); } .feed-con { margin-top: 20px; width: 700px; } .con { margin-right: 30px; width: 320px; } .con span { color: #333333; display: inline-block; font-size: 14px; width: 320px; } .con span strong { color: #cc0001; font-family: georgia; font-size: 16px; } .con input.text2 { border: 1px solid #cccccc; color: #999999; font-family: arial,helvetica,sans-serif; height: 32px; line-height: 32px; margin-right: 16px; text-indent: 10px; width: 324px; } .con2 { float: left; margin-bottom: 15px; width: 700px; } .con2 span.need { display: inline-block; font-size: 14px; } .con3 span.need { display: inline-block; font-size: 14px; } .con3 textarea { border: 1px solid #cccccc; height: 150px; margin-top: 8px; width: 672px; } .con3 input.sub2 { background: none repeat scroll 0 0 #f14829; color: #ffffff; cursor: pointer; font-family: arial,helvetica,sans-serif; font-size: 16px; height: 38px; margin-left: 280px; margin-top: 10px; padding-bottom: 4px; text-align: center; width: 150px; } div.feed-con .feedback { float: none; font-size: 16px; font-weight: normal; margin-top: 20px; } /*inquire*/ .category li { display: block; line-height: 22px; list-style: none outside none; width: 215px; } .category .u2 { background: none repeat scroll 0 0 #ececed; display: none; width: 215px; } .category .u2 li { border-top: 1px solid #ffffff; border-width: 1px 0 0; } .category .u1 a span { float: none; } .category .u1 a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: none; line-height: 22px; overflow: hidden; padding-left: 8px; width:193px; } .category .u2 a { color: #6b6a6a; font-weight: 400; height: 22px; line-height: 22px; padding-left: 10px; width: 192px; } .category li a { } .category li a:hover { color:#0058a0; text-decoration: none; } .category li img { margin-left: 11px; margin-top: 6px; } .category .u2 .l2 img { display: none; } .category .u1 { background: none repeat scroll 0 0 #d8d5d5; } .category .u1 li { border-bottom: 1px solid #ffffff; } .category .u1 li a { } .category .u3 { display: none; } .category .u3 li { background: no-repeat scroll 2px 8px rgba(0, 0, 0, 0); padding-left: 12px; } .category .u3 li a { font-weight: normal; } .category .u2 { } .category .u3 { } div.lang li{ height:20px; } div.lang li.ru{ background:url(/uploads/image/tfxsimages/langpic.jpg) no-repeat 25px -17px; } div.lang li.sp{ background:url(/uploads/image/tfxsimages/langpic.jpg) no-repeat 25px -37px; } div.lang li.ar{ background:url(/uploads/image/tfxsimages/langpic.jpg) no-repeat 25px -57px; } div.lang li.fr{ background:url(/uploads/image/tfxsimages/langpic.jpg) no-repeat 25px -77px; } div.lang li.ge{ background:url(/uploads/image/tfxsimages/langpic.jpg) no-repeat 25px -97px; } div.lang li.po{ background:url(/uploads/image/tfxsimages/langpic.jpg) no-repeat 25px -117px; } div.lang li.cn{ background:url(/uploads/image/tfxsimages/langpic.jpg) no-repeat 25px -137px; } div.left .iconfont{ width:23px; height:15px; background:url(/uploads/image/tfxsimages/email.jpg) no-repeat; line-height:15px; float:left; display:block;} .ar .iconfont{float:right;} .ar h1{ float:right; } .zh-cn{ font-family:microsoft yahei;} .footmenu { float:left; width:180px; color:#fff; margin:10px 0 10px 20px;} .footmenu a.title { font-size:14px; color:#fff; font-weight:bold; margin:0 0 5px 0;} .footmenu li{ line-height:24px;} .footmenu li a{ font-size:12px; color:#fff;} .footmenu li a:hover{} .zh-cn .footnavr{ display:none;}