@back_body:none;/*大背景*/ @back_header:#f4f4f4;/*头部背景*/ @back_nav:#f4f4f4;/*导航背景*/ @back_nav_li:none;/*导航隔离条*/ @back_nav_li_ah:none;/*鼠标移上去背景*/ @back_h_ba:none;/*滚动背景*/ @back_s_li:url('../images/x_bg.png') no-repeat;/*左侧栏li背景*/ @back_footer:#f4f4f4;/*底部背景*/ @back_wrap:none;/*网站主体背景*/ @qt1:url('../images/qt1_bg.gif') no-repeat;/*其他图片1号*/ @qt2:#f4f4f4;/*其他图片2号*/ @qt3:url('../images/qt3_bg.png');/*其他图片3号*/ @qt4:url('../images/qt4_bg.png');/*其他图片4号*/ /*全局---头部----主体(主页)----底部---侧边---内页--*/ @b_w:1050px; /*网站宽度*/ /*--------------------------------------------------------全局开始---------------------------------------------------*/ body{background:@back_body;font-family: 'Microsoft YaHei,Arial';p{font-family: 'Arial,Microsoft YaHei';}} 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; } .main3{margin:0 auto;width:@b_w;} .main{margin:0 auto;width:@b_w;} .main1{width:1050px;margin: 0 auto;height: 89px; img{float: left;} } .off{display:none;} /*隐藏*/ .right{float:right;} .trs(@a:0.3s){-webkit-transition: @a;-moz-transition: @a;-ms-transition: @a;-o-transition: @a;transition: @a;} .trf(@a:scale(1.1)){-webkit-transform: @a;-moz-transform: @a;-ms-transform: @a;-o-transform: @a;transform: @a;} .item{.trs(0.8s);} .slh(){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}/*单行超出部分省略号显示*/ .title{font-family: 'Microsoft YaHei';} /*所有.title样式内容使用微软雅黑*/ .wrap{margin:0 auto;background:@back_wrap;} /**侧边栏样式**/ /*侧边栏新闻*/ .s_xw(){ ul{ margin: 0 auto; width: 95%; li{.jz_h(30px); a{.slh; display:block; font-size:12px; font-weight: 100; padding-left:20px; } } } } /*侧边栏案例*/ .s_al(){ a{ display:block; margin:0 auto; width:100%; img{ display:block; margin:0 auto; max-height:98%; max-width:98%; } } } /*侧边栏分类*/ .s_fl(){ ul{ margin: 0 auto; width: 95%; li{.jz_h(30px); a{ display:block; font-size:12px; font-weight: 100; padding-left:20px; } } /*产品分类鼠标hover样式.lon*/ .lon{ a{ font-weight: 600; } } } } /*侧边栏系我们*/ .s_lx(){ margin:0 auto; padding:10px 0; width: 90%; p{ font-size: 12px; margin: 5px 15px; } } /**产品样式**/ .cpzslb(@a:146px,@b:146px){ ul{ li{ width:@a+10px; _float:left; _margin: 0 9px; a{ img{ height:@b; } } div{ h4{.slh; text-align: center; width: @a; } } } } } /*搜索*/ #Sousuo{.right; margin-top: -28px; } /********消除浮动
*********/ .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;} } /*--------------------------------------------------------全局结束---------------------------------------------------*/ /********头部**********/ .top_back{background-color:#f98920;height:0px;position:absolute;top:0;width: 100%;} @logo_h:132px; /*头部高度*/ @logo_m: 32px 0 0px 0px; /*logo距离距离*/ @height_nav:89px; /*导航条高度*/ @nav_li_w:103px; /*导航条宽度*/ @ba_w1:960px; /*滚动图片宽度*/ @ba_h1:350px; /*滚动图片高度*/ .daohang{background:url(../images/daohang.jpg) top repeat-x;opacity: 0.9; width: 100%;position: fixed;z-index: 99999;height: auto;} .gonggao{width: 100%;height: 36px;;background: #fff;opacity: 0.7;} .gga{width: 1050px;height: 36px;margin: 0 auto; h4{font-family: "微软雅黑";font-size: 12px;color: #000;float: left;line-height: 36px;width: 450px;text-align: left;} p{float: right;width:220px;height: 36px;float: right;font-family: "微软雅黑";font-size: 12px;line-height: 36px;} } .pic_out2{ width:100%; height:545px !important; overflow:hidden; margin:0 !important; position:relative; z-index:10; background:url('../images/picb.jpg'); border-bottom:1px solid #FFF;padding-top: 129px;} .over{ width:100%; height:100%; position:absolute; top:0;background-image:url("images/whitr.png"); z-index:18;} #pic2{ width:100%; height:535px; overflow:visible !important; position:relative; margin:0 auto;} #pic2 ul li a{ display:block; width:100%; height:535px; overflow:hidden; position:relative; } #pic2 ul li {display:block; width:960px; height:535px; position:relative;z-index:2;} #pic2 .prve,#pic2 .next{ width:80px; height:80px; background-image:url("../images/Sprites.png"); position:absolute; top:261px; display: block;z-index:1000; cursor:pointer; z-index:5;} #pic2 .prve{ background-position:80px 0; left:-5px;} #pic2 .next{background-position:80px -80px; right:-5px; } #pic2 .left_over,#pic2 .right_over{ width:1000px; height:535px; position:absolute; top:0;background-image:url("../images/whitr.png"); z-index:4;} #pic2 .left_over{ left:960px;} #pic2 .right_over{ right:960px;} #pic2 .b_over{ width:1000px; height:535px; position:absolute;left:960px; top:0; z-index:0;} #pic2 .b_over2{ width:1000px; height:535px; position:absolute;right:960px; top:0; z-index:0;} .heitiao{width: 100%;height: 10px;background: #202020;} .header{ background:@back_header; margin: 0 auto; .logo{height:@logo_h; img{vertical-align:middle;margin:@logo_m;} } .hea{.right; text-align: right; width:350px; .h_r{margin-top: 13px; a{margin-right:25px;} } .h_rb{margin-top: 10px;margin-right: 30px;} } .nav{ width: 649px; float:right; background-position:0 0px; height:@height_nav; margin-bottom: 0px; /*导航鼠标hover样式.lon*/ .lon{ a{ background-position:50% 0; } } #Index{} li{.left; background:@back_nav_li; height: @height_nav; position:relative; text-align: center; width: @nav_li_w; z-index: 1000; span{ top: 89px; left: 0; position: absolute; width:153px; height: 112px; display: none; z-index: 99999; background: #fff; box-shadow: 0px 1px 1px 1px; border-radius:0px 0px 3px 3px; .xiangmu01{text-decoration: none;display: block;width: 140px;height: 30px;line-height: 30px;text-align: center;color: #000;border-bottom: 1px dashed #dedede;line-height: 30px; &:hover{color: #fff;background: #000;}} } &:hover{ span{display: block; } } a{ background:@back_nav_li_ah; background-position:50% -@height_nav; color: #cccccc; display:block; font-family: "Microsoft YaHei"; font-size:14px; height:@height_nav; line-height:102px; 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; width:@nav_li_w; 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; 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; margin:0; .footer2{ margin:0 auto; padding:10px 0 0px 0; text-align:center; #Fnav{ margin-bottom: 10px; ul{ margin: 0 auto; width: 740px; li{.left; height: 30px; line-height: 30px; a{ font-size: 12px; margin: 0 11px; } } } } span { font:12px/25px; margin:0 5px; } .support{ a{ margin:0 5px 0 0; } } } } /********侧边栏**********/ @Si_w:210px; /*侧边栏宽度*/ #Sidebar{float: left;width: @Si_w;margin:0px 0 0 0px; .title{.jz_h(30px); background: #d9edf7; font-size: 14px; font-weight: 100; padding:1px; span{.left; margin-left:20px; } a{.right; margin-right:20px; } } .widget{.bk(#dadada,1px,0); margin-bottom:10px; -webkit-transition: 0.3s; transition:0.3s; &:hover{ box-shadow:0px 5px 5px #ccc; background: #FFF; } } #S-xw{ .adc{.s_xw; } } #S-fl{ .adc{.s_fl; } } #S-al{ .adc{.s_al; } } #S-lx{ .adc{.s_lx; } } #S-nav{ .adc{.s_fl; } } } /********************************************************内页******************************************************************/ #Mleft{} #Mright{float: right;margin:0 0px 0 auto;width:720px;margin-right: 20px;} .well{background: #FCFCFC;} .list(){ ul{margin: 0 auto; li{ background: url('../image/list_li.gif') no-repeat 5px 50%; border-bottom: 1px dotted #b98424;padding: 5px 20px; margin: 0 auto; width: 90%; a{ } span{.right; } } } } /*详细页样式1*/ .info-1{ .block-1{margin: 0 10px; .d-img{text-align:center; img{max-width:100%;max-height: 500px;} } .title{ text-align:center; margin: 10px; background: none; color: #383737; height: auto; } .adc{ padding: 0 15px; } } } /********公司简历**********/ .article{ width: 988px;height: 39px;margin: 0 auto;border-bottom: 1px dashed #dedede; margin-bottom: 20px; min-height: 20px; overflow:hidden; img{max-width:100%;} /* 这里是调整内页大小图片的,产品定位容易出错 */ .well{} .title{.jz_h(40px); line-height: 39px; color: #000; margin:0px auto 15px; h4{.left; font-size: 16px; line-height:40px; padding-left:15px; span{.off} } span{float: left; a{ color:#000; } } } .com_con{padding:10px;line-height: 25px;} .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:18px;border:1px solid #DBDBDB;padding:0 2px 0;color:#000; &:hover{.jz_h; background:#404040;border:none;padding:0 3px 0;color:#fff; } } } .pn{ font-size: 14px; height: 19px; margin:25px; 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: "Microsoft YaHei";.slh;display: block;} } } /********留言页面**********/ .order{margin:40px 0 120px 46px;line-height:40px; img{vertical-align:-5px;cursor:pointer;} } /********新闻中心**********/ .right_main{.list; a { color:#000; text-decoration:none; font-family:"微软雅黑"; &:hover { color:#ff0000; } } } .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; a { color:#000; text-decoration:none; font-family:"微软雅黑"; &:hover { color:#ff0000; } } } #Jobs-table{ width: 95%; margin: 0 auto; thead{ tr{ th{ } } } tbody{ tr{ &:hover{ td{ background:transparent; } } td{ &:hover{ background:transparent; } } } } } .jobs{ margin:0px; } /********产品展示**********/ /********购物车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; } } } } /********购物车end**********/ /********用户管理**********/ .vip-user{ background: url('../image/login_bg_2.jpg'); } #allmap .BMap_shadow img{ height: auto; } .picturea{ float:left; width:200px; height:350px; overflow:hidden; padding:0px; padding-left:29px; _width:200px;} .picture1a a { height:350px; width:200px; text-align:center; vertical-align:middle; background:#fff; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; } .picture2a {width:214px; height:40px; text-align:center; line-height:40px; } .picture2a a { color:#000; text-decoration: none; font-family: '微软雅黑'; } .picture2a a:hover { color:#ff0000; } .picture1a img{ vertical-align:middle; border:0;} /*------检测--------*/ .jiance{width: 100%;height: 376px;background: #f5f3f3; h4{font-family:"微软雅黑";font-size:24px;text-align: center;padding-top: 37px;color: #333333;padding-bottom: 10px;} p{font-family:"微软雅黑";font-size:12px;color: #666666;text-align: center;max-width: 976px;margin: 0 auto;line-height: 30px;} } .xingxing{width: 128px;height: 22px;margin: 0 auto;background: url(../images/xingxing.jpg) center no-repeat;} .xiangmu{width: 967px;height: 120px;margin: 0 auto;padding-top: 10px; .xm1{width:312px;height: 120px;float: left;margin-right: 10px;position: relative;z-index: 8888; .heikuai{position: absolute;width: 312px;height: 120px;background: url(../images/s_hover_1.png) center no-repeat;z-index: 9999;display: block;top: 0px;left: 0px;font-family:"微软雅黑";font-size:14px;text-align: center;line-height: 120px;color: #fff;} .heikuai2{position: absolute;width: 312px;height: 120px;background: url(../images/s_hover_1.png) center no-repeat;z-index: 9999;display: block;top: 0px;left: 0px;font-family:"微软雅黑";font-size:14px;text-align: center;line-height: 120px;color: #fff;} .heikuai3{position: absolute;width: 312px;height: 120px;background: url(../images/s_hover_1.png) center no-repeat;z-index: 9999;display: block;top: 0px;left: 0px;font-family:"微软雅黑";font-size:14px;text-align: center;line-height: 120px;color: #fff;} } } /*------优势--------*/ .advantage{background:url("images/advantage.jpg");} #advantage{ width:960px; height: auto; margin:0 auto; overflow:hidden; padding-bottom:65px;} .advantage_hd{ width:100%; height:auto; text-align:center; padding:20px 0; position:relative; overflow:hidden; } .advantage_hd b{ color: #FFF; font-size:24px; text-transform:uppercase;text-shadow:2px 2px 2px #666; position:relative; top:100px;} .advantage_hd h2{ font-size:18px; color:#333;position:relative; top:100px;} #advantage ul{ display:block; width:1200px; height:auto; overflow:hidden;} #advantage ul li{ width:210px; height:238px; margin:0 41px 10px 0; overflow:hidden; position:relative; float:left;} #advantage ul li .pic_a{ width:186px; height:186px; display:block; overflow:hidden; border:8px solid #FFF; box-shadow:1px 2px 3px #666; border-radius:186px; } #advantage ul li .pic_a img{ position: relative; top:-200px; border-radius:186px;} #advantage ul li div{ position:absolute; width:190px; height:190px; top:209px;padding:10px;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s; &:hover{ background: #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} } #advantage ul li div span{ position:absolute; width:221px; height:210px; background:#fff; display:none; z-index:1; top:-10px; left:-10px; } #advantage ul li div a{ font-size:14px; font-weight:bold; color:#333; text-align:center; display:block; width:190px; color:#aabe00; text-decoration:none; position:relative; z-index:2} #advantage ul li div p{ font-size:12px; color:#999;position:relative; z-index:2; } #content #advantage ul li{margin:0 41px 30px 0;} #content #advantage ul li .pic_a img{ position: relative; top:0; border-radius:186px;} /*------新闻--------*/ .xinwen{width: 100%;} #news{ width:960px; height:auto; margin:0 auto; overflow:hidden; padding-top:30px;font-family:"微软雅黑";} .news_hd{ width:100%; height:auto; padding:5px 0; border-bottom:1px #666666 solid; overflow:hidden;} .news_hd span{ width: auto; height:61px; float:left; overflow:hidden; display:block;} .news_hd span h2{ display:block; width:100%; font-size:18px; color:#333; margin:0;font-family:"微软雅黑";} .news_hd span b,.news_hd span b a{ display:block; width:100%; font-size:14px; color:#999;text-transform:uppercase;font-family:"微软雅黑";} .news_hd ul { display:block; float:right; padding-top:25px;} .news_hd ul li{ float:left; margin-right:10px;} .news_hd ul li a{ font-size:12px; color:#999; text-decoration:none;font-family:"微软雅黑";} .news_hd ul li a:hover{ color: #333;} .news_hd ul li .sub-menu{ display:none;} #news .news_list{ display:block; width:1200px; height:auto; overflow:hidden; padding:10px 0;} #news .news_list li{ float:left; display:block; width:349px; overflow:hidden; height:93px; margin:0 15px 15px 0;} #news .news_list li img{ float:left; margin-right:10px; border:1px solid #CCC;} #news .news_list li b,#news .news_list li a{ font-size:14px; color:#333; display:block; margin:0 0 3px 0; text-decoration:none;font-family:"微软雅黑";} #news .news_list li em{ font-size:12px; color:#999; display:block;font-family:"微软雅黑";} #news .news_list li p{ font-size:12px; color:#666; display:block; overflow:hidden;font-family:"微软雅黑";} #news .news_list li.pic_new{ width:233px; height:310px;} #news .news_list li.first_news{ width:714px; padding-bottom:6px; border-bottom:dashed 1px #CCCCCC;} /*------内页新闻--------*/ .news_loop_01{ display:block; width:100%; height:auto; overflow:hidden;} .news_loop_01 li{ float:left; display:block; width:100%; padding:10px 0; border-bottom:dashed #999999 1px;} .news_loop_01 li .news_001_pic{ width:83px; height:83px; display:block; overflow:hidden; float:left; position:relative;} .news_loop_01 li span{ display:block; float:left; padding-left:15px; width:428px;} .news_loop_01 li .news_001_pic img{ width:88px; height:88px; position:absolute;} .news_loop_01 li#fist .news_001_pic,.news_loop_01 li#fist .news_001_pic img{ width:88px; height:88px; border-radius: 88px;} .news_loop_01 li#fist .news_001_pic{ border:8px solid #fff; margin-left:3px; box-shadow: 0 1px 3px #666;} .news_loop_01 li#fist a.news_001_pic:hover{border:8px solid #aabe00;} .news_loop_01 li#fist span{ width:450px;} .news_loop_01 li span b{ font-size:18px; color:#333; display:block;} .news_loop_01 li span b a{ color:#333; text-decoration:none;}.news_loop_01 li span b a:hover{ color:#aabe00;} .news_loop_01 li span a.time{ font-size:12px; color:#aabe00; margin:4px 0;} .news_loop_01 li span p{ display:block; font-size:12px; color:#333;} .news_loop_01 li span a.news_btn{ color:#aabe00; font-size:14px; display:block; padding-left:25px;background:0 -615px no-repeat url("images/Sprites.png"); margin-top:10px; } /*------查询--------*/ .enter{ width:100%; height:auto; overflow:hidden;} .enter p{ font-size:14px; color:#666; line-height:26px;} .enter a{ color:#aabe00} .enter img{ max-width:100%; height:auto;} .title_page{ width:610px; border-left:solid 9px #aabe00; border-right:#CCC solid 1px; border-top:#CCC solid 1px;border-bottom:#CCC solid 1px;background:#FFF; padding:5px;} .enter_full .title_page,#nav_product_mue .title_page{ width:939px;} #nav_product_mue .title_page{ margin-bottom:10px;} #nav_product_mue .title_page a{ font-size:9px; color:#aabe00; margin-left:5px;} .enter_full .des_page{ width:936px;} .title_page h1,#nav_product_mue .title_page .title_page b{ font-size:16px; color:#333; font-weight:normal; margin:0;} .des_page{ width:650px; padding:10px; margin-bottom:10px; border-bottom:dashed #CCCCCC 1px;} .des_page a{ font-size:12px; color:#999;} .des_page ul{ display:inline-block; margin-left:10px;} .des_page ul li{margin-left:10px;} #nogallery_enter .gallery_xz,#nogallery_enter .list-h,#nogallery_enter #enter_xz{ display:none !important;} #enter_xz{ background:#FFF; border:10px solid #fff;box-shadow: 0 1px 3px #333333; margin:15px 0 10px 5px;border-radius: 5px;} .smaoll_xzs,.smaoll_xzs li{ width:600px !important; min-height:400px;} .big_xzs,.big_xzs li{ width:930px !important; min-height:500px;} #enter_xz ul li{ text-align:center;} #enter_xz .next{ position:absolute; width:91px; height:100%; background: no-repeat center url("images/next.png"); bottom:0; right:-91px; z-index:100; cursor:pointer;} #enter_xz .prve{ position:absolute; width:91px; height:100%; background:no-repeat center url("images/prev.png"); bottom:0; left:-91px; z-index:100;cursor:pointer;} #bandds .list-h{ width:100%; display:block; overflow:hidden; padding:0; margin:0;} #bandds .list-h li{ float:left; margin:9px;} /* product */ .enter_cs{ display:block; width:650px; padding:10px 0 10px 0; font-size:18px; color:#aabe00; margin:15px 0; border-bottom:#999 1px dashed;} /*------侧边QQ滚动--------*/ .side-bar a,.chat-tips i { background-image: url(../images/gdt-img.png); background-repeat: no-repeat; } /*右侧悬浮icon*/ .side-bar { width: 66px; position: fixed; bottom: 20px; right: 25px; font-size: 0; line-height: 0; z-index: 100; } .side-bar a { width: 66px; height: 66px; display: inline-block; background-color: #dddddd; margin-bottom: 2px; } .side-bar a:hover { background-color: #669fdd; } .side-bar .icon-qq { background-position: 0 -62px; } .side-bar .icon-chat { background-position: 0 -130px; position: relative; } .side-bar .icon-chat:hover .chat-tips { display: block; } .side-bar .icon-blog { background-position: 0 -198px; } .side-bar .icon-mail { background-position: 0 -266px; } .side-bar .icon-totop { background-position: 0 -334px; } .chat-tips { padding: 20px; border: 1px solid #d1d2d6; position: absolute; right: 78px; top: -55px; background-color: #ffffff; display: none; } .chat-tips i { width: 9px; height: 16px; display: inline-block; position: absolute; right: -9px; top: 80px; background-position:-88px -350px; } .chat-tips img { width: 138px; height: 138px; } /*------产品展示--------*/ .cp { float:left; width:1002px; height:400px; margin-bottom:15px; /* 产品展示-总框架 */ } .cp-z { float:left; width:230px; height:400px; /* 产品展示-左样式 */ } .cp-zt { float:left; width:200px; height:40px; background:#f4f4f4; line-height:40px; font-family:"微软雅黑"; font-size:14px; color:#000; padding-left:15px; /* 产品展示-左-头部 */ } .cp-zk { float:left; width:205px; height:350px; background:#d4d4d4; padding-top:10px; padding-left:10px; /* 产品展示-左-下框 */ } .cp-zklie a { float:left; width:180px; height:35px; background:#f4f4f4; line-height:35px; font-family:"微软雅黑"; font-size:12px; color:#000; padding-left:15px; /* 产品展示-左-分类样式 */ } .cp-zklie a:hover { background:#ff0000; color:#fff; text-decoration:none; /* 产品展示-左-分类样式 */ } .cp-y { float:left; width:772px; height:400px; /* 产品展示-右样式 */ } .cp-yt { float:left; width:772px; height:40px; background:#f4f4f4; /* 产品展示-右-头部 */ } .cp-yt-z { float:left; width:400px; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:14px; color:#000; padding-left:15px; /* 产品展示-右-头部标题 */ } .cp-yt-y { float:right; width:50px; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:12px; color:#000; /* 产品展示-右-更多 */ } .cp-yk { float:left; width:772px; height:350px; background:#d4d4d4; padding-top:10px; /* 产品展示-右-下框 */ } /*------新品产品或者推荐产品--------*/ .xp { float:left; width:1002px; height:240px; margin-bottom:15px; } .xp-t { float:left; width:1002px; height:40px; background:#d4d4d4; } .xp-tz { float:left; width:400px; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:14px; color:#000; padding-left:15px; } .xp-ty { float:right; width:50px; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:12px; color:#000; } .xp-k { float:left; width:1002px; height:200px; background:#f4f4f4; } /*------营销图片--------*/ .tp { float:left; width:1002px; height:400px; background:#d4d4d4; line-height:400px; font-family:"微软雅黑"; font-size:18px; color:#000; text-align:center; margin-bottom:15px; } /*------荣誉资质和厂房图片--------*/ .cf { float:left; width:1002px; height:240px; margin-bottom:15px; } .cf-z { float:left; width:747px; height:240px; } .cf-zt { float:left; width:732px; height:43px; background:#f4f4f4; } .cf-zt-z { float:left; width:300px; height:43px; line-height:43px; font-family:"微软雅黑"; font-size:14px; color:#000; padding-left:15px; } .cf-zt-y { float:right; width:50px; height:43px; line-height:43px; font-family:"微软雅黑"; font-size:12px; color:#000; } .cf-zk { float:left; width:732px; height:197px; background:#d4d4d4; } .cf-y { float:left; width:255px; height:240px; } .cf-yt { float:left; width:255px; height:43px; background:#f4f4f4; } .cf-yt-z { float:left; width:100px; height:43px; line-height:43px; font-family:"微软雅黑"; font-size:14px; color:#000; padding-left:15px; } .cf-yt-y { float:right; width:50px; height:43px; line-height:43px; font-family:"微软雅黑"; font-size:12px; color:#000; } .cf-yk { float:left; width:235px; height:177px; background:#d4d4d4; padding:10px; } /*------公司简介和联系方式--------*/ .gs { float:left; width:1002px; height:300px; margin-bottom:15px; /* 公司联系-总框架 */ } .gs-z { float:left; width:747px; height:300px; /* 公司联系-左框架 */ } .gs-zt { float:left; width:732px; height:40px; background:#f4f4f4; /* 公司联系-左-头部 */ } .gs-zt-z { float:left; width:300px; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:14px; color:#000; padding-left:15px; /* 公司联系-左-头部标题 */ } .gs-zt-y { float:right; width:50px; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:12px; color:#000; /* 公司联系-左-更多 */ } .gs-zk { float:left; width:702px; height:240px; background:#d4d4d4; padding:10px 15px; line-height:26px; font-family:"微软雅黑"; font-size:12px; color:#000; /* 公司联系-左-下框 */ } .gs-y { float:left; width:255px; height:300px; /* 公司联系-右框架 */ } .gs-yt { float:left; width:240px; height:40px; background:#f4f4f4; line-height:40px; font-family:"微软雅黑"; font-size:14px; color:#000; padding-left:15px; /* 公司联系-右标题 */ } .gs-yk { float:left; width:225px; height:240px; background:#d4d4d4; line-height:26px; font-family:"微软雅黑"; font-size:12px; color:#000; padding:10px 15px; /* 公司联系-右-下框 */ } .gs-yk a { color:#000; text-decoration:none; } .gs-yk a:hover { color:#ff0000; } /*-------新闻资讯、常见问题、在线留言--------*/ .nw { float:left; width:1002px; height:400px; margin-bottom:15px; /* 新闻资讯、常见问题、在线留言-总框架 */ } .nw-l { float:left; width:324px; height:400px; margin-right:15px; /* 新闻资讯、常见问题、在线留言-左框架 */ } .nw-lt { float:left; width:324px; height:40px; background:#f4f4f4; /* 新闻资讯、常见问题、在线留言-左-头部 */ } .nw-lt-z { float:left; width:100px; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:14px; color:#000; padding-left:15px; /* 新闻资讯、常见问题、在线留言-左-头部标题 */ } .nw-lt-y { float:right; width:50px; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:12px; color:#000; /* 新闻资讯、常见问题、在线留言-左-更多 */ } .nw-lk { float:left; width:324px; height:360px; background:#d4d4d4; /* 新闻资讯、常见问题、在线留言-左-下框 */ } .nw-lklie a { float:left; width:324px; height:35px; line-height:35px; color:#000; font-family:"微软雅黑"; font-size:12px; text-decoration:none; border-bottom:dashed 1px #fff; } .nw-lklie a:hover { color:#ff0000; text-decoration:none; } .nw-z { float:left; width:324px; height:400px; margin-right:15px; /* 新闻资讯、常见问题、在线留言-中框架 */ } .nw-zt { float:left; width:324px; height:40px; background:#f4f4f4; /* 新闻资讯、常见问题、在线留言-中-头部 */ } .nw-zt-z { float:left; width:100px; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:14px; color:#000; padding-left:15px; /* 新闻资讯、常见问题、在线留言-中-头部标题 */ } .nw-zt-y { float:right; width:50px; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:12px; color:#000; /* 新闻资讯、常见问题、在线留言-中-更多 */ } .nw-zk { float:left; width:324px; height:360px; background:#d4d4d4; /* 新闻资讯、常见问题、在线留言-中-下框 */ } .nw-zk-k { float:left; width:324px; height:97px; padding-top:15px; border-bottom:dashed 1px #000; } .nw-zk-kt a { float:left; width:300px; height:18px; line-height:18px; font-family:"微软雅黑"; font-size:12px; color:#000; overflow:hidden; padding-left:24px; margin-bottom:10px; } .nw-zk-kt a:hover { color:#ff0000; text-decoration:none; } .nw-zk-kk { float:left; width:300px; height:54px; line-height:18px; font-family:"微软雅黑"; font-size:12px; color:#999; overflow:hidden; padding-left:24px; } .nw-y { float:left; width:324px; height:400px; /* 新闻资讯、常见问题、在线留言-右框架 */ } .nw-yt { float:left; width:309px; height:40px; background:#f4f4f4; line-height:40px; font-family:"微软雅黑"; font-size:14px; color:#000; padding-left:15px; /* 新闻资讯、常见问题、在线留言-右-头部 */ } .nw-yk { float:left; width:294px; height:330px; background:#d4d4d4; padding:15px; /* 新闻资讯、常见问题、在线留言-右-下框 */ } .nw-yk-m { float:left; width:50px; height:28px; line-height:28px; font-family:'微软雅黑'; font-size:12px; padding-right:10px; text-align:right; } .nw-yk-k { float:left; width:220px; height:28px; padding:0px; line-height:28px; font-family:'微软雅黑'; font-size:12px; } .nw-yk-k1 { float:left; width:220px; height:60px; padding:0px; line-height:28px; font-family:'微软雅黑'; font-size:12px; } .nw-yk-k2 { float:left; width:60px; height:28px; padding:0px; line-height:28px; font-family:'微软雅黑'; font-size:12px; margin-right:10px; } .nw-yk-azm { float:left; padding-top:4px; margin-right:10px; } /*-------底部 footer--------*/ #footer{ width:100%; height:auto;; border-top: solid 10px #dadada; background:#3c3c3c; padding:10px 0; position:relative; float:left;} #footer_in{ width:960px; height:auto; margin:0 auto; position:relative;} #footer_in .footer_shadow{ width:960px; height:10px; position:absolute; top:-30px;} #footer_in .footer_modle{ width:100%; height:auto; padding:10px 0 20px 0; margin:5px 0; border-bottom:solid 1px #CCCCCC; overflow:hidden; } #footer_in .footer_modle .title{ width:100%; height:auto; float:left; padding-bottom:5px;} #footer_in .footer_modle .title b{ color:#fff;display: block; font-size: 14px; width: 100%;} #footer_in .footer_modle .title a{ color: #aabe00;display: block;font-size: 9px;text-transform: uppercase;} #footer_in .footer_modle .link{ width:211px; height:auto; float:left; overflow:hidden; margin-right:28px;} #footer_in .footer_modle .link ul{ width:100%; height:auto; display:block; overflow:hidden; float:left; border-top: 1px dashed #767676;} #footer_in .footer_modle .link ul li{ border-bottom: 1px dashed #767676;float: left; width:100%; } #footer_in .footer_modle .link ul li a{ color:#ccc; font-size:12px; text-decoration:none; display:block; width:100%;padding: 5px 0; } #footer_in .footer_modle .link ul li a:hover{ background:#767676;} #footer_in .footer_modle .subscription{ float:left; width:262px; height:190px; margin-right:28px;} #footer_in .footer_modle .subscription .rssbook{ background:#2d2d2d !important; border:1px solid #4a4a4a !important; padding:21px 17px !important;} #footer_in .footer_modle .subscription .rssbook input.rsstxt{ width:97% !important; } #footer_in .footer_modle .icon{ width:260px; height:auto; overflow:hidden; float:left; margin-right:28px;} #footer_in .footer_modle .icon ul{ width:280px; height:auto; display: block;} #footer_in .footer_modle .icon ul li{ display:block; width:78px; height:61px; float:left; margin:0 10px 10px 0; border: solid 1px #666;} #footer_in .footer_modle .icon ul li:hover{border: solid 1px #333; } #footer_in .footer_modle .dimensional{ width:138px; float:left;} #footer_in .footer_modle .dimensional img{ width:138px; height:138px;} #footer_in .links{ width:960px; height:auto; display:block;} #footer_in .links li{ display:inline; padding-right:15px;} #footer_in .links li a{ font-size:12px; color:#cacaca; text-decoration:none;} #footer_in .links li a:hover{ color:#FFF;} #footer_in p{ font-size:12px; color:#cacaca;} #footer_in p a{font-size:12px; color:#cacaca; text-decoration:none;} #footer_in p a:hover{ color:#aabe00} #footer_in .tag-menu li{ display:inline-block; margin:0 5px 5px 0; } #footer_in .tag-menu li a{ color:#FFF; display:block; background: #1C1C1C; border-radius: 3px; padding:4px; font-size:12px; text-decoration:none;} #footer_in .tag-menu li a:hover{ background:#aabe00;} /* page_top */ #page_top{ width:100%; height:56px; padding-top:20px; overflow:hidden; padding-top:138px; background-position:top; background-image: url("images/pic_b.jpg"); background-position:center; margin-top:-7px;} #page_top .page_top_in{ width:960px; height:76px; margin:0 auto;} #page_top .page_top_in h3{ display:block; width:100%; font-size:24px; color:#fff; font-weight:normal;text-transform:uppercase;} #page_top .page_top_in h3 a{ font-size:14px; color:#FFF; text-transform:uppercase;} #page_top .page_top_in p{ font-size:9px; color:#FFF;} #page_muen_nav{ width:960px; height:auto; padding:10px; margin:0 auto 10px auto ; border-bottom: dashed #D5D5D5 1px;} #page_muen_nav b,#page_muen_nav a{ font-size:12px; color:#666; text-decoration:none;} #page_muen_nav a:hover{color:#aabe00} /*-------内页头--------*/ .nytou{width: 100%;height:200px;margin: 0 auto;background: url(../images/ny_tou.jpg) center repeat-x;} .guanyu{width: 990px;height: 70px;margin: 0 auto;padding-top: 129px; h4{color: #fff;font-family:"微软雅黑";line-height:70px;font-size:20px;} } .bdsharebuttonbox{width: 711px;height: 28px;float: right;padding-bottom: 20px;padding-top: 20px;border-top: 1px dashed #dedede;margin-right: 30px;} /*-------内页左分类--------*/ .widget_left{ width:270px; height:500px; float:left; overflow:hidden;} .widget_left .widge_hd { height:auto; border-bottom: solid 1px #aabe00; overflow:hidden; margin-bottom:15px;}.widget_left .widge_hd span{ width:100%; height:21px;} .widget_left .widge_hd span b,.widget_left .widge_hd span p{ float:left; width:auto; margin-left:5px; display:block; height:23px; overflow:hidden;} .widget_left .widge_hd span p{ line-height:23px; font-size:9px; color:#aabe00;text-transform:uppercase;} .widget_left .widge_hd span b{ color:#333;} .widget_left .news_list{ width:270px !important;} .widget_left .news_list li{ width:266px !important;} .widget_left #about_in{ width:270px;}.widget_left #about_in .a_left{ width:250px !important; padding:10px; top:10px !important; } .widget_left #about_in .a_left h2 em{ font-size:12px !important;} .widget_left #about_in .a_left p{ display:block; width:225px; overflow:hidden;} .left_mian #vedios ul{ width:279px !important; height:auto !important;} .left_mian .vedio_kuang{width:258px !important;} .left_mian #vedios .vedio_kuang iframe { width:259px !important;} .left_mian #s{ width:187px;} /*-------搜索框--------*/ .sousuo{width: 604px;height: 200px;border-radius: 10px; margin: 0 auto;background: #D5AC80;box-shadow: 0px 2px 5px 0px; .chaxun{width: 322px;height: 30px;line-height: 21px;text-align: center;font-family:"微软雅黑";font-size: 14px;margin: 0 auto;display: block;} } .sousuoa{width: 350px;height: 30px;margin: 0 auto;padding-top: 60px;} .anniu{width: 250px;height:30px;float: left;border-radius: 0px;} .btn1{width: 80px;height: 40px;border-radius: 0px;border: none;background: #3c3c3c;color: #fff;} /*-------大图--------*/ .tou-k { height:1059px; /* 头部-大图框架样式 */ } #full-screen-slider { width:100%; height:1059px; float:left; position:relative; z-index:10; } #slides { display:block; width:100%; height:1059px; list-style:none; padding:0; margin:0; position:relative} #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute} #slides li a { display:block; width:100%; height:100%; text-indent:-9999px} #pagination { display:block; list-style:none; position:absolute; left:50%; top:800px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current { background:#0092CE; } /*-------内页左分类--------*/ .neiye { float:left; width:1002px; height:395px; margin-bottom:15px; } .neiye-z { float:left; width:522px; height:395px; margin-right:35px; } .neiye-zimg { width:500px; height:373px; text-align:center; vertical-align:middle; background:#fff; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; border:solid 1px #ccc; padding:10px; } .neiye-zimg img{ vertical-align:middle; border:0; } .neiye-y { float:left; width:445px; height:381px; padding-top:14px; } .neiye-yt { float:left; width:445px; height:56px; border-bottom:dashed 1px #ccc; line-height:56px; font-family:"微软雅黑"; font-size:18px; color:#000; overflow:hidden; } .neiye-yk { float:left; width:445px; height:200px; padding-top:15px; line-height:46px; font-family:"微软雅黑"; font-size:14px; color:#000; } .neiye-yd { float:left; width:445px; height:70px; } .neiye-yx { float:left; width:445px; height:40px; } .neiyex { float:left; width:1002px; }