@back_body:none;/*大背景*/ @back_header:#fff;/*头部背景*/ @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:#3c0500;/*底部背景*/ @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:1200px; /*网站宽度*/ /*--------------------------------------------------------全局开始---------------------------------------------------*/ body{background:url(../images/cpbg.jpg);font-family: 'Microsoft YaHei,Arial';max-width: 1920px;min-width: 1200px;margin: 0 auto; p{font-family: 'Microsoft YaHei';} a{font-family: 'Microsoft YaHei';} h4{font-family: 'Microsoft YaHei';} li{font-family: '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{margin:0 auto;width:100%;height:52px;background: #aa7661;} .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; } } } } } .cpzs { padding-top:15px; } /*搜索*/ #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:static;top:0;width: 100%;} @logo_h:132px; /*头部高度*/ @logo_m: 32px 0 0px 0px; /*logo距离距离*/ @height_nav:52px; /*导航条高度*/ @nav_li_w:100px; /*导航条宽度*/ @ba_w1:960px; /*滚动图片宽度*/ @ba_h1:350px; /*滚动图片高度*/ .header{ border-bottom: 1px solid #e6e6e6; 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: 1200px; margin: 0 auto; background-position:0 0px; height:@height_nav; margin-bottom: 0px; /*导航鼠标hover样式.lon*/ .lon{ a{ background: #3c0500; background-position:50% 0; font-weight: 600; } } #Contact{background: none;} li{.left; background:url(../images/line.png) right no-repeat; height: @height_nav; position:relative; text-align: center; width: @nav_li_w; z-index: 1000; a{ background:@back_nav_li_ah; background-position:50% -@height_nav; color: #ffffff; display:block; font-family: "Microsoft YaHei"; font-size:14px; height:@height_nav; line-height: @height_nav; margin: 0px auto; text-decoration: none; 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{.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: static; 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: static;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:931px;background: #fff;padding: 10px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);margin-bottom: 15PX;} .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:15px 0px 0px 0px; .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:0px; } } } /********公司简历**********/ .article{ margin-bottom: 20px; min-height: 20px; overflow:hidden; padding: 0px 0 10px 0; img{width: 100%;} .well{} .title{.jz_h(40px); border-bottom: 2px solid #aa7661; color: #000; margin:0px auto 0px; h4{.left; font-size: 16px; line-height:40px; padding-left:15px; span{.off} } span{margin-right: 18px; a{ color:#000; } } } .com_con{ line-height: 25px; } .content{margin:0px;} } .page{clear: both;margin-top: 10px;text-align: center;font-size: 12px;letter-spacing: 0px; font-family:"微软雅黑"; #page_num{ width:50px; margin-top:6px; border-radius:0px; } a{ display:inline-block; height:16px; line-height:16px; border:1px solid #ccc; padding:5px;color:#000; border-radius:0px; background:#fff; margin-right:4px; 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{.jz_h; background:#f4f4f4;border:none; padding:5px 25px;color:#000; text-decoration:none; border:1px solid #ccc; height:16px; line-height:16px; } } } .btn1 { border:solid 1px #ccc; padding:5px; } .btn2 { border:solid 1px #ccc; background:#f4f4f4; padding:5px 25px; margin-right:4px; height:18px; } #page_num1 { width:50px; height:29px; line-height:18px; margin-top:4px; border:solid 1px #ccc; border-radius:0px; } .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{} } } } .con { padding-bottom:25px; border-top:dashed 1px #ccc; padding-top:25px; } /*带图片样式*/ .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: static; 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; } .main .picturea:nth-child(4n){margin-right: 0px;} .picturea{ float:left; width:222px; height:256px; overflow:hidden; padding:0px; margin-right:14px; _width:230px;} .picture1a a { width:214px; height:214px; padding: 2px; border: 2px solid #f1f1f1; text-align:center; vertical-align:middle; background:#fff; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; &:hover{border: 2px solid #aa7661;} } .picture2a {width:222px; 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;} .box { width:214px; height: 214px; } .border_animation { border: 1px solid #eee; width: 214px; height: 214px; float: left; margin-right: 10px; position: relative; } .border_animation .border_top { position: static; height: 1px; width: 0; font-size: 0; background: #666666; top: 0; left: 0; transition: all 0.5s ease-out; } .border_animation .border_right { position: static; height: 0px; width: 1px; font-size: 0; background: #666666; bottom: 0; right: 0; transition: all 0.5s ease-out; } .border_animation .border_bottom { position: static; height: 1px; width: 0px; font-size: 0; background: #666666; right: 0; bottom: 0; transition: all 0.5s ease-out; } .border_animation .border_left { position: static; height: 0px; width: 1px; font-size: 0; background: #666666; left: 0; top: 0; transition: all 0.5s ease-out; } .eva-switchable-panels img { display: block; } .box .hover .border_top,.box .hover .border_bottom { width: 214px;} .box .hover .border_left,.box .hover .border_right { height: 214px;} .pictureb { float:left; width:180px; height:202px; overflow:hidden; padding:0px; _width:180px;} .picture1b a { width:160px; height:160px; text-align:center; vertical-align:middle; background:#fff; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; border:solid 1px #ccc; } .picture2b {width:162px; height:40px; text-align:center; line-height:40px; } .picture2b a { color:#000; text-decoration: none; font-family: '微软雅黑'; } .picture2b a:hover { color:#ff0000; } .picture1b img{ vertical-align:middle; border:0;} /*------头部 header--------*/ .tou { margin:0 auto; width:100%; height:184px; background: url(../images/toubg.jpg) repeat-x; /* 头部样式 */ } .tou-s { margin: 0 auto; width:1200px; height:37px; /* 头部-上样式 */ } .tou-sz { float:left; width:700px; height:37px; line-height:37px; font-family:"微软雅黑"; font-size:12px; color:#aa7661; /* 头部-上-左样式 */ } .tou-sy { float:right; width:302px; height:37px; text-align:right; line-height:37px; font-family:"微软雅黑"; font-size:12px; color:#aa7661; /* 头部-上-右样式 */ } .tou-sy a { color:#aa7661; text-decoration:none; /* 头部-上-右样式(链接样式修改) */ } .tou-sy a:hover { color:#aa7661; /* 头部-上-右样式(链接样式修改) */ } .tou-x { margin: 0 auto; width:1200px; height:147px; /* 头部-下样式(LOGO+电话效果) */ img{float: left;} .tel{width:229px;height: 123px;float: right;margin-top: 12px;} } .tou-k { height:500px; /* 头部-大图框架样式 */ } #full-screen-slider { width:100%; height:500px; float:left; position:relative; z-index:10; } #slides { display:block; width:100%; height:500px; 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:static; left:50%; top:450px; 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; } .tou-d { margin:0 auto; width:1200px; height:49px; /* 头部-关键词+搜索 */ } .tou-dz { float:left; width:700px; height:49px; line-height:49px; font-family:"微软雅黑"; font-size:12px; color:#3c0500; /* 头部-左-关键词 */ } .tou-dy { float:right; width:277px; height:32px; padding-left:54px; padding-top:4px; /* 头部-右-关键词 */ } .anniu { float:left; width:264px; height: 23px; border: 1px solid #e6e6e6; border-radius: 0px; margin-right:-38px; /* 头部-右-按钮样式 */ } .btnly{ width: 37px;height: 29px;background: url(../images/sousuo.jpg) center no-repeat;float: left;border: 0px;border-radius: 0px;margin-top: 2px; } /*------产品展示--------*/ .cp { width: 100%;height: 737px;background: url(../images/cpbg.jpg) center;border-bottom: 5px solid #aa7661;padding-top: 23px; } .cobody{width: 1200px;height: 737px;margin: 0 auto;} .advantage{width: 100%;height: 445px;margin: 0 auto;background: url(../images/adbg.jpg) center;} .adbody{width: 1200px;height: 445px;margin: 0 auto;} .adtitle{width: 100%;height: 77px;margin: 24px 0px; background: url(../images/adtitle.png) center bottom no-repeat;text-align: center; h4{font-size: 30px;color: #3c0500;line-height: 46px;} span{font-size: 14px;color: #aa7661;font-family: 'Arial';} } .adbody2{width: 1200px;height: 274px;margin: 0 auto; li{width: 300px;height: 137px;float: left; h3{width: 39px;height: 137px;float: left;font-size: 26px;color: #3c0500;line-height: 50px;font-weight: normal;text-align: center;} h4{font-size: 24px;color: #3c0500;line-height: 46px;} p{font-size: 14px;color: #aa7661;line-height: 26px;padding-right: 5px;} } } .com_con2{ height:145px;text-align:left; margin: 0px auto;margin-bottom: 23px;} .com_con2 .tab{ overflow:hidden; margin:0 auto; width:1200px; height:145px;} .com_con2 .tab a{ display:block;float:left; text-decoration:none;color:#fff;text-align:center; width:240px; height:145px;position: relative; .type1{position: static;top: 0px;left: 0px;display: block;} .type2{position: static;top: 0px;left: 0px;display: none;} } .com_con2 .tab a:hover{ .type2{position: static;top: 0px;left: 0px;display: block;} } .com_con2 .tab a.on{ .type2{position: static;top: 0px;left: 0px;display: block;} } .context2{ overflow:hidden; width: 1200px;height: 492px;} .context2 li{ display:none;} .productleft{width: 464px;height: 464px;float: left;overflow: hidden; img{height: 100%;} } .productimg{width: 222px;height: 222px;float: left;overflow: hidden;margin-left: 23px;margin-bottom: 20px;position:relative; .protitle{width: 222px;height: 222px;position: static;top: 0px;left: 0px;background: rgba(000, 000, 000, 0.7);z-index: 999;color: #fff;text-align: center;display: none; h4{font-size: 30px;line-height: 44px;padding-top: 79px;} span{font-size: 14px;color: #fff;line-height: 25px;} } img{height: 100%;} &:hover{ .protitle{display: block;} } } .promore{width: 218px;height: 36px;background: #aa7661;line-height: 36px;text-align: center;margin: 0 auto;border-top-left-radius: 15px;border-top-right-radius: 15px;margin-top: 41px; a{color: #fff;font-size: 14px;text-decoration: none;} } .advantage2{width: 100%;height: 877px;background: url(../images/advantage.jpg) center no-repeat;} .advantagebody{width: 1200px;height: 877px;margin: 0 auto; .adtitle{width: 100%;height: 77px;margin: 24px 0px; background: url(../images/adtitle2.png) center bottom no-repeat;text-align: center; h4{font-size: 30px;color: #fff;line-height: 46px;} span{font-size: 14px;color: #fff;font-family: 'Arial';} } li{width: 1200px;height: 168px; img{width: 571px;height: 168px;float: left;} .litext{width: 571px;height: 168px;float: right; span{width: 39px;height: 39px;background: #ffffff;background: #fff;display: block;text-align: center;line-height: 39px;color: #aa7661;border-radius: 20px;font-size: 20px;margin-top: 15px;margin-bottom: 113px;float: left;} h4{font-size: 24px;color: #fff;line-height: 39px;color: #fff;padding-top: 15px;margin-left: 10px;float: left;} p{font-size: 16px;color: #fff;line-height: 30px;width:520px; float: left;} } } .li2{width: 1200px;height: 168px; img{width: 571px;height: 168px;float: right;} .litext{width: 571px;height: 168px;float: left; span{width: 39px;height: 39px;background: #ffffff;background: #fff;display: block;text-align: center;line-height: 39px;color: #aa7661;border-radius: 20px;font-size: 20px;margin-top: 15px;margin-bottom: 113px;float: left;} h4{font-size: 24px;color: #fff;line-height: 39px;color: #fff;padding-top: 15px;margin-left: 10px;float: left;} p{font-size: 16px;color: #fff;line-height: 30px;width:520px; float: left;} } } } .dingzhi{width: 100%;height:490px;margin: 0 auto;background: url(../images/cpbg.jpg);} .dzbody{width: 1200px;height: 490px;margin: 0 auto;} .dzbody1{width: 1200px;height: 216px;margin: 0 auto; li{width: 110px;height: 216px;float: left;text-align: center;font-size: 18px;color: #3c0500;line-height: 71px;margin-right: 45px; img{width: 110px;height: 145px;} } } .dzbody1 :nth-child(8){margin-right: 0px;} .ljdz{width: 321px;height: 104px;margin: 0 auto;text-align: center;margin-top: 15px; h4{font-size: 16px;color: #aa7661;line-height: 56px;font-weight: normal; span{font-size: 32px;color: #3c0500;} } a{width: 204px;height: 48px;margin: 0 auto;background: #aa7661;display: block;line-height: 48px;color: #fff;text-decoration: none;} } .gs{width: 100%;height: 357px;background: url(../images/gsbg.jpg) center no-repeat;} .gsbody{width: 1200px;height: 357px;margin: 0 auto;} .gstext{width: 569px;height: 357px;float: right; h4{line-height: 62px;font-size: 24px;color: #3c0500;} p{font-size: 16px;color: #aa7661;line-height: 33px;} a{width: 139px;height: 39px;background: #aa7661;display: block;text-align: center;line-height: 39px;color: #fff;float: left;margin-right: 25px;margin-top: 25px;text-decoration: none;} } .nw{width: 100%;height:405px;margin: 0 auto;padding-top: 32px;background: url(../images/cpbg.jpg) center;} .nwbdoy{width: 1200px;height: 405px;margin: 0 auto; a{text-decoration: none;} } .nwleft{width: 392px;height: 405px;float: left;} .nwtitle{width: 100%;height: 39px;background: url(../images/nwtitle.jpg) bottom left no-repeat;line-height: 39px;margin-bottom: 15px; h4{font-size: 18px;color: #3c0500;line-height: 39px;float: left; span{color: #aa7661;font-size: 14px;text-transform: uppercase;font-weight: normal;margin-left: 5px;} } a{width: 55px;height: 20px;display: block;float: right;margin-top:12px;line-height: 20px;color: #aa7661;font-size: 12px; img{float: left;} } } .newslist{width: 100%;height: 41px;display: block; border-bottom: 1px dashed #aa7661;line-height: 41px;color: #aa7661; span{color: #aa7661;font-size: 12px;float: right;} } .nwcenter{width: 392px;height: 405px;float: left;margin-left: 35px;} .wenda{width: 392px;height: 92px;display: block; border-bottom: 1px dashed #aa7661;margin-bottom: 10px; img{float: left;} h4{line-height: 20px;font-size: 14px;color: #3c0500;font-weight: normal;} li{font-size: 12px;color: #aa7661;padding-top: 7px;line-height: 25px;} } .nwright{width: 347px;height: 395px;float: right;} .nw-yk-k{width: 337px;height: 27px;padding-left: 10px;border: 1px solid #e6e6e6;border-radius: 0px;} .nw-yk-k1{width: 337px;height: 100px;padding-left: 10px;border: 1px solid #e6e6e6;border-radius: 0px;} .nw-yk-k2{width: 117px;height: 27px;padding-left: 10px;border: 1px solid #e6e6e6;border-radius: 0px;float: left;} .nw-yk-azm{margin-left: 10px;float: left;margin-right: 10px;} /*-------底部 footer--------*/ .dibu { margin:0 auto; width:1200px; height:278px; text-align:center; line-height:26px; font-family:"微软雅黑"; font-size:14px; color:#aa7661; } .dibu a { color:#aa7661; text-decoration:none; } .dibu a:hover { color:#aa7661; } .dibu1{width: 100%;height: 63px;border-bottom: 1px solid #733e31;line-height: 63px;} .dibu li{padding-top: 27px;text-align: left;line-height: 30px;float: left;} .dibu img{float: right;padding-top: 18px;} /*-------内页左分类--------*/ .zuob { float:left; width:230px; /* 内页左分类-左样式 */ } .zuobt { float:left; width:215px; height:66px; background:#aa7661; line-height:66px; font-family:"微软雅黑"; font-size:24px; color:#fff; text-align: center; /* 内页左分类-左-头部 */ } .zuobk { float:left; width:205px; background:#fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16); padding-top:10px; padding-left:10px; padding-bottom: 10px; margin-bottom:15px; /* 内页左分类-左-下框 */ } .zuobk-klie a { float:left; width:180px; height:45px; border-bottom: 2px solid #e6e6e6; line-height:45px; font-family:"微软雅黑"; font-size:14px; color:#000; padding-left:15px; /* 内页左分类-左-分类样式 */ } .zuobk-klie a:hover { background:#aa7661; color:#fff; text-decoration:none; /* 内页左分类-左-分类样式 */ } .currentmenu { background:#aa7661 !important; color:#fff !important; text-decoration:none !important; } .zuob1k { float:left; width:195px; background:#fff; padding:10px; margin-bottom:15px; line-height:26px; font-family:"微软雅黑"; font-size:14px; color:#000; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16); /* 内页左分类-左-下框 */ } .zuob1k a { color:#000; text-decoration:none; } .zuob1k a:hover { color:#ff0000; } /*-------内页左分类--------*/ .neiye { float:left; width:1200px; height:483px; margin-bottom:15px; margin-top: 15px; } .neiye-z { float:left; width:460px; height:395px; margin-right:15px; } .neiye-zimg { width:400px; height:400px; 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:16px; color:#000; b{font-size: 24px;color: #df0024;} } .neiye-yd { float:left; width:445px; height:70px; } .neiye-yx { float:left; width:445px; height:40px; } .neiyex { float:left; width:1200px; } .nei-q { float:left; width:929px; height:42px; border:solid 1px #f4f4f4; } .nei-qz a { float:left; height:42px; line-height:42px; font-family:"微软雅黑"; border-right:solid 1px #f4f4f4; padding-left:10px; padding-right:10px; color:#000; text-decoration:none; } .nei-qz a:hover { color:#fff; background:#000; } .nei-qy a { float:right; height:42px; line-height:42px; font-family:"微软雅黑"; border-left:solid 1px #f4f4f4; padding-left:10px; padding-right:10px; color:#000; text-decoration:none; } .nei-qy a:hover { color:#fff; background:#000; } .neiye1 { width:772px; height:400px; margin-bottom:15px; } .neiye1-z { float:left; width:400px; height:400px; margin-right:35px; } .neiye1-zimg { width:378px; height:378px; text-align:center; vertical-align:middle; background:#fff; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; border:solid 1px #ccc; padding:10px; } .neiye1-zimg img{ vertical-align:middle; border:0; } .neiye1-y { float:left; width:337px; height:386px; padding-top:14px; } .neiye1-yt { float:left; width:337px; height:56px; border-bottom:dashed 1px #ccc; line-height:56px; font-family:"微软雅黑"; font-size:18px; color:#000; overflow:hidden; } .neiye1-yk { float:left; width:337px; height:200px; padding-top:15px; line-height:46px; font-family:"微软雅黑"; font-size:14px; color:#000; } .neiye1-yd { float:left; width:337px; height:70px; } .neiye1-yx { float:left; width:337px; height:40px; } .neiye1-img { float:left; width:772px; height:202px; margin-top:15px; } .neiye1-tle { float:left; width:757px; height:38px; background: @qt2; line-height:38px; font-family:"微软雅黑"; font-size:14px; padding-left:15px; margin-top:15px; } .neiye1-news { float:left; width:772px; margin-bottom:15px; } .neiye1-nlie { float:left; width:772px; height:135px; border-bottom:dashed 1px #ccc; margin-top:15px; .neiye1-nimg { float:left; width:120px; height:100px; background:#f4f4f4; padding-top:20px; margin-right:15px; 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; } .neiye1-nimg-t { float:left; width:120px; height:50px; line-height:50px; font-family:"微软雅黑"; font-size:72px; text-align:center; color:#ccc; 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; } .neiye1-nimg-t1 { float:left; width:120px; height:50px; line-height:50px; font-family:"微软雅黑"; font-size:18px; text-align:center; color:#ccc; 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; } .neiye1-nt a { float:left; width:637px; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:14px; color:#999; overflow:hidden; font-weight:bold; text-decoration:none; 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; } .neiye1-nk a { float:left; width:637px; height:80px; line-height:24px; font-family:"微软雅黑"; font-size:12px; color:#ccc; overflow:hidden; text-decoration:none; 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 { .neiye1-nimg { background:#ccc; } .neiye1-nimg-t { color:#000; } .neiye1-nimg-t1 { color:#000; } .neiye1-nt a { color:#000; } .neiye1-nk a { color:#000; } } } .ly { float:left; width:881px; margin-top:15px; background:url('../images/ly.jpg') no-repeat; background-size:100%; padding-top:185px; padding-left:50px; } .ly-k { float:left; width:783px; border:solid 1px #f4f4f4; padding:15px; } .ly-k-k { float:left; width:773px; height:32px; line-height:32px; font-family:"微软雅黑"; font-size:14px; padding:0px 0px 0px 10px; border-radius:0px; border:dashed 1px #ccc; box-shadow:none; background:#fff; 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; } .ly-k-k:hover { background:#f4f4f4; } .ly-k-k1 { float:left; width:773px; height:96px; line-height:32px; font-family:"微软雅黑"; font-size:14px; padding:0px 0px 0px 10px; border-radius:0px; border:dashed 1px #ccc; box-shadow:none; 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; } .ly-k-k1:hover { background:#f4f4f4; } .ly-k-k2 { float:left; width:100px; height:32px; line-height:32px; font-family:"微软雅黑"; font-size:14px; padding:0px 0px 0px 10px; border-radius:0px; border:dashed 1px #ccc; box-shadow:none; margin-right:15px; 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; } .ly-k-k2:hover { background:#f4f4f4; } .lxwm { float:left; width:772px; margin-top:15px; background:url('../images/lxwm.jpg') no-repeat; background-size:100%; padding-top:200px; } .lxwm-z { float:left; width:400px; height:400px; margin-right:15px; } .lxwm-y { float:left; width:325px; height:368px; line-height:32px; font-family:"微软雅黑"; font-size:14px; border:dashed 1px #ccc; padding:15px; } .lxwm-y a { color:#000; text-decoration:none; } .lxwm-y a:hover { color:#ff0000; } .contact_my{ margin: 0 auto; height: 105px; padding: 15px 15px 10px 17px; } .contact_l{ width: 50%; height: 105px; } .contact_pic{ height: 80px; width: 65px; padding-top: 15px; } .contact_con{ width: 262px; height: 65px; padding-left: 20px; border-left: 1px solid #dedede; line-height: 24px; color: #666; } .contact_con p{ height: 24px; line-height: 24px; color: #666; margin: 0; } .contact_con .clearfix li{ float: left; height: 36px; margin-right: 36px; line-height: 36px; } .nynewslist{float: left;padding: 15px;border: 2px solid #ddd;width: 897px;margin: 10px 0px; h4{font-size: 14px;font-weight: normal;width: 100%;height: 40px;line-height: 40px;border-bottom: 1px solid #ddd;} p{font-size: 12px;line-height: 30px;padding-top: 5px;} a{width:150px;height: 35px;border: 2px solid #ddd;display: block;text-align: center;line-height: 35px; } } .smallImg{position:relative; height:52px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:412px; overflow:hidden;float:left;} .scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; } .scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url('../images/d_08.png') no-repeat;} .scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url('../images/d_09.png') no-repeat; margin-left:396px; margin-top:-50px;} #imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;} #imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;} #imageMenu li img{width:50px; height:50px;cursor:pointer;} #imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;} .bigImg{position:relative; float:left; width:400px; height:400px; overflow:hidden;} .bigImg #midimg{width:400px; height:400px;} .bigImg #winSelector{width:184px; height:184px;} #winSelector{position:static; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;} #bigView{position:static;border: 1px solid #959595; overflow: hidden; z-index:999;} #bigView img{ position:static;width: 800px;} #bigView2{width: 400px;height: 400px;}