@back_wrap:none;/*网站主体背景*/ @back_body:none;/*大背景*/ /*--------------------------------------------------------全局开始---------------------------------------------------*/ body{background:@back_body;font-family: 'Microsoft YaHei,Arial';max-width: 1920px;min-width: 1200px; 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; margin-bottom: 45px;width: 1200px; } .main3{margin:0 auto;} .main{margin:0 auto;margin-top: 40px;} .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:100%; /*滚动图片宽度*/ @ba_h1:575px; /*滚动图片高度*/ /********全局**********/ @body_width:100%;/*网站宽度*/ @b_w:1200px; /*网站内容宽度*/ /*------头部 header--------*/ @tou_top_height:37px; /*头部上部高*/ @tou_center_height:120px; /*头部中部高*/ @back_header:#fff; /*header背景*/ @tou_big_background:url(../images/header_bg.jpg) 0 0 repeat-x; /*大头部背景*/ @tou_top_background:none; /*头部上部背景*/ @tou_center_background:none; /*头部中部背景*/ @tou_top_color:#fff; /*头部上部字体颜色*/ @tou_logo_top:55px; /*头部LOGO top定位*/ @tou_logo_left:0; /*头部LOGO left定位*/ @tou_tel_top:41px; /*头部TEL top定位*/ @tou_tel_right:0; /*头部TEL right定位*/ @height_nav:120px; /*导航条高度*/ @nav_bg:url(../images/nav_bg.jpg) 0 0 repeat-x; /*导航条背景*/ @nav_li_w:108px; /*选项卡宽度*/ @back_nav_li:#fff; /*导航隔离条*/ @nav_li_h:url(../images/nav_h.jpg) center center no-repeat; /*导航条hover背景*/ @nav_li_a_color:#000; /*导航条字体颜色*/ @slider_h:577px; /*大轮播图的高*/ @sousuo_h:60px; /*搜索块的高*/ @sousuo_bg:#f4f4f4; /*搜索块的背景*/ @sousuo_fc:#000; /*搜索块的字体颜色*/ @chanpin_height:auto; /*产品模块的高度*/ @chanpin_l_width:216px; /*产品模块左边区域的宽度*/ @chanpin_l_bg:#f0f0f0; /*产品模块右边区域背景*/ @chanpin_l_top_height:40px; /*产品左边头部高度*/ @chanpin_l_top_bg:#909090; /*产品左边头部背景*/ @chanpin_l_middle_height:auto; /*产品左边中部高度*/ @chanpin_r_width:766px; /*产品模块右边区域的宽度*/ @chanpin_r_bg:#f0f0f0; /*产品模块左边区域背景*/ @chanpin_r_top_height:40px; /*产品右边头部高度*/ @chanpin_r_top_bg:#909090; /*产品右边头部背景*/ @chanpin_r_middle_height:auto; /*产品右边中部高度*/ @footer_h:200px; /*底部高度*/ @back_footer:url(../images/footer_bg.jpg) 0 0 repeat-x; /*底部背景*/ @footer_padding:10px 0 0 0; /*底部内边距*/ @footer_fc:#fff; /*底部导航字体颜色*/ @footer_fb:#fff; /*底部信息字体颜色*/ @footerHead_h:48px; /*底部头部高度*/ @footerHead_bg:#909090; /*底部头部背景(长)*/ @footerHead_bg_s:none; /*底部头部背景(短:默认1002px;)*/ @footermiddle_p: 20px 0 0 0; /*底部中部内边距*/ @footermiddle_lh:28px; /*底部中部内行高*/ @pagecolor:#666; /* 翻页字体颜色 */ @xiangq:#ff0000; /* 详情h4背景颜色 */ @navmaincolor:#3962cc; .tou {max-width:@body_width;min-width:@b_w;background:#f7f7f7;margin:0 auto;border-bottom: 1px solid #ddd;} .tou_top{max-width:@body_width;min-width:@b_w;background:none;color:@tou_top_color;margin:0 auto;font-family:"微软雅黑";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;color: #000;font-size: 14px;} .tou-sy {float:right;text-align:right;color: #e30000;font-size: 20px;font-weight: bold;line-height: 37px;} .tou-sy img{float: left;margin-top: 3px;margin-right: 5px;} .tou-sy a {color:@tou_top_color;text-decoration:none;color: #000;} .tou-sy span{ font-size: 16px; color: #000; font-weight: normal; } .tou-x {width:224px;height:@tou_center_height;background:@tou_center_background;position:relative;float: left;} .tou-x a.logo_img{left:@tou_logo_left;top:7px;position:absolute;} .logo_tel{right:@tou_tel_right;top:49px;position:absolute;} .nav_big{background-color: @back_nav_li;width: 100%; } .nav_main{width: 976px;background-color:@back_nav_li;float: left; } .tou_box{ width: 1200px; margin: 0 auto; } .header{ background:@back_header; margin: 0 auto; .nav{ background-position:0 0px; height:@height_nav; width: 976px; margin: 0 auto; /*导航鼠标hover样式.lon*/ .lon{ a{ color: #000; border-bottom: 4px solid #960000; height: 116px; } } li{.left; background:@back_nav_li; height: @height_nav; position:relative; text-align: center; width: @nav_li_w; z-index: 1000; position: relative; a{ background-position:50% -@height_nav; color: @nav_li_a_color; display:block; font-family: "Microsoft YaHei"; font-size:16px; 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; overflow: hidden; text-transform: uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } &:hover{.lon;} } .dropdown{ .dropdown-menu{ background: rgba(255, 255, 255, 0.7); min-width: 200px; width:200px; z-index: 10000; li{ background: #fff; height: 40px; line-height: 40px; border-bottom: 2px solid #960000; min-width: 200px; width:200px; a{ color: #000; font-weight: 100; line-height: 40px; height: 40px; display: block; font-size: 14px; min-width: 200px; width:200px; } &:hover{ >a{ background: #fff; } } } } } .nav-li{ position: static; .nav-div{ /*display: none;*/ background: #f00; float: left; left: @nav_li_w; overflow: hidden; 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: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:before{ content:""; color:#666; position:absolute; top:22px; height:20px; left:-1px; width:1px; background-image:linear-gradient(to bottom,#fff,#fff,#fff);} .nav li:first-child::before{ background-image:none; }*/ .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:"微软雅黑";font-size:16px;} /* 头部-左-关键词 */ .tou-dz a{color:@sousuo_fc;font-size: 16px;} .tou-dy {height:@sousuo_h;float:right;}/* 头部-右-关键词 */ .btn0{ float: right; } .btn1{ float: right; } input.anniu{ float:left; width:200px; height: 28px; line-height: 28px; display: inline-block; padding: 0px; font-size: 16px; color: #555555; border: 1px solid #039743; border-top-left-radius: 18px; border-bottom-left-radius: 18px; margin: 10px 0px 10px 10px; } .btn0{ margin-top: 10px; margin-bottom: 10px; width: 35px; height: 30px; display: block; float: right; border-top-right-radius: 18px; border-bottom-right-radius: 18px; background: url(../images/index_22.jpg) right center no-repeat; color: white; font-weight: bold; } #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;} } } /********底部**********/ .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{max-width:@body_width;min-width:@b_w;margin:0 auto;color: @footer_fb;font-size: 12px;padding:@footermiddle_p;} .footer_middle_b{width:@b_w;line-height:@footermiddle_lh;text-align: center;margin: 0 auto;color: @footer_fb;font-size: 12px;} .footer_middle_b a{color: @footer_fb;font-size: 12px;} /********************************************************内页******************************************************************/ #Mleft{} #Mright{width:940px;float: right;} .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{ p{ line-height: 30px; font-family: '微软雅黑'; font-size: 14px; margin-bottom: 0; text-indent: 2em; } } .con{ line-height: 30px; font-family: '微软雅黑'; font-size: 14px; margin-bottom: 0; p{ margin-bottom: 0; line-height: 30px; font-family: '微软雅黑'; font-size: 14px; text-indent: 2em; } } } } /********公司简历**********/ .article{ margin-bottom: 20px; min-height: 20px; overflow:hidden; padding: 0px 0 10px 0; img{max-width:100%;} /* 这里是调整内页大小图片的,产品定位容易出错 */ .well{} .title{.jz_h(40px); color: white; margin:0px auto 15px; background: @navmaincolor; h4{.left; font-size: 16px; line-height:40px; padding-left:15px; span{.off} } span{margin-right: 18px; a{ color:white; } } } .com_con{padding:10px;line-height: 25px;} .content{margin: 20px 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; } } } .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; } .nei-q {width:auto; 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:@pagecolor; text-decoration:none; } .nei-qz a:hover { color:#fff; background:@navmaincolor; } .nei-qy a { float:right; height:42px; line-height:42px; font-family:"微软雅黑"; border-left :solid 1px #f4f4f4; padding-left:10px; padding-right:10px; color:@pagecolor; text-decoration:none; } .nei-qy a:hover { color:#fff; background:@navmaincolor; } /********留言页面**********/ .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_03 { width: 100%; margin: 0px auto; padding: 0 0 120px; background: none; } #jobs_03_mid { width: 100%; margin: 0 auto; background: #fff; } #jobs_title { padding: 0 3.33% 0; background: #464650; color: #fff; font-size: 14px; height: 54px; line-height: 54px; } #jobs_03 .td1 { width: 17.33%; float: left; } #jobs_03 .td2 { width: 17.33%; float: left; } #jobs_03 .td3 { width: 33.91%; float: left; } #jobs_03 .td4 { width: 17.41%; float: left; } #jobs_03 .td5 { width: 13.4%; float: left; } #jobs_ul{ width: 100%; } #jobs_ul ul{ padding: 0 3.33% 73px; } #jobs_ul li { width: 100%; } #jobs_ul li .jobs_title { font-size: 14px; line-height: 30px; color: #777; padding: 16px 0; border-bottom: solid 1px #efefef; } #jobs_ul li .jobs_box { padding: 20px 3.5% 36px; background: #f5f5f5; position: relative; display:none; } #jobs_ul li .jobs_box i { position: absolute; left: 18px; top: -12px; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: transparent transparent #f5f5f5; } #jobs_ul li .jobs_box .info1 { border-bottom: 1px solid #e5e5e5; padding-bottom: 22px; } #jobs_ul li .jobs_box .info1 p { float: left; font-size: 14px; color: #333333; line-height: 25px; min-width: 24%; margin: 5px 0px; margin-right: 1%; } #jobs_ul li .jobs_box .info2 { border-bottom: 1px solid #e5e5e5; padding: 14px 0 22px; } #jobs_ul li .jobs_box .info2 .fl { width: 100%; } #jobs_ul li .jobs_box .info2 .fl h3{ margin-bottom: 15px; } #jobs_ul li .jobs_box .info3 { margin-top: 31px; } #jobs_ul li .jobs_box .info3 .apply_btn { width: 151px; height: 41px; line-height: 41px; background: #f91747; font-size: 16px; color: #ffffff; float: left; text-align: center; } #jobs_ul li .jobs_box .info3 .all { float: right; font-size: 14px; color: #777777; height: 41px; line-height: 41px; padding-left: 30px; background: url(../images/all_ico.png) no-repeat 0 center; } /********产品展示**********/ /********购物车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:284px; height:230px; overflow:hidden; padding:0px; _width:284x;background-color: #fff;margin-right: 15px;} .picture1a a { height:182px; width:282px; text-align:center; vertical-align:middle; background:none; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; background-color: #fff; border: 1px solid #ddd; padding: 2px 0px; } .picture2a {width:284px; height:44px; text-align:center; line-height:44px;} .picture2a a { color:#000; text-decoration: none; font-family: '微软雅黑';font-size: 16px; } .picture1a img{ vertical-align:middle; border:0;overflow: hidden; transition:all 0.6s; } .picturea:hover img{ transform: scale(1.05); } .picturea:hover .picture2a a{ color: #000; font-weight: bold; } .picture{ float:left; width:146px; height:71px; overflow:hidden; margin:8px 9px 5px 9px; } .picture1{ height:220px; width:220px; text-align:center; vertical-align:middle; overflow:hidden; display:table-cell; background:#fff; border:1px solid #dfdfdf; /* position:relative; */ *display: block; } .picture2{height:40px; text-align:center; line-height:40px; } .picture2 a{font-size: 14px;} .picture1 img{ vertical-align:middle; border:0;transition:all .5s;} .picture1 img:hover{transform: scale(1.05, 1.05);} .picturea3{ float:left; width:277px; height:243px; overflow:hidden; padding:0px; _width:286px;margin-right: 29px;} .picture1a3 a { height:243px; width:277px; text-align:center; vertical-align:middle; background:none; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; float: left; } .picture1a3 img{ vertical-align:middle; border:0;overflow: hidden; transition:all 0.6s; } .picturea3:hover img{ transform: scale(1.2); } .box { width:214px; height: 158px; } .border_animation { border: 1px solid #eee; width: 214px; height: 158px; float: left; position: relative; } .border_animation .border_top { position: absolute; height: 1px; width: 0; font-size: 0; background: #666666; top: 0; left: 0; transition: all 0.5s ease-out; } .border_animation .border_right { position: absolute; height: 0px; width: 1px; font-size: 0; background: #666666; bottom: 0; right: 0; transition: all 0.5s ease-out; } .border_animation .border_bottom { position: absolute; height: 1px; width: 0px; font-size: 0; background: #666666; right: 0; bottom: 0; transition: all 0.5s ease-out; } .border_animation .border_left { position: absolute; 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: 158px} #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:absolute; 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; } /* 首页留言 */ .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; } /*-------内页左分类--------*/ .zuob { float:left; width:182px; /* 内页左分类-左样式 */ } .zuobt{width:100%;height: 48px;border-bottom:1px solid #ddd;line-height: 43px;font-size: 16px;color: #3a3a3a; img{float: left;padding:15px 11px 15px 0px; } } .menu_list{width:182px;margin:0 auto; a{text-decoration: none;} } .menu_head{ height: 40px; width: 176px; display: block; line-height: 40px; padding-left: 6px; border-bottom: 1px solid #ddd; font-size: 14px; font-weight: normal; color: #525252; cursor: pointer; position: relative; margin: 0px; background: url(../images/pro_left.png) center right no-repeat; font-family: 'Microsoft YaHei'; a{float: left; color: #525252;} span{width: 28px;height: 19px;float: right;margin-top: 10px;} } .menu_list .current{background: url(../images/pro_down.png) center right no-repeat;} .menu_body{ line-height: 35px; backguound: #fff; } .menu_body a{display:block;height:38px;line-height:38px;padding-left:28px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;} .menu_body a:hover{text-decoration:none;} .nyservice{width: 1200px;height: 257px;margin: 0 auto; h4{font-size:23px;color: #000000;font-weight: normal;line-height:101px;text-align: center;} } .nyservicelist{width:25%;height: 91px;float: left;font-size: 16px;color: #464646; img{float: left;margin-right: 19px;} a{text-decoration: none;font-size: 14px;color: #bc9882;line-height: 33px;} } /*-------内页左分类--------*/ .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 { } .xiangq{ height: 40px; width: 100%; background: #eeeef2; } .xiangq h4{ width: 20%; background: @navmaincolor; color: #fff; font-size: 16px; text-align: center; line-height: 40px; } /* 新闻内页 */ .right_main{ width:100%; } .right_main ul{ width: 100%; } .right_main ul li { width: 93%; height: 186px; border: solid 1px #e2e2e2; position: relative; margin-bottom: 20px; background: none; } .right_main ul li .news_pic { width: 25%; height: 166px; position: absolute; left: 10px; top: 10px; text-align: center; overflow: hidden; } .right_main ul li .news_pic .imgB { height: 100%; width: 100%; vertical-align: middle; top: 0; left: 0; position: relative; opacity: 1; } .right_main ul li .news_pic .imgT { width: 100%; height: 100%; top: 0; left: 0; position: absolute; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .right_main ul li:hover .news_pic .imgT { opacity: 0.8; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .right_main ul li:hover .news_btn a{ background: #eaa541; } .right_main ul li .news_pic span { height: 100%; width: 0; overflow: hidden; display: inline-block; vertical-align: middle; } .right_main ul li .news_capital { width: 68%; height: 53px; line-height: 53px; border-bottom: solid 1px #e2e2e2; position: absolute; font-size: 15px; color: #414141; right: 28px; top: 10px; } .right_main ul li .news_capital h4{ width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 53px; } .right_main ul li .news_capital span { display: block; min-width: 25px; padding-left: 25px; height: 53px; line-height: 53px; background: url(../images/news_time.png) left center no-repeat; color: #414141; font-size: 15px; position: absolute; right: 0px; top: 0px; } .right_main ul li .news_detail { width: 68%; position: absolute; right: 28px; top: 78px; line-height: 26px; color: #606060; font-size: 13px; height: 78px; overflow: hidden; } .right_main ul li .news_btn { width: 101px; height: 32px; line-height: 32px; text-align: center; position: absolute; right: 28px; bottom: 10px; } .right_main ul li .news_btn a { display: block; background: #a8a8a8; color: #fff; font-size: 12px; transition: all 0.5s; } .neiye1-news { width:100%; margin-bottom:15px; float: left; } .neiye1-nlie { width:100%; height:109px; padding: 6px 0;background: #fff;margin-bottom: 10px;border-bottom: 1px solid #dedede; .neiye1-nimg {float: right; width:10%; height:109px;padding: 0 16px;text-align: right; background: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; border-left: 1px solid #dedede; .neiye1-nimg-t { display: inline-block; width: 70%; border-bottom: 1px solid #bdbdbd; color: #bdbdbd; font-family: 'Arial'; line-height: 30px; font-size: 20px; margin-top: 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-t1 { display: inline-block; color: #1890ed; font-family: 'Arial'; line-height: 38px; font-size: 25px; margin-top: 10px; width:100%; font-weight: bold; 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{ float: left; width: 82%; padding-left: 3%; h4{color: #444; font-family: '微软雅黑'; font-weight: bold; font-size: 13px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 90%; margin-top: 5px; } p{ color: #777; font-family: '微软雅黑'; font-size: 13px; line-height: 30px; height: 60px; overflow: hidden; width: 100%; margin-top: 2px; } } } .neiye1-nlie a{ display: block; width: 100%; } .neiye1-nlie:hover{ background: #f3f3f3; } .neiye1-nlie:hover .neiye1-nt h4{ color: #1890ed; } .neiye1-nlie:hover .neiye1-nimg .neiye1-nimg-t1{ color: #ff9000; } .neiye1-nlie:hover .neiye1-nimg .neiye1-nimg-t{ color: #010101; } .neiye1-nk{ float: left; p{ color: #444; font-family: '微软雅黑'; font-weight: bold; font-size: 13px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 90%; margin-top: 5px; } } /* 公共顶部 */ /*.common_t{ height: 40px; line-height: 40px; font-size: 14px; font-family: '微软雅黑'; background: #a0a0a0; } .common_t_l{ float: left; } .common_t_r{ float: right; } */ /* 首页关于我们 */ .gsjj_body{ } .gsjj_body_l{ float: left; } .gsjj_body_r{ float: right; } /* 首页新闻 */ .xwzx_body{ } .xwzx_t_l{ float: left; } .xwzx_t_r{ float: right; } .xwzx_list{ margin-top: 20px; } .xwzx_list li{ border-bottom: 1px dashed #909090; } .xwzx_list li a{ display: block; height: 36px; font-size: 12px; color: #000; font-family: '微软雅黑'; } .xwzx_list li a .xwzx_list_title{ float: left; height: 36px; line-height: 36px; } .xwzx_list li a .xwzx_list_time{ float: right; height: 36px; line-height: 36px; } /* 常见问题 */ .question_body{ padding-top: 12px; padding-bottom: 30px; } .question_body li{ height: 80px; padding-top: 20px; } .question_body li a{ display: block; } .question_body li a h4{ height: 21px; line-height: 21px; font-size: 14px; font-family: '微软雅黑'; color: #060202; font-weight: bold; width: 215px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 34px; background: url(../images/q.jpg) 0 0 no-repeat; } .question_body li a p{ margin-top: 10px; height: 40px; line-height: 19px; overflow: hidden; color: #666; font-size: 12px; font-family: '微软雅黑'; padding-left: 34px; background: url(../images/a.jpg) 0 0 no-repeat; } /* 首页证书 */ .zhengshu_body{ position: relative; width: 1200px; margin: 0 auto; padding-top: 1px; padding-bottom: 70px; } .zhengshu_list{ margin: 0 auto; } .zs_btn{ position: absolute; width: 69px; height: 69px; top: 263px; } .zs_left_btn{ background: url(../images/pro_left.png)center center no-repeat; left: -85px; } .zs_right_btn{ background: url(../images/pro_right.png)center center no-repeat; right: -85px; } .common_t{ margin-top: 67px; margin-bottom: 36px; h2{ text-align: center; color: @navmaincolor; font-size: 30px; font-weight: bold; margin-bottom: 11px; } h3{ text-transform: uppercase; font-size: 16px; font-weight: normal; color: #515151; text-align: center; background: url(../images/title_bg.png)center center no-repeat; } } /* 首页滚动 */ .lunbo{ margin: 0 auto; width:980px; overflow: hidden; } .lunbo ul{ } .lunbo li{ float: left; width: 230px; height: 200px; margin-right: 10px; } .lunbo li .lb_img{ display: block; } .lunbo li .lb_img img{ width: 100%; } .lb_img_title{ height: 50px; line-height: 50px; text-align: center; } .lb_img_title a{ font-size: 12px; color: #fff; font-family: '微软雅黑'; } /* flash轮播图 */ .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: absolute; 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: absolute; 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; width: 1200px; padding: 20px 0px; } .contact_my ul li{ float: left; margin: 10px 10px; width: 240px; padding: 20px; overflow: hidden; background-color: #f1f1f1; span{ text-align: center; display: block; margin-top: 20px; } p{ text-align: center; font-size: 16px; color: #000; line-height: 30px; margin-bottom: 0px; } } .ly { float:left; width:100%; margin-top:15px; background:url('../images/ly.jpg') no-repeat; background-size:100%; padding-top:228px; } .ly-k { float:left; width:93%; border:solid 1px #f4f4f4; padding:15px; margin-left: 2%;} .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; } .lxwm { width:100%; margin-top:15px; background:url('../images/lxwm.jpg') no-repeat; background-size:100%; padding-top:200px; } .lxwm-z { float:left; width:65%; height:400px; } .lxwm-y { float:right; width:30%; 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; } /* 推荐产品 */ .neiye1-tle { float: left; width: 1135px; height: 38px; background:@navmaincolor; line-height: 38px; font-family: "微软雅黑"; font-size: 18px; padding-left: 15px; margin-top: 15px; color: #fff; } .neiye1-img { float: left; width: 1200px; margin-top: 15px; } .neiye1-img ul .pictureb { float: left; width: 180px; height: 202px; overflow: hidden; padding: 0px; width: 180px; margin-right: 20px; } .neiye1-img ul .picture1b{ width: 170px; height: 152px; text-align: center; line-height: 152px; padding: 5px; background:#f2f2f2; overflow: hidden; } .neiye1-img ul .picture1b img{ width: 100%; height: 100%; } .neiye1-img ul .picture2b { width: 162px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; } .neiye1-img ul .picture2b a{ color: #010101; text-decoration: none; font-family: '微软雅黑'; } .neiye1-img ul .pictureb:hover .picture1b{ background: @navmaincolor; } .picturea1{ float:left; width:216px; height:200px; overflow:hidden; padding-left:5px; _width:227px;} .picture1a1 a { height:158px; width:214px; text-align:center; vertical-align:middle; background:#fff; overflow:hidden; display:table-cell; /* position:relative; */ *display: block; } .picture2a1 {width:214px; height:40px; text-align:center; line-height:40px; } .picture2a1 a { color:#000; text-decoration: none; font-family: '微软雅黑';display: block; } .picture2a1 a:hover { color:#ff0000; } .picture1a1 img{ vertical-align:middle; border:0;} #allmap { width:1198px; height: 325px; overflow: hidden; border: 1px solid #c9c9c9; } #route { width: 100%; height: 60px; margin-top: 30px; border: 1px solid #dcdcdc; background: #fff; box-sizing: border-box; border-bottom: none; } #route span { width: 33.26%; height: 60px; display: block; float: left; text-align: center; line-height: 60px; cursor: pointer; } #route .hover { background: #c5b292; color: #000; } #allmap { width: 1198px; height: 325px; overflow: hidden; border: 1px solid #c9c9c9; } .contbox { width: 100%; height: 780px; background: url(/App/Tpl/Home/Default/Public/images/index01.jpg) center no-repeat; position: relative; } .contbox .bg { width: 100%; height: 780px; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; position: absolute; z-index: 1 } .contbox .conmid { width: 1400px; margin: 0 auto; padding-top: 100px; position: relative; overflow: hidden; z-index: 2 } .contbox .conmid .left { width: 378px; height: 590px; background: rgba(255, 255, 255, 0.9); } .contbox .conmid .left .p { padding: 40px 30px; font-size: 15px; line-height: 34px; color: #222222 } .contbox .conmid .left .p b { display: block; font-size: 18px; padding-top: 25px; } .contbox .conmid .left .p .b01 { font-size: 34px; line-height: 50px; color: #040301; font-weight: bold; display: block; } .contbox .conmid .left .p .b02 { font-size: 34px; height: 55px; color: #de0d17 } .contbox .conmid .left .p .b03 { width: 60px; height: 3px; background: #040301; display: block; } .contbox .conmid .right { width: 960px; height: 550px; } .contbox .conmid .right .b01 { font-size: 65px; font-weight: bold; line-height: 80px; color: #fff } .contbox .conmid .right .b02 { font-size: 15px; height: 50px; color: rgba(255, 255, 255, 0.8); } .contbox .conmid .right .msgbox { width: 100%; height: 380px; background:rgba(197, 178, 146,0.6); /*background:rgba(222, 13, 23, 0.61);*/ position: relative; } .contbox .conmid .right .msgbox .rtxt{width:450px;height: 275px;color: #fff; position: absolute;top: 50px;right: 100px;} .contbox .conmid .right .msgbox .rtxt .m01{font-weight: bold;font-size:26px} .contbox .conmid .right .msgbox .rtxt .m02{font-weight: bold;font-size:32px;padding-top:10px} .contbox .conmid .right .msgbox .rtxt .m03{padding-top: 20px} .contbox .conmid .right .msgbox .rtxt .m03 li{width:60px;height: 55px;line-height: 24px;color: #fff;font-size: 14px;border: 1px #fff solid;text-align: center;float: left;margin: 10px;padding: 10px 30px;} .contbox .conmid .right .msgbox #e_name { width: 280px; height: 38px; background:#fff; font-family: "微软雅黑"; color: #292929; border: none; padding-left: 20px; left:40px; top:50px; position: absolute; } .contbox .conmid .right .msgbox #e_mobile { width: 280px; height: 38px; background:#fff; font-family: "微软雅黑"; color: #292929; border: none; padding-left: 20px; left: 40px; top: 100px; position: absolute; } .contbox .conmid .right .msgbox #e_content { width: 280px; height: 73px; background:#fff; font-family: "微软雅黑"; line-height: 40px; color: #292929; border:none; padding-left: 20px; left: 40px; top: 150px; position: absolute; } .contbox .conmid .right .msgbox #checkCode { width: 100px; height: 38px; line-height: 38px; color: #292929; border:none; background:#fff; text-align: center; top:235px; left:40px; position: absolute; } .contbox .conmid .right .msgbox #e_submit { width: 100px; height: 38px; font-size:20px; font-family: "微软雅黑"; line-height: 38px; color: #b72229; text-align: center; background: #fff; border:none; text-transform: uppercase; left: 40px; top: 285px; font-weight: bold; position: absolute; transition: 0.4s all } .contbox .conmid .right .msgbox #e_submit:hover { background: #292929;color: #fff } .footer_big{ width: 100%; background-color: #252525; } .footer_box{ width: 1200px; margin: 0 auto; } .footer_top{ height: 68px; width: 100%; border-bottom: 1px solid #fff; a{ float: left; width: 133px; height: 68px; line-height: 68px; color: #fff; text-align: center; position: relative; font-size: 18px; overflow: hidden; } } .footer_bottom{ text-align: center; font-size: 18px; color: #fff; line-height: 60px; } .footer_top a:first-child::before{ background-image:none; } /*使用伪元素制作导航列表项分隔线*/ .footer_top a::before{ content:""; color:#666; position:absolute; top:25px; height:20px; left:-1px; width:1px; background-image:linear-gradient(to bottom,#fff,#fff,#fff);} .sidebar_box{ width: 248px; float: left; } .sidebar_title{ width: 100%; text-indent: 2em; overflow: hidden; height: 60px; line-height: 60px; background-color: @navmaincolor; color: #fff; font-size: 18px; } .sidebar_main{ width: 232px; background-color: #f1f1f1; padding:10px 8px; } .sidebar_main ul li{ background: url(../images/dd.png) 20px center no-repeat; height: 40px; line-height: 40px; border-bottom: 1px dashed #ddd; } .sidebar_main ul li a{ color: #000; font-size: 16px; padding-left: 40px; display: block; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -0-transition:all 0.6s; transition:all 0.6s; } .sidebar_main1{ width: 232px; background-color: #f1f1f1; padding:10px 8px; line-height: 36px; color: #000;font-size: 14px; overflow: hidden; p{ text-align: center; margin: 10px 0px; color: #000; font-size: 14px; } h3{ text-align: center; font-size: 18px; color: #000; font-weight: normal; width: 100%; overflow: hidden; } h2{ font-size: 24px; text-align: center; color: #000; } } .sidebar_main1 img{ text-align: center; width: 80%; margin: 0 auto; display: block; margin-top: 10px; } .sidebar_main ul li:hover a{ padding-left: 50px; } .fuwu_box{ width: 1200px; margin: 0 auto; padding-top: 50px; margin-bottom: 58px; } .fuwu_title{ margin-bottom: 36px; h2{ text-align: center; color: #000; font-size: 30px; } h3{ text-align: center; font-size: 18px; font-weight: normal; } } .fuwu_main ul li{ float: left; width: 177px; height: 228px; background: url(../images/fuwu_bg.png)center center no-repeat; text-align: center; margin-right: 27.6px; img{ margin-top: 30px; transition:all 0.6s; } h2{ color: #fff; font-size: 20px; margin: 20px 0px; } a{ display: block; border: 1px solid #fff; width: 108px; height: 28px; line-height: 28px; text-align: center; color: #fff; font-size: 16px; margin: 0 auto; border-radius: 15px; transition:all 0.6s; } } .fuwu_main ul li:last-of-type{ margin-right: 0px; } .fuwu_main ul li a:hover{ background-color: #fff; color: #000; } .fuwu_main ul li:hover img{ transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } .join_big{ width: 100%; background-color: #f7f7f7; } .join_box{ width: 1200px; margin: 0 auto; padding:50px 0px; } .join_main{ padding: 0px 17px; } .join_main ul li{ float: left; width: 134px; text-align: center; margin-right: 60px; text-align: center; img{ margin-bottom: 21px; transition:all 0.6s; } h2{ font-size: 20px; color: #000; } } .join_main ul li:hover img{ transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } .tel_big{ width: 100%; background: url(../images/mid_bg.jpg)center center no-repeat; height: 202px; padding-top: 52px; padding-bottom: 52px; p{ line-height: 56px; color: #fff; text-align: center; font-size: 28px; font-weight: bold; img{ margin-right: 4px; } span{ font-size: 16px; font-weight: bold; } } } .news_box{ width: 1200px; margin: 0 auto; padding-top: 28px; } .news_main{ float: left; width: 347px; background-color: #f9fafb; border-radius: 3px; padding: 20px 18px 28px 19px; margin-bottom: 28px; h2{ background-color: #ffa630; color: #fff; font-weight: normal; font-size: 18px; display: block; text-align: center; height: 32px; line-height: 32px; width: 116px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; } a{ display: block; } .xwzx_box{ width: 100%; border-bottom: 1px dashed #ddd; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; .xwzx_list_title{ color: #000; font-size: 14px; } } } .xwzx_box:hover .xwzx_list_title{ color: @navmaincolor; } .news_main:nth-of-type(2){ margin-left: 24px; margin-right: 24px; } .news_main:nth-of-type(5){ margin-left: 24px; margin-right: 24px; } .product_big{ width: 100%; background-color: #f0f5f8; } .product_box{ width: 1200px; margin: 0 auto; padding: 50px 0px; } .product_main{ padding-top: 32px; } .product_main ul li{ float: left; width: 336px; height: 150px; margin-right: 26px; background-color: #fff; padding: 70px 22px 0px 24px; position: relative; h2{ font-size: 16px; color: #000; font-weight: normal; } p{ font-size: 14px; color: #7a7a7a; line-height: 30px; } img{ position: absolute; right: 0px; top: -32px; } } .product_main ul li a{ display: block; } .product_main ul li:nth-of-type(3){ margin-right: 0px; } .message_box{ width: 1200px; margin: 0 auto; padding: 50px 0px; } .message_title{ color: #000; font-size: 22px; font-weight: bold; margin-bottom: 32px; padding-left: 17px; } .ly-index{ padding: 0px 20px; } .ly-k-index{ float: left; width: 244px; height: 46px; border: 1px solid #ddd; line-height: 46px; color: #000; padding:0px 0px 0px 34px; margin-right: 13px; border-radius: 0px; } .ly-k-index:nth-of-type(1){ background: url(../images/message1.png) 2px center no-repeat; } .ly-k-index:nth-of-type(2){ background: url(../images/message2.png) 2px center no-repeat; } .ly-k-index:nth-of-type(3){ background: url(../images/message3.png) 2px center no-repeat; } .ly-k-index:nth-of-type(4){ background: url(../images/message4.png) 2px center no-repeat; margin-right: 0px; } .ly-k-index1{ width: 1123px; height: 189px; border: 1px solid #ddd; background: url(../images/message5.png)2px 15px no-repeat; border-radius: 0px; padding: 15px 0px 0px 34px; } .ly-k-index2{ width: 244px; height: 46px; border: 1px solid #ddd; line-height: 46px; color: #000; padding:0px 0px 0px 34px; margin-right: 10px; border-radius: 0px; float: left; } .bottom_big{ background-color: #f7f7f7; width: 100%; } .bottom_box{ width: 1166px; margin: 0 auto; padding: 62px 0px; } .bottom_box ul li{ float: left; width: 275px; margin-right: 22px; img{ float: left; margin-right: 15px; } .bottom_right{ float: left; width: 184px; h2{ font-size: 18px; color: #000; line-height: 20px; } p{ font-size: 14px; color: #8d8d8d; line-height: 23px; } } } .bottom_box ul li:last-of-type{ margin-right: 0px; }