@back_wrap:none;/*网站主体背景*/ @back_body:none;/*大背景*/ /*--------------------------------------------------------全局开始---------------------------------------------------*/ 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;} .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;} a:hover{text-decoration: none;} /*搜索*/ #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;} } /*--------------------------------------------------------全局结束---------------------------------------------------*/ /********头部**********/ @ba_w1:960px; /*滚动图片宽度*/ @ba_h1:350px; /*滚动图片高度*/ /********全局**********/ @body_width:100%;/*网站宽度*/ @b_w:1200px; /*网站内容宽度*/ /*------头部 header--------*/ @tou_top_height:36px; /*头部上部高*/ @tou_center_height:135px; /*头部中部高*/ @back_header:#fff; /*header背景*/ @tou_big_background:url(../images/header_bg.jpg) repeat-x 0 0; /*大头部背景*/ @tou_top_background:none; /*头部上部背景*/ @tou_center_background:none; /*头部中部背景*/ @tou_top_color:#828282; /*头部上部字体颜色*/ @tou_logo_top:37px; /*头部LOGO top定位*/ @tou_logo_left:0; /*头部LOGO left定位*/ @tou_tel_top:30px; /*头部TEL top定位*/ @tou_tel_right:0; /*头部TEL right定位*/ @height_nav:53px; /*导航条高度*/ @nav_bg:url(../images/nav_bg.jpg) 0 0 repeat-x; /*导航条背景*/ @nav_li_w:120px; /*选项卡宽度*/ @back_nav_li:url(../images/nav_h.png) right 0 no-repeat; /*导航隔离条*/ @nav_li_h:url(../images/nav_g.png) center center no-repeat; /*导航条hover背景*/ @nav_li_a_color:#fff; /*导航条字体颜色*/ @slider_h:527px; /*大轮播图的高*/ @sousuo_h:43px; /*搜索块的高*/ @sousuo_bg:url(../images/nav_bg.jpg) 0 0 repeat-x; /*搜索块的背景*/ @sousuo_fc:#fff; /*搜索块的字体颜色*/ @chanpin_height:auto; /*产品模块的高度*/ @chanpin_l_width:244px; /*产品模块左边区域的宽度*/ @chanpin_l_bg:#8c5cd2; /*产品模块右边区域背景*/ @chanpin_l_top_height:88px; /*产品左边头部高度*/ @chanpin_l_top_bg:none; /*产品左边头部背景*/ @chanpin_l_middle_height:auto; /*产品左边中部高度*/ @chanpin_r_width:933px; /*产品模块右边区域的宽度*/ @chanpin_r_bg:none; /*产品模块左边区域背景*/ @chanpin_r_top_height:59px; /*产品右边头部高度*/ @chanpin_r_top_bg:none; /*产品右边头部背景*/ @chanpin_r_middle_height:auto; /*产品右边中部高度*/ @footer_h:260px; /*底部高度*/ @back_footer:url(../images/footer_bg.jpg) 0 0 repeat-x; /*底部背景*/ @footer_padding:0 0 0 0; /*底部内边距*/ @footer_fc:#fff; /*底部导航字体颜色*/ @footer_fb:#fff; /*底部信息字体颜色*/ @footerHead_h:48px; /*底部头部高度*/ @footerHead_bg:none; /*底部头部背景(长)*/ @footerHead_bg_s:none; /*底部头部背景(短:默认1002px;)*/ @footermiddle_p: 20px 0 0 0; /*底部中部内边距*/ @footermiddle_lh:28px; /*底部中部内行高*/ @pagecolor:#222; /* 翻页字体颜色 */ @xiangq:#8c5cd2; /* 详情h4背景颜色 */ .tou {max-width:@body_width;min-width:@b_w;background:@tou_big_background;margin:0 auto;} .tou_top{max-width:@body_width;min-width:@b_w;background:@tou_top_background;color:@tou_top_color;margin:0 auto;font-family:"SimSun";font-size:12px;} .tou-s {width:@b_w;height:@tou_top_height;background:none;margin:0 auto;} .tou-sz {height:@tou_top_height;line-height:@tou_top_height;float:left;} .tou-sy {height:@tou_top_height;line-height:@tou_top_height;float:right;text-align:right;} .tou-sy a {color:@tou_top_color;text-decoration:none;} .tou-sy a:hover {color:#ff0000;} .tou-x {width:@b_w;height:@tou_center_height;background:@tou_center_background;margin:0 auto;position:relative;} .tou a.logo_img{left:@tou_logo_left;top:@tou_logo_top;position:static;} .tou a.logo_tel{right:@tou_tel_right;top:@tou_tel_top;position:static;} .nav_main{max-width:@body_width;min-width:@b_w;background:@nav_bg;margin:0 auto;} .header{ background:@back_header; margin: 0 auto; .nav{ background-position:0 0px; background:@nav_bg; height:@height_nav; width: @b_w; margin: 0 auto; /*导航鼠标hover样式.lon*/ .lon{ a{ background-position:50% 0; font-weight: 600; background: @nav_li_h; } } li{.left; background:@back_nav_li; height: @height_nav; position:relative; text-align: center; width: @nav_li_w; z-index: 1000; a{ background:none; background-position:50% -@height_nav; color: @nav_li_a_color; 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:none; 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; } } } } } .nav li:last-of-type{ background: 0; } .tou-k {height:@slider_h;}/* 头部-大图框架样式 */ .tou-d {max-width:@body_width;min-width: @b_w;height:@sousuo_h;background:@sousuo_bg;margin:0 auto;} /* 头部-关键词+搜索 */ .tou-dd{width: @b_w;height: @sousuo_h;margin: 0 auto;} .tou-dz {color:@sousuo_fc;height: @sousuo_h;line-height: @sousuo_h;float:left;font-family:"SimSun";font-size:12px;} /* 头部-左-关键词 */ .tou-dz a{color:@sousuo_fc;} .tou-dy {height:@sousuo_h;float:right;}/* 头部-右-关键词 */ .btn0{ float: right; width: 60px; height: 26px; line-height: 26px; text-align: center; background: #6530b2; color: #fff; font-size: 12px; font-family: 'SimSun'; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-top: 8px; } .btn1{ float: right; } input.anniu{ margin-top: 8px; float:right; width:194px; height: 16px; line-height: 16px; display: inline-block; padding:5px; margin-bottom: 0; font-size: 13px; color: #555555; border:0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #fff; } #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;} } } /********底部**********/ .footer{ background:@back_footer; margin:0 auto; max-width: @body_width; min-width: @b_w; height: @footer_h; padding: @footer_padding; .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; } } } } .footer_head{max-width:@body_width;min-width:@b_w;height:@footerHead_h;background:@footerHead_bg;margin:0 auto;color: @footer_fc;font-size: 12px;} .footer_head_h{width:@b_w;height: @footerHead_h;background: @footerHead_bg_s;line-height:@footerHead_h;margin:0 auto;text-align:center;} .footer_head_h a{color: @footer_fc;font-size: 12px;} .footer_middle{width:947px;margin:0 auto;color: @footer_fb;font-size: 12px;padding:@footermiddle_p;background: url(../images/footer_pic.png) 0 70px no-repeat;height: 115px;padding-top: 44px;padding-left: 352px;} .footer_middle_b{width:480px;line-height:@footermiddle_lh;color: @footer_fb;font-size: 14px;border-left: 1px solid #b08ee1;padding-left: 30px;font-family: '微软雅黑';float: left;} .footer_middle_b a{color: @footer_fb;font-size: 12px;} .ewm{float: left;} /********************************************************内页******************************************************************/ #Mleft{} #Mright{float: right;margin:0 0px 0 auto;width:912px;} .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; border:0; h2{ color: #666; } } .adc{ padding: 0 15px; } } } /********公司简历**********/ .article{ margin-bottom: 20px; min-height: 20px; overflow:hidden; padding: 0px 0 10px 0; img{max-width:100%;} /* 这里是调整内页大小图片的,产品定位容易出错 */ .well{} .title{.jz_h(50px); background: url(../images/link_bg.jpg) 0 45px repeat-x; color: #8758cc; margin:0px auto 15px; h4{.left; font-size: 18px; line-height:50px; padding-left:60px; background: url(../images/shuzi.jpg) 0 0 no-repeat; background-size: auto 100% ; span{.off} } span{margin-right: 18px; 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; 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; } } } .btn2 { border:solid 1px #ccc; padding:5px; } .btn3 { 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: 40px; margin-top:25px; padding:8px 14px; position: relative; background: none; border: 0; border-top: 1px solid #ddd; border-radius: 0; .pn-left{.left; width: 80%;margin-bottom: 5px; b{.left; margin-top: 2px; } } .pn-right{ width: 80%; float: left; text-align: left; b{.right; margin-top: 2px; } } a{ display: block; text-decoration: none; color:@pagecolor; b{} span{bottom: 1px;margin: 0 10px; font-family: "Microsoft YaHei";.slh;} } } .fanhui{width: 15%;height: 24px;background: none;float: right;margin-top:-5px; a{text-decoration: none;color:@pagecolor;line-height: 24px;text-align: center;} } /********留言页面**********/ .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: 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; } .picturea{ float:left; width:277px; height:293px; overflow:hidden; padding:0px; padding-left:24px; _width:230px;} .picture1a a { height:251px; width:261px; text-align:center; vertical-align:middle; background:#fff; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; } .picture2a {width:261px; 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:261px; height: 251px; } .border_animation { border: 1px solid #eee; width: 261px; height: 251px; 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: 261px} .box .hover .border_left,.box .hover .border_right { height: 251px} #full-screen-slider { width:100%; height:@slider_h; float:left; position:relative; z-index:10; } #slides { display:block; width:100%; height:@slider_h; 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:360px; 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; } /*------产品展示--------*/ .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--------*/ .dibu { margin:0 auto; width:1002px; height:100px; text-align:center; line-height:26px; padding-top:25px; font-family:"微软雅黑"; font-size:12px; color:#000; } .dibu a { color:#000; text-decoration:none; } .dibu a:hover { color:#ff0000; } /*-------内页左分类--------*/ .zuob { float:left; width:230px; /* 内页左分类-左样式 */ } .zuobt { float:left; width:200px; height:40px; background:#f4f4f4; line-height:40px; font-family:"微软雅黑"; font-size:14px; color:#000; padding-left:15px; /* 内页左分类-左-头部 */ } .zuobk { float:left; width:205px; height:350px; background:#d4d4d4; padding-top:10px; padding-left:10px; margin-bottom:15px; /* 内页左分类-左-下框 */ } .zuobk-klie a { float:left; width:180px; height:35px; background:#f4f4f4; line-height:35px; font-family:"微软雅黑"; font-size:12px; color:#000; padding-left:15px; /* 内页左分类-左-分类样式 */ } .zuobk-klie a:hover { background:#ff0000; color:#fff; text-decoration:none; /* 内页左分类-左-分类样式 */ } .zuob1t { float:left; width:200px; height:40px; background:#f4f4f4; line-height:40px; font-family:"微软雅黑"; font-size:14px; color:#000; padding-left:15px; /* 内页左分类-左-头部 */ } .zuob1k { width:215px; background:#fff; padding:10px; line-height:28px; font-family:"微软雅黑"; font-size:13px; color:#000; /* 内页左分类-左-下框 */ } .zuob1k a { color:#000; text-decoration:none; } .zuob1k a:hover { color:#ff0000; } /*-------内页左分类--------*/ .neiye { width:100%; height:395px; margin-bottom:15px; } .neiye-z { float:left; width:50%; height:395px; margin-right:15px; } .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:47%; height:381px; padding-top:14px; } .neiye-yt { width:auto; height:56px; border-bottom:dashed 1px #ccc; line-height:56px; font-family:"΢ÈíÑźÚ"; font-size:18px; color:#000; overflow:hidden; } .neiye-yk { width:auto; height:200px; padding-top:15px; line-height:46px; font-family:"΢ÈíÑźÚ"; font-size:14px; color:#000; } .neiye-yd { width:auto; height:70px; } .neiye-yx { width:auto; height:40px; } .neiyex { float:left; width:@b_w ; } .xiangq{ height: 40px; width: 100%; background: #eeeef2; } .xiangq h4{ width: 20%; background: @xiangq; color: #fff; font-size: 16px; text-align: center; line-height: 40px; } /* 新闻内页 */ .neiye1-news { float:left; width:100%; margin-bottom:15px; } .neiye1-nlie { float:left; width:100%; height:135px; border-bottom:dashed 1px #ccc; margin-top:15px; .neiye1-nimg { float:left; width:16%; height:100px; background:#eee3ff; 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:100%; height:50px; line-height:50px; font-family:"微软雅黑"; font-size:72px; text-align:center; color:#8c5cd2; 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:100%; height:50px; line-height:50px; font-family:"微软雅黑"; font-size:18px; text-align:center; color:#8c5cd2; 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:80%; 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:80%; height:80px; line-height:25px; 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:#8c5cd2; } .neiye1-nimg-t { color:#fff; } .neiye1-nimg-t1 { color:#fff; } .neiye1-nt a { color:#8c5cd2; } .neiye1-nk a { color:#8c5cd2; } } } /* 首页产品 */ .main_h{ max-width: @body_width; min-width: @b_w; margin: 25px auto; } .chanpin{ width: @b_w; height: @chanpin_height; margin: 0 auto; } .pro_t{ width: 100%; background: url(../images/pro_bg.jpg) center bottom no-repeat; padding-bottom: 16px; margin-bottom: 50px; } .pro_t h4{ text-align: center; color: #8757cc; font-size: 26px; height: 30px; line-height: 30px; font-family: '微软雅黑'; } .pro_t p{ text-align: center; color: #8757cc; font-size: 18px; height: 30px; line-height: 30px; font-family: '微软雅黑'; } .chanpin_l{ float: left; width: @chanpin_l_width; height: 100%; background: @chanpin_l_bg; border-top-right-radius: 3px; border-top-left-radius: 3px; } .chanpin_l_top{ height: @chanpin_l_top_height; line-height: @chanpin_l_top_height; background: @chanpin_l_top_bg; font-family: '微软雅黑'; } .chanpin_l_top h4{ text-align: center; color: #fff; font-size: 22px; font-family: '微软雅黑'; height: 30px; line-height: 30px; padding-top: 25px; } .chanpin_l_top p{ font-size: 12px; color: #fff; font-family: 'Arial'; height: 30px; line-height: 30px; text-align: center; } .chanpin_l_middle{ height: @chanpin_l_middle_height; padding: 4px; } .chanpin_l_middle ul { padding-bottom:20px; background: #fff; } .chanpin_l_middle li{ height: 37px; line-height: 37px; padding-left: 34px; } .chanpin_l_middle li a{ background: url(../images/pro_li.jpg) 0 center no-repeat; height: 37px; line-height: 37px; display: block; font-size: 12px; font-family: '微软雅黑'; color: #5f5f5f; padding-left:25px; } .chanpin_l_middle li a:hover{ text-decoration: none; color: #8c5cd2; } .chanpin_r{ float:right; width: @chanpin_r_width; height: 100%; background: @chanpin_r_bg; } .chanpin_r_top{ height: @chanpin_r_top_height; line-height: @chanpin_r_top_height; background: @chanpin_r_top_bg; font-family: '微软雅黑'; border-top: 5px solid #8c5cd2; border-bottom: 1px solid #b1b1b1; margin-bottom: 30px; } .chanpin_r_top_l{ height: @chanpin_r_top_height; line-height: @chanpin_r_top_height; float: left; width: 111px; height: 32px; text-align: center; line-height: 32px; color: #fff; font-size: 14px; font-family: '微软雅黑'; background: #abaaad; border-radius: 50px; margin-top: 15px; margin-right: 15px; cursor: pointer; } .active1{ background: #8c5cd2; } .chanpin_r_top_r{ height: @chanpin_r_top_height; line-height: @chanpin_r_top_height; float: right; } .chanpin_r_top_r:hover{ cursor: pointer; } .chanpin_r_middle{ height: @chanpin_r_middle_height; overflow: hidden; } .chanpin_r_middle ul{ } .chanpin_r_middle ul li{ float: left; width: 221px; height: 248px; margin-right: 16px; } .chanpin_r_middle ul li:nth-child(4n){ margin-right: 0; } .chanpin_r_middle ul li .chanpin_img{ display: block; width: 221px; height: 211px; text-align: center; overflow: hidden; } .chanpin_r_middle ul li img{ width: 90%; height: 100%; } .chanpin_r_middle ul li .chanpin_title{ height: 37px; line-height: 37px; text-align: center; } .chanpin_title a{ font-size: 12px; color: #000; font-family: 'SimSun'; } .common_t{ text-align: center; margin-bottom: 35px; } .common_t_l{ text-align: center; color: #262626; font-size: 30px; font-family: '微软雅黑'; height: 40px; line-height: 40px; background: url(../images/common_1.png) 0 center no-repeat; margin-bottom: 4px; font-weight: bold; } .common_t p{ text-align: center; color: #262626; font-size: 18px; font-family: '微软雅黑'; height: 30px; line-height: 30px; } .common_t_r{ float: right; } /* 轮播图 */ .flexslider { margin: 0px auto; position: relative; max-width: @body_width; min-width: @b_w; height: @slider_h; overflow: hidden; zoom: 1; } .flexslider .slides li { width: 100%; height: 100%; } .flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: static; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; } .flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; } .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); } .flex-control-nav { width: 100%; position: static; bottom: 10px; text-align: center; } .flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(../images/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; } .flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; } .flexslider .slides a { max-width: @body_width; min-width: @b_w; height: @slider_h; display: block; } .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: 100px; 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; } .ly { float:left; width:90%; margin-top:15px; padding-top:30px; padding-left:50px; } .ly-k { float:left; width:93%; border:solid 1px #f4f4f4; padding:15px; } .ly-k-k { float:left; width:98%; 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:98%; 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:15%; 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; } .kuai{ margin: 0 auto; width: @b_w; text-align: center; } .banner_my{ max-width: @body_width; min-width: @b_w; height: 903px; background: url(../images/banner_bg.jpg) top center no-repeat; margin-top: -35px; } .banner_t{ margin: 0 auto; text-align: center; width: @b_w; padding-top: 70px; } .banner_con{ margin: 40px auto; width: 1010px; } .banner_l{ width: 501px; position: relative; } .banner_l_t{ width: 472px; height: 289px; background: #fff; border-radius: 5px; } .banner_t_o{ padding: 20px 0px 0 30px; } .banner_t_l{ float: left; width: 80px; height: 81px; background: url(../images/shuzi.jpg) 0 0 no-repeat; text-align: center; line-height: 81px; color: #8c5cd2; font-size: 30px; font-family: '微软雅黑'; font-weight: bold; margin-right: 20px; } .banner_t_r{ float: left; } .banner_t_r h4{ color: #474747; font-size: 20px; font-family: '微软雅黑'; height: 30px; line-height: 30px; } .banner_t_r p{ color: #474747; font-size: 12px; font-family: '微软雅黑'; line-height: 32px; } .banner_l_b{ text-align: center; width: 472px; } .banner_r{ width: 465px; padding-left: 35px; position: relative; } .array_l{ position: static; top: 120px; right: 8px; } .array_r{ position: static; bottom: 120px; left: 9px; } .kuai1{ margin: -35px auto 0; width: @b_w; text-align: center; } .conpany_my{ max-width: @body_width; min-width: @b_w; height: 669px; background: url(../images/banner_bg.jpg) top center no-repeat; margin-top: -35px; } .link{ margin: 30px auto; width: @b_w; background: url(../images/link_bg.jpg) 0 0 repeat-x; } .link p{ width: 150px; height: 30px; text-align: center; line-height: 30px; background: #fff; color: #222; font-size: 16px; font-family: '微软雅黑'; position: relative; top: -10px; } .link ul { padding-left: 30px; } .link ul li{ display: inline-block; color: #222; font-size: 12px; font-family: '微软雅黑'; } .link ul li a{ padding: 0 8px; color: #222; } .link ul li a:hover{ color: #8a5bcf; }