@charset "utf-8"; /*全局样式*/ *{padding:0;margin:0;font-family: Arial;} div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,p,span,a,font{border:0;} div,dl,dt,dd,li,ul,p,span,font,strong,b,a,h3,,input{ font-size:12px;} img,input{border:none;vertical-align:middle;} body{font-size:12px; background-image:url(../images/body_bg.gif), -moz-linear-gradient(top, #010204 0%, #292D30 100%); background-image:url(../images/body_bg.gif), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#010204), color-stop(100%,#292D30)); background-image:url(../images/body_bg.gif), -webkit-linear-gradient(top, #010204 0%,#292D30 100%); background-image:url(../images/body_bg.gif), -o-linear-gradient(top, #010204 0%,#292D30 100%); background-image:url(../images/body_bg.gif), -ms-linear-gradient(top, #010204 0%,#292D30 100%); background-image:url(../images/body_bg.gif), linear-gradient(to bottom, #010204 0%,#292D30 100%); filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#010204,endcolorstr=#292D30,gradientType=0); } body,html{margin:0; padding:0; overflow:hidden;} html{overflow-y:scroll;} ul,ol{list-style-type:none;} ul,li{ margin:0; padding:0;list-style-type:none;} th,td,input{font-size:12px;} h3{font-size:14px;} input,form{autocomplete="off"} input:focus {outline:none; autocomplete="off"} select{outline: medium none;} button{border:none;cursor:pointer;font-size:12px;background-color:transparent;} select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;} .clear{clear:both;} .clearfix:after{content:"";display:block;clear:both;} .clearfix{zoom:1;} a:link,a:visited,a:hover{text-decoration:none;color:#333;text-decoration:none} /**********************************************************************************************************全局属性****/ .all{ width:100%; margin:0 auto} .w{ width:962px; margin:0 auto;} .clear{ clear: both} .l{ float:left;} .r{ float:right;} /**********************************************************************************************************属性****/ /* intop */ .intop{height:52px; overflow:hidden;} .intop .l a{ display:block; height:52px; float:left; margin:0px 12px; color:#FBFBFB; line-height:52px;} .intop .r a{ display:block; width:64px; height:20px; float:left; margin-left:6px; color:#FBFFFF; text-align:center; line-height:20px; margin-top:18px; background:url(../images/intop_r.gif) center no-repeat;} .intop a:hover{ color:#ccc} /* logo */ .logo{} .logo .w{ background:#fff url(../images/logo_w.gif) top no-repeat; height:121px;} .logo .l img{ float:left; width:190px; height:65px; margin-top:27px; margin-left:28px;} .logo .r{ height:121px;} .logo .r .logo_search{ width:380px; height:36px; float:left; background: url(../images/logo_search.gif) center no-repeat; margin-top:55px; margin-right:21px;} .logo .r .logo_search .logo_l{ width:276px; height:24px; float:left; background:url(../images/logo_s_l.gif) left no-repeat; margin-top:6px; margin-left:6px;} .logo .r .logo_search .logo_l input{ width:265px; height:20px; float:left; line-height:20px; margin-left:11px; margin-top:2px; color:#aaa;} .logo .r .logo_search .logo_r{ width:91px; height:24px; float:left; margin-top:6px;} .logo .r .logo_search .logo_r input{ width:91px; height:24px; float:left; background:url(../images/logo_s_r.gif) left no-repeat;cursor:pointer;} /* menu */ .menu{} .menu .w{ height:52px; background:#fff;} .menu .w .w_menu { width:920px; height:40px; margin:0 auto; background: url(../images/menu.gif) center no-repeat; text-align:center;} .menu .w .w_menu .navli{ float:left;} .menu .w .w_menu #navlia{ height:40px; line-height:40px; color:#FFFFFD; margin:0px 13px; float:left;} .menu .w .w_menu .navli dl{ display:none; position:absolute; z-index:999; margin-left:-16px; margin-top:40px; background:url(../images/menu_bg_03.png); padding:20px 24px; width:180px; text-align:left;} .menu .w .w_menu .navli dl dd{ display:block; height:30px; line-height:30px; overflow:hidden; position:relative; font-size:12px;} .menu .w .w_menu .navli dl dd a{ display:block; height:30px; color:#fff;} .menu .w .w_menu .navli dl dd a b{ float:left; display:block; width:10px; color:#7c7c7c;} .menu .w .w_menu .navli dl dd a:hover,.w_menu dl dd a:hover b{ color:#D34101;} .menu .w .w_menu .navli:hover dl{ display:block;} /* banner */ .banner{} .banner .w{ background:#fff; height:642px;} .banner .w .w_banner{ width:920px; height:380px; margin:0 auto;} .w_banner .focus{ width:920px; height:380px; float:left;} .w_banner .focus img{ width:920px; height: 380px;} .w_banner .focus .fPic{ position: relative; margin-left:0px; margin-top:0px;} .w_banner .focus .fcon{ position:relative; width:920px; float:left; display:none; background:#000 } .w_banner .focus .fcon img{ display:block; } .w_banner .focus .fbg{ position:absolute; height:21px; z-index: 200; margin-left:430px; margin-top:350px;} .w_banner .focus .fbg div{ overflow:hidden;zoom:1;height:14px;} .w_banner .focus .D1fBt a{position:relative; display:inline; width:9px; height:9px; margin:0 5px; text-decoration:none; text-align:center; outline:0; float:left; background:#fff; } .w_banner .focus .D1fBt .current,.focus .D1fBt a:hover{background:#FF1414;} .w_banner .focus .D1fBt img{display:none} .w_banner .focus .D1fBt i{display:none; font-style:normal; } .w_banner .focus .prev,.focus .next{position:absolute;width:24px;height:42px;} .w_banner .focus .prev{top: 50%;margin-top: -21px; left: 93px; cursor:pointer; display:none} .w_banner .focus .next{top: 50%;margin-top: -21px; right:93px; cursor:pointer; display:none} .w_banner .banner_r{ width:920px; height:232px; float:right; background:url(../images/banner_r.gif) center no-repeat; margin-top:10px;} .w_banner .banner_r .banner_r_t{ width:920px; height:25px; float:left; overflow:hidden; text-indent:11px; color:#232f3b; line-height:25px; font-weight:bold; font-size:14px;} .w_banner .banner_r ul{ width:920px; height:190px; float:left; margin-top:5px; overflow:hidden;} .w_banner .banner_r ul li{ width:130px; height:190px; float:left; margin-left:20px;} .w_banner .banner_r ul li img{ width:130px; height:190px; float:left;} /* company */ .company{} .company .w{ height:330px; background:#fff;} .company .w .w_company{ width:920px; height:330px; margin:0 auto;} .w_company .company_t{ width:920px; height:47px; float:left; background:url(../images/bg_top.gif) center no-repeat;} .company_t a{ display:block; float:left; color:#BE0105; line-height:46px; margin-left:23px; font-weight:bold; font-size:14px;} .w_company .company_c{ width:918px; height:273px; float:left; border:#D7D7D7 1px solid; border-bottom:0px; border-top:0px;} .company_l{ width:440px; height:245px; float:left; margin-left:27px; margin-top:19px; overflow:hidden;} .company_l .company_info{ width:440px; height:180px; float:left; overflow:hidden; color:#2A2F33; line-height:22px;break-word;word-break: break-all;} .company_l .company_link{ width:440px; height:64px; float:left; overflow:hidden;} .company_l .company_link .conpanylink{ width:220px; height:32px; float:left; overflow:hidden;} .company_l .company_link .conpanylink a{ display:block; height:20px; line-height:20px; background:url(../images/companylink_a.gif) left no-repeat; text-indent:15px; float:left; margin-top:6px; color:#1E2B3B; font-size:14px; font-weight:bold;} .company_r{ width:405px; height:229px; float:left; margin-left:23px; margin-top:28px; background:#000000;} .company_r video{ width:405px; height:229px; float:left;object-fit:fill;} .w_company .company_f{ width:920px; height:10px; float:left; background:url(../images/bg_foot.gif) center no-repeat;} /* case */ .case{} .case .w{ height:372px; background:#fff;} .case .w .w_case{ width:920px; height:355px; margin:0 auto; border-top:#fff 17px solid;} .w_case .case_t{ width:920px; height:47px; float:left; background:url(../images/bg_top.gif) top center no-repeat;} .case_t_l{ height:47px; float:left;} .case_t_l a{ display:block; float:left; color:#BE0105; line-height:46px; margin-left:23px; font-weight:bold; font-size:14px;} .case_t_r{ height:47px; float:right; margin-right:18px;} .case_t_r a{ display:block; float:left; line-height:21px; margin-left:23px; margin-top:13px; color:#252E33; font-size:14px;} .case_ul{ float:left; height:34px; margin-top:13px; margin-left:65px;} .case_li{ float:left; height:34px;} .case_lia{ float:left; height:34px; display:block;cursor:pointer; margin-right:10px;} .case_lia b{display:block; float:left; width:5px; height:34px; line-height:34px; background:url(../images/case_li.gif) left no-repeat;} .case_lia font{ display:block; float:left; height:34px; line-height:34px; padding:0px 27px 0px 22px; background:url(../images/case_lia.gif) right no-repeat; color:#242C37; font-weight:bold;} #case_b2{ background: none} #case_font2{background: none;color:#3B3B3B; font-weight:normal} .cas{ width:918px; height:298px; float:left; position: absolute; z-index:1; margin-left:-225px; overflow:hidden; margin-top:34px; display:none} #cas1{ display:block;} .device_foot{ overflow:hidden; width:858px; height:298px; float:left; margin-left:30px;} .device_foot .device_ft {/*width:99999999px;*/width:8000%; height:298px;} .device_foot .device_ft div{ float:left;} .device_foot .device_ft ul{float:left; height:298px; overflow:hidden; zoom:1; } .device_foot .device_ft ul li{float:left; width:188px; height:250px; list-style:none; margin-top:30px; margin-left:30px;} .device_foot li img{ width:186px; height:170px; float:left; border:#DBDAD8 1px solid;border-radius:3px;} .device_foot li p{ display:block; width:188px; height:38px; float:left; text-align:center; overflow:hidden;} .device_foot li p a{ line-height:38px; text-decoration:underline; color:#1E2E3D; font-size:14px;} .device_foot li span{ display:block; width:188px; height:40px; float:left; overflow:hidden;} .device_foot li span a{ display:block; width:178px; height:38px; line-height:38px; text-decoration:underline; color:#3D3D3D; font-size:14px;text-align:center; border:#D3D3D3 1px solid;border-radius:3px; margin-left:4px;} .w_case .case_c{ width:918px; height:298px; float:left; border:#D7D7D7 1px solid; border-bottom:0px; border-top:0px;} .w_case .case_f{ width:920px; height:10px; float:left; background:url(../images/bg_foot.gif) center no-repeat;} /* news */ .news{} .news .w{ height:242px; background:#fff;} .news .w .w_news{ width:920px; height:225px; margin:0 auto; border-top:#fff 17px solid;} .w_news .news_t{ width:920px; height:47px; float:left; background:url(../images/bg_top.gif) top center no-repeat;} .w_news .news_t a{ display:block; float:left; color:#BE0105; line-height:46px; margin-left:23px; font-weight:bold; font-size:14px;} .w_news .news_c{ width:918px; height:168px; float:left; border:#D7D7D7 1px solid; border-bottom:0px; border-top:0px;} .news_c_img{ width:236px; height:126px; float:left; margin-left:26px; margin-top:27px; background:#000000} .news_c_img img{ width:236px; height:126px; float:left;} .news_c_li{ width:290px; height:135px; float:left; margin-left:23px; margin-top:27px;} .news_c_t{ width:290px; height:18px; float:left; overflow:hidden; line-height:18px; overflow:hidden;} .news_c_t span{ display:block; float:right; height:14px; line-height:14px; margin-right:8px; margin-top:2px;} .news_c_t p{ display:block; float:left; height:18px; line-height:18px; text-indent:16px; background:url(../images/news_c_t.gif) left no-repeat; font-weight:bold; color:#212F3A; font-size:14px;} .news_c_f{ width:290px; height:96px; float:left; margin-top:10px;} .news_cli{ width:290px; height:24px; float:left; overflow:hidden;} .news_cli_a a{ display:block; float:left; height:16px; line-height:16px; margin-top:4px; text-decoration:underline; color:#1C4C72; width: 290px; background: url(../images/news_cli.gif) left no-repeat; text-indent:13px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; } .w_news .news_f{ width:920px; height:10px; float:left; background:url(../images/bg_foot.gif) center no-repeat;} /* 底部 */ .foot{margin-bottom:1px; margin-bottom:3px\9;} .foot .w{ background:#fff url(../images/foot_w.gif) bottom no-repeat; height:102px;} .foot_t{ width:920px; height:60px; margin:0 auto; text-align:center; overflow:hidden;} .foot_t a{ height:60px; line-height:60px; margin:0px 12px;} .foot_f{ width:920px; height:40px; line-height:40px; text-align:center; overflow:hidden; color:#202020} .foot_f a{ color:#202020} /* 内页顶栏 */ .nyimg{} .nyimg .w{ height:210px; background:#fff;} .nyimg .w img{ width:920px; height:210px; float:left; margin-left:20px;} /* 内页侧栏 */ .sidebar{ width:962px; margin:0 auto; background:#fff;} .sidebar1{ width:962px; float:left; background:#fff;} /* 内页左侧 */ .sidebar_left{ width:200px;float:left; margin-top:14px; margin-left:20px;} .sidebar_l{ width:100%; float:left;} .sidebar_l_t{ width:100%; height:47px;line-height:47px; float:left; background:url(../images/ny_top.gif) top center no-repeat; color:#BE0105; text-indent:25px; overflow:hidden; font-size:18px;} .sidebar_l_f{ width:198px; float:left; border-left:#D9D9D9 1px solid; border-right:#D9D9D9 1px solid;} .sidebar_l_f ul{ padding-bottom:0px; float:left; width: 100%} .sidebar_l_f li{ width:100%; float:left; border-bottom:#E5E5E5 1px solid; background:url(../images/sidebar_l_f.png) left no-repeat;} .sidebar_l_f li .side_a{ display:block; width:100%; height:46px;line-height:46px; float:left; text-indent:40px;font-size:14px; overflow:hidden;} .sidebar_l_f li:hover .side_a{color:#222E3A; background:url(../images/sidebar_l_f_h.png) left no-repeat;} .sidebar_l_f_li .side_a{color:#222E3A; background:url(../images/sidebar_l_f_h.png) left no-repeat;} .sidebar_left .sidebar_l_bottom{ width:200px; height:10px; float:left; background:url(../images/ny_foot.gif) bottom center no-repeat; margin-bottom:50px;} .sidebar_l_f #sd1{ display:block; width:198px; float: left;} .sidebar_l_f #sd1 .sd{ display:block; width:148px; height:30px; float:left; line-height:30px; float:left; color:#555; border-bottom:#E5E5E5 1px solid; text-indent:50px; overflow:hidden;} .sidebar_l_f #sd1 #sidebar_l_f_sd{ background:url(../images/sidebar_l_f_sd.jpg) left no-repeat;} .sidebar_l_f #sd1 #sidebar_l_f_sd:hover{ color:#018137} .sidebar_l_f #sd1 #sidebar_l_f_sa{ background:url(../images/sidebar_l_f_sa.jpg) left no-repeat; color:#018137; font-weight:bold} /* 内页右侧 */ .sidebar .sb_box{ float:right; width:700px; margin-top:14px; margin-right:20px;} .sidebar .sb_box .position{ width:100%;height:47px; line-height:47px; float:left; background:url(../images/box_top.gif) top center no-repeat; overflow:hidden;color:#222E3A; text-indent:20px;} .sidebar .sb_box .position a{ color:#222E3A} .sidebar .sb_box1{ float:right; width:920px; margin-top:14px; margin-right:20px;} .sidebar .sb_box1 .position{ width:100%;height:47px; line-height:47px; float:left; background:url(../images/bg_top.gif) top center no-repeat; overflow:hidden;color:#222E3A; text-indent:20px;} .sidebar .sb_box1 .position a{ color:#222E3A} /* 分页 */ .pager{ width:100%; line-height:50px; float:left; text-align:center; color:#333} .pager a{ color:#333; margin:0px 10px;} /* 前后页 */ .met_page{ width:100%; float:left; text-align:left; color:#333} .met_page .met_page_l{ width:100%; float:left; line-height:25px;} .met_page .met_page_r{ width:100%; float:left; line-height:25px;} /* 内页全局 */ .neirong_all{ width:678px; float:left; margin:10px;} .neirong_foot{ width:700px; height:10px; float:left; background:url(../images/box_foot.gif) bottom center no-repeat;} .neirong_all1{ width:898px; float:left; margin:10px; min-height:200px;} .neirong_foot1{ width:920px; height:10px; float:left; background:url(../images/bg_foot.gif) bottom center no-repeat;} .neirong_all1 ul{ width:898px; float:left;} .neirong_all1 ul li{ width:898px; float:left; height:40px; line-height:40px; border-bottom:#ccc 1px dashed} .neirong_all1 ul li a{ display:block; float:left; height:40px; line-height:40px; color:#222E3A;} .neirong_all1 ul li span{ display:block; float:right;} .c_right { width: 678px; float: left; border: #D9D9D9 1px solid; border-top: none; padding: 15px 10px 10px 10px; } /* 单篇 */ #about{ width:678px; float:left; padding:10px; font-size: 13px; border:#D9D9D9 1px solid; border-top: none; line-height:25px; color:#222E3A; } #about img{max-width: 100%} #about p{margin-bottom: 10px;} #about p:last-child{margin: 0} #about1{ width:918px; float:left; border-left:#D9D9D9 1px solid; border-right:#D9D9D9 1px solid; line-height:25px; color:#222E3A;} /* 相册列表页 */ #imglist{float:left} #imglist li{ width:200px; float:left; margin-left:20px; margin-bottom:10px;} #imglist li img{ width:198px; float:left; border:#ccc 1px solid;} #imglist li p{ display:block; width:200px; height:30px; line-height:30px; float:left; text-align:center; overflow:hidden; font-size:14px;} /* 相册详细页 */ #showimg{ width:698px; float:left; border-left:#D9D9D9 1px solid; border-right:#D9D9D9 1px solid;} .showimg_t{ width:100%; float:left; text-align:center; line-height:40px; font-size:18px; color:#222E3A} .showimg_f{ width:100%; float: left; text-align:center; margin:20px 0px;} .showimg_f img{ width:50%;} .showimg_bottom{ width:676px; float: left; height:49px; line-height:49px; font-size:14px;color:#222E3A; background:url(../images/showproduct_2disb.jpg) repeat-x; border:#E9E9E9 1px solid; border-top:0px; border-bottom:0px;} .showimg_bottom a{ display:block; width:104px; height:49px; float:left; background:url(../images/showproduct_2disb_h.jpg) no-repeat; text-align:center;cursor:pointer;} .showimg_info_all{ width:676px; float:left;border-left:#E9E9E9 1px solid; border-right:#E9E9E9 1px solid;} .showimg_info{ width:656px; float:left;word-wrap: break-word;word-break: break-all; line-height:25px; color:#222E3A; margin:10px;} .showimg_info a{color:#222E3A} /* 视频 */ #videolist{ float:left; } #videolist li{ width:280px; height:240px; float:left; overflow:hidden; margin-left:39px; margin-bottom:10px;} #videolist li img{ width:280px; height:210px; float:left;} #videolist li p{ display:block; width:100%; height:30px; line-height:30px; text-align:center; float:left; color:#333; font-size:14px;} /* 新闻列表页 */ #newslist{width:698px; float:left; border-left:#D9D9D9 1px solid; border-right:#D9D9D9 1px solid;} #newslist ul{ width:678px; float:left;} #newslist li{ width:678px; float:left; height:210px; padding:0px; border-bottom:#ccc 1px solid; background:#fff;} #newslist li .newslist_name{ width:668px; margin-left:10px; height:40px; float:left; line-height:40px; font-size:20px; overflow:hidden; color:#666;} #newslist li .newslist_img{ width:248px; height:148px; float:left; border:#ccc 1px solid; overflow:hidden; margin:10px;} #newslist li .newslist_img img{ width:248px; height:148px; float:left;transition: all 0.2s;} #newslist li .newslist_info{ width:390px; height:100px; margin-top:6px; line-height:25px; float:right; margin-right:10px; overflow:hidden; color:#666; font-size:12px;word-wrap: break-word;word-break: break-all;} #newslist li .newslist_time{ width:390px; height:30px; line-height:30px; float:right; overflow:hidden; margin-right:10px; color:#999; font-size:12px; margin-top:20px;} #newslist li:hover{ background:#F9FAFD} #newslist li:hover .newslist_name{ color:#222E3A} #newslist li:hover .newslist_info{ color:#333} #newslist li:hover .newslist_time{ color:#666} #newslist li:hover .newslist_img img{ width:268px; height:168px; float:left; margin-left:-10px; margin-top:-10px;} /*下载*/ #downlist{ float:left; } #downlist li{ width:678px; float:left; height:40px; padding:0px; border-bottom:#ccc 1px solid; background:#fff;} #downlist li .downname{ width:550px; height:40px; float:left; overflow:hidden;} #downlist li .downname a{ color:#333; line-height:40px; margin-left:10px; float:left;} #downlist li .downlink{ width:40px; height:40px; float:right; margin-right:10px;} #downlist li .downlink a{ display:block; width:40px; height:30px; float:left; margin-top:5px;background:url(../images/down.gif) no-repeat left center;} /* 新闻内容 页*/ #shownews{width:698px; float:left; border:#D9D9D9 1px solid; border-top:none; } #shownews .shownews_t{ width:100%; float:left; color:#222E3A} #shownews .shownews_t p{ display:block; width:100%; float:left; line-height:30px; font-size:18px; text-align:center;padding-top: 30px;} #shownews .shownews_t span{ display:block; width:100%; float:left; line-height:40px; font-size:14px; text-align:center;} #shownews .shownews_pic{ width:100%; float:left; text-align:center;} #shownews .shownews_pic img{ width:50%} #shownews .shownews_f{ width:100%; float:left; line-height:25px; margin-top:10px;} #shownews .shownews_f img{max-width: 100% ;height: auto!important;} #shownews .shownews_back{ width:100%; float:left; text-align:center; } #shownews .shownews_back a{ line-height:50px; font-size:14px;} /* 产品列表页 */ #productlist{ float:left; } #productlist li{ width:330px; height:360px; float:left; overflow:hidden; margin-left:6px; margin-bottom:10px;} #productlist li img{ width:328px; height:328px; float:left; border:#ccc 1px solid;} #productlist li p{ display:block; width:100%; height:30px; line-height:30px; text-align:center; float:left; color:#333; font-size:14px;} /* 产品内容 页*/ #showproduct{width:698px; float:left; border-left:#D9D9D9 1px solid; border-right:#D9D9D9 1px solid;} #showproduct .showproduct_t{ width:678px; float:left;} /*产品放大镜*/ .MagicZoomBigImageCont {border:1px solid #ccc;background:#FFF;} .MagicZoomMain {text-align: center !important;width: 92px;} .MagicZoomMain div {padding: 0px !important;} .MagicZoomHeader {font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important; } .MagicZoomPup {border:0px solid #aaa;background:#ffffff;} .MagicZoomLoading {text-align:center;background:#ffffff;color:#444;border:1px solid #ccc;opacity:0.8;padding:3px 3px 3px 3px !important;display:none;} .MagicZoomLoading img {padding-top:3px !important;} #tsShopContainer li,#tsShopContainer img{vertical-align:top;} #tsShopContainer{width:350px; float:left;margin:20px 0px;position:relative;border:1px solid #CCC;font-size:12px;} #tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;} #tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;} #tsShopContainer #tsImgS img{border:0px;} #tsShopContainer #tsPicContainer{width:100%;height:70px;position:relative;background:url(../images/scrollPicbg.gif) repeat-x 0px 0px;} #tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat left center;position:absolute;top:0px;left:8px;cursor:pointer;} #tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat right center;position:absolute;top:0px;right:8px;cursor:pointer;} #tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;left:38px;width:1px;height:70px;overflow:hidden;} #tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;} #tsShopContainer #tsPicContainer #tsImgSCon li{width:57px;float:left;cursor:pointer; margin-top:2px;} #tsShopContainer #tsPicContainer #tsImgSCon li img{padding:1px;margin:1px;border:1px solid #ccc;display:block;width:42px;height:42px;} #tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #F00;margin:0px;} #showproduct .showproduct_t .showproduct_r{ width:310px; float:right; margin-top:5px;} #showproduct .showproduct_t .showproduct_r .pro_name{width:100%; line-height:50px; height:50px; border-bottom:#666 1px solid; float:left; color:#333; font-size:18px; margin-bottom:40px;} #showproduct .showproduct_t .showproduct_r .pro_line{ width:100%; float:left; margin-bottom:20px; font-size:14px; color:#333} #showproduct .showproduct_t .showproduct_r .pro_line font{ display:block; width:130px; float:left; line-height:30px;text-align:right;} #showproduct .showproduct_t .showproduct_r .pro_line span{ display:block; width:160px; float:left; margin-left:10px; line-height:30px;} #showproduct .showproduct_f{ width:678px; float:left;} #showproduct .disb{ width:676px;float:left; border:#E9E9E9 1px solid; border-top:none; margin-top:30px; background: url(../images/showproduct_2disb.jpg) top repeat-x;} #showproduct .disc{ width:104px; float:left;} #showproduct .disc a{ text-decoration: none} #showproduct .disd{ width:104px; height:48px; float:left;cursor:pointer; text-align:center; line-height:48px; font-size:16px; border-bottom:#E9E9E9 1px solid; border-right:#E9E9E9 1px solid;background: url(../images/showproduct_2disb.jpg) top repeat-x; color:#333} #showproduct .box_pic{ width:656px; float:left; display:none;word-break:break-all; margin:10px; line-height:25px;} #showproduct #disd_1{ border-right:#E9E9E9 1px solid; color:#333; font-weight:bold;background: url(../images/showproduct_2disb_h.jpg) top repeat-x;} #showproduct #s1{ display:block; margin-left:10px; padding-top:20px;} #showproduct #s1 img{max-width: 100%} /*#showproduct #s2{ margin-left:-94px; padding-top:20px;} #showproduct #s3{ margin-left:-198px; padding-top:20px;} #showproduct #s4{ margin-left:-302px; padding-top:20px;} #showproduct #s5{ margin-left:-406px; padding-top:20px;}*/ /* 招聘列表页 */ #joblist{ width:760px; float:left; padding:0px; margin:10px;} #joblist li{ width:760px; float:left; padding:0px; border-bottom:#ccc 1px solid;} #joblist li .joblist_name{ width:740px; height:40px; float:left; line-height:40px; font-size:20px; overflow:hidden; margin:0px 10px; } #joblist li .joblist_name a{ color:#D34101} #joblist li .joblist_desc{ width:740px; line-height:25px; float:right; margin-right:10px; overflow:hidden; color:#666; font-size:12px; margin:0px 10px;} #joblist li .joblist_time{ width:740px; height:40px; line-height:40px; float:right; overflow:hidden; color:#666; font-size:12px; margin:0px 10px;} #joblist li:hover{ background:#F9FAFD} #joblist li:hover .joblist_desc{ color:#333} #joblist li:hover .joblist_time{ color:#333} /* 招聘详情页 */ #showjob{width:760px; float:left; padding:0px; margin:10px;} #showjob .showjob_t{ width:100%; line-height:50px; float:left; text-align:center; font-size:18px;} #showjob .showjob_f{ width:100%; float:left; line-height:25px; font-size:12px;} #showjob .showjob_jianli{ width:100%; float:left; margin-top:10px;} #showjob .showjob_jianli .showjob_jianli_t{ width:100%; float:left; line-height:50px; font-size:16px; color:#D34101} /*按钮*/ .button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);} .button:hover { text-decoration: none; color:#fff; } .button:active { position: relative; top: 1px;} .orange{ color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); } .orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } .orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');} input.input-text,input.input-file,input.code,textarea { padding: 4px; font-size: 15px; outline: none; text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; background:#fff url(../images/dt-10.gif) repeat-x left top; } input.input-text:focus,input.input-file:focus,input.code:focus,textarea:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 5px #007eff; box-shadow: 0px 0px 5px #007eff;} /*表单*/ td.text{ width:20%; padding:6px 5px 6px 0px; text-align:right; font-size:14px; font-weight:bold;} td.input{ padding:6px 8px;} td.input input{ margin-right:8px;} td.input .info{ padding-left:15px; color:#f00;} td.input img{ position:relative; bottom:1px;} td.submint{ padding:10px;} /*下载*/ #downloadlist dl.top dt a{ color:#004080;} #downloadlist .metlist dd{ background:#eef3fa;} /*地图*/ #sitemaplist .sitemapclass2 h3{background:url(../li.png) no-repeat left center;} /*QQ客服*/ .side{position:fixed;width:54px;height:275px;right:0;top:150px;z-index:100;} .side ul li{width:54px;height:54px;float:left;position:relative;} .side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#222E3A;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;} .side ul li .sidebox1{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#222E3A;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden; font-size:12px;} .side ul li .sidebox2{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#222E3A url(../images/side_icon04.png) no-repeat right top;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑"; z-index:5} .side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#222E3A;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;} .side ul li .sidetop:hover{background:#222E3A;opacity:1;filter:Alpha(opacity=100);} .side ul li img{float:left;} .kf_wx{ display:none; width:150px; height:150px; float:left; position:absolute; z-index:99; margin-left:-150px; margin-top:-55px;} .side ul li #ke_li_a:hover .kf_wx{ display:block; }