@charset "utf-8"; /* css document */ *{ margin:0 auto; } .zh-cn body{font-family:'microsoft yahei';} body{ margin:0 auto; background:#ffffff; height:auto; font-size:12px; line-height:22px; font-family:verdana, arial, helvetica, sans-serif; color:#575e64; background:url(/uploads/image/tfasimages/bg.jpg) repeat-x; } .ys2{ background:url(/uploads/image/tfasimages/bg2.jpg) repeat-x; } img{ border:0; } ul,li{ margin:0; padding:0; list-style-type:none; } a,a:hover{ color:#575e64; text-decoration:none; } div.index{ width:100%; margin:0 auto; } div.head{ width:1002px; height: 62px; margin:0 auto; background:url(/uploads/image/tfasimages/headbg.jpg) no-repeat; } div.logo{ float:left; width:191px; height:62px; } div.links{ width:1002px; margin:0 auto; } .ru p.linksl{font-size: 10px;} p.linksl{ float:left; color:#006bbd; line-height:40px; height:40px; padding-left:20px; } .ru p.linksr,.ru p.linksr a{padding-right: 1px;} p.linksr,p.linksr a{ float:right; color:#575e64; line-height:40px; height:40px; padding-right: 10px; } p.linksr img{ padding-top:8px; } div.bannerpic{ width:1002px; margin:0 auto; } /*------------menu-----------------------------------*/ #mainmenu { float:left; margin:0 auto; width:811px; height:62px; line-height:62px; } #mainmenu #navmenu { height:62px; padding-left: 10px; } .ru #mainmenu #navmenu li.a1 { margin:0px 9px;} #mainmenu #navmenu li.a1 { display: inline-block; float: left; width:auto; margin:0px 12px; display:inline; position: relative; font-size:18px; font-family:verdana, arial, helvetica, sans-serif; color:#ffffff; text-shadow: 1px 1px 1px #17181a; } .ru #mainmenu #navmenu li a {padding:0;} #mainmenu #navmenu li a { color: #ffffff; display: block; line-height: 62px; height:62px; float: left; padding-left: 18px; } #mainmenu #navmenu li a span { display: inline-block; padding-right: 18px; } #mainmenu #navmenu li a span.sf-sub-indicator, #mainmenu #navmenu li a span.sf-sub-indicator { display: none; } #mainmenu #navmenu li a:hover { text-decoration: none; color:#ffffff; text-shadow: 1px 1px 1px #006bbd; } #mainmenu #navmenu li a:hover span { background: no-repeat scroll right bottom rgba(0, 0, 0, 0); text-decoration: none; } #mainmenu #navmenu #li6354 a { background: no-repeat scroll left center rgba(0, 0, 0, 0); } #mainmenu #navmenu li ul { display: none; left: 0; position: absolute; top: 38px; width: 196px; z-index: 999; } #mainmenu #navmenu li ul.u886 li{height: 30px; line-height: 30px; padding: 2px;} #mainmenu #navmenu li ul.u886 li.l1 a.a2{ font-weight:normal; color:#575e64; font-size:12px; float:none;} #mainmenu #navmenu li ul.u886 li.l1 a.a2:hover{ color:#006bbd;} #mainmenu #navmenu li ul.u2 li a:hover{ font-size:12px;} #mainmenu #navmenu li ul.u889{width: 1200px; margin-left: 50%; left: -600px;height: 270px;padding-bottom: 10px;} #mainmenu #navmenu li ul.u889 .l1 .a2{line-height:20px;} #mainmenu #navmenu li ul.u889 li{float: left; width: 240px; position:relative;} #mainmenu #navmenu li ul.u3{ width:auto; } #mainmenu #navmenu li ul.u2 li.l1{ width:240px;} #mainmenu #navmenu li ul.u2 li.l1 .a2{ padding-left:10px; font-weight:bold; font-size:12px;padding-top:5px;} #mainmenu #navmenu li ul.u3 li a{ height:auto;padding-left: 15px; color:#575e64; text-align: left; width:240px;font-size: 13px;} #mainmenu #navmenu li ul.u3 li a:hover{color:#006bbd;} .ru #mainmenu #navmenu li ul.u5980 li{height: 30px; line-height: 30px; padding: 2px;} .ru #mainmenu #navmenu li ul.u5980 li.l1 a.a2{ font-weight:normal; color:#575e64; font-size:12px; float:none;} .ru #mainmenu #navmenu li ul.u5980 li.l1 a.a2:hover{ color:#006bbd;} .ru #mainmenu #navmenu li ul.u2 li a:hover{ font-size:12px;} .ru #mainmenu #navmenu li ul.u5981{height: 320px;left: -525px;margin-left: 50%;width: 1210px;} .ru #mainmenu #navmenu li ul.u5981 li{float: left; width: 196px; position:relative;} .ru #mainmenu #navmenu li ul.u3{ width:auto; } .ru #mainmenu #navmenu li ul.u2 li.l1{ width:200px;} .ru #mainmenu #navmenu li ul.u2 li.l1 .a2{line-height: 14px; padding-left:10px; font-weight:bold; font-size:11px;padding-top:5px;} .ru #mainmenu #navmenu li ul.u3 li a{ height:auto;padding-left: 15px; color:#575e64; text-align: left; width:196px;} .ru #mainmenu #navmenu li ul.u3 li a:hover{color:#006bbd;} /*------------menu-----------------------------------*/ /*-------------------------banner-----------------------------*/ div.banner{ clear:both; width:100%; margin:0 auto; background:url(/uploads/image/tfasimages/bannerbg.jpg) center 0 no-repeat; height:367px; } div.banner2{ clear:both; width:100%; margin:0 auto; background:url(/uploads/image/tfasimages/banner2bg.jpg) center 0 no-repeat; height:200px; } div.banner .box { width: 1002px; height: 366px; overflow: hidden; position: relative; margin:0 auto;} div.banner .box ol { position: absolute; left: 100px; bottom: 25px; z-index: 2; } div.banner .box ol li { float: left; margin-right: 3px; display: inline; cursor: pointer; background: #549ddb; padding: 2px 6px; color: #ffffff; font-family: arial; font-size: 12px; } div.banner .box .active { padding: 3px 8px; font-weight: bold; color: #ffffff; background: #045eac; position: relative; bottom: 2px; } div.banner .box ul { position: absolute; top: 0; left: 0; z-index: 1; } div.banner .box ul li { width: 1002px; height: 366px; float: left; } div.banner .box ul img { float: left; width: 1002px; height: 366px; } div.banner .box p { width: 20px; height: 20px; line-height: 20px; font-family: arial; color: #fff; text-align: center; font-weight: bold; background: #333; border: 1px solid #ccc; position: absolute; top: 60px; z-index: 2; cursor: pointer; } div.banner .box .prev { left: 10px; } div.banner .box .next { right: 10px; } /*-------------------------banner-----------------------------*/ /*------------------content---------------------*/ div.content{ width:100%; margin:0 atuo; margin-top:16px; clear: both; } div.contop,div.conbot,div.conmid{ background:url(/uploads/image/tfasimages/contentbg.jpg) repeat-x #ffffff; float:left; width:100%; margin:0 atuo; height:auto; } div.contxt{ width:1002px; margin:0 auto; height:auto; } div.contop .contxt{ margin:55px auto; } div.conmid .contxt{ margin:40px auto; } div.conbot .contxt{ margin:40px auto; } div.prolist{ float:left; width:320px; } div.propic{ float:left; width:115px; height:115px; } div.topmar{ margin-top:60px; margin-bottom:30px; } p.contitle,p.contitle a,p.contitle a:hover{ color:#006bbd; font-size:16px; } .leftbar p.contitle{ background:url(/uploads/image/tfasimages/left_titlebg.png) 0 center no-repeat #1186d5; color: #fff; line-height: 16px; font-weight:bold; padding-bottom: 10px; padding-top: 10px; padding-left:35px; } .leftbar p.contact{ background:url(/uploads/image/tfasimages/left_tel.png) 0 center no-repeat #1186d5; } .leftbar p.review{ background:url(/uploads/image/tfasimages/left_review.png) 0 center no-repeat #1186d5; } p.contitle{ padding-bottom:15px; } div.news{ float:left; width:240px; overflow:hidden; } div.news ul{} div.news ul li{ background:url(/uploads/image/tfasimages/libg.png) no-repeat 3px 9px; padding-left:25px; } div.line1{ float:left; width:19px; height:auto; padding:0px 15px 0 10px; } div.line3{ float:left; width:15px; height:708px; padding:0px 15px 0 10px; } div.about{ float:left; width:718px; } div.aboutpic{ float:left; width:333px; height:184px; margin-right:15px; margin-top:6px; } p.abomor{ float:right; padding-right:15px; color:#006bbd; font-size:14px; } p.abomor a,p.abomor a:hover{ color:#006bbd; font-size:14px; } div.contact{ float:left; width:415px; height:auto; } div.contacttxt{ float:left; background:url(/uploads/image/tfasimages/contactbg.jpg) no-repeat 70% 60%; height:auto; } div.line2{ float:left; width:19px; height:279px; padding:0px 30px 0 10px; } p.lintit{ color:#006bbd; font-size:12px; padding-bottom:15px; } div.links2{ float:left; width:528px; height:auto; } .footer{width:100%;overflow:hidden;clear:both;} div.footnav{ float:left; height:auto; margin-bottom:15px; } p.links2des{ clear:both; } div.footnav{} .ru div.footnav ul{ margin-right: 5px;} div.footnav ul{ float:left; height:auto; } li.linkst,li.linkst a,li.linkst a:hover{ color:#006bbd; font-size:12px; } p.propics{ float:left; width:115px; height:115px; } ul.prolist li{ clear:both; float:left; } p.protxts{ float:left; width:570px; height:auto; } span.protxts{ color:#006bbd; } .zh-cn div.abouttxt1{display:none;} div.abouttxt{ float:left; margin-bottom:25px; width: 100%; } p.yscss{ text-align:center; } /*------------------content---------------------*/ /*----------------------foot-----------------------*/ div.foot{ clear:both; float:left; background:url(/uploads/image/tfasimages/footbg.jpg) repeat-x #014e92; height:39px; width:100%; color:#ffffff; } div.foot a,div.foot a:hover{ color:#ffffff; } div.banquan{ width:1002px; margin:0 auto; } p.foolef{ float:left; line-height:39px; height:39px; } p.foorig{ float:right; line-height:39px; height:39px; padding-right:15px; } /*----------------------foot-----------------------*/ /* feedback */ .feedback a{ background:url(/uploads/image/tfasimages/get-price.png) no-repeat; border: medium none; border-radius: 3px; display:block; color: #ffffff; cursor: pointer; font-family: arial,helvetica,sans-serif; font-weight: bold; height: 50px; line-height: 40px; overflow: hidden; text-align: center; vertical-align: middle; width: 180px; transition: border 0.2s linear 0s; margin-top:20px; } .feedback a,.feedback a:hover{ color:#ffffff; } .mod_inquir{margin-bottom:10px; width:100%;} .mod_inquir .hd {height: 36px;left: 0;line-height: 36px; padding: 0;position: relative;top: 0;width: 100%;} .mod_inquir .hd h3 {color: #ff5300;display: inline; font-weight:bold; padding-left:10px;} .mod_inquir .bd {padding: 12px 10px;} .mod_inquir .bd ul li{ padding-left:130px; line-height:25px; margin-bottom:6px; position:relative;vertical-align: top;} .list_info .tit {left: 0;position: absolute;text-align: right;top: 0;width: 120px;font-weight:bold;} .list_info .tit span.hot {color: #cc0000;padding-right: 3px; margin-top:33px;} input {background:#ececec;border: medium none;;transition: border 0.2s linear 0s;vertical-align: middle;} input.input_long {height: 20px;line-height: 21px;width: 300px;color: #818681;font-size: 14px; height: 32px;line-height: 32px;} .list_info li tr td {padding: 5px 10px;} .clearfix:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;} #reqhead .tit {font-size: 12px;font-weight: bold; width: 120px;} select {border: 1px solid #cccccc;padding: 4px 5px;vertical-align: middle;} .mod_inquir .list_info li ul li {float: left;margin-right: 10px;padding: 0;line-height: 25px; margin-bottom: 6px;position: relative;} .list_info .input_80 {height: 23px;line-height: 23px;text-indent: 5px;width: 80px;} .list_info .input_short {height: 23px;line-height: 23px;text-indent: 5px;width: 240px;} #feedbackproduct li{ padding-left:15px; } input.submit { background:#d11f00; border: medium none; border-radius: 3px 3px 3px 3px; color: #ffffff; display: inline-block; font-weight: bold; width:120px; height: 37px; line-height: 40px; overflow: hidden; text-align:center; vertical-align: middle; cursor:pointer; margin-left:90px; font-family:arial, helvetica, sans-serif; } input { background: none repeat scroll 0 0 #ececec; border: medium none; transition: border 0.2s linear 0s; vertical-align: middle; } /* feedback */ /* product */ div.bk_pro{ float:left; width:300px; margin: 5px 20px; } .ru div.name{height: 50px;} div.name{ float:left; width:300px; text-align:center; } div.imagediv{ float:left; width:300px; height:180px; } /* product */ /* productdetail */ div.pro_top{ float:left; margin-top:20px; } div.pro_left { float: left; } div.pro_right { float: left; margin-left:15px; } #tabbedpanels2.tabbedpanels.tabbedpanels { clear: both; margin-top: 15px; padding-bottom: 27px; } #tabbedpanels2.tabbedpanels .tabbedpanelstabgroup { display: block; width: 100%; } #tabbedpanels2.tabbedpanels .descriptionnameout { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #ffffff; border-color: #e6e6e6 #e6e6e6 -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; color: #888888; cursor: pointer; float: left; font-size: 14px; font-weight: bold; line-height: 21px; list-style: none outside none; margin-right: 1px; padding: 2px 20px; } #descriptionname7, #descriptionname1 { display: block; } #tabbedpanels2.tabbedpanels .descriptionnameon { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #184095; border-color: #8caeea #8caeea -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; cursor: pointer; float: left; font-size: 14px; font-weight: bold; line-height: 21px; list-style: none outside none; margin-right: 1px; padding: 2px 20px; color: #ffffff; } #tabbedpanels2.tabbedpanels .tabbedpanelstabselected { background: none repeat scroll 0 0 #eeeeee; } #tabbedpanels2.tabbedpanels .tabbedpanelstab a { } #tabbedpanels2.tabbedpanels .tabbedpanelscontentgroup { border: 1px solid #e3e3e3; clear: both; overflow: hidden; padding: 10px 15px; } #tabbedpanels2.tabbedpanels .tabbedpanelscontent { } #tabbedpanels2.tabbedpanels .tabbedpanelscontentvisible { } /* productdetail */ /*---------------------------------news--------------------------------------*/ ul.newslist li{ border-bottom: 1px dashed #e3e3e3; height: 35px; line-height: 35px; margin-bottom: 10px; width:100%; } /*---------------------------------news--------------------------------------*/ /*----------------------------------category-------------------------------------------*/ .category .u1 li { padding-top: 15px; border-bottom:1px solid #e3e3e3; } .category .u1 li a { background: no-repeat scroll 12px 5px rgba(0, 0, 0, 0); display: block; font-size: 12px; font-weight: bold; line-height: 21px; padding-left: 25px; } .category .u1 li a:hover { text-decoration:none; color:#184095; } .category .u2 { display: block; padding-bottom: 10px; } .category .u2 li { background-position: 15px 8px; padding-top: 0; } .category .u2 li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #595959; display: block; font-size: 12px; font-weight: bold; line-height: 21px; padding-left: 30px; } /*----------------------------------category-------------------------------------------*/ .subcategories { margin: 20px 0; width: 708px; float:left; } .subcategories div { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #5a7594; border-color: #415a77 #415a77 -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; color: #ffffff; font-weight: bold; line-height: 20px; padding: 2px 5px; width: 696px; } .contentlist { background: none repeat scroll 0 0 #e8ebef; border: 1px solid #415a77; padding: 0 0 5px 5px; width: 701px; } .contentlist li { margin: 5px 8px 0 0; width: 32%; } #uid0 .l1 img{ width:0px; display: none; } div.pagination{ clear:both; float:right; padding-top:20px; } ul.nav{ border-bottom:1px solid #a8a7a7; width:100%; height:30px; margin-bottom:10px; } div.contacttxt{ height:280px; } div.nav{ float:left; width:100%; margin-bottom:15px; } div.nav ul li{ float:left; } .zh-cn{ font-family:"microsoft yahei";} .nex{margin-top:20px;} div.news #nex li{background:none;padding-left:0;} /****��ҳ�ͻ�����*********/ .scroll_vertical{position:relative;width:240px;height:250px;} .scroll_vertical .box{overflow:hidden;position:relative;top:0px;height:250px;} .scroll_vertical .list{position:absolute;top:0;left:0; width: 240px;} .scroll_vertical .list .title{color: #398ff0;padding-left: 22px; background:url(/uploads/image/tfasimages/rvico.png) 0 -1px no-repeat;} .scroll_vertical .list .cont{ color: #9e9e9e;} .scroll_vertical .list li{ margin: 0 0 10px; } .scroll_vertical .prev, .scroll_vertical .next{position:absolute;left:50%;width:120px;height:30px;margin-left:-25px;width:50px;height:40px;background-image:;background-repeat:no-repeat;font:0/0 arial;cursor:pointer;} .scroll_vertical .prev{top:5px;background-position:-80px 0; display:none;} .scroll_vertical .next{bottom:5px;background-position:-130px 0;display:none;} .scroll_vertical .prev:hover{background-position:-80px -40px;} .scroll_vertical .next:hover{background-position:-130px -40px;} /*��ҳ��ʽ*/ table.hot-pro{} table.hot-pro tr{margin-bottom:10px;} table.hot-pro .hot-img{text-align:center;} table.hot-pro .hot-img img{border: 1px solid #cccccc;} table.hot-pro .hot-desc{width:290px;} table.hot-pro .hot-btn{position:relative;width:300px;} table.hot-pro .hot-btn a.hot-inquiry{ background:#006bbd; color:#fff; font-size:14px; font-weight:bold; padding: 10px 20px; } /* �ҳ����� */ .inquire-a{ height: auto; margin-top: 5px; overflow: hidden; width: 100%;} .inquire-a a{ color: #3069fa; display: block; font-size: 16px; height: 30px; line-height: 30px; width: 138px; } .you-ui{display:block;height:180px;width: 134px;} .inquire-a a img{float: left;margin: 6px 9px 0 12px;} .inquire-a a span{float: left;padding-left: 40px;} .inqurebox{ width:141px; overflow: hidden; height:277px; text-align:center; background: url(/uploads/image/tfasimages/you.png) no-repeat; /* margin-right: 50px; background:#fff; */ } .ru .inqurebox{background: no-repeat;display: none;} .zh-cn .inqurebox{background: url(/uploads/image/tfasimages/you_zh.png) no-repeat;} .inqurebox .xf-title{ background:#1186d5; color: #fff; font-size: 14px; font-weight: bold; height: 35px; line-height: 35px; text-align: center; width: 100%; margin-bottom: 5px; } .inqurebox .xf-title a{color:#fff;} .inqurebox .xf-follow{ text-align:left; height:40px; line-height:40px; background:#1186d5; padding: 0 5px; } .inqurebox .xf-follow li{float:left;color:#fff;font-weight: bold;font-size: 12px;} .inqurebox .xf-follow a{ display: block; height: 20px; margin-right: 3px; margin-top: 10px; width: 20px; } .inqurebox .xf-follow a.google{background:url(/uploads/image/tfasimages/whatsapp.png) center center no-repeat;} .inqurebox .xf-follow a.facebook{background:url(/uploads/image/tfasimages/viber.png) center center no-repeat;} .inqurebox .xf-follow a.teitter{background:url(/uploads/image/tfasimages/skype.png) center center no-repeat;} .inqurebox .xf-follow a.linked{background:url(/uploads/image/tfasimages/wecheat.png) center center no-repeat;} .footfollow{ float:left; margin:10px 0 0 200px; width:380px; } .footfollow ul li{ float:left; } .footfollow ul li a{ display:block; height:20px; width:20px; margin:2px 8px 0 8px; } .footfollow ul li .gg{background:url(/uploads/image/tfasimages/google.png) center center no-repeat;} .footfollow ul li .fb{background:url(/uploads/image/tfasimages/fb.png) center center no-repeat;} .footfollow ul li .tt{background:url(/uploads/image/tfasimages/twitter.png) center center no-repeat;} .footfollow ul li .lk{background:url(/uploads/image/tfasimages/linkedin.png) center center no-repeat;}