/* CSS Document */ body{margin:0px; padding:0px; font-family:"Microsoft yahei"; color:#333; font-size:12px;overflow-x:hidden;overflow-y:scroll;} .c{clear:both;} .p{padding:10px;} .plr{padding:0px 20px;} .pr{padding-right:30px;} .w{width:100%;} .w1{text-align:center; margin-top:10px;} .w1 a{margin:0px 10px;} .mt{margin-top:20px;} .mt7{margin-top:70px;} .mt_img{margin-top:20px;} .mt_img img{margin-bottom:10px;} .l{float:left;} .r{float:right;} .mt1{margin-top:10px;} *{ margin:0px; padding:0px;} ul,li{ list-style:none;} a:link, a:active, a:visited{ color:#333; text-decoration:none;} a:hover{ color:#FF6600; text-decoration: none;} img,a{ border:none; outline:none;} .tud{ border-left:1px solid #CCCCCC;} .tud td{border-right:1px solid #CCCCCC;} .bgtop{height:35px; background:#f7f7f7; border-bottom:1px solid #CCCCCC;} .bgtop_main{ width:980px; margin:0px auto; height:35px; line-height:35px;} .bgtop_main span{float:right;} .bgtop_main span a{margin-left:5px; margin-right:5px;} .bgtop img{margin-left:10px; padding-top:3px;} .Productshow_title1{width:100%; height:38px; background:#efefef; margin-top:10px; font-size:26px; font-weight:bold; line-height:38px; text-indent:15px;} .productList{width:100%; height:38px; background:#efefef; margin-top:10px; font-size:14px; font-weight:bold; line-height:38px; text-indent:15px;} .style2{margin:0px; padding:0px;} .style2 li{width:170px; float:left; margin-bottom:10px;} .style2 li p{ width:170px; height:30px; line-height:36px; text-align:center;} .style2 li img{width:164px; height:80px; padding:2px;border:1px solid #DFDFDF;} .logo{width:980px; margin:0px auto; height:127px; background:url(../images/logo.png) center no-repeat;} .logo img{ margin-top:10px;} .search_main{height:49px; background:#f4f4f4; border-bottom:1px solid #e1e1e1;} .search_main1{width:980px; height:49px; font-size:12px; line-height:49px; margin:0px auto;} .search{width:277px; float:right; margin-top:10px; background:url(../images/s.png) left center no-repeat; height:30px;} .search .inp1{width:233px; float:left; height:30px; line-height:30px; border:none; background:none; outline:none; padding-left:5px; color:#666666;} .search .inp2{width:39px; height:30px; float:right;} .meau_main{height:49px; background:#656565; text-align:center;} .meau_main a{color:#fff;} .meau_main a:hover{color:#ffcc00;} .meau_main1{width:980px; height:38px; font-size:12px; line-height:45px; margin:0px auto;color:#fff;} .top_main{width:100%; height:44px; background:url(../images/meaubg.jpg);} .main_top{width:980px; height:44px; line-height:40px; margin:0px auto;} .top{ margin:0px; padding:0px;} .top li{height:44px; float:left; line-height:44px; text-align:center; list-style:none; background:url(../images/mid.png) right center no-repeat;} .top li a{ width:140px; height:44px; display:block; color:white; font-weight:bold; font-size:14px;outline:none;font-family:"Microsoft yahei";} .top li:hover,.top li a:hover{ color:#ffcc00;} .lee dt a{color:red!important; } .title{height:30px; line-height:30px; border-bottom:1px solid #d8d9d8; color:#0f64ab; font-size:18px;} .title span{ float:right; font-size:14px;} .title10{ width:100%; height:72px; font-size:14px; text-transform:uppercase; color: #fff; } .title10 span{ float:right; margin-right:10px; } .title10 span a{ color: #fff; } .title10 font{ margin-left:10px; font-size:18px; padding:5px 0px; } .title2{width:100%; height:42px; line-height:36px; background:url(../images/title2.png) left no-repeat; font-size:14px; text-indent:20px; color:#FFFFFF; font-weight:bold;} .title2 span{float:right; margin-top:13px; margin-right:10px;} .title_mod{width:100%; height:50px; background:url(../images/mod.png) repeat-x;} .title_mod_main{width:980px; height:42px; line-height:42px; margin:0px auto;} .title_mod span{font-weight:bold; color:#0071e1;} .title_right font{background:#272444; padding:10px 15px; color:#FFFFFF; font-size:14px;} .index_left{width:230px; float:left;} .index_right{width:710px; float:right;} .index_main{padding-bottom:20px; padding-top:20px; background:#f4f4f4;} .index_left1{width:313px; float:left;} .index_left2{width:313px; float:left; margin-left:20px;} .index_left3{width:313px; float:right;} .index_title1{height:40px; line-height:40px; background:#2A5D9E url(../images/tel.png) 10px center no-repeat; text-indent:40px; font-size:16px; color:#fff;} .index_title2{height:40px; line-height:40px; background:#2A5D9E url(../images/pt.png) 10px center no-repeat; text-indent:30px; font-size:16px; color:#fff;} .index_title2 span{float:right; margin-right:10px; margin-top:15px;} .run{overflow:hidden; width:980px; margin:10px auto;} .run_p td{padding:6px;} .run_p p{ margin-top:10px; line-height:20px;} .run_p{WIDTH:1000px; BORDER-COLLAPSE: collapse;display:inline;} .run_p img{padding:2px; border:1px solid #CCCCCC;} .run_p2 td{padding:0px 6px;} .run_p2 p{line-height:30px; height:30px; text-align:center; } .run_p2{WIDTH:1000px; BORDER-COLLAPSE: collapse;display:inline;} .run_p2 img{padding:2px; border:1px solid #CCCCCC;} .project{width:100%; margin-top:20px;} .project p{padding-right:10px;} .project_t{width:100%; height:32px; line-height:32px; font-size:14px; font-weight:bold; color:#007dc0; border-bottom:1px dotted #CCCCCC; margin-bottom:10px;} .project_l{widows:200px; float:left;} .project_l img{padding:2px; border:1px solid #CCCCCC;} .project_r{width:520px; float:right;} .project_l1{width:205px; float:left;} .project_r1{width:530px; float:right;} .index_about{height:236px; padding:0px 20px; line-height:25px;} .index_about img{float:left; margin-right:10px;} .index_contact{border:1px solid #CCCCCC; line-height:22px;} .index_contact p{margin-top:10px; margin-bottom:5px;font-weight:bold; font-size:14px;} .index_contact span{color:#fe0000;font-size:16px;} .index_right_about{width:100%; height:187px;} .index_right_p{margin-top:10px; padding:0px;} .index_right_p li{width:170px; float:left; margin-bottom:10px; margin-right:10px;} .index_right_p li img{ width:160px; height:120px;padding:4px;border:1px solid #efefef;} .index_right_p li p{text-align:center; height:30px; line-height:30px; font-size:12px;} .Index_news_main{width:100%; height:330px; margin-top:30px;} .Index_news_left{width:147px; float:left;height:107px;} .Index_news_left img{width:147px; height:107px;} .Index_news_mid{width:100%; margin-top:10px;} .Index_news_mid_l{width:177px; float:left;} .Index_news_top{width:100%; height:35px; font-size:16px; font-weight:bold; line-height:35px; background:url(../images/title.jpg) no-repeat; text-indent:10px;} .Index_news_top font{font-weight:normal; color:#999999; text-transform:uppercase; margin-left:5px;} .Index_news_top span{float:right; margin-top:10px; margin-right:10px;} .Index_news_right{width:440px; float:right;} .Index_news_right .pt1{height:20px; font-weight:bold;} .Index_news_right .pt2{line-height:24px;} .Index_news_right .pt3 a{color:#2581df;} .I_n_1{width:315px; float:left;} .I_n_2{width:315px; float:left; margin-left:18px;} .I_n_3{width:315px; float:right;} .I_D_1{width:622px; float:left;} .I_D_2{width:31px; float:left; background:url(../images/index_mid.png) center center no-repeat; height:280px;} .I_D_3{width:327px; float:right;} .I_N1{width:91px; height:74px; float:left;} .I_N1 img{padding:1px; border:1px solid #CCCCCC;} .I_N2{width:224px; height:74px; float:right;} .I_N2 p{font-weight:bold;} .I_N2 div{line-height:22px;} .products_form table{margin-top:20px; margin-bottom:20px;} .products_form td{ padding:5px;} .products_form label{color:red; margin-left:10px;} .products_form .inputBorder{border:1px solid #DFDFDF; width:300px; height:24px; line-height:24px; padding-left:5px; background:none;} .products_form textarea{background:none; border:1px solid #DFDFDF; height:50px; width:300px; overflow:hidden; padding:5px;} .Index_news{width:100%; margin-top:10px; padding:0px;} .Index_news li{background:url(../images/dian.png) left center no-repeat; text-indent:14px; height:36px; line-height:36px; border-bottom:1px dotted #CCCCCC;width:100%;} .Index_news li a{width:100%; height:36px; line-height:36px; display:block; font-size:12px;} .Index_news li span{float:right;} .index_p_main{width:225px; height:591px; float:left; } .index_p_main_title{height:65px; line-height:65px; background:#2061A5 url(../images/pleft1.png) 20px center no-repeat; text-indent:70px; color:white; font-size:18px;} .index_p_main1{width:728px; height:591px; float:right;} .index_p{margin:0px; padding:5px; background:#f4f4f4;} .index_p li{height:40px; line-height:40px; background:url(../images/dian.png) 10px center no-repeat; text-indent:30px; border-bottom:1px dotted #CCCCCC;} .index_p li a{ font-size:14px;} .index_p li a:hover{ font-weight:bold;} .index_p10{ margin-top:20px; padding-bottom:20px;} .index_p10 li{width:185px; height:200px; float:left; margin-right:11px;} .index_p10 li img{ width:185px; height:150px;} .ptit{line-height:30px; background:#9d9d9d; color:white; height:30px; text-align:center; } .index_p10 li a{color:white;} .index_p10 li a:hover{color:#fc0;} .index_p11{margin:0px; padding:0px; border:1px solid #d6d6d6;} .index_p11 li{height:41px; line-height:41px; width:100%; border-top:1px solid #d6d6d6; background:url(../images/pdian.png) 15px center no-repeat;} .index_p11 li a{ padding-left:35px; height:40px; line-height:40px;} .index_p11 .Ptitle{float:right; width:103px; height:103px; margin:10px 5px 10px 0px; } .mailto{width:137px; height:121px; margin:0px auto;} .mailto a{width:137px; height:121px; display:block;background:url(../images/elogin.jpg) no-repeat;} .mailto a:hover{background:url(../images/elogin1.jpg) no-repeat;} .banner{background:url(../images/banner.jpg) center center no-repeat; height:428px;} .banner_main{width:980px; height:428px; margin:0px auto;} .banner_flash{width:330px; height:428px;} .keywords{height:41px; background:url(../images/keybg.png) repeat-x;} .keywords_content{width:980px; height:41px; line-height:41px; margin:0px auto;} .index_fo_main{width:100%; height:212px; background:#0085dc;} .index_fo_main1{width:980px; margin:0px auto; background:url(../images/bottom_bg.png) right 30px no-repeat;} .index_fo{width:980px; height:174px; margin:0px auto;} .index_fo_left1{width:220px; height:174px; float:left; background:url(../images/logo2.png) right center no-repeat;} .index_fo_left2{width:480px; padding-top:30px; float:left; margin-left:30px; line-height:30px; color:#666666;} .index_fo_left3{width:100px; height:174px; float:left; background:url(../images/er.png) left center no-repeat;} .index_foot_main{padding-top:30px; padding-bottom:30px;background:#2A5D9E;} .index_foot{width:980px; margin:0px auto; } .index_foot_r{width:980px; float:left; background:url(../images/er.png) left center no-repeat;} .index_foot_r_copyright{line-height:34px; height:136px; color:#fff; font-size:12px; padding-left:316px; } .index_foot_r_copyright a{color:#fff} .index_foot_r_copyright a:hover{color:#FFcc00} .index_foot1{margin:0px; padding:0px;} .index_foot1 li{width:130px; float:left;} .index_foot2_title{font-size:16px; color:white; font-weight:bold; height:24px;} .index_foot2{ margin-top:10px;padding:0px;} .index_foot2 li{height:24px; line-height:24px;} .index_foot2 a{color:#fff; font-size:12px;} .index_foot2 a:hover{color:#ffcc00;} .index_friend{margin-top:20px; margin-bottom:10px; height:36px; line-height:36px; color:#333;} .index_friend1{width:980px; height:36px; font-size:12px; line-height:36px; margin:0px auto;} .index_friend font{ font-weight:bold; font-size:18px; } .Index_bottom{width:980px; margin:0px auto; padding-top:20px; padding-bottom:20px;} .Index_bottom_1{width:130px; height:120px; float:left;} .Index_bottom_2{width:840px; float:left; height:120px; line-height:26px; padding-top:6px;} #CSSBox{width:680px; margin:20px auto 0px auto;overflow:hidden;background-color:#ffffff; } #CSSBox ul li{ float:left; list-style:none; border:0px solid red; margin:0px 4px;} #CSSBox ul li img{ padding:2px; border:1px solid #CCCCCC;} #CSSBox ul li span{ display:block; text-align:center; font-size:12px; margin-top:10px;} #CSSBox1{width:980px; margin:20px auto 0px auto;overflow:hidden;background-color:#ffffff; } #CSSBox1 ul li{ float:left; list-style:none; border:0px solid red; margin:0px 11px;} #CSSBox1 ul li img{ padding:2px; border:1px solid #CCCCCC;} #CSSBox1 ul li span{ display:block; text-align:center; font-size:12px; margin-top:10px;} #main{width:980px; margin:20px auto;} #main4{width:980px; margin:10px auto;} #mind1{width:100%; height:316px;} #mind1_contact{text-align:center; font-size:18px; font-weight:bold; color:white; height:30px; line-height:30px;} .d1{margin-top:20px; color:white; font-size:16px;} .d2{line-height:26px; text-align:left; padding:8px;color:white;} .mind1_l1{width:683px; float:left;} .mind1_l2{width:270px; float:right; height:423px; background:#0086dc; text-align:center;} .mind1_l20{width:270px; float:right; } .mind1_l3{width:316px; height:316px; float:right;background:#FFFFFF;} .a1{width:100%; height:334px;} .a1_left{width:730px; height:334px; float:left;} .a1_right{width:204px; height:334px; float:right;} .a2{width:100%; margin-top:10px;} .c1{width:100%; height:294px; line-height:24px; margin-top:10px;} .c1 img{float:left; margin-right:20px;} .cc{width:100%; height:225px; margin-top:20px;} .cc_c{width:100%; height:377px;} .cc_c_l1{width:374px; height:377px; float:left;} .cc_c_l1_c{width:350px;} .cc_c_l1_p{margin-top:20px;} .cc_c_l2{width:302px; height:377px; float:left; background:url(../images/newmid.png) left center no-repeat;} .cc_c_l2_p{padding-left:20px; padding-right:20px;} .cc_c_l3{width:304px; height:377px; float:right;background:url(../images/newmid.png) left center no-repeat;} .cc_c_l3_p{margin-top:24px;} .left_P{margin:0px; padding:0px;} .left_P li{width:100%; border-bottom:1px dashed #dfdfdf; font-size:12px; height:30px; line-height:30px;} .left_P li font{padding:1px 6px; -moz-border-radius: 50px; /* Firefox */ -webkit-border-radius: 50px; /* Safari 和 Chrome */ border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */ color:white; font-size:12px; margin-right:5px; margin-left:5px;} .leftfont1{background:#ff6600;} .leftfont2{background:#CCCCCC;} .left_P1{ width:100%;} .left_P1 img{padding:2px; border:1px solid #DFDFDF;} .left_P3{font-size:12px; height:30px; text-align:center; line-height:30px;} .productshow{width:360px; float:right; margin-left:15px; line-height:26px;} .productshow p{line-height:36px;} .productshow img{ margin-top:20px;} .productshow_title{ color:#ff0000;font-size:16px; line-height:24px; } .productshow_title font{ color:#0069a9;} .productstel{color:#1368af; font-size:18px; font-weight:bold; margin-top:10px; margin-bottom:10px;} .productsDownload{width:100%; height:38px;background:#e9e9e9; margin-top:10px; font-size:14px; font-weight:bold; color:#fff; line-height:38px; } .productsDownload font{ background:#e07900; padding:9px 20px;} .news_nav{clear:both; margin-top:20px; text-align:center; margin-bottom:20px; padding-top:20px;} .news_nav a{padding:5px 10px; margin-right:10px; background:#e0e0e0;} .news_nav a:hover{ background:#656565; color:#fff;} .news_nav_cl{background:#656565!important; color:#fff!important;} .copyright{padding-top:20px; padding-bottom:20px; background:#464646; text-align:center; line-height:24px; color:white;} .copyright a{color:white;} .copyright a:hover{color:#fc0;} .About_title{width:100%; height:40px; background:#2A5D9E url(../images/pleft.png) 10px center no-repeat; line-height:40px; color:white; font-size:16px; text-indent:30px; } .About_title2{width:100%; height:40px; line-height:40px; background:#eeeeee; } .About_title2 span{float:right; margin-right:10px;} .About_title2 font{color:#FFFFFF; padding:9px 30px 9px 20px; font-size:16px; background:#2A5D9E url(../images/left3.png) right center no-repeat;} .About_title2 a{} .About_title3{width:100%; height:40px; background:#2A5D9E url(../images/pleft.png) 10px center no-repeat; line-height:40px; color:white; font-size:16px; text-indent:30px;} .About_title4{width:100%; height:40px; background:#e07900 url(../images/left3.png) 10px center no-repeat; line-height:40px; color:white; font-size:20px; text-indent:35px;} .About_contact{ border:1px solid #efefef;line-height:24px; padding:10px; border-top:none;} .About_contact5{ padding-top:10px;} .About_contact strong{color:#333;} .About_contact1{ padding:10px 9px; border:1px solid #dddddd; line-height:24px;} .About_contact11{ margin-top:20px;} .About_contact10{ padding:10px 9px; background:#f4f4f4; line-height:24px;} .About_contact10 img{margin-bottom:10px;} .About_contact2{line-height:24px; padding:10px 0px; } .About_contact3{padding-top:10px; } .About_contact4{line-height:24px; } .About_contact5{ padding:10px; background:#f4f4f4; line-height:24px;} .AboutLi{ margin:0px; padding:5px 0px 15px 0px; background:#f4f4f4;} .AboutLi li{width:100%; line-height:40px; border-bottom:1px dotted #CCCCCC; height:40px; background:url(../images/dian.png) 30px center no-repeat;} .AboutLi li a{ padding-left:56px;line-height:40px; height:40px; font-size:14px;display:block; } .AboutLi li:hover,.AboutLi li a:hover{ font-weight:bold; color:#ff0000;} .cd a{color:#2A5D9E;} .ed a{color:#CC3300 !important; font-weight:bold;} .about_c{width:226px; line-height:24px; padding-top:10px;} .AboutLi_new{ margin:0px; padding:10px; border:1px solid #DFDFDF; border-top:none;} .AboutLi_new li{width:100%; line-height:30px; height:30px; background: url(../images/dian.png) 0px center no-repeat; border-bottom:1px dashed #DFDFDF;} .AboutLi_new li a{ padding-left:10px;line-height:30px; height:30px; font-size:12px;display:block; } .AboutLi_new li:hover,.AboutLi_new li a:hover{ font-weight:bold; color:#f16400;} .about_left{width:230px; float:left;} .about_right{width:730px; float:right;} .case1{margin-top:10px; padding:0px; margin-left:15px; width:100%;} .case1 li{width:190px; height:30px; line-height:30px; float:left; text-align:left;} .case1 li a{width:190px; height:30px; line-height:30px; display:block;} .ca1{ font-weight:bold;} .ca1 a{color:#da251d !important; } .case2{margin-top:10px; padding:0px; margin-left:15px;} .case2 li{; margin-right:15px; background:#FFFFFF; border:1px solid #CCCCCC; float:left;} .case2 li a{display:block;padding:10px} .case2 li:hover,.case2 li a:hover{background:#333333; color:#FFFFFF;} .ca2{background:#333333 !important;} .ca2 a{ color:#FFFFFF !important;} .case3{width:230px; height:350px; float:left; margin-right:10px;} .case3_main{width:230px; height:260px; border:1px solid #CCCCCC; padding:5px; line-height:30px; text-align:center;} .case3_p1{font-size:14px; margin-top:10px;} .case3_p2{height:20px; width:100px; line-height:20px; background:url(../images/view.png) left center no-repeat; float:left;} .case3_p3{height:20px; width:100px; line-height:20px; background:url(../images/web.png) left center no-repeat; float:left;} .service_title{width:100%; margin-top:20px; height:30px; font-weight:bold; line-height:26px; font-size:18px; color:#da241d; } .newslist li{padding:5px 0px;border-bottom:1px dotted #ccc;clear:both;} .newslist li a{} .newslist li span{float:right;padding-right:4px;color:#333;} .newslist2{margin:0px; padding:0px;} .newslist2 li{ padding-bottom:20px; } .newslist2 li img{width:150px; height:120px; padding:2px; border:1px solid #dfdfdf;} .newslist2 li p{font-weight:bold; } .newslist2 .L_new{width:160px; height:120px; float:left;} .newslist2 .R_new{width:560px; float:right;} .newslist2 .R_new p a{color:#333} .newslist2 .R_new p a:hover{color:#ff0000} .title1{text-align:center;line-height:40px;font-size:14px;font-weight:bold;color:#ff0000} .title2{text-align:center;line-height:24px;font-size:12px;border-bottom:1px dotted #888;} .newsbody{margin:0px 0px;line-height:22px; } .newsauthor{text-align:right;line-height:24px;font-size:12px;padding-right:20px;border-bottom:1px dotted #ccc;margin-bottom:10px;} .newsmore{line-height:22px;font-size:12px; background:url(../images/dl_pic01.jpg) left center no-repeat; } #ProductList{width:100%;} #ProductList img{padding:4px; border:1px solid #E8E8E8;} .P_tttttt{width:100%; height:30px; line-height:16px; text-align:center; padding-top:5px;} .P_lll{width:230px; float:left; margin-right:18px; display:inline;} .P_lll img{width:220px; height:175px; padding:4px; border:1px solid #CCCCCC;} .P_lll_t{width:100%; line-height:20px; text-align:center; padding-top:5px; padding-bottom:15px;} .P_rrr{width:230px; float:right;display:inline;} .P_rrr img{width:220px; height:175px;padding:4px; border:1px solid #CCCCCC;} .P_lll9{width:230px; float:left; margin-right:18px; display:inline;} .P_lll9 img{width:220px; height:250px; padding:4px; border:1px solid #CCCCCC;} .P_lll9_t{width:100%; line-height:20px; text-align:center; padding-top:5px; padding-bottom:15px;} .P_rrr9{width:230px; float:right;display:inline;} .P_rrr9 img{width:220px; height:250px;padding:4px; border:1px solid #CCCCCC;} .P_lll90{width:230px; float:left; margin-right:18px; display:inline;} .P_lll90 img{width:220px; height:165px; padding:4px; border:1px solid #CCCCCC;} .P_lll90_t{width:100%; line-height:20px; text-align:center; padding-top:5px; padding-bottom:15px;} .P_rrr90{width:230px; float:right;display:inline;} .P_rrr90 img{width:220px; height:165px;padding:4px; border:1px solid #CCCCCC;} .P_lll92{width:170px; float:left; margin-right:20px; display:inline;} .P_lll92 img{width:160px; height:210px; padding:4px; border:1px solid #CCCCCC;} .P_lll92_t{width:100%; line-height:20px; text-align:center; padding-top:5px; padding-bottom:15px;} .P_lll92_t a{font-size:12px;} .P_rrr92{width:170px; float:right;display:inline;} .P_rrr92 img{width:160px; height:210px;padding:4px; border:1px solid #CCCCCC;} .pline{margin:0px; padding:0px;} .pline li{width:100%; background:url(../images/pbottom.jpg) center bottom no-repeat; padding-top:10px; padding-bottom:10px; height:150px;} .pline .pline_left{width:160px; float:left;} .pline .pline_left img{padding:2px; border:1px solid #CCCCCC; width:141px; height:118px;} .pline .pline_right{width:580px; float:right;} .pline .pline_title{font-size:16px; font-weight:bold;} .pline .pline_title a{ color:#1368af;} .pline .pline_title a:hover{ color:#f60;} .pline .pline_content{font-size:14px; line-height:24px; margin-bottom:10px;} .nline{margin:0px; padding:0px;} .nline li{width:100%; border-bottom:1px dotted #CCCCCC; padding-top:20px; padding-bottom:20px;} .nline .nline_left{width:160px; float:left;} .nline .nline_left img{padding:2px; border:1px solid #CCCCCC; width:157px; height:116px;} .nline .nline_right{width:570px; float:right;} .nline .nline_title{font-size:16px; font-weight:bold;} .nline .nline_date{color:#1368af; font-size:14px; } .nline .nline_date a{ color:#1368af;} .nline .nline_date a:hover{ color:#f60;} .nline .nline_content{font-size:14px; line-height:24px; color:#666666;} #ProductList .item{ margin:5px 5px; float:left; text-align:center;} #ProductList .item h4{ font-size:12px; line-height:24px;} #ProductList p{padding:0px;margin:0px;} #ProductList .imgtab{width:150px;height:120px;} #ProductList .imgtd{width:160px;height:130px;} #ProductList .nav{ width:100%; height:30px; line-height:30px;line-height:30px; padding:0; margin:0;} .product_title{width:100%; padding:10px 0px; margin:0 auto;line-height:24px; overflow:hidden; border-bottom:1px dotted #CCCCCC;} .product_title img{border:1px solid #ccc; padding:2px; margin-right:10px;} .product_title a{font-weight:bold; font-size:14px; color:#0495f2;} .product_title a:hover{color:#ff4400;} .news_left{width:600px; float:left;} .news_li{width:100%; height:34px; line-height:34px; font-size:14px; font-weight:bold; text-indent:10px; background:#c9c9c9;} .news_span{float:right; margin-right:10px; font-weight:normal; font-size:12px;} .news_contact{padding:10px; height:70px;} .news_right{width:334px; height:636px; float:right;} .solution{margin:0px; padding:0px;} .solution li{width:280px; height:200px; float:left; text-align:center; margin:20px 15px; background:url(../images/custormer.png) left top no-repeat;} .solu{padding:10px; line-height:40px; font-size:14px; font-weight:bold; color:#333;} .solut{width:400px; height:40px; margin:20px auto;} .solut_left{width:150px; height:40px; font-size:16px; background:url(../images/left1.png) left center no-repeat; line-height:40px; float:left; text-indent:46px;} .solut_left a{color:#666} .solut_right{width:150px; height:40px; line-height:40px; font-size:16px; float:right; background:url(../images/right1.png) left center no-repeat; text-indent:46px;} .solut_right a{ color:#666;} /*Banner1*/ .mainbanner{height:400px;overflow:hidden; position:relative; margin-top:1px;} .mainbanner_window{left:50%;width:2000px;height:400px;overflow:hidden;margin-left:-1000px;position:absolute;} .mainbanner_window ul{width:999999px;height:461px;position:relative;} .mainbanner_window li{background:rgb(255, 255, 255);width:2000px;height:400px;text-align:center;font-size:0px;float:left;display:inline;} .mainbanner_list{left:50%;top:355px;width:500px;height:30px;margin-left:-30px;position:absolute; z-index:999;} .mainbanner_list li{width:30px;height:30px;overflow:hidden;float:left;display:inline;} .mainbanner_list a{background:url(../images/50.png) no-repeat;width:17px;height:17px;line-height:17px;overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;} .mainbanner_list li.active a{background-position:0 -17px;text-decoration:none;} .mainbanner_list li a:hover{background-position:0 -17px;text-decoration:none;} /*End*/ .Index_new_main{width:350px; float:left; height:380px; background:url(../images/mid.jpg) right top no-repeat;} .Index_new1{width:350px; float:left; background:url(../images/mid.jpg) right top no-repeat;} .Index_new2{width:350px; float:left; margin-left:20px;background:url(../images/mid.jpg) right top no-repeat;} .Index_new3{width:250px; float:right;} .Index_new_img{width:307px; height:119px;} .Index_new{margin:0px; padding:0px;} .Index_new li{width:100%; height:76px; padding-bottom:15px;border-bottom:1px dotted #CCCCCC; margin-top:15px;} .Index_new li a{ width:100%; display:block; } .Index_new li a:hover{} .Index_new li span{float:right;} .Index_new_l{width:110px; height:76px; float:left;} .Index_new_r{width:200px; float:right; font-size:14px; line-height:18px;} .Index_new_r p{margin-top:10px;} .Index_new10{margin:0px; padding:0px; } .Index_new10 li{width:100%; border-bottom:1px dotted #CCCCCC; padding-top:8px; padding-bottom:10px; font-size:12px;} .Index_new10 li .Ntile{background:url(../images/q.png) left center no-repeat; height:35px; line-height:35px; text-indent:40px; font-weight:bold;} .Index_new10 li .Ncontent{background:url(../images/a.png) left top no-repeat; line-height:24px; padding-left:40px;} .Index_Friend_content{height:40px; width:980px; margin:20px auto; line-height:40px; } .Index_Friend_content font{ font-size:18px; color:#e07900;} /*Banner2*/ /*#slide-box {MARGIN: 0px auto; WIDTH: 760px;POSITION: relative; HEIGHT: 410px;TEXT-ALIGN:center; padding-top:30px;} #slide-box .slide-content {BACKGROUND: #333} #slide-box .ks-switchable-triggers A {DISPLAY: block; Z-INDEX: 99; WIDTH: 37px; COLOR: #b4b4b4; POSITION: absolute; TOP: 205px; HEIGHT: 65px; TEXT-DECORATION: none} #slide-box .ks-switchable-triggers SPAN {DISPLAY: block; WIDTH: 54px; CURSOR: pointer; HEIGHT: 94px; TEXT-ALIGN: center} #slide-box .ks-switchable-triggers .corner {BORDER-LEFT-COLOR: #fff; BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #fff; BORDER-RIGHT-COLOR: #fff} #slide-box .ks-switchable-triggers .prev {LEFT: -80px; background:url(../images/left.png) left center no-repeat;} #slide-box .ks-switchable-triggers .next {RIGHT: -80px; background:url(../images/right.png) right center no-repeat;} #slide-box .ks-switchable-triggers A:hover {COLOR: #f43d1e} #slide-box .ks-switchable-triggers A:hover SPAN {COLOR: #f43d1e} #slide-box .slide-content {PADDING:10px} #slide-box .wrap {OVERFLOW: hidden; WIDTH: 740px; HEIGHT: 400px} #slide-box UL {margin:0;padding:0;WIDTH: 10000px} #slide-box LI {FLOAT: left; WIDTH: 740px; HEIGHT: 450px} #slide-box LI IMG {WIDTH: 740px; HEIGHT: 410px;BORDER:0}*/ /*End*/ #slide-box {MARGIN: 0px auto; WIDTH: 204px;POSITION: relative; HEIGHT: 300px;TEXT-ALIGN:center;} #slide-box .slide-content { width:204px; margin:0px auto;} #slide-box .ks-switchable-triggers A { DISPLAY: block; Z-INDEX: 99; WIDTH: 20px; POSITION: absolute; TOP: 100px; HEIGHT: 67px; TEXT-DECORATION: none} #slide-box .ks-switchable-triggers SPAN { DISPLAY: block; FONT: 700 53px/57px arial; WIDTH: 20px; CURSOR: pointer; HEIGHT: 63px; TEXT-ALIGN: center} #slide-box .ks-switchable-triggers .corner {} #slide-box .ks-switchable-triggers .prev {LEFT: -10px;} #slide-box .ks-switchable-triggers .next {RIGHT: -10px;} #slide-box .ks-switchable-triggers A:hover {} #slide-box .ks-switchable-triggers A:hover SPAN {} #slide-box .slide-content {PADDING:10px 0px;} #slide-box .wrap {OVERFLOW: hidden; WIDTH: 204px; HEIGHT: 270px;} #slide-box UL {margin:0;padding:0;WIDTH: 10000px;} #slide-box LI {FLOAT: left; WIDTH: 204px; HEIGHT: 270px;} #slide-box LI IMG {WIDTH: 192px; HEIGHT: 263px;BORDER:0; padding:3px; border:1px solid #DFDFDF;} #GuestBook {margin:auto !important; margin:auto 0; line-height:25px; width:730px; height:auto; padding-top:8px;} #GuestBook .msgform thead td{padding-left:10px;border-bottom:1px dotted #666;font-weight:bold;} #GuestBook .msgform td{padding:3px;} #GuestBook .wd2{font-family:Wingdings 2;} #GuestBook .textinp{line-height:22px; border:0; height:22px; border:1px solid #CCC; text-indent:1px;} #GuestBook .textarea{border:0; border:1px solid #CCC;} #GuestBook .guesttitle{text-align:right;padding-right:6px;width:160px;} #GuestBook .subBox{ text-align:center;} #CSSBox5{float:left;width:280px;height:120px; margin:0px auto; overflow:hidden;} #CSSBox5 ul li{ float:left; list-style:none; border:0px solid red; margin:10px 5px;} #CSSBox5 ul li span{ display:block; text-align:center; font-size:12px;} #LeftButton{cursor:hand;margin:3px;height:76px;width:16px;float:left;background:url(../images/left1.png) center center no-repeat;} #RightButton{cursor:hand;margin:3px;height:76px;width:16px;float:left;background:url(../images/right.png) center center no-repeat;} #wrapper{width:330px;} #zoom_div img{border:1px solid #c0c0c0; padding:2px;} .preview{width:360px; float:left;} /* smallImg */ .smallImg{position:relative; height:52px; margin-top:1px; padding:6px 5px; width:320px; overflow:hidden;float:left;} .scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; } .scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;} .scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:310px; margin-top:-50px;} #imageMenu {height:50px; width:300px; overflow:hidden; margin-left:0; float:left;} #imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;} #imageMenu li img{width:50px; height:50px;cursor:pointer; } #imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;} /* bigImg */ .bigImg{position:relative; float:left; width:326px; height:220px; overflow:hidden;} .bigImg #midimg{width:320px; height:210px;padding:2px; border:1px solid #CCCCCC;} .bigImg #winSelector{width:200px; height:200px;} #winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;} /* bigView */ #bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;} #bigView img{position:absolute;} .home_banner{ min-width:800px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<800?"800px":"");HEIGHT: 400px} .bannerBox {POSITION: relative;} #big_img {HEIGHT: 400px} #small_img {POSITION: absolute; left:0px;TOP: -35px; width:100%} #small_imgs {WIDTH: 200px; margin:0 auto;PADDING-left:100px;} #small_imgs a {PADDING-LEFT: 3px; PADDING-RIGHT: 0px; FLOAT: left;} #small_imgs a .img { WIDTH: 13px; PADDING: 3px; HEIGHT: 13px; CURSOR: pointer;BACKGROUND: url(../images/ban_bt.png) no-repeat center center;} #small_imgs a .img IMG {WIDTH: 13px; HEIGHT: 13px;} #small_imgs a .active {BACKGROUND: url(../images/ban_bt1.png) no-repeat center center;} .nTab{width:100%;margin:0px auto;overflow:hidden;} .none {display:none;} .nTab .TabTitle{height:40px;} .nTab .TabTitle li{ float:left; cursor:pointer; height:30px; line-height:30px; text-align:center; width:80px; font-size:16px; margin-left:8px; margin-top: 8px; } .nTab .TabTitle li a{text-decoration:none;} .nTab .TabTitle .active{ background-color: #F4F4F4; color: #ED8D05; } .nTab .TabTitle .normal{color:#fff} .nTab .TabContent{clear:both;overflow:hidden;padding:5px 0px;display:block} .header{ margin-left:140px; padding-top:70px;} .header #nav{float:left;} .header .sup{z-index:1;position:relative;width:120px;float:left;height:30px; } .header .sup:hover{background:url(../images/nav_over.jpg) no-repeat center bottom} .header .sup>A{text-align:center;line-height:24px;display:block;font-family:"微软雅黑";color:#333;font-size:14px;font-weight:bold} .header .sup.current>A{color:#d80f0f} .header .sup>A:hover{text-decoration:none; } .header .sub{position:absolute;padding-bottom:22px;padding-left:22px;width:455px;padding-right:22px;background:#f5f7fa;visibility:hidden;border-top:white 1px solid;top:30px;padding-top:22px;left:0;opacity:0;transition:all .4s .1s} .header .sup:hover .sub{visibility:visible;opacity:1} .header .sub-nav{width:80px;float:left;} .header .sub-nav LI{padding-left:0;margin-bottom:5px;background:url(/image/icon/arrow-right.png) no-repeat left center}.header .product .sub-nav{width:125px} .header .sub-nav LI A{color:#333} .header .sub-nav LI A:hover{color:#f60;} .header .content{border-left:#e1e3e6 1px solid;padding-left:14px;width:178px;float:left;color:#737373} .header .content>IMG{width:178px;max-width:none;float:left;max-height:none;margin-right:10px} #menu { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT:44px;position: relative; } #menu DL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 140px; PADDING-TOP: 0px; POSITION: relative; } #menu DL DT { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 140px; PADDING-TOP: 0px; HEIGHT:44px;background:url(../images/mid.png) right center no-repeat; } #menu DL DT A { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 140px; COLOR: #fff; font-family:"Microsoft yahei"; PADDING-TOP: 0px; HEIGHT: 20px; TEXT-ALIGN: center; } #menu DL DT A:hover { COLOR: #ffcc00; } #menu DL DT A.current { COLOR: #ffcc00; } #menu DL DD { PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; Z-INDEX: 200; BACKGROUND: #fff; FILTER: alpha(opacity=90); PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; OVERFLOW: hidden; WIDTH: 140px; PADDING-TOP: 0px; POSITION: absolute; -moz-opacity: .9; opacity: 0.9; height:24px; line-height:24px; } #menu DL UL { BORDER-RIGHT:#ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:#ccc 1px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; WIDTH: 134px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; LIST-STYLE-TYPE: none } #menu DL LI { BORDER-BOTTOM: #fff 1px solid; margin:0px; padding:0px; } #menu DL DD A { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-BOTTOM: 3px; MARGIN: 0px; WIDTH: 129px; COLOR: #333; PADDING-TOP: 3px; TEXT-DECORATION: none;TEXT-ALIGN: center } #menu DL DD A:hover { COLOR: #ffffff; BACKGROUND-COLOR:#2A5D9E;TEXT-ALIGN: center } .accordion { margin:0px; background:#efefef; } .accordion .link { cursor: pointer; display: block; height:40px; line-height:40px; color: #ff0000; padding-left:30px; font-size: 14px; background:url(../images/dian.png) 20px center no-repeat; border-bottom:1px dotted #ddd; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion li:last-child .link { border-bottom: 0; } .accordion li i { position: absolute; top: 16px; left: 12px; font-size: 14px; color: #ff0000; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion li i.fa-chevron-down { right: 12px; left: auto; font-size: 14px; } .accordion li.open .link { color: #ff0000; } .accordion li.open i { color: #ff0000; } .accordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /** * Submenu -----------------------------*/ .submenu { position: relative; } .submenu li { } .submenu a { display: block; text-decoration: none; padding-left:40px; background: #efefef; font-size: 14px; border-bottom:1px dotted #ddd; height:40px; line-height:40px; background:url(../images/dian.png) 30px center no-repeat; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .submenu a:hover { color: #Ff0000; } .nTab{width:100%;margin:0px auto;overflow:hidden;} .none {display:none;} .nTab .TabTitle{height:40px;} .nTab .TabTitle li{ float:left; cursor:pointer; height:30px; line-height:30px; text-align:center; width:80px; font-size:16px; margin-left:8px; margin-top: 8px; } .nTab .TabTitle li a{text-decoration:none;} .nTab .TabTitle .active{ background-color: #F4F4F4; color: #ED8D05; } .nTab .TabTitle .normal{color:#fff} .nTab .TabContent{clear:both;overflow:hidden;padding:5px 0px;display:block} /*修改样式*/ .nTab .TabTitle #myTab{ background-color: #ED8D05; } .nTab .TabTitle #myTab span{ float:right; margin-top:9px; margin-right:10px; } .nTab .TabTitle #myTab span a{color: #fff; font-size: 14px;} ul,li{list-style: none;} .About a,.news a{ color: #666; text-decoration: none; outline: none; } /* 菜单栏样式start */ h1{ font-size: 16px; border-bottom: 3px solid #BBBBBB; position: relative; line-height: 30px; margin: 0px; } h1 .floatL{ position: relative; top: 3px; border-bottom:3px solid #1F61A5; display: inline-block; padding-bottom: 3px; } h1 .floatR{font-size: 12px; padding-top: 6px;} /* 菜单栏样式end */ .floatL{float: left;} .floatR{float: right;} .floatR a{font-size: 12px; color:#333333;} .floatR a:hover{font-size: 12px; color:#ff6600;} .clear{clear: both;} .About{ padding: 30px 0px; min-width: 980px; background-color: #F5F5F5; margin: 50px auto; } .About .About-c{ width: 980px; margin: 0px auto; } .About .About-c .about-L{ width: 640px; } .About .About-c .about-R{width: 279px; } .About .About-c .about-c-img img{ float: left; display: block; margin: 6px 10px 0px 0px; border:none; } .About .About-c .about-c-img{ font-size: 12px; line-height: 25px; margin-top: 5px; } .About .about-R ul{ list-style: none; margin: 0px; padding: 0px; padding-top: 10px; } .About .about-R ul a{ color: #666; font-size: 12px; } .About .about-R ul li{ text-align: center; margin-bottom: 10px; } .About .about-R img{ display: block; margin-bottom: 5px; } .news{ width: 980px; margin: 50px auto; } .news .news-L{ width: 635px; float: left; } .news .news-R{ width: 285px; float: right; } .news .news-L ul{ width: 300px; } .news .news-L ul .news-title{ padding: 0px; border-bottom: none; } .news .news-L li{ padding: 8px 10px 8px 10px; font-size: 12px; border-bottom: 1px dotted #ddd; background: url('img/n.png') no-repeat 0px center; } .news .news-L li span{float: right; } .news .news-R li{ border-bottom: 1px dotted #ddd; padding: 8px 0px; } .news .news-R li .news-R-title{ background: url('img/ask.png') no-repeat left 5px; font-size: 14px; font-weight: bold; color: #555455; padding: 5px 0px 10px 30px; } .news .news-R li .news-R-c{ background: url('img/reply.png') no-repeat left 3px; font-size: 12px; padding: 5px 0px 5px 30px; line-height: 25px; font-family: '宋体'; } /* 滚动图片css */ #div1{ height: 190px; position: relative; overflow: hidden; } #div1 ul{ position:absolute; left:0; top:0; overflow: hidden; } #div1 ul a{color: #666; text-decoration: none; } #div1 ul li{ float: left; width: 156px; list-style: none; text-align: center; font-size: 12px; margin-left: 10px; } #div1 ul li img{ margin-bottom: 5px; border:1px solid #ddd; padding: 2px; width: 150px; height: 120px; }