@back_header:url('../images/h_bg.jpg') no-repeat 50% 0;/*头部背景*/ @back_nav:url('../images/nav_bg.jpg') no-repeat;/*导航背景*/ @back_nav_li:url('../images/nav_l_bg.jpg') no-repeat right center;/*导航隔离条*/ @back_nav_li_ah:url('../images/nav_a_bg.jpg') no-repeat center center;/*鼠标移上去背景*/ @back_s_li:url('../images/x_bg.png') no-repeat;/*左侧栏li背景*/ @back_footer:url('../images/footer_bg.jpg') no-repeat #ccc;/*底部背景*/ @qt1:url('../images/qt1_bg.gif') no-repeat;/*其他图片1号*/ @qt2:url('../images/neiye_title.jpg') no-repeat;/*其他图片2号*/ @qt3:url('../images/qt3_bg.png');/*其他图片3号*/ @qt4:url('../images/qt4_bg.png');/*其他图片4号*/ @height_nav:45px; /*导航条高度*/ @nav_li_w:150px; /*导航条宽度*/ @nav_li_color:#fbd25e; /*导航条文字颜色*/ @nav_li_a:#fbd25e; /*导航条文字颜色*/ @ba_w1:1920px; /*滚动图片宽度*/ @ba_h1:500px; /*滚动图片高度*/ @b_w:1200px; /*网站宽度*/ .boder(@w:1px,@c:#ccc,@x:solid){ border: @arguments;} .font(@s:14px,@f:"微软雅黑"){ font:@arguments;} //调用方式 .border(3px); .fl{float: left;} .fr{float: right;} /*全局---头部----主体(主页)----底部---侧边---内页--*/ /*--------------------------------------------------------全局开始---------------------------------------------------*/ 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:40px){line-height:@a;height:@a;}/*单行字体居中(默认20px)*/ .left{float:left;} .right{float:right;} .main2{margin:0 auto;width:@b_w;} .main3{margin:0 auto;width:@b_w;} .main{margin:0 auto;width:@b_w;} .off{display:none;} /*隐藏*/ .slh(){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}/*单行超出部分省略号显示*/ ul{padding: 0;margin:0;} i{font-style: normal;} a,a:hover{color: #444;text-decoration: none;} /*----------------头部--------------*/ body{color: #444; background: url("../images/bg.jpg")repeat-y center; margin: 0; font-size: 12px;font-family:'Arial',"宋体";p{font-family: 'Arial';}} .wrap{margin:0 auto; width:@b_w;margin-top: 20px; } .utility {width: 100%; text-align: right;color: #212222;background: url("../images/utility_bg.jpg")no-repeat center;height: 32px;line-height: 32px; .header_top{max-width: 1200px;margin: 0 auto; color: #fed971; p{float: left;} } a { display: inline-block; color:#fed971; &:hover { color: #0d8e0d;} } } .header { margin: 0 auto; max-width:1920px; padding-top: 0;} .top { background: url("../images/top_bg.jpg");overflow: hidden; width: 1200px;margin: 0 auto; height: 119px;clear: both; } .header_nav_k{max-width: 1920px;background: url("../images/nav_bg.jpg") repeat-x;margin: 0 auto;} .header_nav{ width: 1200px; margin: 0 auto;position: relative;left: 20px;opacity: 0; } /* -------------------------------------*/ .newsList { width:205px; margin:0 auto; padding-top:5px; .newsList_li { background: url('../images/n.jpg') no-repeat 10px 50%; border-bottom: 1px dashed #7d7d7d; line-height:33px; height: 33px; padding-left: 20px; a{color: #00315a;} } } .productsList { width:205px; margin:0 auto; padding-top:5px; li{background: url('../images/f.jpg') no-repeat 10px 50%; border-bottom: 1px dashed #7d7d7d; line-height:33px; height: 33px; padding-left: 30px; a{color: #00315a;} } } .search{ form{margin: 7px 0 0 0;} .text{color: #a0a0a0;background: #dadada;padding: 0;margin: 0;width: 189px!important;height: 22px!important;border: none;color: #a0a0a0;text-indent: 5px;} .anan{background: #020202;margin: 0;padding: 0;width: 44px!important;height: 22px!important;color: #fff;border: none;} } .message{width: 279px;border-bottom: 1px dashed #929292;padding: 11px 0; .message_title{min-height: 17px; line-height: 17px;color: #666666; img{float: left;margin-right: 6px;} } .message_text{margin-top: 10px;line-height: 23px;color: #666666; img{float: left;margin-right: 6px;margin-top: 2px;} } } .banner{margin:0px auto;height: @ba_h1;max-width:@ba_w1;overflow: hidden;padding: 0px;_width: @ba_w1; ul{li{a{.left;width:@ba_w1;height:@ba_h1}}}} /*---------------首页主体-------------------*/ .youshi2{background: url("../images/youshi2.jpg")no-repeat;width: 1199px;height: 299px;position: relative;left: 60px;} .youshi3{background: url("../images/youshi3.jpg")no-repeat;width: 1200px;height: 283px; position: relative;right: 60px;} .youshi3_1{background: url("../images/youshi3_1.jpg")no-repeat;width: 200px;height: 271px; position: relative;right: 60px; float: left;} .youshi3_2{background: url("../images/youshi3_2.jpg")no-repeat;width: 200px;height: 271px; position: relative;right: 60px; float: left;} .youshi3_3{background: url("../images/youshi3_3.jpg")no-repeat;width: 199px;height: 271px; position: relative;right: 60px; float: left;} .youshi3_4{background: url("../images/youshi3_4.jpg")no-repeat;width: 200px;height: 271px; position: relative;right: 60px;float: left;} .youshi3_5{background: url("../images/youshi3_5.jpg")no-repeat;width: 199px;height: 271px; position: relative;right: 60px; float: left;} .youshi3_6{background: url("../images/youshi3_6.jpg")no-repeat;width: 200px;height: 271px; position: relative;right: 60px; float: left;} .youshi4{background: url("../images/youshi4.jpg")no-repeat;width: 1200px;height: 692px;position: relative;clear: both;} .youshi4_1{background: url("../images/youshi4_1.png")no-repeat;width: 663px;height: 246px;display: none; } .youshi4_2{background: url("../images/youshi4_2.png")no-repeat;width: 663px;height: 149px; display: none;} .youshi4_3{background: url("../images/youshi4_3.png")no-repeat;width: 663px;height: 115px;display: none;} .youshi4_4{background: url("../images/youshi4_4.png")no-repeat;width: 663px;height: 115px;display: none;} .newsList1{line-height: 30px; li{border-bottom: 1px dotted #deabab; a{background:url('../images/news_tb2.jpg')no-repeat center left;text-indent: 10px;display: block;} } } .fenlei_dh{background: url("../images/fenlei_dh.jpg")no-repeat;width: 1200px;height: 177px; text-align: center; .li1{display: inline-block;width: 164px;height: 44px;margin-right: 30px;margin-top: 116px; a{background: url("../images/fenlei_li_bg.png")no-repeat;display: block; line-height: 38px;color: #680001; } } } .about_left{width: 500px;float: left;position: relative;} .zhengshu{ float: left; margin-left: 20px;height: 300px; .img-scroll { margin-left: 30px; position: relative; width:456px; height:255px; .rongyu_bg{background: #000;width: 651px;height: 42px;color: #fbce65;.font();position: absolute;z-index: -1;left: -389px;top: 171px;padding-top: 80px;text-align: right;padding-right: 200px;} } .prev { cursor: pointer; float: left; margin-top: 125px; width:49px; height:82px; background:url(../images/left.png) no-repeat; } .next { float: right;cursor: pointer; margin-top: 125px; width:32px; height:82px; background:url(../images/right.png) no-repeat; } .img-list { float: left; width:334px; height: 255px; overflow:hidden } .img-list ul { width:9999px; padding: 0px; } .img-list li { width: 334px; float:left; height:255px; display: table-cell; vertical-align:middle; overflow:hidden; text-align:center; line-height: 255px; margin: 0px 56px 0px 0px; } .img-list li img{ max-width: 334px; max-height: 255px; text-align: center; } .abcabc{ width: 220px; height: 38px; line-height: 38px; text-align: center; color: #666666; font-size: 12px; font-family: "微软雅黑"; } } .banner1{background: url("../images/banner1.jpg")no-repeat center;max-width: 1920px;height: 190px;} .wrap11 {width:489px;height:280px;position:relative;overflow:hidden;float:left;margin:20px 20px 3px 20px; .slidebox {width:489px;position:absolute;top:0;left:0;height:280px;} .slidebox li {float:left;width:489px;height:251px;left:0;top:0;} .slidebox li img {display:block;width:489px;height:280px;} .dot {position:absolute;width:100%;height:29px;text-align:right;bottom:0;left:0;} .dot p {margin-right:10px;} .dot b {width:10px;height:10px;border-radius:10px;color:#333;display:inline-block;border:1px solid #fff;background:#fff;text-align:center;line-height:17px;margin:0 3px;margin-top:6px;cursor:pointer;font-weight:normal;} .dot .cur {background:#fbd062;color:#fff;border:1px solid #fbd062;} } .about_right{width: 650px;float: right;position: relative;} .about{padding-top: 20px; .about_dh{ a{background: url("../images/more.jpg")no-repeat;width: 77px;height: 43px;float: right;} } .about_nr{padding-top: 15px; p{color: #fbce65;.font();line-height: 30px;text-indent: 2em;} } .QQcontact{background: url("../images/contact_img.jpg")no-repeat;width: 659px;height: 37px;display: block;} } .message1{width: 650px; table{ tr{float: left;margin-right: 32px;margin-bottom: 10px; td{line-height: 30px; input{height: 30px;background: none;color: #fbce65;border: 1px solid #fbce65;} textarea{height: 30px;background: none;color: #fbce65;border: 1px solid #fbce65;line-height: 30px;} } } } } .case{clear: both; background: #340001;margin-bottom: 20px;} .case_dh{background: url("../images/anli_dh.jpg")no-repeat;width: 1201px;height: 132px; a{background: url("../images/more.jpg")no-repeat;width: 77px;height: 43px;float: right;margin-top: 39px;} } .case_nr{padding-top: 15px;} .news{color: #fbce65; width: 388px;border-right: 1px solid #000;padding-right: 25px; float: left; h4{.font(24px);border-bottom: 1px dashed #643119;padding-bottom: 10px; a{float: right;color: #fbce65;font-size: 12px;margin-top: 10px;} } p{line-height: 36px;border-bottom: 1px dashed #643119;padding-left: 40px;background: url("../images/news_li_bg.png")no-repeat 20px center; a{color: #fbce65; &:hover{color: #fff;} } } .news_img1{ background: url("../images/news_img1.png")no-repeat;width: 351px;height: 119px;margin-top: 20px;margin-bottom: 20px; } } .news_a{padding-top: 20px; overflow: hidden; background: #340001; } .shouhou{float: left;width:380px; color: #fbce65;padding: 0 20px 0 25px; h4{.font(24px);border-bottom: 1px dashed #643119;padding-bottom: 10px; a{float: right;color: #fbce65;font-size: 12px;margin-top: 10px;} } .news_img1{ background: url("../images/news_img2.png")no-repeat;width: 351px;height: 119px; margin-top: 20px;margin-bottom: 20px; } p{line-height: 36px;text-indent: 2em; a{float: right;color: #fbce65;} } } .answer{float: right;width: 300px;padding-right: 20px; h4{.font(24px);border-bottom: 1px dashed #643119;padding-bottom: 10px;color: #fbce65; a{float: right;color: #fbce65;font-size: 12px;margin-top: 10px;} } .answer_nr{ p{ color: #fbce65;margin-top: 20px; a{color: #fbce65;background: url("../images/wen.jpg")left center no-repeat;padding-left: 28px;} } label{color: #fbce65;line-height: 30px;border-bottom: 1px dashed #4a170c;padding-bottom: 15px;padding-left: 28px;background: url("../images/an.jpg")left 6px no-repeat;} } } #Mleft{} #Mright{margin:0 0px 0 auto;width:941px;} .right_main{ border: 1px solid #d2d2d2;border-top: none;padding: 10px; } .container_left{ width: 228px; } .container_left_fl{ width: 228px; float: left; .container_left_fl_dh{ width: 228px; height: 41px;border: 1px solid #4ba1f6;background-color: #0066cc; p{color: #fff; font-size: 14px; font-family: "微软雅黑"; text-indent: 18px; line-height: 40px;} } } .container_left_contact{ width: 228px; float: left;margin-top: 20px;background: #fddd82; .contact__left_dh{ width: 226px; height: 41px;border: 1px solid #4ba1f6;background-color: #0066cc; p{color: #fff; font-size: 14px; font-family: "微软雅黑"; text-indent: 18px; line-height: 40px;} } } .contact__left_nr{ li{line-height: 30px; margin-left: 10px;} } .container_left_fl_li{ width: 228px; .li2{font-size: 14px; color: #0066cc;line-height: 30px;text-indent: 30px;border-left: 3px;background: #fddd82;margin-bottom:5px; a{width: 220px;height: 30px; display: block;} a:hover{color: #fff;} } } .submenu{ li{text-indent: 50px;background: #fddd82;background: url("../images/img4.png")no-repeat 30px center; &:hover{background: url("../images/img5.png")no-repeat 30px center;} } } .picture{ float:left; width:215px; height:280px; overflow:hidden; display:inline;margin-right: 20px; } .picture1{ height:215px; width:215px; text-align:center; vertical-align:middle; background-color:#FFFFFF; border:1px solid #cccccc; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; } .picture2{width:215px; height:50px; line-height: 50px; text-align:center; a{ color: #fddd82;} } .picture1 img{ vertical-align:middle; border:0;} .pict{ float:left; width:283px; height:367px; overflow:hidden; display:inline;margin-right: 13px; margin-bottom:14px;position: relative; } .pict1{ width:283px; height:367px; text-align:center; vertical-align:middle; background-color:#FFFFFF; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; } .pict2{width:283px; height:35px; line-height: 35px; text-align:center;position: absolute;z-index: 111;top: 332px;background:rgba(0,0,0,0.5); a{ color: #fddd82;} } .pict1 img{ vertical-align:middle; border:0;} .fenlei_nr{ padding-top: 20px;background: #340001;overflow: hidden; } .picturea{ float:left; width:273px; height:252px; overflow:hidden; padding:0px; margin-left:28px;_width:197px;} .picture1a{ width:240px; height:215px; line-height: 215px; text-align:center; vertical-align:middle; border:1px solid #ccc; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; _font-size:130px; } .picture2a{width:240px; height:30px; text-align:center; margin-top:5px;line-height: 25px;} .picture1a img{ vertical-align:middle; border:0;} /********消除浮动
*********/ .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;} } /*--------------------------------------------------------全局结束---------------------------------------------------*/ #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;} } } .header{ .nav{ background-position:0 0px;height:@height_nav;margin-bottom: 0px; /*导航鼠标hover样式.lon*/ .lon{ a{ background: @back_nav_li_ah;color:@nav_li_a; } } #Index{} li{.left; background:@back_nav_li; height: @height_nav;position:relative;text-align: center;width: @nav_li_w; z-index: 1000; a{ color:@nav_li_color; display:block; font-family: "微软雅黑"; font-size:14px; height:@height_nav; line-height: @height_nav; margin: 0px auto; text-decoration: none; } &:hover{.lon;} } li:last-child{background: none;} .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; } } } } } /********************************************************内页******************************************************************/ .well{background: #FCFCFC;} .news_list{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%;height:25px; line-height:25px; a{ } span{.right; } } } /********公司简历**********/ .article{ background-color: #fff; margin-bottom: 20px; min-height: 20px; overflow:hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); img{max-width:100%;} .well{} .title{.jz_h(33px); background:#fbd25e; color: #340001; margin:0px auto 0px; h4{.left; font-size: 14px; color: #340001; line-height: 33px; padding-left:15px;font-weight: 100;margin: 0; span{.off} } span{margin-right: 18px; a{ color: #340001; } } } .com_con{padding:10px;line-height: 25px;border: 1px solid #d2d2d2;border-top: none;; } .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: "微软雅黑";.slh;display: block;} } } /********留言页面**********/ .order{margin:40px 0 0px 46px;line-height:40px; img{vertical-align:-5px;cursor:pointer;} } /********新闻中心**********/ .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-table{ width: 95%; margin: 0 auto; thead{ tr{ th{ } } } tbody{ tr{ &:hover{ td{ background:transparent; } } td{ &:hover{ background:transparent; } } } } } /********详情页面-产品展示**********/ .cpzs{ 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{} } /********用户管理**********/ .vip-user{ background: url('../image/login_bg_2.jpg'); } .xxsmys { width: 700px; height: 30px; line-height: 30px; background-color: #ececec; } .xxsmwz { width: 88px; height: 30px; color: #FFF; text-align: center; display: block; background-color: #9a9a9a; } /*-------底部 footer2--------*/ .footer{background: #340001;margin-top: 20px; color: #fbd25e; } .dibu2 { margin:0 auto; width:1200px; height:411px; } .dibu2-s { float:left; width:1200px; height:406px; } .dibu2-sl { background:url("../images/footer_img.jpg")no-repeat;width: 235px;height: 359px; float:left; } .dibu2-sz { float:left; width:596px; height:346px; padding-top:88px; } .dibu2-sz-s {border-bottom: 1px solid #986733; float:left; width:556px; height:56px; line-height:56px; font-family:"微软雅黑"; font-size:12px; color:#fbd25e; } .dibu2-sz-s a { padding-right:15px; color: #fbd25e; text-decoration:none; } .dibu2-sz-s a:hover { color:#ff0000; } .dibu2-sz-z {border-bottom: 1px solid #986733; float:left; width:556px; height:125px; padding-top:15px; line-height:24px; font-family:"微软雅黑"; font-size:12px; color: #fbd25e; } .dibu2-sz-z a { color: #fbd25e; text-decoration:none; } .dibu2-sz-z a:hover { color:#ff0000; } .dibu2-sz-x { float:left; width:556px; height:130px; line-height:24px; font-family:"微软雅黑"; font-size:12px; color: #fbd25e; padding-top:20px; } .dibu2-sz-x a { color: #fbd25e; text-decoration:none; } .dibu2-sz-x a:hover { color:#ff0000; } .dibu2-sy { float:left; width:334px; height:380px; background:#2a0001; padding-top:26px; padding-left:20px; } .dibu2-sy-t { float:left; width:190px; height:60px; line-height:40px; font-family:"微软雅黑"; font-size:24px; color: #fbd25e; } .dibu2-sy-k { float:left; width:190px; height:294px; overflow:hidden; } .dibu2-sy-klie a { float:left; width:190px; height:29px; text-decoration:none; line-height:29px; font-family:"微软雅黑"; font-size:12px; color: #fbd25e; } .dibu2-sy-klie a:hover { color:#ff0000; } .ditutu{ max-width:1920px;background: #230001;overflow: hidden; } .dibu2-x { float:left; height:80px; } .dibu2-xz { float:left; width:300px; height:54px; padding-top:26px; } .dibu2-xy { float:right; width:500px; height:80px; text-align:right; line-height:80px; font-family:"微软雅黑"; font-size:12px; color: #fbd25e; } /*-------内页左分类--------*/ .neiye { float:left; width:1200px; 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:#fff; overflow:hidden; } .neiye-yk { float:left; width:445px; height:200px; padding-top:15px; line-height:46px; font-family:"微软雅黑"; font-size:14px; color:#fff; } .neiye-yd { float:left; width:445px; height:70px; } .neiye-yx { float:left; width:445px; height:40px; } .neiyex { float:left; width:1200px; }