@back_body:url('../images/bg.jpg') repeat-x;/*大背景url('../images/body_bg.png') repeat-x #fff*/ @back_header:url('../images/body_bg.png') repeat-x top center;/*头部背景*/ @back_nav:url('../images/nav_bg.jpg') no-repeat;/*导航背景*/ @back_nav_li:url('../images/nav_lan.jpg') no-repeat bottom left;/*导航隔离条*/ @back_nav_li_ah:url('../images/nav_ge.jpg') no-repeat 0 center;/*鼠标移上去背景*/ @back_h_ba:none;/*滚动背景*/ @back_s_li:none;/*左侧栏li背景*/ @back_footer:#373c64;/*底部背景*/ @back_wrap:none;/*网站主体背景*/ @qt1:url('../images/qt1_bg.gif') no-repeat;/*其他图片1号*/ @qt2:url('../images/gong.jpg') no-repeat bottom center;/*其他图片2号*/ @qt3:url('../images/qt3_bg.png');/*其他图片3号*/ @qt4:url('../images/qt4_bg.png');/*其他图片4号*/ /*全局---头部----主体(主页)----底部---侧边---内页--*/ @b_w:1000px; /*网站宽度*/ /*--------------------------------------------------------全局开始---------------------------------------------------*/ body{-moz-user-select:none; background:@back_body;font-family: 'Arial','宋体';font-size: 12px;p{font-family: 'Arial','宋体';font-size: 12px;}} li{list-style: none;} .bk(@a:#000,@b:1px,@c:1px,@d:solid){border:@b @d @a;border-radius:@c;} /*边框*/ .img_max(@a:auto,@b:auto){max-width:@a;max-height:@b;} /*最大最小*/ .jz_h(@a:20px){line-height:@a;height:@a;}/*单行字体居中(默认20px)*/ .left{float:left;} .main2{margin:0 auto;width:@b_w; margin-top: 15px;background: #ffcc00;margin-bottom: 15px;} .main3{margin:0 auto;width:@b_w;} .main{margin:0 auto;width:@b_w;} .maintop{margin:0 auto;width:@b_w;background: url(../images/tel_bg.jpg) no-repeat bottom right;} .mainsy{margin: 0 auto;width: 100%;margin-top: 25px;} .off{display:none;} /*隐藏*/ .right{float:right;} .item{ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .slh(){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}/*单行超出部分省略号显示*/ .title{font-family: '微软雅黑';} /*所有.title样式内容使用微软雅黑*/ .wrap{margin:0 auto;background:@back_wrap;} /**产品样式**/ .cpzslb(@a:146px,@b:146px){ ul{ li{ width:@a+15px; _float:left; _margin: 0 9px; margin-bottom: 8px; a{ img{ height:@b+5px; } } div{ h4{.slh; text-align: center; width:@a+15px; font-weight: 100; font-size: 12px; color: #333; line-height: 28px; a{ color: #333;} } } } } } /*搜索*/ #Sousuo{.right;margin-top: 0px;} /********消除浮动
*********/ .clear2{background: none;border: 0;clear: both;display: block;float: none;font-size: 0;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0; &:after {content: ".";display:block;height: 0;clear: both;visibility:hidden;} } /*--------------------------------------------------------全局结束---------------------------------------------------*/ /********头部**********/ #flasha{width:1902px;height:380px;overflow:hidden;margin:0 auto;clear:both;position:relative;} #flasha a{width:1902px;height:380px;display:none;} #flasha img{width:1902px;height:380px;} .flash_bar{width:100%;z-index:69;height:30px;overflow:hidden;position:absolute;padding-top:13px!important;padding-top:12px;bottom:0px;left:0px;background:url(../images/tg_flashbar.png) repeat-x 10px 0px;text-align:center;} .flash_bar .dq{display:block;float:left;width:8px;height:8px;margin:5px 5px;cursor:pointer;background:url(../images/tg_flash_p.png) no-repeat 0px 0px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p.png" ,sizingMethod="crop");} .flash_bar .no{display:block;float:left;width:8px;height:8px;margin:5px 5px;cursor:pointer;background:url(../images/tg_flash_p2.png) no-repeat 0px 0px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p2.png" ,sizingMethod="crop");} #flashBg{height:380px;overflow:hidden;width:100%;clear:both;margin:0;padding:0;} #flashLine{background:url(../images/touming.png) repeat-x center bottom;height:380px;width:100%;clear:both;} .flash_bar_box{width: 100px;margin: 0 auto;} .top_back{background-color:#f98920;height:0px;position:absolute;top:0;width: 100%;} @logo_h:105px; /*头部高度*/ @logo_m: 18px 0 0px 0px; /*logo距离距离*/ @height_nav:50px; /*导航条高度*/ @nav_li_w:110px; /*导航条宽度*/ @ba_w1:1902px; /*滚动图片宽度*/ @ba_h1:380px; /*滚动图片高度*/ .header{ background:@back_header; margin: 0 auto; width: 1000px; .logo{height:@logo_h; img{vertical-align:middle;margin:@logo_m;} } .hea{.right; text-align: right; width:350px; .h_r{margin-top: 13px; color: #3c3c3a; a{padding: 0 8px;color: #3c3c3a;} } } .nav{ background-position:0 0px; height:@height_nav; padding: 0 5px; margin-bottom: 0px; /*导航鼠标hover样式.lon*/ .lon{ a{ background-position:0 0; color: #fff; } } #Index{background: none;} li{.left; background:@back_nav_li; height: @height_nav; position:relative; text-align: center; width: @nav_li_w; z-index: 1000; a{ background:@back_nav_li_ah; background-position:0 -@height_nav; color: #333; display:block; font-family: "微软雅黑"; font-size:14px; height:31px; padding-top: 19px; margin: 0px auto; text-decoration: none; } &:hover{.lon;} } .dropdown{ .dropdown-menu{ background: rgba(255, 255, 255, 0.7); min-width: @nav_li_w; padding: 6px 0; border:1px solid #ffcc00; z-index: 10000; li{ background: none; a{ background: none; color: #555; font-weight: 100; } &:hover{ >a{ background: #FCFCFC; border-radius:5px; color:#555; } } } } } .nav-li{ position: static; .nav-div{ /*display: none;*/ background: #f00; float: left; left: @nav_li_w; overflow: hidden; padding: 6px 0; position: absolute; top: 0px; width: 0px; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } &:hover{ .nav-div{ width: 100px; } } } } #banner{ background:@back_h_ba; margin:0px auto; max-width:@ba_w1; padding: 0px; margin-top: 15px; height:@ba_h1; _width: @ba_w1; ul{ li{ a{.left; width:@ba_w1;height:@ba_h1; } } } } } #KinSlideshow { position:relative; ul{margin:0;padding:0; li{.left;margin:0;padding:0; a{.left;} } } /*大图导航圆点样式*/ ol{position: absolute;bottom: 10px;width:100%;margin:0;left:0;text-align:center; li{cursor: pointer;display:inline-block;display:inline\9;width: 15px;height: 15px;border-radius:15px;font-size: 10px;padding: ~"0 3px\9"; opacity:0.8;background: #ccc;color: #ccc;margin: 0 1px;} .active{opacity:1;color: #000;background:#000;} } } /********主体**********/ .puarea{margin:0px 0 0 0; width: 730px; .title{.jz_h(37px); background: @qt2; font-size: 16px; font-weight: 100; padding: 0 0 1px 0; span{.left; color: #fff; margin-left:15px; i{ font-size: 12px; font-style: normal; } } a{.right; color: #fff; display: block; font-size:12px; margin-right:20px; } } .adc{ padding: 10px; } } /********底部**********/ .footer{ background:@back_footer; height: 87px; .footer2{ margin:0 auto; padding:15px 0 0px 0; text-align:center; span { font:12px/25px; margin:0 10px; color: #fff; line-height: 28px; a{color: #fff;} } .support{ a{ margin:0 5px 0 0; } } } } /********侧边栏**********/ @Si_w:235px; /*侧边栏宽度*/ #Sidebar{float: left;width: @Si_w;margin:0px 0 0 0px;padding:2px 5px; .title{.jz_h(40px); font-size: 16px; background: url(../images/left.jpg) no-repeat; font-weight: 100; span{.left; margin-left:24px; color: #333; } a{.right; margin-right:20px; } } .widget{ margin-bottom:10px; -webkit-transition: 0.3s; transition:0.3s; &:hover{ } } #S-fl{ .adc{.s_fl;padding: 5px 0 10px 0; } } #S-al{ .adc{.s_al;margin-top: 5px; } } #S-lx{ .adc{.s_lx; } } } /**侧边栏样式**/ /*侧边栏案例*/ .s_al(){ a{ display:block; margin:0 auto; width:100%; img{ display:block; margin:0 auto; } } } /*侧边栏分类*/ .s_fl(){ ul{ margin: 0 auto; width: 95%; li{.jz_h(32px);border-bottom: 1px dotted #333; a{ display:block; font-size:14px; font-weight: 100; padding-left:20px; color: #333; } } /*产品分类鼠标hover样式.lon*/ .lon{ a{ font-weight: 600; } } } } /*侧边栏系我们*/ .s_lx(){ margin:0 auto; padding:10px 0; p{ font-size: 12px; margin: 0px 10px; line-height: 28px; color: #333; a{color: #333;} } } /********you边栏**********/ /********************************************************内页******************************************************************/ #Mleft{} #Mright{float: right;margin:0 0px 0 auto;width:745px;border: 2px solid #ffcc00;} .well{background: #FCFCFC;} .list(){ ul{margin: 0 auto; li{ background: url('../images/dian.jpg') no-repeat 5px 50%; border-bottom: 1px dotted #b98424;padding: 5px 20px; margin: 0 auto; width: 90%; line-height: 28px; height: 28px;color: #333; a{color: #333; } span{.right; } } } } /********公司简历**********/ .article{ background-color: #fff; min-height: 800px; overflow:hidden; padding: 0px 0 10px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; img{max-width:100%;} .well{} .title{.jz_h(40px); background: @qt2; color: #333; margin:0px auto 10px; h4{.left; font-size: 16px; line-height: 40px; font-weight: 100; padding-left:24px; span{.off} } span{margin-right: 18px; a{ color: #333; } } } .com_con{padding:15px;line-height: 28px;} .com_con p{ line-height: 28px;} .content{margin: 25px;} } .page{clear: both;margin-top: 10px;text-align: center;font-size: 12px;letter-spacing: 0px; #page_num{width: 50px;margin-top: 6px;} a{display:inline-block;height:18px;line-height:0px;border:1px solid #DBDBDB;padding:0 2px 0;color:#000; &:hover{.jz_h; background:#404040;border:none;padding:0 3px 0;color:#fff; } } } .alert-info{background: none;border: 1px solid #ccc;} .pn{ font-size: 14px; height: 19px; margin:25px 0px; padding:8px 14px; position: relative; .pn-left{.left; width: 48%; b{.left; margin-top: 2px; } } .pn-right{ width: 48%; float: right; text-align: right; b{.right; margin-top: 2px; } } a{ display: block; text-decoration: none; color:#383737; &:hover{ color:#f00; } b{} span{bottom: 1px;margin: 0 10px; font-family: "微软雅黑";.slh;display: block;} } } /********留言页面**********/ .order{margin:40px 0 68px 120px;line-height:40px; img{vertical-align:-5px;cursor:pointer;} } .G_tips { width: 486px; margin: 10px auto 0 auto; border: 1px solid #dedede; padding: 8px; margin-bottom: 50px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .1); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1); dd{line-height: 30px;} } /********新闻中心**********/ .right_main{.list;margin: 0 10px; } .table{ margin: 10px auto; width: 98%; tr{ td{ &:hover{} } } } /*带图片样式*/ .news-img{ ul{ margin: 0; li{ _width: 100px; _float:left; _margin: 0 9px; .thumbnail{ img{ _float:left; } transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; .caption{ _float: left; h3{.slh; text-align: left; margin-bottom: 10px; } } } &:hover{ .thumbnail{ margin-left: 20px; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); } } } } } /********人才招聘**********/ .jobs{.list;padding: 10px; } .jobs p{margin: 0;line-height: 28px;} #Jobs-table{ width: 95%; margin: 0 auto; thead{ tr{ th{ } } } tbody{ tr{ &:hover{ td{ background:transparent; } } td{ &:hover{ background:transparent; } } } } } .jobs{ margin: 0 0px; } /********产品展示**********/ .cpzs{ .cpzslb; ul{margin:10px auto; li{} } .div_main{margin: 0 10px;} .div_Image{text-align:center; img{max-width:100%;} } .div_Title{text-align:center;margin: 10px;} .div_Content{} /* 相关产品代码开始 */ .pro_con li{ float: left; width: 135px; padding: 6px;} .pro_con li img{ width: 125px; height: 105px; padding: 4px; border: 1px solid #ccc;border-radius:4px;} } .asdf{margin:10px 0;float: left; width: 100%;} /********购物车go**********/ #Gwc{ position: fixed; right: 6px; width: 200px; bottom: 5px; border: 1px solid #D6D3D3; border-radius: 3px; h3{ padding-left: 10px; background: #CA0811; a{ color:#FFFFFF; &:hover{ color:#000; } } } .d-1{ li{.slh; } a{ } } } #Order-form{ ul{ li{ display: inline-block;display: ~"inline\9";margin: 0 10px; .btn{ padding: 0 5px; } } } } #allmap .BMap_shadow img{ height: auto;} /********购物车end**********/ /********用户管理**********/ .vip-user{ background: url('../image/login_bg_2.jpg'); } .right_main h2{ font-size: 16px;} .right_main h2 small{ font-size: 14px;} .news-con{ padding: 15px;line-height: 28px;} .news-con p{ line-height: 28px;} .cus-con{ padding: 15px;line-height: 28px;} .cus-con p{ line-height: 28px;} /********幻灯片**********/ .shuoming {margin-top:20px; border:1px solid #ccc; padding-bottom:10px;} .shuoming dt {height:30px; line-height:30px; font-weight:bold; text-indent:10px;} .shuoming dd {line-height:20px; padding:5px 20px;} /* qqshop focus */ #focus {width:235px; height:200px; overflow:hidden; position:relative;} #focus ul {height:200px; position:absolute; margin:0;} #focus ul li {float:left; width:235px; height:200px; overflow:hidden; position:relative; } #focus ul li div {position:absolute; overflow:hidden;} #focus .btnwBg {position:absolute; width:235px; height:20px; left:0; bottom:0; background:#ccc;} #focus .btnw {position:absolute; width:160px; height:14px; padding:5px 10px; right:0; bottom:0; text-align:right;} #focus .btnw span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;} #focus .btnw span.on {background:#fff;} /* #focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;} */ #focus .pre {left:0;} #focus .next {right:0; background-position:right top;} /********幻灯片end**********/ .ch1 { height: 30px; line-height: 30px; padding: 0px 10px 0 25px; color: #000; font-size: 14px; font-family: '微软雅黑'; } .righta{float: right; margin: 6px 0px 0 0;} .picture{ float:left; width:248px; height:208px; overflow:hidden; display:inline; } .picture1{ height:166px; width:234px; text-align:center; vertical-align:middle; background-color:#FFFFFF; border:1px solid #cccccc; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; *font-size: 75px; /*此处的font-size为height除以1.14 */ } .picture2{width:234px; height:40px; text-align:center;line-height: 40px;font-size: 14px;font-family: '微软雅黑';} .picture2 a{color: #666;} .picture1 img{ vertical-align:middle; border:0;} /********代码开始**********/ #main_yi{margin: 0 auto;width: 100%;float: left;} #main_yia{width: 1000px;padding: 15px 0 25px 0;margin: 0 auto;} #main_yia p{margin: 0; line-height: 22px;} #main_san{margin: 0 auto;width: 100%;float: left;} #main_sana{margin: 0 auto;width: 1000px;margin-top: 5px;} .img_box{width:1000px;margin:0 auto;font-family: '微软雅黑';} .img_box li{width:220px;float:left;display:inline; padding: 0 11px;background: url(../images/lan.jpg) no-repeat 0 center;} .img_box li a{text-decoration: none;} .img_box img{border: 2px solid #ffcc00;} .img_box .biaoti{ font-size: 18px;color: #6f6f6f; text-align: center;height: 55px; line-height: 55px;} .img_box .neir{font-size: 14px; color: #999999;line-height: 25px;} #mian_si{margin: 0 auto;width: 100%;float: left;min-height: 517px;background: #f9f9f9; margin-top: 40px;margin-bottom: 20px;} #main_sia{margin: 0 auto;width: 1000px;padding: 20px 0;} #sia_left{float: left; width: 423px;padding: 0 25px;} .shanga{height: 200px; float: left;} #sia_left p{margin: 0;font-size: 24px;color: #ffcc00;font-family: '黑体'; height: 50px; line-height: 50px;} #yundan{width:410px; height:72px;padding:5px; margin:0px;font-size:13px; font-family:'宋体';color:#999; border-left:2px solid #7c7c7c;border-top:2px solid #7c7c7c;background:none;} .shanga input{border: none;padding: 0;margin: 0;margin-top: 15px;margin-left:0px; float: right; background: url(../images/denglu.jpg); width: 90px; height: 32px;} #chaxun{float: right;background:url(../images/chaxun.jpg); width:90px; height:32px;} #denglu { } .xiaa{float: left;font-size: 14px; color: #666; width: 423px;} .xiaaa{padding: 0 15px; line-height: 40px;} .xiaaa input{border: none;padding: 0;margin: 0;border: 1px solid #ccc;border-left:2px solid #999;border-top:2px solid #999; height:27px;background: none;padding: 0 5px;} .xiaa #mudi{width:287px;font-size:13px;margin:0px; } #tijiao{float: right;background:url(../images/tijiao.jpg); width:90px; height:32px;border: none;margin:0;margin-top: 10px;} #sia_right{float: right; width: 456px;padding: 10px 22px;} .sia_shang{float: left; width: 456px;} .sia_a{background: url(../images/lan_1.jpg) no-repeat; height: 36px;} .sia_b ul{margin: 0;} .sia_b{padding: 10px; float: left;font-size: 14px;font-family: '微软雅黑';} .sia_b li{float:left; width:439px;line-height:35px;} .sia_b li a{color:#666;} .sia_xia{float: left; width: 456px;margin-top: 5px;} .sia_c{background: url(../images/lan_2.jpg) no-repeat; height: 36px;} .sia_d ul{margin: 0;} .sia_d{padding: 10px; float: left;font-size: 14px;font-family: '微软雅黑';} .sia_d li{float:left; width:439px;line-height:35px;} .sia_d li a{color:#666;} #main_wu{margin: 0 auto;width: 100%;float: left;} #main_wua{width: 1000px;padding: 18px 0;margin: 0 auto; height: 567px;padding-bottom: 30px;} #main_liu{margin: 0 auto;width: 100%;float: left;background: #f9f9f9;margin-top: 10px;min-height: 517px;padding: 15px 0;} #main_liua{width: 1000px;padding: 18px 0;margin: 0 auto;} .liua_a{ height: 58px;background: url(../images/lan_3.jpg) no-repeat top center;} .liua_b{margin-top: 20px; width: 980px;padding: 0 10px; float: left;} .liua_b ul{margin: 0;} .liua_b li{border: 1px solid #ccc; width: 157px; height: 85px;float: left;margin:15px 20px;} .liua_c{height: 23px;background: url(../images/lan_4.jpg) no-repeat bottom center;float: left;width: 1000px; margin-top: 15px;} #main_qi{margin: 0 auto;width: 100%;float: left;margin-top: 10px;} #main_qia{width: 1000px;margin: 0 auto;} #tupian{float: left; width: 980px;padding: 20px 10px 10px 10px;} .tupian_a{height: 34px;background: url(../images/lan1.jpg) no-repeat top left;} .tupian_b{margin-top: 10px;} .tupian_b ul{margin: 0;} .jianjie_box{background: #e5e5e5;width: 100%;float: left;margin-top: 10px;} #jianjie{width: 980px;padding: 30px 30px 50px 30px;margin: 0 auto;} .jianjie_a{height: 34px;background: url(../images/lan2.jpg) no-repeat top left;} .jianjie_b{margin-top: 10px;color: #333; line-height: 28px;} .youq_box{width: 100%;float: left;background: #373c64;} #youq{ width: 980px;margin: 25px auto;border: 1px solid #f0f0f0;height: 65px;} .youq_a{background: url(../images/youq.jpg) no-repeat top left;width: 131px;height: 65px;float: left;} .youq_b{float: right;width: 839px;} .youq_b a{padding: 0 12px; height: 65px; line-height: 65px; font-size: 14px;color: #fff;} .row-fluid > .span8{width: 70.957%;line-height: 20px;} .news-img ul li .thumbnail .caption h3{margin-bottom: 2px;} .news-img ul li .thumbnail .caption h3 a{color: #666;} .thumbnail .caption{padding: 4px;}