body {color:#090909} a{color:#090909}a:active,a:hover {color:#9b7d39} @media (min-width: 1400px) {.container{ width: 1400px; }} @media (min-width: 1400px) {.container{ width: 1400px; }} /*切图：zcy*/ html{ overflow-x:auto; overflow-y:auto;} *{ padding:0; margin:0;outline:none !important; color:inherit;} ul, ol,li{ list-style-type:none;} body, button, input, select, textarea{ font-family: 'Microsoft yahei',serif; font-size:12px;} code, kbd, pre, samp { font-family: 'Microsoft yahei',serif;} a{ text-decoration:none; color:#333; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} img{border:0; max-width:100%;vertical-align: bottom;} li { line-height:normal; } table { border-collapse: collapse; border-spacing: 0; } h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei',serif; } input,table,tr,td{ margin:0; padding:0; border:none;} button,table{ border:none; background:none; margin:0; padding:0;} body{ position:relative; float:left; width:100%;} select{ margin:0; padding:0; font-family: 'Microsoft yahei',serif; border:none;} textarea{ resize:none;outline:none;} label{ margin-bottom:0; font-weight:normal;} input,select,textarea{ margin:0; padding:0; border:0; outline:none; -moz-border-radius:0px; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; } /*------------------------------------------*/ .container,.container-fluid{ padding:0;} @media (min-width: 1400px){ .container { width: 1400px;} } #pz_top{ float:left; width:100%;position:fixed; left: 0; top: 0px;z-index:1001; background:white;} #pz_banner{ /*float: left;*/text-align:center; width:100%; position:relative; z-index: 3; min-height:120px;} #pz_main{ float:left; width:100%; position:relative; z-index: 5; overflow: hidden;} #pz_down{ float:left; width:100%; background:#2d2d2d;} /*#pz_banner img{ float:left;}*/ /*top*/ .top{ width:100%; float:left; height:105px; background:white;} .top .logo{ height:105px; float:left; line-height:105px;} .top .logo img{ vertical-align:middle; margin-top:-3px;} .top .topRight{ float:right; margin-top:36px; position:relative;} .top .so_box{ float:left; height:69px;} .top .so_box .Search_but{ display:block; width:32px; height:32px; border:solid 1px #b4b4b4; overflow:hidden; cursor:pointer; background:url(../image/52_top7.png) no-repeat center center; background-size:contain; -moz-border-radius:16px; -webkit-border-radius:16px; -khtml-border-radius:16px; border-radius:16px;} .top .so_box .Search_but:hover{ background-image:url(../image/52_top7_h.png); border-color:#9b7d39;} .so{ display:none; float:right; width:440px; position:absolute; right:0px; top:69px; background:#9b7d39; padding:3px; z-index: 99999;} .so .Search{ float:left; width:380px; height:50px; background:#fff; background:rgba(0,0,0,0.6); border:none; line-height:24px; padding:0 10px; color:#fff; font-size:16px; font-weight:bold;} .so .sear_sub{ float:right; width:50px; height:50px; border:none;background:url(../image/52_top9.png) center no-repeat; cursor: pointer; background-size:contain;} .top .topRight .tel{ float:right; margin-left:16px;} .top .topRight .tel a{ display:block; width:32px; height:32px; border:solid 1px #b4b4b4; overflow:hidden; cursor:pointer; background:url(../image/52_top8.png) no-repeat center center; background-size:contain; -moz-border-radius:16px; -webkit-border-radius:16px; -khtml-border-radius:16px; border-radius:16px;} .top .topRight .tel a:hover{ background-image:url(../image/52_top8_h.png); border-color:#9b7d39;} .menu{ z-index:99; float:left; margin-left:9.7%;} .menu > ul{ float:left; width:100%;} .menu ul .nli{ float:left; text-align:center; z-index:99; position:relative; height:105px; margin:0 40px;} .menu ul .nli span a{ display:block; white-space:nowrap; width:100%; float:left; height:105px; line-height:105px; color:#090909; text-align:center; font-size:16px; letter-spacing:1px; position:relative;} .menu ul .nli span a:before{ content:''; width:0; height:3px; background:#9b7d39; position:absolute; left:50%; bottom:0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .menu ul .nli span a i{ display:inline-block; vertical-align:middle; margin:-3px 2px 0 0; width:30px; height:30px; background-position:center; background-size:contain; background-repeat:no-repeat; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .menu ul .nli span a i.i1{ background-image:url(../image/52_top1.png);} .menu ul .nli span a i.i2{ background-image:url(../image/52_top2.png);} .menu ul .nli span a i.i3{ background-image:url(../image/52_top3.png);} .menu ul .nli span a i.i4{ background-image:url(../image/52_top4.png);} .menu ul .nli span a i.i5{ background-image:url(../image/52_top5.png);} .menu ul .nli span a i.i6{ background-image:url(../image/52_top6.png);} .menu ul .nli.on span a i.i1,.menu ul .nli:hover span a i.i1{ background-image:url(../image/52_top1_h.png);} .menu ul .nli.on span a i.i2,.menu ul .nli:hover span a i.i2{ background-image:url(../image/52_top2_h.png);} .menu ul .nli.on span a i.i3,.menu ul .nli:hover span a i.i3{ background-image:url(../image/52_top3_h.png);} .menu ul .nli.on span a i.i4,.menu ul .nli:hover span a i.i4{ background-image:url(../image/52_top4_h.png);} .menu ul .nli.on span a i.i5,.menu ul .nli:hover span a i.i5{ background-image:url(../image/52_top5_h.png);} .menu ul .nli.on span a i.i6,.menu ul .nli:hover span a i.i6{ background-image:url(../image/52_top6_h.png);} .menu ul .nli.on span a, .menu ul .nli:hover span a{ color: #9b7d39; font-weight:bold;} .menu ul .nli.on span a:before, .menu ul .nli:hover span a:before{ width:100%; left:0;} .banner,.banner img{ width:100%; float:left;} /*下拉菜单（漂浮在menu .nli上）*/ .sub { z-index:21; position:absolute; float:left; clear:both; width:140px; left: 50%; margin-left: -70px;top:100% !important; background:white; background:rgba(255,255,255,0.8); display:none;} .sub .ul1{ width:100%;} .sub .l2{ width:100%; float: left; position: relative;} .sub .l2 .l2_a{ color:#fff;} .sub .l2 .l2_a{ line-height: 46px; width:100%; display:block; font-size: 14px; float:left; color:#333; letter-spacing:1px;} .sub .l2:hover .l2_a { color:#fff; background:#9b7d39;} .sub .l2:hover{ background:white;} .sub .ul2 { float:left; /* position:absolute; left:100%; top:20px;*/ display:none; margin:0px; width:100%; overflow:hidden;background:url(http://www.limaofood.com/Theme/cn/img/52_bg_8.png);/* box-shadow:0 3px 16px rgba(0,0,0,0.15);*/} .sub .ul2 .l3{ float:left; position:static; padding:0; margin:0; width: 100%; height: 40px; line-height:40px; float:left; font-size:12px; color:#333; text-align:left;} .sub .ul2 .l3 .l3_a{ padding:0px 20px; line-height: 40px; width:100%; display:block; float:left; color:#333333; background-position:left center;} .sub .ul2 .l3:hover .l3_a { color:#fff; background: url(http://www.limaofood.com/Theme/cn/img/52_bg_3.png);} .menu ul .nli:hover .sub{ display:block; -webkit-animation:fadeInUp1 0.5s 0s ease both; -moz-animation:fadeInUp1 0.5s 0s ease both;} @-webkit-keyframes fadeInUp1{ 0%{opacity:0; -webkit-transform:translateY(30px)} 100%{opacity:1; -webkit-transform:translateY(0)} } @-moz-keyframes fadeInUp1{ 0%{opacity:0; -moz-transform:translateY(30px)} 100%{opacity:1; -moz-transform:translateY(0)} } .elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .pf_menu_bg{ width:100%; height: 100%; position:fixed; left:0; top:0 !important; z-index:8; background:rgba(0,0,0,0.8); z-index: 999; display:none;} .pf_menu_bg.on{ display:block;} .pf_menu{ position:fixed; height:100%; width:320px; overflow-y:auto; right:-100%;background:white; top:50px; z-index:10001; display:block; padding:0 0 15px 0; float: left; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .ph_menu{ float:left; width:100%; text-align:center;} .ph_menu .search{ float:left; width:94%; margin-left:3%; margin-top:15px; padding-right:40px; position:relative; background:#9b7d39;} .ph_menu .search .search_k{ float:left; width:100%; height:40px; line-height:20px; padding:10px 10px; color:#9b7d39; font-size:14px; background:white; background:rgba(255,255,255,0.9);} .ph_menu .search .search_b{ position:absolute; right:0; top:0; width:40px; height:40px; border:none;background:url(../image/52_top9.png) center no-repeat; cursor: pointer; background-size:contain;} .pf_menu.on{ right:0;} .nav_box{ width:100%; float:left; border-top:solid 1px #f0f0f0;} .ph_menu .nli{ float:left; width:100%; border-bottom:solid 1px #f0f0f0;} .ph_menu .nli span{ float:left; width:100%; padding:0 15px 0 15px; position:relative;} .ph_menu .nli .l1_a{ float:left; width:100%; color:#9b7d39; font-size:14px; line-height:20px; padding: 12px 0; letter-spacing: 1px;} .ph_menu .nli i{ width:44px; height:44px; position:absolute; right:0; top:0; background: url(../image/52_index43.png) center center no-repeat; background-size:8px auto; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .ph_menu .nli.on i{ transform:rotate(90deg);} .ph_menu .nli.on .l1_a{ color:#9b7d39; } .ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; background:#9b7d39;} .ph_menu .nli .l2_ul li a{ line-height:34px; font-size:12px; color:#fff; text-transform:uppercase; opacity:0.8;} .ph_menu .nli .l2_ul li a:active{ opacity:1;} @media screen and (max-width:1399px) { .menu ul .nli{ margin:0 25px;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ .menu{ margin-left:6%;} .menu ul .nli{ margin:0 15px;} } @media screen and (max-width:992px){ .top .topRight{ float:left; margin-top:0; height:auto; margin-top:9px;} .top .so_box{ display:none;} .top{ height: 50px;} .top .logo{ position:absolute; width:200px; left:50%; top:0; margin-left:-100px; text-align:center; height:50px; line-height:50px;} .top .logo img{ height:40px;} .menu{ display: none;} .logopad{ display:block;} .menuph{ float:right; cursor: pointer; width: 22px; height: 22px; text-align: center; display: block;} .menuph .point { display: inline-block; width: 22px; height: 22px; margin-top: 20px; position: relative; } .menuph .point:hover .navbtn, .menuph .point:hover .navbtn::after, .menuph .point:hover .navbtn::before { width: 22px; } .menuph .navbtn { position: absolute; top: 8px; right: 0; display: inline-block; width: 16px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #9b7d39; } .menuph .navbtn::after, .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #9b7d39; } .menuph .navbtn::after { top:-8px; } .menuph .navbtn::before { top:8px; } .menuph .point.active .navbtn{ background: transparent; } .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background: #9b7d39;} .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background: #9b7d39;} } @media screen and (max-width:768px){ .top{ padding: 0 10px;} .top .topRight .tel{ margin-left:0px;} } .slide_banner{ height:1080px; width:100%; float:left;} .slide_banner .slick-list ,.slide_banner .slick-track{ width:100%; float:left; height: 100%; overflow: hidden;} .slide_banner .slick-slide{ width:100%; height: 100%; float: left; position:relative; overflow:hidden;} .slide_banner .slick-slide .img1{ width:100%; height: 100%; float: left; min-height: 426px; background-size: cover !important; background-position:center center !important; transform:scale(1, 1);} @media screen and (min-width:992px) { .slide_banner .slick-slide.slick-current .img1{ -webkit-animation-name: smal-big; animation-name: smal-big; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} } @-webkit-keyframes smal-big { 0% { transform:scale(1, 1)} 100% { transform:scale(1.1, 1.1)} } @keyframes smal-big { 0% { transform:scale(1, 1)} 100% { transform:scale(1.1, 1.1)} } .slide_banner_dian { position: absolute; bottom: 68px; left:auto; display: block; right:50%; margin-right:-700px; width: auto; padding: 0; list-style: none; text-align: center; } .slide_banner_dian .slick-dots{ width:auto; position:relative; left:auto; float:left; margin-top:14px; top:auto; bottom:auto;} .slide_banner_dian .slick-dots li { position: relative; display: inline-block; width: 16px; height: 12px; margin: 0 10px; padding: 0; cursor: pointer; background:url(../image/55_index1.png) no-repeat center center; background-size:contain; opacity:0.4; } .slide_banner_dian .slick-dots li button{ display:none;} .slide_banner_dian .slick-dots li.slick-active{ opacity: 1;} .slide_banner_dian .number{ float:right; font-size:16px; color:white; line-height:40px;font-family: 'OPENSANS-REGULAR'; margin-left:10px;} .slide_banner_dian .number font{ color:white;} .slide_banner_dian .number font:first-child{ font-size:30px;font-family: 'OPENSANS-BOLD'; font-weight:bold; display:inline-block; line-height:1; margin-top:-5px; vertical-align:top;} .slide_banner_shub{ position:absolute; left:50%; bottom:55px; text-align:center; width:70px; margin-left:-35px;} .slide_banner_shub .slide_banner_shubt{ display:inline-block; vertical-align:top; width:18px; height:28px; position:relative; border:solid 1px white; overflow:hidden; -moz-border-radius:14px; -webkit-border-radius:14px; -khtml-border-radius:14px; border-radius:14px;} .slide_banner_shub .slide_banner_shubt:before{ content:''; width:2px; height:8px; position:absolute; left:50%; top:-8px; margin-left:-1px; background:white; animation:dian 3s linear 0s infinite; /* Firefox: */ -moz-animation:dian 3s linear 0s infinite; /* Safari and Chrome: */ -webkit-animation:dian 3s linear 0s infinite; /* Opera: */ -o-animation:dian 3s linear 0s infinite;} .slide_banner_shub h5{ width:100%; margin-top:10px; text-transform:uppercase; font-size:14px; line-height:1;font-family: 'OPENSANS-BOLD'; color:white;} @-webkit-keyframes dian { 0% { top:-8px;} 100% { top:100%;} } @keyframes dian { 0% { top:-8px;} 100% { top:100%;} } @media screen and (max-width:1399px) { .slide_banner_dian{ margin-right:-600px;} } .leftnav{ width:30px; height:134px; border:solid 2px white; border:solid 2px rgba(255,255,255,0.5); text-align:center; padding-top:5px; position:fixed; right:31px; top:50%; margin-top:-67px; z-index:99; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; border-radius:15px;} .leftnav li{ width:100%; margin-top:11px; height:11px;} .leftnav li a{ display:inline-block; position:relative; width:11px; height:11px; vertical-align:top; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .leftnav li a:before{ content:''; width:7px; height:7px; position:absolute; left:50%; top:50%; margin:-3.5px 0 0 -3.5px; overflow:hidden; opacity:0.8; background:white; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .leftnav li.active a:before{ display:none;} .leftnav li.active a{ border:solid 2px white;} .leftnav.on{ border:solid 2px #808080; border:solid 2px rgba(128,128,128,0.5);} .leftnav.on li a:before{ background:#808080;} .leftnav.on li.active a{ border:solid 2px #9b7d39;} /*第二屏*/ .section2{ position:relative; padding-top:50px;} .section2MB{ width:50%; height:100%; background:white; background:rgba(255,255,255,0.85); position:absolute; right:0; top:0; z-index:1;} .section2Body{ width:550px; position:absolute; right:50%; margin-right:-700px; height:100%; display: table; table-layout: fixed; z-index:2;} .mbox{ width:100%;display: table-cell; vertical-align: middle;} .indexHead{ width:100%; float:left; letter-spacing:1px; } .indexHead h2{ width:100%; float:left; font-size:54px; color:#9b7d39; line-height:52px; text-transform:uppercase; font-family: 'OPENSANS-BOLD';} .indexHead h4{ width:100%; float:left; margin-top:6px; font-size:24px; color:#363636; line-height:36px; } .section2Body .text{ width:100%; float:left; position:relative; margin-top:83px;} .section2Body .text .p{ width:100%; float:left; padding-left:29px; font-size:16px; color:#666666; line-height:38px; letter-spacing:1px; height:228px; overflow:hidden;} .section2Body .text:before{ content:''; position:absolute; left:-64px; background:url(../image/55_index3.png) no-repeat bottom center; width:63px; height:259px; top:-16px;} .indexDetail{ width:100%; float:left; margin-top:97px;} .indexDetail a{ display:block; float:left; text-align:center; width:188px; height:52px; text-align:center; border:solid 1px #9b7d39; font-size:16px; color:#9b7d39; letter-spacing:1px; line-height:50px; -moz-border-radius:26px; -webkit-border-radius:26px; -khtml-border-radius:26px; border-radius:26px;} .indexDetail a span{ display:inline-block; vertical-align:middle; margin:-3px 0 0 19px; width:21px; height:21px; background:url(../image/55_index4.png) no-repeat center center; background-size:contain;} .indexDetail a:hover{ background:#9b7d39; color:white;} .indexDetail a:hover span{ background-image:url(../image/55_index4_h.png);} @media screen and (max-height:768px){ .section2Body .text{ margin-top:42px;} .indexDetail{ margin-top:54px;} } @media screen and (max-height:640px){ .section2Body .text .p{ height:152px;} .section2Body .text:before{ height:180px;} } @media screen and (max-width:1499px) { .section2Body{ width:450px; margin-right:-600px;} } @media screen and (max-width:1329px) { .section2Body{ width:400px; margin-right:-510px;} } /*第三屏*/ .section3{ position:relative;} .section3Body{ width:100%; position:absolute; left:0; top:0; height:100%; display: table; table-layout: fixed; padding-top:100px;} .section3Body .text{ float:left; width:27.857%; margin-top:28px;} .section3Body .text .p{ width:100%; float:left; margin-top:34px; font-size:16px; color:#fff; line-height:36px; letter-spacing:1px; height:144px; overflow:hidden;} .section3Body .text .indexDetail{ margin-top:61px;} .section3Body .text .indexDetail a{ border-color:white; color:white;} .section3Body .text .indexDetail a span{ background-image:url(../image/55_index4_h.png);} .section3Body ul{ float:right; width:67.5%;} .section3Body ul li{ width:33.33%; float:left; padding-left:3.5978%;} .section3Body ul li a{ display:block; width:100%; position:relative; float:left; background:#9b7d39;} .section3Body ul li a > img{ float:left; position:relative; z-index:1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .section3Body ul li a .mb{ width:94%; height:97%; background:url(../image/55_index21.png); position:absolute; left:3%; top:1.5%; z-index:2; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .section3Body ul li a .title{ text-align:center; width:100%; position:absolute; left:0; top:50%; margin-top:-46px; color:white; font-size:21px; line-height:29px; padding:0 10px; z-index:3;} .section3Body ul li a h4{ text-align:center; width:100%; position:absolute; left:0; top:50%; margin-top:-17px; color:white; font-size:14px; line-height:21px; padding:0 10px; z-index:3;} .section3Body ul li a .ico{ position:absolute; left:50%; top:50%; margin-top:30px; background:url(../image/55_index22.png) no-repeat center center; width:34px; height:34px; margin-left:-17px; z-index:3;} .section3Body ul li a:hover .mb{ background:none; border:solid 2px white; border:solid 2px rgba(255,255,255,0.5);} .section3Body ul li a:hover > img{ opacity:0.2;} @media screen and (max-height:640px){ .section3Body .text{ margin-top:60px;} .section3Body{padding-top:50px;} } /*第四屏*/ .section4{ position:relative;} .section4Body{ position:absolute; width:100%; left:0; top:0; height:100%; display: table; table-layout: fixed; padding-top:100px;} .indexHead_w h2,.indexHead_w h4{ color:white;} .section4 .indexHead h5{ float:right; font-size:26px; color:white; line-height:34px; margin-top:-95px; font-weight:bold;} .row_1{ margin:0 -19px;} .ul_1{ width:100%; float:left; margin-top:70px;} .ul_1 li{ width:25%; float:left; padding:0 19px;} .ul_1 li a{ display:block; width:100%; float:left; overflow:hidden; background:white; -moz-border-top-left-radius:20px; -webkit-border-top-left-radius:20px; -khtml-border-top-left-radius:20px; border-top-left-radius:20px; -moz-border-top-right-radius:20px; -webkit-border-top-right-radius:20px; -khtml-border-top-right-radius:20px; border-top-right-radius:20px; -moz-border-bottom-left-radius:40px; -webkit-border-bottom-left-radius:40px; -khtml-border-bottom-leftradius:40px; border-bottom-left-radius:40px; -moz-border-bottom-right-radius:40px; -webkit-border-bottom-right-radius:40px; -khtml-border-bottom-right-radius:40px; border-bottom-right-radius:40px;} .ul_1 li a .pic{ width:100%; float:left; padding-bottom:99%; position:relative; overflow:hidden;} .ul_1 li a .pic > img{ position:absolute; left:0; top:0; min-height:100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} .ul_1 li a .pic:before{ content:''; background:url(../image/55_index23.png) no-repeat center center; width:28px; height:28px; position:absolute; left:50%; top:50%; margin:-14px 0 0 -14px; opacity:0; z-index:2; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .ul_1 li a .title{ width:100%; float:left; padding:19px 10px 23px 10px; text-align:center;} .ul_1 li a .title h4{ width:100%; float:left; font-size:18px; color:#3b3b3b; line-height:28px; letter-spacing:1px;} .ul_1 li a .title h5{ width:100%; float:left; font-size:14px; color:#9b7d39; line-height:26px; font-weight:bold; letter-spacing:1px;} @media screen and (min-width:992px) { .ul_1 li a:hover{ background:#9b7d39; margin-top:-15px;} .ul_1 li a:hover .title h4,.ul_1 li a:hover .title h5{ color:white;} .ul_1 li a:hover .pic > img{ opacity:0.7;} .ul_1 li a:hover .pic:before{ opacity:1;} .ul_1 li a:hover .pic > img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} } @media screen and (max-height:640px){ .ul_1{ margin-top:40px;} } /*第五屏*/ .section5{ position:relative;} .section5_mb{ width:100%; height:100%; position:absolute; left:0; top:0; background:white; opacity:0.7; z-index:1;} .section5 .container{ position:relative; z-index:2;} .section5BodyLeft{ float:left; width:50%; display: table; table-layout: fixed;} .indexHead_G h2{ color:#9b7d39;} .indexHead_G h4{ color:#363636; font-weight:bold;} .section5BodyLeft h3{ width:100%; float:left; margin-top:62px; font-size:30px; color:#9b7d39; line-height:42px; font-weight:bold; letter-spacing:1px;} .section5BodyLeft h5{ width:100%; float:left; font-size:16px; color:#888888; line-height:42px; font-family:Arial; letter-spacing:4px;} .section5BodyLeft ul{ width:100%; float:left; margin-top:25px;} .section5BodyLeft ul li{ width:100%; float:left; margin-top:12px; padding-left:63px; font-size:18px; color:#393939; line-height:36px; letter-spacing:1px; position:relative;} .section5BodyLeft ul li .img{ position:absolute; left:4px; top:0; width:34px; height:34px; background:#9b7d39; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .section5BodyRight{ width:50%; display: table; table-layout: fixed; float:right; text-align:right;} .section5BodyRight .p{ width:100%; font-size:16px; float:left; color:#393939; line-height:30px; letter-spacing:1px;} .section5BodyRight .ewm{ width:100%; float:left; margin-top:84px; text-align:right;} .section5BodyRight .ewm li{ display:inline-block; vertical-align:top; margin-left:48px; text-align:center;} .section5BodyRight .ewm li .img{ width:114px; height:114px; background:white; padding:2px;} .section5BodyRight .ewm li .img img{ float:left;} .section5BodyRight .ewm li h6{ width:100%; margin-top:15px; font-size:14px; color:#393939; line-height:18px;} .section5BodyRight .gz{ width:100%; float:left; margin-top:37px; text-align:right;} .section5BodyRight .gz span{ display:inline-block; vertical-align:top; font-size:16px; color:#393939; line-height:40px;} .section5BodyRight .gz a{ display:inline-block; vertical-align:top; margin-left:20px; width:40px; height:40px; background:black; background:rgba(0,0,0,0.4); -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .section5BodyRight .gz a:hover{ background:#9b7d39;} .section5Down{ width:100%; position:absolute; left:0; bottom:0; z-index:3; background:#9b7d39; padding:25px 0 24px 0;} .section5Down .p{ float:left; font-size:14px; color:white; line-height:26px; opacity:0.6;} .section5Down .btn{ float:right;} .section5Down .btn a{ font-size:14px; color:white; line-height:26px; opacity:0.6;} .section5Down .btn a:hover{ opacity:1;} @media screen and (max-height:640px){ .section5BodyLeft,.section5BodyRight{ padding-top:20px;} .section5BodyLeft h3{ margin-top:22px;} .section5BodyLeft ul{ margin-top:15px;} .section5BodyRight .ewm{ margin-top:42px;} .section5Down{ padding:15px 0 14px 0;} } @media screen and (min-width:992px) { .fadeInUp,.fadeInRight,.fadeInLeft,.fadeInLeftBig,.fadeInRightBig,.bounceInUp,.fadeInDown,.flipInX,.flipInY,.zoomIn,.zoomInLeft,.zoomInRight,.fadeInUpBig,.rotateIn,.fadeInDown{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} } .delay1{animation-delay:0.5s; -webkit-animation-delay:0.5s;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ .slide_banner_dian{ margin-right:-496px;} .leftnav{ right:10px;} .indexHead h2{ font-size:40px; line-height:44px;} .indexHead h4{ font-size:18px; line-height:26px; } .section2Body .text{ margin-top:62px;} .section2Body .text .p{ padding-left:20px; font-size:14px; line-height:32px; height:160px;} .section2Body .text:before{ height:200px;} .indexDetail{ margin-top:75px;} .indexDetail a{ width:160px; height:46px; font-size:14px; line-height:44px;} .section2Body{ width:350px; margin-right:-450px;} .section3Body .text{ margin-top:20px;} .section3Body .text .p{ margin-top:30px; font-size:14px; line-height:30px; height:120px;} .section3Body .text .indexDetail{ margin-top:41px;} .section4 .indexHead h5{ font-size:20px; line-height:30px; margin-top:-65px;} .section5BodyLeft h3{ margin-top:41px; font-size:24px; line-height:36px;} .section5BodyLeft h5{ font-size:14px; line-height:36px; letter-spacing:3px;} .section5BodyLeft ul li{ margin-top:8px; padding-left:42px; font-size:16px; line-height:30px;} .section5BodyLeft ul li .img{ width:30px; height:30px;} .section5BodyRight .ewm{ margin-top:60px;} } @media screen and (max-width:992px){ .slide_banner{ height:auto; min-height:200px;} .slide_banner_dian{ margin-right:-384px;} .slide_banner_shub{ display:none;} .leftnav{ display:none;} .section,.fp-tableCell{ height: auto !important; width:100%; float:left;} .section2{ height:auto; padding-top:0px; height:460px !important;} .section2MB{ width:90%; height:90%; right:5%; top:5%;} .section2Body{ width:80%; height:80%; right:10%; top:10%; margin:0;} .section2Body .text .p{ padding-left:80px; height:128px;} .section2Body .text:before{ left:0; height:150px;} .section2Body .text{ margin-top:41px;} .indexDetail{ margin-top:43px;} .indexHead h2{ font-size:30px; line-height:33px;} .indexHead h4{ font-size:16px; line-height:22px; } .indexDetail a{ width:140px; height:40px; line-height:38px;} .indexDetail a span{ margin:-3px 0 0 12px; width:20px; height:20px;} .section3Body{padding:50px 0; position:relative; left:auto; top:auto; float:left;} .section3Body .text{ margin-top:10px;} .section3Body .text .p{ margin-top:20px; font-size:12px; line-height:26px; height:104px;} .section3Body .text .indexDetail{ margin-top:30px;} .section3Body ul{ width:70%;} .section3Body ul li{ padding-left:3%;} .section3Body ul li a .title{ font-size:18px; line-height:25px; margin-top:-40px;} .section3Body ul li a h4{ margin-top:-15px; font-size:12px; line-height:20px;} .section3Body ul li a .ico{ margin-top:26px; background-size:contain; width:30px; height:30px; margin-left:-15px;} .section4Body{ position:relative; left:auto; top:auto; float:left; padding:50px 0;} .section4 .indexHead h5{ font-size:16px; line-height:24px; margin-top:-53px;} .ul_1{ margin-top:40px;} .row_1{ margin:0 -10px;} .ul_1 li{ padding:0 10px;} .ul_1 li a .title{ padding:15px 10px 17px 10px;} .ul_1 li a .title h4{ font-size:16px; line-height:26px;} .ul_1 li a .title h5{ font-size:12px; line-height:24px;} .ul_1 li a{ -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; border-top-left-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -khtml-border-top-right-radius:10px; border-top-right-radius:10px; -moz-border-bottom-left-radius:20px; -webkit-border-bottom-left-radius:20px; -khtml-border-bottom-leftradius:20px; border-bottom-left-radius:20px; -moz-border-bottom-right-radius:20px; -webkit-border-bottom-right-radius:20px; -khtml-border-bottom-right-radius:20px; border-bottom-right-radius:20px;} .section5BodyLeft,.section5BodyRight{ padding:50px 0 100px 0;} .section5BodyLeft h3{ margin-top:20px; font-size:18px; line-height:30px;} .section5BodyLeft h5{ font-size:12px; line-height:30px; letter-spacing:2px;} .section5BodyLeft ul li{ margin-top:6px; padding-left:36px; font-size:14px; line-height:26px;} .section5BodyLeft ul li .img{ width:26px; height:26px;} .section5BodyRight .p{ font-size:14px; line-height:24px;} .section5BodyRight .ewm{ margin-top:40px;} .section5BodyRight .ewm li{ margin-left:24px;} .section5BodyRight .ewm li .img{ width:100px; height:100px; padding:5px;} .section5BodyRight .ewm li h6{ margin-top:10px; font-size:12px;} .section5BodyRight .gz{ margin-top:20px;} .section5BodyRight .gz span{ font-size:14px; line-height:34px;} .section5BodyRight .gz a{ margin-left:16px; width:34px; height:34px;} .section5Down{ padding:15px 0 14px 0;} } @media screen and (max-width:768px){ .slide_banner_dian { position: absolute; bottom: 15px; left:auto; display: block; right:0; margin-right:0px; width:100%; text-align:center;} .slide_banner_dian .number{ display:none;} .slide_banner_dian .slick-dots{ display:inline-block; vertical-align:top; float:none;} .slide_banner_dian .slick-dots li { width: 10px; height: 8px; margin: 0 4px;} .section2Body .text .p{ padding-left:40px;} .section2Body .text:before{ width:30px; background-size:contain; top:-20px;} .section2Body .text{ margin-top:20px;} .indexDetail{ margin-top:32px;} .indexDetail a{ width:120px; height:34px; line-height:32px;} .indexDetail a span{ margin:-3px 0 0 8px; width:16px; height:16px;} .section3Body{padding:30px 20px;} .section3Body .text{ margin-top:0px; width:100%;} .section3Body .text .p{ height:102px;} .section3Body .text .indexDetail{ margin-top:25px;} .section3Body ul{ width:100%; margin-top:20px;} .section3Body ul li{ padding:0 1%;} .section3Body ul li a .title{ font-size:16px; line-height:23px; margin-top:-34px;} .section3Body ul li a h4{ margin-top:-10px; line-height:18px;} .section3Body ul li a .ico{ margin-top:20px; width:24px; height:24px; margin-left:-12px;} .section4Body{ padding:30px 10px;} .section4 .indexHead h5{ font-size:14px; line-height:20px; margin-top:-23px;} .ul_1{ margin-top:20px;} .row_1{ margin:0 -5px;} .ul_1 li{ width:50%; margin-top:10px; padding:0 5px;} .ul_1 li a .title{ padding:10px 10px 12px 10px;} .ul_1 li a .title h4{ font-size:14px; line-height:20px;} .ul_1 li a .title h5{ font-size:12px; line-height:18px;} .section5BodyLeft,.section5BodyRight{ width:100%; padding:30px 10px 20px 10px;} .section5BodyLeft h3{ margin-top:15px; font-size:16px; line-height:24px;} .section5BodyLeft h5{ line-height:24px; letter-spacing:1px;} .section5BodyLeft ul{ margin-top:15px;} .section5BodyLeft ul li{ padding-left:30px; font-size:12px; line-height:20px;} .section5BodyLeft ul li .img{ width:20px; height:20px;} .section5BodyRight{ padding:0px 10px 100px 10px;} .section5BodyRight .p{ font-size:12px; line-height:18px; text-align:center;} .section5BodyRight .ewm{ margin-top:20px; text-align:center;} .section5Down{ padding:10px 10px 9px 10px; text-align:center;} .section5Down .p{ width:100%; font-size:12px; line-height:20px;} .section5Down .btn{ width:100%;} .section5Down .btn a{ font-size:12px; line-height:20px; opacity:1;} .section5BodyRight .gz{ margin-top:15px; width:100%; text-align:center;} .section5BodyRight .gz span{ font-size:12px; line-height:28px;} .section5BodyRight .gz a{ margin-left:10px; width:28px; height:28px;} } /*footer*/ #pz_down .footerHead{ padding:61px 0 43px 0; width:100%; float:left; border-bottom:solid 1px #404040;} #pz_down .footerHead .f_568{ float:left; width:34.43%; border-right:solid 1px rgba(255,255,255,0.14);} #pz_down .footerHead .f_568 dt,#pz_down .footerHead .f_390 dt,#pz_down .footerHead .f_520 dt{ width:100%; float:left; font-size:18px; color:#fff; line-height:36px; letter-spacing:1px; opacity:0.8;} #pz_down .footerHead .f_568 h5{ width:100%; float:left; margin-top:4px; font-size:14px; color:#fff; line-height:24px; letter-spacing:1px; opacity:0.5; margin-bottom:8px;} #pz_down .footerHead .f_568 dd{ width:100%; float:left; padding:0 0 0 40px; margin-top:10px; font-size:14px; color:#fff; line-height:26px; opacity:0.5; letter-spacing:1px; position:relative;} #pz_down .footerHead .f_568 dd .ico{ position:absolute; left:5px; top:0; width:26px; height:26px;} #pz_down .footerHead .f_568 dd .ico img{ width:100%; float:left;} #pz_down .footerHead .f_390{ float:left; width:36.43%; position:relative; padding:0 5% 0 10%; border-right:solid 1px white; border-right:solid 1px rgba(255,255,255,0.14);} #pz_down .footerHead .f_390 ul{ width:100%; float:left; margin-top:13px;} #pz_down .footerHead .f_390 ul li{ width:50%; float:left; font-size:14px; color:#fff; line-height:44px; letter-spacing:1px;} #pz_down .footerHead .f_390 ul li a{ color:#fff; opacity:0.5;} #pz_down .footerHead .f_390 ul li a:hover{ opacity:1;} #pz_down .footerHead .f_520{ float:right; width:218px;} #pz_down .footerHead .f_520 .ewm{ width:100%; float:left; margin-top:16px; text-align:right;} #pz_down .footerHead .f_520 .ewm li{ float:left; width:91px; text-align:center;} #pz_down .footerHead .f_520 .ewm li.last{ float:right;} #pz_down .footerHead .f_520 .ewm li .img{ width:100%; float:left; height:auto; background:white;/* padding:6px;*/} #pz_down .footerHead .f_520 .ewm li .img img{ float:left;} #pz_down .footerHead .f_520 .ewm li h6{ width:100%; float:left; margin-top:15px; font-size:14px; color:#fff; line-height:18px; opacity:0.5;} #pz_down .footerDown{ width:100%; float:left; padding:25px 0 24px 0;} #pz_down .footerDown .p{ float:left; font-size:14px; color:white; line-height:26px; opacity:0.6;} #pz_down .footerDown .btn{ float:right;} #pz_down .footerDown .btn a{ font-size:14px; color:white; line-height:26px; opacity:0.6;} #pz_down .footerDown .btn a:hover{ opacity:1;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #pz_down .footerHead .f_568{ width:57%;} #pz_down .footerHead .f_390{ display:none;} } @media screen and (max-width:992px){ #pz_down .footerHead{ padding:40px 0 22px 0;} #pz_down .footerHead .f_568 dt,#pz_down .footerHead .f_390 dt,#pz_down .footerHead .f_520 dt{ font-size:16px; line-height:30px;} #pz_down .footerHead .f_568 h5{ font-size:12px; line-height:20px;} #pz_down .footerHead .f_568 dd{ padding:0 0 0 34px; margin-top:6px; font-size:12px; line-height:22px;} #pz_down .footerHead .f_568 dd .ico{ left:5px; top:0; width:22px; height:22px;} #pz_down .footerHead .f_520{ width:200px;} #pz_down .footerHead .f_520 .ewm li h6{ margin-top:10px; font-size:12px;} #pz_down .footerDown{ padding:15px 0 14px 0;} } @media screen and (max-width:768px){ #pz_down .footerHead{ padding:20px 10px 11px 10px;} #pz_down .footerHead .f_568 dt,#pz_down .footerHead .f_520 dt{ font-size:14px; line-height:24px; width:100%; text-align:center;} #pz_down .footerHead .f_520 dt{ display:none;} #pz_down .footerHead .f_568,#pz_down .footerHead .f_520{ width:100%; text-align:center; border-right:0;} #pz_down .footerHead .f_568 dd{ text-align:left;} #pz_down .footerHead .f_520 .ewm{ padding:0 20%;} #pz_down .footerDown{ padding:10px 10px 9px 10px;} #pz_down .footerDown .p{ width:100%; text-align:center; font-size:12px; line-height:20px;} #pz_down .footerDown .btn{ width:100%; text-align:center;} #pz_down .footerDown .btn a{ font-size:12px; line-height:20px;} } .h105{ width:100%; float:left; height:105px;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ .h105{ height:50px;} } @media screen and (max-width:768px){ } #zy_tit{height: 75px;line-height: 75px;float: left;width: 100%;border-bottom: 1px solid #e5e5e5;} #zy_tit .side_Tit {float:left;color:#666666;font-size: 16px; letter-spacing:2px;} #zy_tit .side_Tit a {display:inline-block; color:#666666;height:74px;line-height:74px;padding-right:8px} #zy_tit .side_Tit a span {float:left;display:inline-block;width:21px;height:74px;background:url(../image/58_index25.png) no-repeat left;background-size: 21px 19px;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;margin-right: 12px} #zy_tit .side_Tit a.on,.side_Tit a:hover {color:#333;} #zy_tit .pz_SideLayer{float: right} #zy_tit .pz_SideLayer ul li{float: left;margin: 0px 0 0 25px;} #zy_tit .pz_SideLayer ul li a{height: 95px; margin-top: -10px;position: relative;z-index: 99;line-height: 95px;padding: 0px 22px; color: #333333;font-size: 16px;display: block} #zy_tit .pz_SideLayer ul li a:hover,#zy_tit .pz_SideLayer ul .on{background: #9b7d39;color: #fff;position: relative;z-index: 99;font-weight: 600} #zy_tit .pz_SideLayer ul li:hover a{color: #fff} #zy_tit .pz_SideLayer .sanji ul li a{height:45px; margin-top: 10px;position: relative;z-index: 99;line-height: 45px;padding: 0px 12px; color: #333333;font-size: 14px;display: block} #zy_tit .pz_SideLayer .sanji ul li a:hover,#zy_tit .pz_SideLayer .sanji ul .on{background: #9b7d39;color: #fff;position: relative;z-index: 99;font-weight: 600} #zy_tit .pz_SideLayer .sanji ul li:hover a{color: #fff} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #zy_tit .side_Tit { display:none;} #zy_tit .pz_SideLayer ul li{ margin: 0px 0 0 22px;} } @media screen and (max-width:768px){ #zy_tit{height: auto;line-height: 0; border-bottom:0;} #zy_tit .zy_tit{height: auto;line-height: 0; border-bottom:0;} #zy_tit .pz_SideLayer ul li{ margin: 0px 0 0 0; width:33.33%;} #zy_tit .pz_SideLayer{ width:100%; background:#f1f1f1;} #zy_tit .pz_SideLayer ul li a{height: 45px; margin-top: 0; line-height: 45px; width:100%; text-align:center; font-size:14px;} } #about1{ width:100%; float:left; padding:82px 0 80px 0;} #aboutHead{ width:100%; float:left; text-align:center;} #aboutHead h3{ width:100%; font-size:26px; color:#9b7d39; line-height:42px; font-weight:bold;} #aboutHead .ico{ display:inline-block; vertical-align:top; margin-top:10px; width:64px; height:32px; line-height:0; position:relative;} #aboutHead .ico img{ vertical-align:top; width:32px;} #aboutHead .ico:before,#aboutHead .ico:after{ content:''; width:50px; height:3px; background:#9b7d39; position:absolute; left:-50px; top:50%; margin-top:-1px;} #aboutHead .ico:after{ left:auto; right:-50px;} #about1 .text{ width:100%; float:left; margin-top:36px; font-size:16px; color:#666; line-height:36px;} #about1 .text strong{ color:#9b7d39;} #about1 ul{ width:100%; float:left; margin-top:37px; overflow:hidden;} #about1 ul li{ width:25%; float:left; padding-left:8%; position:relative;} #about1 ul li:before{ content:''; width:1px; height:63px; background:black; opacity:0.1; position:absolute; left:-1px; top:50%; margin-top:-32px;} #about1 ul li h2{ font-size:18px; color:#333; line-height:64px;} #about1 ul li h2 span{ font-weight:bold; font-size:50px; margin-right:6px;} #about1 ul li h5{ font-size:18px; color:#333; line-height:40px;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #about1 ul li{ padding-left:6%;} } @media screen and (max-width:992px){ #about1{ padding:40px 0;} #aboutHead h3{ font-size:20px; line-height:36px;} #aboutHead .ico{ width:56px; height:28px;} #aboutHead .ico img{ width:28px;} #aboutHead .ico:before,#aboutHead .ico:after{ height:2px;} #about1 .text{ width:100%; float:left; margin-top:36px; font-size:16px; color:#666; line-height:36px;} #about1 .text strong{ color:#9b7d39;} #about1 ul{ margin-top:25px;} #about1 ul li{ padding-left:5%;} #about1 ul li:before{ height:50px; margin-top:-25px;} #about1 ul li h2{ font-size:16px; line-height:52px;} #about1 ul li h2 span{ font-size:40px; margin-right:4px;} #about1 ul li h5{ font-size:16px; line-height:34px;} } @media screen and (max-width:768px){ #about1{ padding:20px 10px;} #aboutHead h3{ font-size:16px; line-height:30px;} #aboutHead .ico{ width:20px; height:20px;} #aboutHead .ico img{ width:20px;} #aboutHead .ico:before,#aboutHead .ico:after{ width:20px;} #about1 .text{ margin-top:20px; font-size:14px; line-height:26px;} #about1 ul{ margin-top:12px;} #about1 ul li{ width:50%; padding-left:13%; margin-top:10px;} #about1 ul li:before{ height:40px; margin-top:-20px;} #about1 ul li h2{ font-size:14px; line-height:36px;} #about1 ul li h2 span{ font-size:30px;} #about1 ul li h5{ font-size:14px; line-height:28px;} } #about2{ width:100%; float:left; padding:74px 0 0 0; position:relative;} #aboutHead.aboutHead_w h3{ color:white;} #aboutHead.aboutHead_w .ico:before,#aboutHead.aboutHead_w .ico:after{ background:white;} #about2:before{ content:''; width:100%; height:450px; background:url(../image/60_about6.jpg); z-index:1; position:absolute; left:0; top:0;} #about2:after{ content:''; background:url(../image/60_about5.png) no-repeat top center; width:97px; height:36px; background-size:contain; position:absolute; left:50%; top:0; margin-left:-48px; z-index:2;} #about2 .container{ position:relative; z-index:2;} .row_2{ margin:0 -23px;} #about2 ul{ width:100%; float:left; margin-top:57px;} #about2 ul li{ width:33.33%; float:left; padding:0 23px;} #about2 ul li .zbox{ width:100%; float:left; background:white; padding:45px 20% 20px 20%; text-align:center; min-height:405px; box-shadow:0 11px 24px rgba(0,0,0,0.2);} #about2 ul li .zbox .pic{ width:171px; height:171px; overflow:hidden; border:solid 5px black; border:solid 5px rgba(0,0,0,0.2); display:inline-block; vertical-align:top; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #about2 ul li .zbox .pic .img{ width:100%; float:left; position:relative; padding-bottom:100%; overflow:hidden;} #about2 ul li .zbox .pic .img img{ width:100%; position:absolute; left:0; top:0; min-height:100%;} #about2 ul li .zbox .bian{ width:100%; margin-top:21px; height:3px;} #about2 ul li .zbox .bian span{ display:inline-block; vertical-align:top; width:41px; height:3px; background:#9b7d39;} #about2 ul li .zbox h4{ width:100%; margin-top:24px; font-size:20px; color:#333; line-height:30px; font-weight:bold;} #about2 ul li .zbox h5{ width:100%; margin-top:7px; font-size:16px; color:#666; line-height:28px;} @media screen and (max-width:1399px){ #about2 ul li .zbox{ padding:45px 15% 20px 15%;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ .row_2{ margin:0 -15px;} #about2 ul li{ padding:0 15px;} #about2 ul li .zbox{ padding:45px 10% 20px 10%;} } @media screen and (max-width:992px){ #about2{ padding:42px 0 0 0; } #about2:after{ width:50px; height:30px; margin-left:-25px;} #about2 ul{ margin-top:25px;} #about2 ul li .zbox{ padding:23px 10% 15px 10%; min-height:300px; box-shadow:0 6px 15px rgba(0,0,0,0.2);} #about2 ul li .zbox .pic{ width:130px; height:130px; border:solid 3px black; border:solid 3px rgba(0,0,0,0.2);} #about2 ul li .zbox .bian{ margin-top:16px;} #about2 ul li .zbox .bian span{ width:36px; height:2px;} #about2 ul li .zbox h4{ margin-top:18px; font-size:16px; line-height:24px;} #about2 ul li .zbox h5{ margin-top:4px; font-size:14px; line-height:22px;} #about2:before{ height:310px;} } @media screen and (max-width:768px){ #about2{ padding:21px 10px 10px 10px; overflow:hidden;} #about2:after{ width:30px; height:20px; margin-left:-15px;} #about2 ul{ margin-top:10px;} #about2 ul li{ width:100%; margin-top:10px;} #about2 ul li .zbox{ min-height:0px; box-shadow:0 2px 6px rgba(0,0,0,0.2);} #about2 ul li .zbox .pic{ width:90px; height:90px;} #about2 ul li .zbox .bian span{ width:30px;} #about2:before{ height:160px;} } #about3{ width:100%; float:left; margin-top:85px; overflow:hidden;} .row_3{ margin:0 -12px;} #about3 ul{ width:100%; float:left; margin-top:45px; position:relative; padding-bottom:58px;} #about3 ul li{ width:100%; float:left;} #about3 ul li .zbox{ width:100%; float:left; padding:0 12px;} #about3 ul li .zbox .pic{ width:100%; float:left; padding-bottom:66.44%; position:relative; overflow:hidden; cursor:pointer;} #about3 ul li .zbox .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #about3 ul li .zbox:hover .pic img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #about3 ul li .zbox .title{ width:100%; background:#f8f8f8; line-height:80px; padding:0 20px; font-size:16px; color:#333; float:left;} #about3 ul .slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #about3 ul .slick-dots li { position: relative; display: inline-block; background:#a4a4a4; width: 12px; height: 12px; margin: 0 6px; padding: 0; float:none; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; cursor: pointer; } #about3 ul .slick-dots li button { display:none;} #about3 ul .slick-dots li.slick-active { background:#9b7d39; } /*弹窗*/ .tcMb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; opacity:0.8; display:none; z-index:9999;} .tcPic{ width:778px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -389px; display:none; z-index:99999;} .tcPic img{ width:100%; float:left;} .tcPic .close{ background:url(../image/61_about14.png) no-repeat center center; background-size:contain; width:16px; height:16px; position:absolute; right:-16px; top:-16px; cursor:pointer;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #about3{ margin-top:43px;} #about3 ul li .zbox .title{ line-height:60px; font-size:14px;} #about3 ul{ margin-top:30px; padding-bottom:40px;} .tcPic{ width:600px; margin:-200px 0 0 -300px;} } @media screen and (max-width:768px){ #about3{ margin-top:22px; padding:0 10px;} #about3 ul li .zbox .title{ line-height:40px; font-size:12px; padding:0 10px;} #about3 ul{ margin-top:15px; padding-bottom:30px;} .row_3{ margin:0 -6px;} #about3 ul li .zbox{ padding:0 6px;} #about3 ul .slick-dots li { width: 8px; height: 8px; margin: 0 4px;} .tcPic{ width:80%; margin:0; left:10%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} .tcPic .close{ width:10px; height:10px; right:-10px; top:-10px;} } #about4{ width:100%; float:left; padding:73px 0 68px 0; overflow:hidden;} #about4 ul{ width:100%; float:left; margin-top:45px; position:relative; padding-bottom:37px;} #about4 ul .slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #about4 ul .slick-dots li { position: relative; display: inline-block; background:#a4a4a4; width: 12px; height: 12px; margin: 0 6px; padding: 0; float:none; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; cursor: pointer; } #about4 ul .slick-dots li button { display:none;} #about4 ul .slick-dots li.slick-active { background:#9b7d39; } #about4 ul li{ width:100%; float:left;} #about4 ul li .zbox{ width:100%; float:left; padding:0 15px;} #about4 ul li .zbox .pic{ width:100%; float:left; padding:9px; background:#f2f2f2;} #about4 ul li .zbox .pic .img{ width:100%; float:left; position:relative; padding-bottom:71.66%; overflow:hidden;} #about4 ul li .zbox .pic .img img{ width:100%; position:absolute; left:0; top:0; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #about4 ul li .zbox:hover .pic .img img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #about4 ul li .zbox .title{ width:100%; text-align:center; float:left; margin-top:22px; font-size:16px; color:#222; line-height:25px; letter-spacing:1px;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #about4{ padding:42px 0 34px 0;} #about4 ul{ margin-top:30px; padding-bottom:30px;} #about4 ul li .zbox .title{ margin-top:11px; font-size:14px; line-height:23px;} } @media screen and (max-width:768px){ #about4{ padding:21px 10px 12px 10px;} #about4 ul{ margin-top:20px; padding-bottom:20px;} #about4 ul li .zbox .title{ margin-top:6px; font-size:12px; line-height:20px;} #about4 ul .slick-dots li { width: 8px; height: 8px; margin: 0 4px;} #about4 ul li .zbox{ padding:0 5px;} } /*产品中心*/ #product{ width:100%; float:left; margin-top:36px;} #product .ul_1{ margin-top:0; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #product .ul_1 li{ margin-top:54px;} #product .ul_1 li a{ background:#f5f5f5;} @media screen and (min-width:992px) { #product .ul_1 li a:hover{ background:#9b7d39; margin-top:0;} } /*分页*/ #d_0100_fy{ float:left; width:100%; text-align:center; padding:58px 0 68px 0;} #d_0100_fy .pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;} #d_0100_fy .pz_fy1 a {display:block; float:left; padding:2px 5px;text-align:center; line-height:28px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 8px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #d_0100_fy .pz_fy1 a:hover,#d_0100_fy .pz_fy1 a.on{color: #fff; border:1px solid #9b7d39; background:#9b7d39; text-decoration:none;} #d_0100_fy .pz_fy1 a.prve{ background:url(../image/63_sprve_fy.png) no-repeat center; width:100px;} #d_0100_fy .pz_fy1 a.prve:hover, #d_0100_fy .pz_fy1 a.prve.on{ background:url(../image/63_sprve_fy_h.png) no-repeat center #9b7d39; border:1px solid #9b7d39;} #d_0100_fy .pz_fy1 a.next{ background:url(../image/63_snext_fy.png) no-repeat center; width:100px;} #d_0100_fy .pz_fy1 a.next:hover, #d_0100_fy .pz_fy1 a.next.on{ background:url(../image/63_snext_fy_h.png) no-repeat center #9b7d39; border:1px solid #9b7d39;} #d_0100_fy .fy_phone{ display:none;} .xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #9b7d39; text-align:center; color:#333; padding:0 10px;margin-left: 1px;} .xiaocms-page a:hover { background:#9b7d39; color:#fff; text-decoration:none; } .xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#9b7d39; border:1px solid #9b7d39; color:#fff; text-align:center;margin-left: 1px; } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #d_0100_fy{ padding:40px 0;} } @media screen and (max-width:992px){ #product{ margin-top:20px;} #product .ul_1 li{ margin-top:30px;} } @media screen and (max-width:768px){ #product{ margin-top:10px;} #product .ul_1{ padding:0 10px;} #product .ul_1 li{ margin-top:10px;} #d_0100_fy { padding:25px 0 30px .;} #d_0100_fy .pz_fy1{ display:none;} #d_0100_fy .fy_phone{ display:block; float:left; width:100%; text-align:center; font-size:14px; color:#333;} #d_0100_fy .fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; margin:0 5px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #d_0100_fy .fy_phone a.prve{ background:url(http://www.limaofood.com/Theme/img/63_prve_fy.png) no-repeat center;} #d_0100_fy .fy_phone a.next{ background:url(http://www.limaofood.com/Theme/img/63_next_fy.png) no-repeat center;} #d_0100_fy .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;} } #product .productHead{ width:100%; float:left; margin-top:53px;} #product .productHead .productHeadPage{ width:48.57%; float:left; padding-left:138px; position:relative;} #product .productHead .productHeadPage .productHeadPageSmal{ width:110px; position:absolute; left:0; top:0; height:100%;} #product .productHead .productHeadPage .productHeadPageSmal img{ width:100%; float:left; margin-top:8px; cursor:pointer; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} #product .productHead .productHeadPage .productHeadPageSmal .slick-slide:first-child img{ margin-top:0;} #product .productHead .productHeadPage .productHeadPageBig{ width:100%; float:left; position:relative; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} #product .productHead .productHeadPage .productHeadPageBig img{ width:100%; float:left;} #product .productHead .productHeadPage .productHeadPageSmal .slick-prev,#product .productHead .productHeadPage .productHeadPageSmal .slick-next { position: absolute; left: 0px; top: auto; bottom:0; display: block; width: 40px; height: 40px; background:url(../image/64_product3.png) no-repeat left center; background-size:auto 100%; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } #product .productHead .productHeadPage .productHeadPageSmal .slick-next { left: auto; right: 20px; background-position:right center; } #product .productHead .productHeadPage .productHeadPageSmal .slick-prev:hover, #product .productHead .productHeadPage .productHeadPageSmal .slick-next:hover{ background-image:url(../image/64_product3_h.png);} #product .productHead .productHeadText{ width:46.43%; float:right;} #product .productHead .productHeadText h3{ width:100%; float:left; margin-top:12px; font-size:30px; color:#5a4e4a; line-height:38px; letter-spacing:1px;} #product .productHead .productHeadText h4{ width:100%; float:left; margin-top:20px; font-size:16px; color:#4c4c4c; line-height:30px; letter-spacing:1px;} #product .productHead .productHeadText ul{ width:100%; float:left; margin-top:39px; padding-top:22px; border-top:dashed 1px #dadada; border-bottom:dashed 1px #dadada; padding-bottom:25px;} #product .productHead .productHeadText ul li{ width:100%; float:left; font-size:14px; color:#808080; line-height:34px; letter-spacing:1px;} #product .productHead .productHeadText .btn{ width:100%; float:left; margin-top:32px;} #product .productHead .productHeadText .btn .a1{ display:block; float:left; width:150px; height:44px; line-height:44px; background:#9b7d39; color:white; text-align:center; font-size:16px; letter-spacing:1px; -moz-border-radius:22px; -webkit-border-radius:22px; -khtml-border-radius:22px; border-radius:22px;} #product .productHead .productHeadText .btn .bdsharebuttonbox{ float:left; margin-left:21px;} #product .productHead .productHeadText .btn .a2{ display:block; float:left; width:44px; height:44px; background:url(../image/64_product2.png) no-repeat center center #9b7d39; background-size:contain; margin:0 !important; padding:0 !important; -moz-border-radius:22px; -webkit-border-radius:22px; -khtml-border-radius:22px; border-radius:22px;} #product .productHead .productHeadText .btn a:hover{ background-color:#101010;} @media screen and (max-width:1399px){ #product .productHead .productHeadPage{ padding-left:110px;} #product .productHead .productHeadPage .productHeadPageSmal{ width:94px;} #product .productHead .productHeadPage .productHeadPageSmal .slick-next { right: 0px;} } #product .productBody{ width:100%; float:left; margin-top:61px; border:solid 1px #e6e6e6;} #product .productBody .productBodyHead{ width:100%; float:left; height:45px; border-bottom:solid 1px #e6e6e6; background:#f6f6f6;} #product .productBody .productBodyHead h4{ background:white; float:left; width:120px; height:45px; border-right:solid 1px #e6e6e6; border-left:solid 1px #e6e6e6; border-top:solid 3px #9b7d39; margin-top:-1px; margin-left:-1px; line-height:42px; text-align:center; font-size:16px; color:#9b7d39; font-weight:bold;} #product .productBody .productBodyText{ width:100%; float:left; padding:30px 38px 66px 38px; font-size:15px; color:#4c4c4c; line-height:33px; letter-spacing:1px;} #product .productDown{ width:100%; float:left; margin-top:24px;} #product .productDown h5{ width:50%; float:left; font-size:14px; color:#666; line-height:30px;} #product .productDown h5 a{ display:inline-block; vertical-align:top; max-width:80%; color:#666;} #product .productDown h5.last{ text-align:right;} #product .productDown h5:hover,#product .productDown h5:hover a{ color:#9b7d39;} #product .main_2{ width:100%; float:left; padding:40px 0 79px 0;} #product .main_2 .title{ width:100%; float:left; font-size:24px; color:#9b7d39; line-height:41px;} #product .main_2 ul{ width:100%; float:left; margin-top:23px;} #product .main_2 ul li{ margin-top:0;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #product .productHead{ margin-top:32px;} #product .productHead .productHeadPage{ padding-left:86px;} #product .productHead .productHeadPage .productHeadPageSmal{ width:75px;} #product .productHead .productHeadText .btn .a1{ width:110px; height:40px; line-height:40px;} #product .productHead .productHeadText .btn .bdsharebuttonbox{ margin-left:16px;} #product .productHead .productHeadText .btn .a2{ width:40px; height:40px;} #product .productHead .productHeadPage .productHeadPageSmal .slick-prev,#product .productHead .productHeadPage .productHeadPageSmal .slick-next { width:30px; height:30px;} #product .productHead .productHeadText h3{ margin-top:0px; font-size:26px; line-height:36px;} #product .productHead .productHeadText h4{ margin-top:12px; font-size:14px; line-height:26px;} #product .productHead .productHeadText ul{ margin-top:15px; padding-top:10px; padding-bottom:10px;} #product .productHead .productHeadText ul li{ font-size:12px; line-height:26px;} #product .productHead .productHeadText .btn{ margin-top:23px;} #product .productBody{ margin-top:40px;} #product .productDown{ margin-top:12px;} #product .productDown h5{ font-size:12px; line-height:26px;} } @media screen and (max-width:992px){ #product .productHead{ margin-top:20px;} #product .productHead .productHeadPage{ padding-left:0px;} #product .productHead .productHeadPage .productHeadPageSmal{ display:none;} #product .productHead .productHeadPage .productHeadPageBig .slick-dots { position: absolute; bottom: 10px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow:hidden; } #product .productHead .productHeadPage .productHeadPageBig .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 4px; background:#f2f2f2; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #product .productHead .productHeadPage .productHeadPageBig .slick-dots li button { display:none;} #product .productHead .productHeadPage .productHeadPageBig .slick-dots li.slick-active{ background:#9b7d39; } #product .productHead .productHeadText h3{ font-size:22px; line-height:30px;} #product .productHead .productHeadText h4{ margin-top:8px; font-size:12px; line-height:22px;} #product .productHead .productHeadText .btn{ margin-top:13px;} #product .productHead .productHeadText .btn .bdsharebuttonbox{ display:none;} #product .productBody{ margin-top:20px;} #product .productBody .productBodyHead h4{ font-size:14px;} #product .productBody .productBodyText{ padding:20px 30px 44px 30px; font-size:13px; line-height:28px;} #product .productDown{ padding:13px 0 31px 0;} #product .productDown h5{ line-height:24px;} #product .main_2{ padding:20px 0 45px 0;} #product .main_2 .title{ font-size:18px; line-height:36px;} #product .main_2 ul{ margin-top:12px;} } @media screen and (max-width:768px){ #product .productHead{ margin-top:10px; padding:0 10px;} #product .productHead .productHeadPage{ width:100%;} #product .productHead .productHeadText{ width:100%; margin-top:10px;} #product .productHead .productHeadText h3{ font-size:16px; line-height:24px;} #product .productHead .productHeadText h4{ margin-top:5px; font-size:12px; line-height:20px;} #product .productHead .productHeadText ul{ margin-top:10px; padding-top:5px; padding-bottom:5px;} #product .productHead .productHeadText ul li{ line-height:22px;} #product .productHead .productHeadText .btn .a1{ width:90px; font-size:12px; height:32px; line-height:32px;} #product .productBody{ margin-top:15px;} #product .productBody .productBodyHead{ height:40px;} #product .productBody .productBodyHead h4{ width:100px; height:40px; border-top-width:2px; line-height:38px;} #product .productBody .productBodyText{ padding:10px 20px 22px 20px; font-size:12px; line-height:22px;} #product .productDown{ padding:0 10px;} #product .productDown h5{ width:100%; line-height:24px;} #product .productDown h5.last{ text-align:left;} #product .main_2{ padding:20px 0 22px 0;} #product .main_2 > .title{ font-size:16px; line-height:30px; padding:0 10px;} #product .main_2 ul li{ margin-top:10px;} } /*在线留言*/ .message{ float:left; width:100%; margin:81px 0 70px 0; padding:42px 58px 80px 58px; background:#f5f5f5;} .message .lab{ float:left; width:100%; margin:10px 0;} .fm1{ float:left; width:50%; padding:0 20px; position:relative;} .message .lab .fm1 img{position:absolute; right:22px; bottom:2px; height:46px; width:auto;} .fm2{ float:left; width:100%; padding:0 20px;} .fm3{ display:block; margin:0 auto; width:280px;} .fm4{ float:left; width:100%; text-align:center; font-size:14px; color:#999; line-height:32px;} .fm4 span{ color:#9b7d39; margin:0 4px;} .fm1_1{ float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:32px; text-transform:uppercase;} .fm1_1 font{ font-size:12px;} .fm1_1 span{ color:#9b7d39; margin-left:4px;} .fm1_2{ float:left; width:100%; border:1px solid #e6e6e6; background:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:0 18px; color:#999999; font-size:14px; height:50px; line-height:48px;} .fm1_3{ float:left; width:100%; border:1px solid #e6e6e6; background:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:16px 18px; color:#999999; font-size:14px; height:139px; line-height:24px;} .fm1_4{ float:left; width:100%; border:none; background:#9b7d39; color:#fff; height:56px; line-height:56px; text-align:center; font-size:16px;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-top:35px;} .fm1_4:hover{ background:#ed9401;} .message input,.message textarea{ appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0;} .message input[placeholder], [placeholder], *[placeholder] {color:#999999 !important;} .message ::-webkit-input-placeholder{color:#999999} .message :-moz-placeholder{color:#999999} .message ::-moz-placeholder{color:#999999} .message :-ms-input-placeholder{color:#999999} .message textarea[placeholder], [placeholder], *[placeholder] {color:#999999 !important;} .message ::-webkit-textarea-placeholder{color:#999999} .message :-moz-placeholder{color:#999999} .message ::-moz-placeholder{color:#999999} .message :-ms-textarea-placeholder{color:#999999} .message input:focus,.message textarea:focus{ border-color:#9b7d39;} @media screen and (max-width:991px){ .message{ margin:41px 0 30px 0; padding:22px 38px 40px 38px;} .message .lab{ margin:5px 0;} .fm1{ padding:0 10px;} .message .lab .fm1 img{position:absolute; right:12px; bottom:2px; height:36px; width:auto;} .fm2{ padding:0 10px;} .fm3{ width:220px;} .fm1_4{ height:45px; line-height:45px; margin-top:10px;} .fm1_2{ padding:0 10px; height:40px; line-height:38px;} .fm1_3{padding:8px 10px; height:139px; line-height:24px;} } @media screen and (max-width:767px){ .message{ margin:21px 0 10px 0; padding:12px 13px 20px 13px;} .message label{ margin:0;} .fm1{ width:100%; padding:0;} .fm2{ padding:0;} .fm1_1{ margin-top:5px;} .fm3{ width:100%;} .message .lab{ margin:0 0;} } #news{ width:100%; margin-top:70px;} #news li{ width:100%; background:#f7f7f7; margin-top:30px; padding:30px 30px 30px 0;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } #news li a{ display:block; width:100%; position:relative;} #news li .time{ position:absolute; left:0; top:0px; width:185px; height:154px; text-align:center; border-right:1px solid #e0e0e0;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #news li .time time{ float:left; width:100%; color:#c2c2c2; font-size:72px; line-height:64px; font-family:Arial; font-weight:bold; margin:35px 0 10px 0;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #news li .time span{ float:left; width:100%; color:#4c4c4c; font-size:21px; line-height:21px; font-family:Arial;} #news li .img{ float:left; width:277px; height:154px; line-height:0; overflow:hidden; position:absolute; right:0; top:0;} #news li .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #news li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #news li .text{ float:left; width:100%; padding:0 320px 0 235px; min-height:158px;} #news li .text h5{ float:left; width:100%; color:#000000333; font-size:21px; line-height:31px; margin:15px 0 13px 0;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } #news li .text .p{ float:left; width:100%; color:#000000; font-size:14px; line-height:26px; height:78px; overflow:hidden; letter-spacing:1px;} #news li:hover{ background:#9b7d39;} #news li:hover .text h5,#news li:hover .text .p{ color:#fff;} #news li:hover .time time,#news li:hover .time span{ color:#fff;} #news li:hover .time{ border-right:1px solid #c1922a;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #news li{ margin-top:20px; padding:20px 20px 20px 0;} #news li .time{ width:120px; height:110px;} #news li .time time{ font-size:50px; line-height:42px; margin:25px 0 15px 0;} #news li .time span{ font-size:14px; line-height:14px;} #news li .img{ width:170px; height:95px; top:8px;} #news li .text{ padding:0 190px 0 140px; min-height:97px;} #news li .text h5{ font-size:16px; line-height:24px; margin:6px 0 10px 0;} #news li .text .p{ line-height:22px; height:66px; font-size:13px;} #news{ margin-top:40px;} } @media screen and (max-width:768px){ #news{ margin-top:10px;} #news li{ margin-top:10px; padding:15px;} #news li .time{ display:none;} #news li .img{ width:120px; height:67px; top:12px;} #news li .text{ padding:0 130px 0 0px; min-height:90px;} #news li .text h5{ font-size:14px; line-height:22px; margin:0px 0 8px 0;} #news li .text .p{ line-height:20px; height:58px; font-size:12px;} #news li .text time{ display:block; float:left; width:100%; color:#c2c2c2; font-size:12px; line-height:22px; } } /*详情页*/ #listShow{ width:100%; padding:63px 0 73px 0; position:relative;} #listShow .c_1162{ width:1162px; margin:auto;} #listShow h2{ width:100%; text-align:center; font-size:36px; color:#000000; line-height:48px; font-weight:bold; letter-spacing:1px; position:relative; padding:0 120px;} #listShow h2 .return{ position:absolute; right:0; top:12px; padding-left:46px; background:url(../images/163_shzr8.png) no-repeat left center; font-size:16px; color:#000000; line-height:36px; font-weight:normal;} #listShow h2 .return:hover{ color:#9b7d39;} #listShow h3{ width:100%; text-align:center; font-size:24px; color:#9b7d39; line-height:36px; margin-top:14px; letter-spacing:1px;} #listShow h4{ width:100%; text-align:center; font-size:16px; color:#000000; line-height:28px; margin-top:16px; letter-spacing:1px;} #listShow .p{ width:100%; background:url(../images/163_shzr11.png) no-repeat 40px center #f4f4f4; margin-top:54px; padding:35px 50px 36px 130px; position:relative; font-size:16px; color:#000000; line-height:30px; letter-spacing:1px;} #listShow .text{ width:100%; font-size:16px; color:#000000; line-height:36px; margin-top:30px; letter-spacing:1px;} #listShow .fy{ width:100%; margin-top:59px; padding-top:33px; border-top:solid 1px #dadada; padding-right:200px; position:relative; text-align:left;} #listShow .fy h5{ width:100%; font-size:16px; color:#000000; line-height:30px;} #listShow .fy h5 a{ color:#000000;} #listShow .fy h5:hover,#listShow .fy h5:hover a{ color:#9b7d39;} #listShow .fy .bdsharebuttonbox{ position:absolute; right:0; top:54px;} #listShow .fy .bdsharebuttonbox span{ float:left; font-size:14px; color:#000000; line-height:26px;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #listShow .c_1162{ width:100%; padding:0 5%;} } @media screen and (max-width:992px){ #listShow{ padding:40px 0 50px 0;} #listShow h2{ font-size:30px; line-height:42px; letter-spacing:0px; padding:0 0px;} #listShow h2 .return{ display:block; position:relative; right:auto; top:auto; padding-left:40px; background-size:30px auto; font-size:14px; color:#000000; line-height:30px; width:100%; text-align:left;} #listShow h3{ font-size:18px; line-height:30px; margin-top:10px; letter-spacing:0px;} #listShow h4{ font-size:14px; line-height:22px; margin-top:10px; letter-spacing:0px;} #listShow .p{ background:url(../images/163_shzr11.png) no-repeat 30px center #f4f4f4; background-size:42px auto; margin-top:30px; padding:20px 30px 20px 100px; font-size:14px; line-height:24px; letter-spacing:0px;} #listShow .text{ font-size:14px; line-height:30px; margin-top:20px; letter-spacing:0px;} #listShow .fy{ margin-top:40px; padding-top:20px; padding-right:0px;} #listShow .fy .bdsharebuttonbox{ top:30px; display:none;} #listShow .fy h5{ font-size:14px; line-height:26px;} } @media screen and (max-width:768px){ #listShow{ padding:20px 0 30px 0;} #listShow h2{ font-size:20px; line-height:32px;} #listShow h2 .return{ padding-left:30px; background-size:20px auto; font-size:12px; line-height:24px;} #listShow h3{ font-size:16px; line-height:24px; margin-top:8px;} #listShow h4{ font-size:12px; line-height:20px; margin-top:8px;} #listShow .p{ background:url(../images/163_shzr11.png) no-repeat 20px center #f4f4f4; background-size:36px auto; margin-top:20px; padding:10px 20px 10px 70px; font-size:12px; line-height:20px; min-height:50px} #listShow .text{ font-size:12px; line-height:24px; margin-top:15px;} #listShow .fy{ margin-top:20px; padding-top:10px; padding-right:0px;} #listShow .fy .bdsharebuttonbox{ position:relative; right:auto; top:auto; width:100%;} #listShow .fy .bdsharebuttonbox span{ font-size:12px; line-height:22px;} #listShow .fy h5{ font-size:12px; line-height:22px;} } #qywh{ width:100%;} #qywh img{ vertical-align:top;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /*分页*/ #listFy{ width:100%; text-align:center; padding:60px 0 80px 0;} #listFy .pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;} .pz_fy1 .xiaocms-page a {display:block; float:left; padding: 0 5px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 4px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} .pz_fy1 .xiaocms-page a:hover {color: #fff; border:1px solid #9b7d39; background:#9b7d39; text-decoration:none; } .pz_fy1 .xiaocms-page span {display:block; float:left; padding: 0 5px; height:30px; text-align:center; line-height:28px; border:1px solid #9b7d39; font-size:14px; color:#fff;background:#9b7d39; margin:0 4px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px; } /*#listFy .pz_fy1 a {display:block; float:left; width:30px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 8px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #listFy .pz_fy1 a:hover,#listFy .pz_fy1 a.on{color: #fff; border:1px solid #9b7d39; background:#9b7d39; text-decoration:none;} #listFy .pz_fy1 a.prve{ background:url(../images/170_sprve_fy.png) no-repeat center; width:100px;} #listFy .pz_fy1 a.prve:hover, #listFy .pz_fy1 a.prve.on{ background:url(../images/170_sprve_fy_h.png) no-repeat center #9b7d39; border:1px solid #9b7d39;} #listFy .pz_fy1 a.next{ background:url(../images/170_snext_fy.png) no-repeat center; width:100px;} #listFy .pz_fy1 a.next:hover, #listFy .pz_fy1 a.next.on{ background:url(../images/170_snext_fy_h.png) no-repeat center #9b7d39; border:1px solid #9b7d39;} */ #listFy .fy_phone{ display:none;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #listFy{ padding:30px 0 40px 0;} } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ #listFy{ padding:20px 0 25px 0;} #listFy .pz_fy1{ display:none;} #listFy .fy_phone{ display:block; width:100%; text-align:center; font-size:14px; color:#000000;padding: 20px 0;} .fy_phone .xiaocms-page a {display:block; float:left; padding: 0 5px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 4px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} .fy_phone .xiaocms-page a:hover {color: #fff; border:1px solid #9b7d39; background:#9b7d39; text-decoration:none; } .fy_phone .xiaocms-page span {display:block; float:left; padding: 0 5px; height:30px; text-align:center; line-height:28px; border:1px solid #9b7d39; font-size:14px; color:#fff;background:#9b7d39; margin:0 4px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px; } /* #listFy .fy_phone a.prve{ background:url(../images/170_prve_fy.png) no-repeat center;} #listFy .fy_phone a.next{ background:url(../images/170_next_fy.png) no-repeat center;} #listFy .fy_phone span{ padding:0 5%; color:#000000; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;}*/ } /*联系我们*/ #contactBox{} #contactBox .contactTop{ margin: 92px 0 0 0;} #contactBox .contactTop .contactLeft{ float: left; width:36.29%; border: #f5f5f5 solid 1px; background: url("../image/65_lxwm4.png"); height:450px;} #contactBox .contactTop .contactLeft .contactLogo{ padding: 62px 0 0 0; text-align: center;} #contactBox .contactTop .contactLeft .contactLogo .conImg{ height:73px;} #contactBox .contactTop .contactLeft .contactEwm{ padding: 42px 30px 42px 30px; text-align:center;} #contactBox .contactTop .contactLeft .contactEwm .ewmCell{ display:inline-block; vertical-align:top; width:149px; margin:0 16px;} #contactBox .contactTop .contactLeft .contactEwm .ewmCell .ewmBorder{ width:100%; float:left; border: #dddddd solid 1px; padding: 8px; background: #fff;} #contactBox .contactTop .contactLeft .contactEwm .ewmCell .ewmBorder img{ float:left;} #contactBox .contactTop .contactLeft .contactEwm .ewmCell .ewmTit{ float:left; width:100%; padding: 12.75% 0 0 0; text-align: center; color: #000000; font-size: 18px; line-height: 1;} #contactBox .contactRight{ float: right; width: 61.428%; border: #f5f5f5 solid 1px; background: url("../image/65_lxwm5.jpg") right bottom no-repeat;} #contactBox .contactRight .contactTele{ padding: 56px 50px 10px 50px; height:448px;} #contactBox .contactRight .contactTele .teleIcon{ float: left; width: 30px; height: 30px; background:#9b7d39; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #contactBox .contactRight .contactTele .teleRight{ margin: 1px 0 0 50px;} #contactBox .contactRight .contactTele .rBox{ padding: 0 0 40px 0;} #contactBox .contactRight .contactTele .teleRight h5{ color: #9b7d39; font-size: 18px; font-weight: bold; line-height: 30px;} #contactBox .contactRight .contactTele .teleRight .teleAddress{ color: #000000; font-size: 16px; line-height: 26px; margin: 5px 0 0 0;} #contactBox .contactMap{ margin: 40px 0 79px 0; } #bdmap{width:100%; height:590px; background: no-repeat} #bdmap img{ max-width:none;} #bdmap .iw_poi_title{ display: block; background: url("http://www.limaofood.com/Theme/cn/img/65_contact8.png") no-repeat !important; line-height: 30px !important;} #bdmap .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px; margin-top:10px; letter-spacing:-0.5px;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #contactBox .contactTop .contactLeft .contactEwm{ padding: 56px 18px 58px 18px;} #contactBox .contactTop .contactLeft .contactEwm .ewmCell{ width:130px; margin:0 10px;} #contactBox .contactTop .contactLeft .contactEwm .ewmCell .ewmBorder{ padding: 6px;} #contactBox .contactTop .contactLeft .contactEwm .ewmCell .ewmTit{ font-size:16px;} #contactBox .contactTop .contactLeft .contactEwm .ewmCell{ padding: 0 5px;} #contactBox .contactRight .contactTele{ padding: 36px 30px 10px 30px;} } @media screen and (max-width:992px){ #contactBox .contactTop{ margin: 50px 0 0 0;} #contactBox .contactTop .contactLeft{ height:320px;} #contactBox .contactTop .contactLeft .contactLogo{ padding: 24px 0 0 0; } #contactBox .contactTop .contactLeft .contactLogo .conImg{ height: 65px;} #contactBox .contactTop .contactLeft .contactEwm{ padding: 32px 8px 32px 8px;} #contactBox .contactTop .contactLeft .contactEwm .ewmCell{ width:100px; margin:0 5px; padding:0;} #contactBox .contactTop .contactLeft .contactEwm .ewmCell .ewmBorder{ padding: 4px;} #contactBox .contactTop .contactLeft .contactEwm .ewmCell .ewmTit{ padding: 10px 0 0 0; font-size: 14px;} #contactBox .contactRight .contactTele{ padding: 22px 30px 10px 30px; height:318px;} #contactBox .contactRight .contactTele .teleIcon{ width: 24px; height: 24px;} #contactBox .contactRight .contactTele .teleRight{ margin: 1px 0 0 40px;} #contactBox .contactRight .contactTele .rBox{ padding: 0 0 20px 0;} #contactBox .contactRight .contactTele .teleRight h5{ font-size: 16px; line-height: 24px;} #contactBox .contactRight .contactTele .teleRight .teleAddress{ font-size: 14px; line-height: 24px; margin: 3px 0 0 0;} #contactBox .contactMap{ margin: 20px 0 45px 0; } #bdmap{ height:300px; } } @media screen and (max-width:768px){ #contactBox .contactTop{ margin: 0px 0 0 0;} #contactBox .contactTop .contactLeft,#contactBox .contactTop .contactRight{ width:100%; height:auto; border-left:0; border-right:0;} #contactBox .contactRight .contactTele{ height:auto; padding: 22px 10px 10px 10px;} #contactBox .contactTop .contactLeft .contactEwm{ padding: 36px 8px 38px 8px;} #contactBox .contactTop .contactLeft .contactEwm .ewmCell .ewmTit{ font-size: 14px; } #contactBox .contactMap{ margin: 10px 0 0 0; } #bdmap{ height:250px; } #bdmap .iw_poi_content{ font-size: 14px; line-height: 22px;} } /*人才发展*/ #chancecontain{ width:100%; float:left; margin-top:52px;} #chancecontain li{ width:100%; float:left; margin-top:40px; padding-left:124px;} #chancecontain li .title{ width:100%; float:left; border-top:solid 3px #9b7d39; border-bottom:solid 1px #ccc; position:relative; padding-right:56px; cursor:pointer;} #chancecontain li .title .number{ width:84px; height:77px; line-height:77px; text-align:center; background:#9b7d39; font-size:36px; color:#fff; position:absolute; left:-124px; top:-3px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #chancecontain li .title h4{ width:100%; float:left; font-size:20px; color:#9b7d39; line-height:70px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #chancecontain li .title .btn{ width:56px; height:72px; position:absolute; right:0; top:1px; background:url(../image/66_btn_6.png) no-repeat center center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #chancecontain li .deta{ width:100%; float:left; border-bottom:solid 1px #ccc; padding:18px 0 25px 0; display:none;} #chancecontain li .deta h5{ width:100%; float:left; font-size:14px; color:#565656; line-height:24px;} #chancecontain li .deta h5 span{ display:inline-block; *zoom:1; *display:inline; margin-right:40px;} #chancecontain li .deta .h4{ width:100%; float:left; margin-top:27px;} #chancecontain li .deta .h4 span{ display:block; width:110px; height:34px; line-height:34px; text-align:center; float:left; background:#9b7d39; font-size:14px; color:white;} #chancecontain li .deta .p{ width:100%; float:left; margin-top:21px; font-size:14px; color:#565656; line-height:24px;} #chancecontain li .deta h6{ width:100%; float:left; font-size:14px; color:#565656; line-height:24px; margin-top:31px;} #chancecontain li .deta h6 span{ font-weight:bold; font-size:14px; color:#9b7d39;} #chancecontain li.hover .title h4{ color:#9b7d39;} #chancecontain li.hover .title{ border-bottom:dashed 1px #ddd;} #chancecontain li.hover .title .number,#chancecontain li:hover .title .number{ background:#9b7d39; color:white;} #chancecontain li.hover .title .btn{ background-image:url(../image/66_btn_6_h.png);} /*分页*/ #d_0100_fy{ float:left; width:100%; text-align:center; padding:58px 0 68px 0;} #d_0100_fy .pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;} #d_0100_fy .pz_fy1 a {display:block; float:left;padding:2px 5px; text-align:center; line-height:28px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 8px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #d_0100_fy .pz_fy1 a:hover,#d_0100_fy .pz_fy1 a.on{color: #fff; border:1px solid #9b7d39; background:#9b7d39; text-decoration:none;} #d_0100_fy .pz_fy1 a.prve{ background:url(../image/63_sprve_fy.png) no-repeat center; width:100px;} #d_0100_fy .pz_fy1 a.prve:hover, #d_0100_fy .pz_fy1 a.prve.on{ background:url(../image/63_sprve_fy_h.png) no-repeat center #9b7d39; border:1px solid #9b7d39;} #d_0100_fy .pz_fy1 a.next{ background:url(../image/63_snext_fy.png) no-repeat center; width:100px;} #d_0100_fy .pz_fy1 a.next:hover, #d_0100_fy .pz_fy1 a.next.on{ background:url(../image/63_snext_fy_h.png) no-repeat center #9b7d39; border:1px solid #9b7d39;} #d_0100_fy .fy_phone{ display:none;} .xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #9b7d39; text-align:center; color:#333; padding:0 10px;margin-left: 1px;} .xiaocms-page a:hover { background:#9b7d39; color:#fff; text-decoration:none; } .xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#9b7d39; border:1px solid #9b7d39; color:#fff; text-align:center;margin-left: 1px; } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #d_0100_fy{ padding:40px 0;} } @media screen and (max-width:992px){ #chancecontain{ margin-top:31px;} #chancecontain li{ margin-top:20px;} } @media screen and (max-width:768px){ #chancecontain{ margin-top:10px; padding:0 10px;} #chancecontain li{ padding-left:60px; margin-top:10px;} #chancecontain li .title{ border-top:solid 2px #9b7d39; padding-right:36px;} #chancecontain li .title .number{ width:52px; height:52px; line-height:52px; font-size:22px; left:-60px; top:-2px;} #chancecontain li .title h4{ font-size:14px; line-height:49px; height:49px;} #chancecontain li .title .btn{ width:46px; height:50px; background-size:18px 9px;} #chancecontain li .deta{ padding:10px 0 15px 0;} #chancecontain li .deta h5{ line-height:22px; font-size:12px;} #chancecontain li .deta h5 span{ margin-right:20px;} #chancecontain li .deta .h4{ margin-top:17px;} #chancecontain li .deta .h4 span{ width:90px; height:24px; line-height:24px; font-size:12px;} #chancecontain li .deta .p{ margin-top:11px; line-height:22px; font-size:12px;} #chancecontain li .deta h6{ margin-top:21px;} #chancecontain{ margin-top:0px;} #d_0100_fy { padding:25px 0 30px .;} #d_0100_fy .pz_fy1{ display:none;} #d_0100_fy .fy_phone{ display:block; float:left; width:100%; text-align:center; font-size:14px; color:#333;} #d_0100_fy .fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; margin:0 5px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #d_0100_fy .fy_phone a.prve{ background:url(http://www.limaofood.com/Theme/img/66_prve_fy.png) no-repeat center;} #d_0100_fy .fy_phone a.next{ background:url(http://www.limaofood.com/Theme/img/66_next_fy.png) no-repeat center;} #d_0100_fy .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;} } #news{ width:100%; float:left; margin-top:80px;} #news .ul_3{ width:100%; float:left;} #news .ul_3 li{ width:100%; float:left; margin-top:30px; padding-left:422px; background:#f6f6f6; position:relative; height:246px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #news .ul_3 li .c_327{ width:390px; border-right:solid 1px white; padding:30px; position:absolute; left:0; top:0;} #news .ul_3 li .c_327 .img{ width:100%; float:left; overflow:hidden; padding-bottom:56.4%; position:relative;} #news .ul_3 li .c_327 .img img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #news .ul_3 li:hover .c_327 .img img{ transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #news .ul_3 li .text{ width:100%; float:left; padding:40px 55px 26px 0;} #news .ul_3 li .text .title{ width:100%; float:left; font-size:18px; color:#333; line-height:27px;} #news .ul_3 li .text .p{ width:100%; float:left; font-size:15px; color:#898989; line-height:30px; margin-top:12px;} #news .ul_3 li .text .time{ width:100%; float:left; margin-top:60px; font-size:14px; color:#a9a9a9; line-height:20px;} #news .ul_3 li .text .time .detail{ float:right; color:#a9a9a9;} #news .ul_3 li:hover{ box-shadow:0 0 18px rgba(0,0,0,0.05);} #news .ul_3 li:hover .c_327{ background:#f0f0f0;} #news .ul_3 li:hover .text .title,#news .ul_3 li:hover .text .time .detail{ color:#9b7d39;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #news{ margin-top:50px;} #news .ul_3 li{ margin-top:20px; padding-left:300px; height:174px; overflow:hidden;} #news .ul_3 li .c_327{ width:280px; padding:20px;} #news .ul_3 li .text{ padding:24px 20px 20px 0;} #news .ul_3 li .text .title{ font-size:16px; line-height:23px;} #news .ul_3 li .text .p{ font-size:12px; line-height:22px; margin-top:19px; margin-top:10px;} #news .ul_3 li .text .time{ margin-top:20px; font-size:12px; line-height:18px;} } @media screen and (max-width:768px){ #news{ margin-top:10px;} #news .ul_3 li{ margin-top:10px; padding-left:0; height:auto;} #news .ul_3 li .c_327{ width:100%; position:relative; left:auto; top:auto; float:left; border-right:0; border-bottom:solid 1px white;} #news .ul_3 li .text{ padding:10px 20px 14px 20px;} #news .ul_3 li .text .p{ margin-top:10px;} #news .ul_3 li .text .time{ margin-top:10px;} } /*新闻详情*/ #news .news{ width:100%; float:left; padding:0 0 63px 0; margin-top:-8px;} #news .news h1{ width:100%; float:left; text-align:center; font-size:28px; color:#444; line-height:42px;} #news .news .main_1{ width:100%; float:left; margin-top:30px; border-top:solid 1px #d7d8d8; border-bottom:solid 1px #d7d8d8; line-height:53px;} #news .news .main_1 .p{ float:left; font-size:14px; color:#777;} #news .news .main_1 .p span{display:inline-block;*display:inline; *zoom:1; margin-right:15px;} #news .news .main_1 .btn{ float:right; line-height:53px;} #news .news .main_1 .btn img{ margin-left:10px; margin-top:-3px; vertical-align:middle;} #news .news .main_1 .btn a{ color:#777;} #news .news .main_1 .btn a:hover{ color:#9b7d39;} #news .news .text{ width:100%; float:left; margin-top:35px; font-size:16px; color:#4a4a4a; line-height:36px; /*text-indent: 2em;*/} #news .news .bdsharebuttonbox{ width:100%; float:left; margin-top:30px; text-align:center;} #news .news .bdsharebuttonbox a{display:inline-block;*display:inline; *zoom:1; width:36px; height:36px; margin:0 8px; padding:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; float:none;} #news .news .bdsharebuttonbox a.a1{ background:url(../image/68_ico_10_1.png) no-repeat center;} #news .news .bdsharebuttonbox a.a2{ background:url(../image/68_ico_10_2.png) no-repeat center;} #news .news .bdsharebuttonbox a.a3{ background:url(../image/68_ico_10_3.png) no-repeat center;} #news .news .main_2{ width:100%; float:left; margin-top:32px;} #news .news .main_2 .title{ width:100%; float:left; font-size:18px; color:#9b7d39; line-height:41px;} #news .news .main_2 ul{ width:100%; float:left; margin-top:10px;} #news .news .main_2 ul li{ width:48.46%; float:left; border-bottom:solid 1px #dcdcdc; line-height:50px; padding-right:80px; position:relative;} #news .news .main_2 ul li h5{ width:100%; float:left; font-size:16px; color:#333; line-height:50px;} #news .news .main_2 ul li .time{ position:absolute; right:0; top:0; font-size:14px; line-height:50px; color:#777;} #news .news .main_2 ul li.l1{ float:right;} #news .news .main_2 ul li:hover h5{ color:#9b7d39;} #news .news .main_3{ width:100%; float: left; margin-top: 30px; border-top: solid 1px #dbdbdb; overflow: hidden;} #news .news .main_3 h5{ width:50%; float: left; padding: 15px 0; font-size: 16px; color: #666; line-height: 30px;} #news .news .main_3 h5 a{ line-height: 30px; color: #666;} #news .news .main_3 h5.last{text-align: right;} #news .news .main_3 h5:hover a,.news .main_3 h5:hover{ color: #9b7d39;} @media screen and (max-width:480px) { #news .news .main_1{ border:0;} #news .news .main_1 .p{ display:none;} #news .news .text{ margin-top:12px;} #news .news .bdsharebuttonbox a{ width:30px; height:30px; margin:0 5px; background-size:contain !important;} #news .news .main_2 ul{ margin-top:6px;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #news .news{ padding:23px 0 40px 0;} #news .news .text{ margin-top:23px;} #news .news .bdsharebuttonbox{ display:none;} } @media screen and (max-width:768px){ #news .news{ padding:13px 10px 20px 10px;} #news .news h1{ font-size:18px; line-height:26px;} #news .news .main_1{ margin-top:12px; line-height:43px;} #news .news .main_1 .p{ font-size:12px; width:100%;} #news .news .main_1 .p span{ margin-right:10px;} #news .news .main_1 .btn img{ width:30px;} #news .news .text{ margin-top:22px; font-size:12px; line-height:22px;} #news .news .bdsharebuttonbox{ margin-top:17px;} #news .news .main_2{ margin-top:15px;} #news .news .main_2 .title{ font-size:16px;} #news .news .main_2 ul{ height: auto; margin-top: 10px;} #news .news .main_2 ul li{ width:100%; line-height:34px;} #news .news .main_2 ul li h5{ font-size:12px; line-height:34px;} #news .news .main_2 ul li .time{ font-size:12px; line-height:34px;} #news .news .main_3{ padding: 5px 0; margin-top: 18px;} #news .news .main_3 h5{ width:100%; padding: 0; font-size:12px; line-height:30px;} #news .news .main_3 h5.last{ text-align: left;} } .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:#9b7d39;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999}