/* 鍏ㄥ眬 */ body,h1,h2,h3,h4,h5,h6,p,pre,dl,dt,dd,ul,ol,li,textarea { margin:0; padding:0; font-family:Microsoft Yahei; font-weight: normal } a { text-decoration:none; transition: all 0.3s linear; } :hover { transition:all 0.3s linear; } .content { width: 1200px; margin: 0 auto } img { border:none; } li { list-style:none; } em,i { font-style: normal; } .fl { float:left; } .fr { float:right; } .clear { clear:both; } /* 澶撮儴 */ header { width: 100%; height: 110px; background: #f3b96c; box-shadow: 2px 1px 5px #333; position: fixed; z-index: 9999; top: 0; } .logo { height: 110px; float: left; width: 315px; } .logo .fl { margin:20px 25px 0 0; } .logo .tit { float: left; font-size: 22px; padding-left: 20px; margin-top: 30px; height: 55px; background: url(../images/h_s.jpg) no-repeat; color: #0c0a23; width: 135px; text-align: center; font-weight: normal; } header .content {width: 1280px;} header .fr { background: url(../images/tel.png) left center no-repeat; padding-left: 32px; margin-top: 43px; } header .fr b { font-size: 26px; color: #222; display: block; font-family: georgia; } nav { height: 60px; line-height: 60px; float: left; /*width: 643px;*/ width: 735px; margin-top: 30px; margin-left: 10px; } nav li { float:left; font-size:16px; margin-right: 1px; transition: all 0.5s linear } nav li a { color: inherit; display: block; padding: 0 10px; } nav li.active,nav li.hover { background: #2f4186; } nav li.active a,nav li.hover a { color: #fff; } nav li:hover { background: #00408e; color: #fff; } /*鎼滅储*/ .sousuo { padding: 40px 0; background: #fff } .sousuo span { font-weight: bold; color: #333; } .sousuo span a { font-weight: normal; color: #000; padding-right: 5px; } #search-keyword { width: 180px; height: 22px; color: #999; text-indent: 10px; } .search-submit { background: #9c8f7d; color: #fff; border: 1px solid #999; height: 28px; margin-left: 8px; cursor: pointer; } /*鐑攢*/ .rexiao { padding: 50px 0; /*background-image: url(../images/bg_advantage.jpg); background-position: top center; background-size: cover;*/ background: #f2f2f2; } .red { height: 610px; width: 1200px; margin: 0 auto; overflow: hidden; position: relative; } .red ul { position: relative } h3.ret { text-align: center; font-size: 32px; font-weight: normal; color: #333; padding: 20px 0 70px } .ret span { display: block; color: #ccc; font-family: georgia; font-weight: bold; padding-top: 10px; } .red ul li { float: left; width: 1700px; height: 607px; overflow: hidden } .red ul li:nth-child(3) .fl { background: #f3b96c } .red ul li:nth-child(4) .fl { background: #ffe4c4 } .red ul li:nth-child(5) .fl { background: #ccd0c1 } .red ul li:nth-child(6) .fl { background: #d6d7d8 } .red ul li:nth-child(7) .fl { background: #d6d7d8 } .red .fl { width: 50%; background: #bde2f8; height: 607px; overflow: hidden; } .red .fr { width: 50%; overflow: hidden; height: 607px; } .red .fr a { width: 100%; display: block; } .red .fr a img { width: 100%; height: 700px; } .rexd { padding: 0 90px; display: table-cell; height: 607px; vertical-align: middle; line-height: 2; } .rexd h4 a { font-size: 36px; color: #06c; } .rexd p a { color: #06c; } .red .pagination { position: absolute; left: 0; text-align: center; bottom:30px; width: 100%; } .red .swiper-pagination-switch { display: inline-block; width: 50px; height: 10px; background: #708090; margin: 0 5px; cursor: pointer; } .red .swiper-active-switch { background: #fff; } /*浜у搧*/ .iproduct { padding: 55px 0 30px; background: #fff } .tabs { width: 1608px; margin: 0 auto; } .tabs a { display: block; float: left; width: 200px; color: #333; text-align: center; background: #ccc; line-height: 56px; font-size: 16px; height: 56px; margin-right: 1px; } .tabs a.active { color: #fff; background: #f3b96c; } .swiper-container1 { height: 340px; width: 1608px; border-top: 0; position: relative; z-index: 1; margin:0 auto; overflow:hidden; direction:ltr; backface-visibility:hidden; } .swiper-container1 .swiper-wrapper { position:relative; width:100%; box-sizing: content-box; } .swiper-container1 .swiper-slide { height: 340px; width: 1608px; float: left } .swiper-container1 .content-slide { padding: 40px 0; } .swiper-container1 .content-slide ul li { width: 300px; float: left; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 20px 0; text-align: center; height: 300px; overflow: hidden } .swiper-container1 .content-slide ul li a div { color: #333 } .swiper-container1 .content-slide ul li:hover { border-top: 1px solid #0094da; border-bottom: 1px solid #0094da; } .swiper-container1 .content-slide ul li:hover div{ font-weight: 600 } .more { width: 1200px; margin: 0 auto; text-align: center; padding: 50px 0px; } .more a { padding: 10px 20px; background: #298dc9; font-size: 24px; color: #fff; text-align: center; } .more a:hover { background: #000; } .productall { padding-top: 14px; background: url(../images/pr_bg.jpg); width: 100%; height: 60px; } .productall ul { width: 1460px; margin: 0 auto; } .productall ul li { float: left; padding: 12px 10px; font-size: 15px; margin-right: 7px; color: #fff; cursor: pointer; border: 1px solid #c9ae83; } .productall ul li:hover { background: #d2b48c; } #p9 { margin-right: 0; } .productfl p { font-size: 15px; color: #444; line-height: 2; padding: 20px 0; text-indent: 20px; } .productfl h3 a { color: #fff; font-size: 22px; font-weight: normal; display: inline-block; background: black; position: relative; padding: 10px 20px; } .productfl h3 a::after { content: ""; width: 0; height: 0; position: absolute; top: 0; right: -49px; border-bottom: 49px solid #000; border-right: 49px solid transparent; } .productfl h3 a:hover,.productfl dl dt a:hover,.flxq a:hover { color: #c9ae83; } .productfl { margin-top: 70px; display: inline-block; border-bottom: 1px dashed #ccc; } .productfl .more a { padding: 10px 40px; font-size: 16px } .productfl h3 { border-bottom: 1px solid #cccc; } .productfl dl { width: 300px; float: left; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 20px 0; text-align: center; height: 300px; overflow: hidden; } .productfl dl:hover { background: #fff; } .flpic img { width: 100%; max-height: 230px; } .productfl dl:last-child, .productfl dl:nth-child(4n) { margin-right: 0; } .productfl dl dt { text-align: center; padding: 15px 0; } .productfl dl dt a { color: #000; } .flxq { font-size: 14px; text-align: center; padding: 10px; border: 1px solid #999; width: 60px; margin: 3px auto; } .flxq a { color: #666; } .series h1 { color: #333; font-size: 36px; font-weight: normal; margin: 40px 0 0; padding-bottom: 10px; } .seriesen { color: #999; margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .seriespic img { margin: 0 auto; display: block; } .seriestd { margin: 50px 0 30px; padding: 40px 0; border-width: 1px 0 1px 0; border-color: #ccc; border-style: solid; } .seriestd li { line-height: 2; font-size: 18px; } .seriestd li::before { content: ""; background: #ddd; padding-left: 60px; margin-right: 15px; } .seriestd li span { display: block; color: #999; font-family: times new roman; } .seriesdesc { line-height: 2; display: inline-block; } .seriesdesc h3,.seriescs h3,.seriestd h3,.tuijian h3,.liuyan h3 { font-size: 26px; color: #333; margin-bottom: 30px; } .seriesdesc h3 span,.seriescs h3 span,.seriestd h3 span,.tuijian h3 span,.liuyan h3 span { padding-left: 10px; color: #999; font: italic 16px georgia; } .seriested h4 { font-size: 18px; font-weight: bold; color: #fff; width: 130px; background: #333; text-indent: 25px; padding: 4px 0; border-radius: 0 8px; margin-bottom: 20px; } .seriested p { text-indent: 20px; margin-bottom: 30px; } .seriested p i { color: #0094da; border-bottom: 1px solid #0094da; } /* Table Styles */ .seriescs,.liuyan { padding: 40px 0; border-width: 1px 0 1px 0; border-color: #ccc; border-style: solid; margin: 20px 0; } .seriescs p { color: #999; font-size: 12px; line-height: 1.8; text-align: right; } .table-wrapper{ margin: 40px 0px 30px; box-shadow: 0px 3px 10px rgba( 0, 0, 0, 0.2 ); } .fl-table { border-radius: 5px; font-size: 15px; font-weight: normal; border: none; border-collapse: collapse; width: 100%; max-width: 100%; white-space: nowrap; background-color: white; } .fl-table tr:hover { background: #fdb837 !important; } .fl-table td, .fl-table th { text-align: center; padding: 26px 20px; } .fl-table th em { display: block; } .fl-table td { border-right: 1px solid #f8f8f8; font-size: 16px; } .fl-table td a { color: #008080; } #check,#caption1 { width: 100%; position: absolute; max-width: 300px; z-index: 1; background: #fff; text-align: center } .fl-table thead th { color: #ffffff; background: #4FC3A1; } .fl-table thead th:nth-child(odd) { color: #ffffff; background: #324960; } .fl-table tr:nth-child(even) { background: #F8F8F8; } /* Responsive */ @media (max-width: 767px) { .fl-table { display: block; width: 100%; } .table-wrapper:before{ content: "Scroll horizontally >"; display: block; text-align: right; font-size: 11px; color: white; padding: 0 0 10px; } .fl-table thead, .fl-table tbody, .fl-table thead th { display: block; } .fl-table thead th:last-child{ border-bottom: none; } .fl-table thead { float: left; } .fl-table tbody { width: auto; position: relative; overflow-x: auto; } .fl-table td, .fl-table th { padding: 20px .625em .625em .625em; height: 60px; vertical-align: middle; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; width: 120px; font-size: 13px; text-overflow: ellipsis; } .fl-table thead th { text-align: left; border-bottom: 1px solid #f7f7f9; } .fl-table tbody tr { display: table-cell; } .fl-table tbody tr:nth-child(odd) { background: none; } .fl-table tr:nth-child(even) { background: transparent; } .fl-table tr td:nth-child(odd) { background: #F8F8F8; border-right: 1px solid #E6E4E4; } .fl-table tr td:nth-child(even) { border-right: 1px solid #E6E4E4; } .fl-table tbody td { display: block; text-align: center; } } .modal { display: none; position: fixed; z-index: 1; left: 0; top: 10%; width: 100%; height: 100%; background: rgba(0,0,0,0.5); box-shadow: 0 0 10px #999; } .modal-content { margin: 5% auto 0; display: block; max-width: 800px; padding: 20px; } #caption { margin: auto; display: block; text-align: center; color: #fff; padding: 0 0 20px 0; } /* 娣诲姞鍔ㄧ敾 */ .modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; } @-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} } @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} } /* 鍏抽棴鎸夐挳 */ .close { position: absolute; top: 15px; right: 35px; color: #fff; font-size: 40px; font-weight: bold; transition: 0.3s; } .close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer; } /* 灏忓睆骞曚腑鍥剧墖瀹藉害涓 100% */ @media only screen and (max-width: 700px){ .modal-content { width: 100%; } } .zixun { margin-top: 35px; text-align: center; font-size: 22px; } .zixun a { background: #3087ee; color: #fff; padding: 16px 40px; margin-right: 40px; display: inline-block; } .zixun p { font-family: georgia; margin-top: 20px; } .zixun a + a { margin-right: 0; background: #fdb837; } .liuyan { border-bottom: none } .liuyan table tr { line-height: 40px; margin-bottom: 20px; display: block; } .liuyan table td { line-height: 42px; } .intxt,#need { width: 400px; height: 40px; text-indent: 10px; color: #666 } #need { height: 120px; padding: 10px 0; font-size: 13px } .coolbg { background: #dea959; padding: 12px 36px; border: none; cursor: pointer; color: #fff; font-size: 16px; margin-right: 50px; border-radius: 4px; } .imain { background: #fcfcfc; } .imain_l { width: 280px; margin-top: 20px; } .imain_l .nlist-t { padding-top: 17px; } .imain_l .nlist-t span { font-size: 22px; } .imain_l .nlist-nav li { background-position: 30px 20px; padding-left: 50px; } .imain_l .nlist-nav li:hover, .imain_l .nlist-nav li.active { background: #846e46 url(../images/news-l.png) 32px 20px no-repeat; padding-left: 52px; } .nlist-t h3 { font-weight: normal; } .imain_r { width: 880px; margin-top: 24px; } .showcase { position: relative; padding: 30px 0 30px 30px; background: #fff; margin-bottom: 40px; box-shadow: 0 0 10px #ddd; } .showcase-left { position: relative; width: 50%; float: left; overflow: hidden; margin-right: 50px; } .showcase-left-pic { width: 100%; position: relative; text-align: center; } .showcase-left-pic img { width: 100%; display: block; } .showcase-right { width: 40%; float: left; } .showcase-right-tit { height: 48px; font-size: 26px; line-height: 48px; color: #333; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; padding-bottom: 10px; } .showcase-right-con { font-size: 14px; line-height: 24px; max-height: 168px; margin-bottom: 86px; overflow: hidden; color: #666; } .showcase-zx { width: 38%; height: 56px; border-top: 2px solid #e6e6e6; padding-top: 15px; position: absolute; bottom: 16px; right: 4.5%; } .showcase-zxt { width: 114px; height: 44px; background: #30180e; font-size: 18px; line-height: 44px; text-align: center; float: right; } .showcase-zxt a { display: block; color: #fff; } .showcase-zxb { height: 56px; padding-left: 70px; background: url(../images/pc-xc-icon2.png) no-repeat 10px top; font-size: 18px; line-height: 18px; color: #454545; } .showcase-zxb p { line-height: 24px; } .product { background: #fff; margin-bottom: 20px } .product_t { height: 56px; border-bottom: 1px solid #ebebeb; } .product_t h4 { float: left; font-size: 18px; line-height: 56px; color: #fff; padding: 0 30px; border-right: 1px solid #ebebeb; cursor: pointer; background: #30180e; } .product_b { padding-left: 15px; padding-right: 15px; line-height: 34px; font-size: 16px; color: #30190e; overflow: hidden; } .product_c { margin: 20px 0; overflow: hidden; } .product_c img { max-width: 100%; text-align: center; margin: 8px auto; display: block; } .product_c a { color: #30190e; border-bottom: 1px solid #333; padding-bottom: 3px } .product_c .gjc { margin: 0; float: left } .product_c .bdsharebuttonbox { float: right; } .product_c .bdsharebuttonbox a { border-bottom: none; margin-top: 10px !important; } /*鏁寸嚎*/ .zhengxian { background: #f9f9f9; padding: 50px 0 80px } .zxtit { background: url(../images/zx.jpg) no-repeat left center; height: 30px; text-indent: 90px; font-size: 24px; margin-bottom: 15px; color: #000; float: right; margin-top: 25px; } /*.zxdetail { height: 248px; position: relative; margin-bottom: 1px; width: 399px; margin-right: 1px; overflow: hidden; float: left }*/ .zxdetail { position: relative; margin-bottom: 10px; width: 393px; margin-right: 10px; overflow: hidden; float: left; } .zxdetail:nth-child(3n+1) { margin-right: 0; } .zxdet { width: 797px; float: left; } .zxdet .zxsmall { height: auto; position: relative; margin-bottom: 1px; width: calc(25% - 1px); margin-right: 1px; overflow: hidden; float: left } .zxsmall a p { height: 0px; position: absolute; bottom: 0; width: 100%; line-height: 30px; color: #fff; text-align: center; background: rgba(0,0,0,0.7); font-size: 14px } .zxsmall a:hover p { display: block; height: 30px; transition: height 0.3s; } .zxtext { width: 90%; font-size: 14px; line-height: 25px; float: right; text-align: right; } .zxtitle { height: 36px; width: 100%; position: absolute; bottom: 0; background: url(../images/zxt.jpg) no-repeat right rgba(0,0,0,0.5); transition: height 0.3s; -moz-transition: height 0.3s; -webkit-transition: height 0.3s; -o-transition: height 0.3s; } .zxtitle h4 { text-align: center; color: #fff; line-height: 36px; margin-bottom: 0; font-size: 15px; padding-bottom: 10px } .zxtitle .zxtxt { width: 80%; color: #fff; margin: 0 auto; display: none; font-size: 13px; line-height: 25px } .zxtitle a.shadow_more { height: 35px; font-size: 14px; line-height: 35px; width: 100px; margin: 20px auto 0; display: none; text-align: center; background: #0094da; border-radius: 20px; color: #fff; } .zxdetail img,.zxdet img { max-width: 100%; width: 100% /*xin zeng*/ } .zxdetail:hover .zxtitle { background: rgba(0,0,0,0.5); height: 100%; text-align: center; } .zxdetail:hover .zxtitle h4 { margin-top: 20px; font-weight: 600; } .zxdetail:hover .zxtitle .zxtxt, .zxdetail:hover .zxtitle a.shadow_more { display: block; } .tlm.pj { margin-top: -168px; position: relative; z-index: 1; padding: 0 } .tlm.pj h1 { background: rgba(0,0,0,0.3); margin: 0 auto; padding: 38px 0; } .tlm.pj h1 a { color: #fff; } .pj1,.pj4 { margin: 20px 0; padding: 40px 0 } .pj1 h3,.pj4 h3 { text-align: center; font-size: 28px; font-weight: normal; color: #c9ae83; } .pj1 h3 span,.pj4 h3 span { display: block; font-size: 12px; color: #c9ae83; font-family: times new roman; width: 310px; margin: 8px auto; padding-top: 12px; border-top: 1px solid #b37c32; } .pj1 p,.pj4 p { padding: 50px 0; line-height: 2; color: #555; font-size: 15px; text-align: justify; } .pj1 p i,.pj4 p i { font-weight: bold } .pj1 ul li,.pj4 ul li { float: left; width: 380px; margin-right: 30px; font-size: 15px; color: #555; } .pj1 ul li:last-child, .pj4 ul li:last-child, .pj4 ul li:nth-child(3n) { margin-right: 0; } .pj1 ul li span,.pj4 ul li span { text-align: center; display: block; margin-top: 10px; } .pj1 ul li span::before,.pj4 ul li span::before { content: ""; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #00408e; position: relative; top: -13px; margin-right: 7px; } .pj4 h3 { color: #555; font-size: 30px; } .pj4 h3 span { width: 136px; color: #aaa; border-color: #ddd; } .pj2 { background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../images/pj2.jpg); background-position: center center; background-size: cover; height: 830px; } .pj2 .fl { width: 40%; color: #c9ae83; background: rgba(0,0,0,0.4); margin-top: 50px; padding: 10px 10px 20px; } .pj2 h3 { padding: 36px 28px; font-size: 28px; color: #b37c32 } .pj2 p,.pj2 li { font-size: 14px; padding: 0 16px; text-indent: 14px; line-height: 2; } .pj2 .fr li { float: left; color: #fff; width: 290px; text-indent: 0; line-height: 1.5; } .pj2 .fr { width: 54%; margin-top: 50px; } .pj2 .fr li img { width: 290px; } .pj2 .fr li span { display: block; text-align: center; padding: 10px 0; } .pj2 .fr li:nth-child(3) { width: 100%; } .pj2 .fr li:nth-child(3) img { width: 95%; } .pj3 { background-image: linear-gradient(rgba(0, 64, 142, .7), rgba(0, 0, 0, .5)), url(../images/pj3.jpg); background-position: center center; background-size: cover; height: 530px; margin-top: 50px; color: #fff; } .pj3 .fl { width: 60%; line-height: 2; padding: 40px 0 0; } .pj3 .fl p { text-indent: 20px; } .pj3 h3 { font-size: 34px; text-align: right; margin-top: 200px; } .pj3 .fr p { font-size: 15px; margin-top: 20px; } .pj3 .fl img { width: 77%; margin-top: 15px; } .pj5 { background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../images/body.jpg); background-position: center center; background-size: cover; padding: 50px 0; height: 660px; } .pj5 h3 { font-size: 32px; color: #fff; text-align: center; margin-top: 30px; } .pj5 h3 span { display: block; font-size: 14px; font-weight: normal; margin: 13px; padding-bottom: 30px; } .pj5 p { text-align: center; color: #ccc; margin-bottom: 50px; } .pj5 ul li { float: left; width: 380px; margin-right: 30px; } .pj5 ul li:last-child { margin-right: 0; } .pj5 ul li b { display: block; color: #eee; padding: 10px 0 20px; font-size: 18px; } .pj5 ul li span { font-size: 14px; color: #ccc; text-align: justify; line-height: 1.6; display: block; } .pj5 ul li:hover { border-bottom: 3px solid #c9ae83; padding-bottom: 20px; } .pj6 { margin-top: 50px; } .pj6 h3 a { font-size: 32px; font-weight: normal; color: #000; } .pj6 h3 em { padding-left: 10px; color: #666; font: normal 16px georgia; } .arc_pj h1 { padding: 20px 0 !important; font-size: 34px !important; } .arc_pj em { display: block; text-align: center; font-family: georgia; font-size: 18px; text-transform: uppercase; color: #999; padding-bottom: 10px; } .arc_pj .shownews_bod img, .shownews_bod a img { max-width: none; } /*绠€浠?/ .jianjie { padding: 50px 0; background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .4)), url(../images/jianjie.jpg); background-position: center center; background-size: cover; } .jianjie .fl { width: 45% } .jianjie .fl img { width: 90% } .jianjie .fr { width: 52%;margin-top:60px; } .jianjie .fr video{ width: 100% } .jianjie h4 { font-size: 26px; color: #fff; margin: 30px 0; } .jjtext { color: #fff; line-height: 2; } .jjtext div { margin-top: 30px } .jjtext div img { width: 157px; margin-right: 7px; } .jjtext div em { background: rgba(41,25,25,0.7); width: 152px; height: 92px; display: block; } .jjtext em a { text-align: center; display: block; line-height: 92px; color: #fff; } /*宸ョ▼*/ .anli { padding: 55px 0 70px; background: #f1f1f1 } .shebei { width: 100%; margin: 60px auto; overflow: hidden; } .shebei h3,.case_t h3 { font-weight: 500; font-size: 34px; text-align: center; line-height: 1.4em; margin: 10px 0 60px; color: #333 } .shebei li { float: left; width: 22%; margin: 0 1.5%; } .shebei li a { display: block; width: 100%; } .shebei li img { width: 100%; height: auto; } .shebei li span { text-align: center; display: block; color: #333; margin-top: 10px; font-size: 14px; } .dingzhi { background: #f1f1f1; height: 450px; } .dingzhi .fl { width: 50%; padding: 50px 0 46px; } .dingzhi .fr { padding: 80px 0 62px; } .dingzhi h3 { font-weight: 500; font-size: 34px; line-height: 1.4em; margin: 10px 0 40px; color: #333; } .dingzhi li { font-size: 16px; color: #444; list-style: disclosure-closed inside; line-height: 36px; padding-bottom: 10px; } .case_t h3 { margin: 70px 0 30px; } .casexq { background: #fff; margin-bottom: 20px } .case_b { padding-left: 35px; padding-right: 35px; line-height: 40px; font-size: 16px; color: #30190e; overflow: hidden; letter-spacing: 0.5px; } .case_c { margin: 30px 0; overflow: hidden; text-indent: 25px; } .case_c br { display: block; margin-top: 20px; } .case_c img { max-width: 100%; text-align: center; margin: 15px auto; display: block; } .case_c a { color: #30190e; border-bottom: 1px solid #333; padding-bottom: 3px } .case_b .gjc { margin: 0; float: left } .case_b .bdsharebuttonbox { float: right; } .case_b .bdsharebuttonbox a { border-bottom: none; margin-top: 10px !important; } .tuijian .list_i li { float: left; width: 292px; border: 1px solid #dfdfdf; margin-right: 10px; position: relative; box-sizing: border-box; overflow: hidden; } .list_i { margin: 30px 0 100px; } .tuijian .list_i li:nth-child(4n) { margin-right: 0; } .tuijian .list_i li img { display: block; width: 100%; } .tuijian .list_i p { padding: 10px 12px; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; text-align: center; color: #fff; font-size: 14px; } .case_fristbg { position: relative; background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .5)), url(../images/casebg.jpg); background-size: cover; background-repeat: no-repeat; min-height: 670px; } .case_frist { max-width: 900px; margin: 0 auto; overflow: hidden; width: 100%; padding: 70px; } .case_frist img { width: 100%; height: auto; vertical-align: bottom; } .casedetail { background: #f1f1f1; height: 50px; padding: 55px 0; } .casedetail .content { width: 1300px; } .casedetail .fr { margin-top: -27px; } .casedetail h1 { font-size: 38px; font-weight: bold; } .rx { font-size: 16px; color: #999; text-align: right; } .dh { color: #e60d02; font-size: 30px; font-weight: bold; } .casedetail .bj { background: #f00; box-shadow: 2px 2px 5px #999; height: 42px; line-height: 40px; text-align: center; font-size: 22px; color: #fff; border-radius: 4px; } .casemain .shebei .fl { width: 400px; margin-left: 150px; } .casemain .shebei .fl img { width: 100%; } .casemain .shebei .fr { width: 600px; } .casemain .shebei .fr h4 { font-size: 24px; color: #444; padding: 40px 50px 20px; } .casemain .shebei .fr li { width: 100%; padding: 10px 50px; list-style: disclosure-closed inside; margin: 0; color: #777; } .casemain .shebei .fr .zixun { padding-left: 50px; font-size: 18px; margin-top: 15px; text-align: left; } /*鏂伴椈*/ .news { padding: 55px 0 70px; } .newsall { padding: 50px 0; background-image: linear-gradient(rgba(225, 0, 0, .1), rgba(225, 225, 225, .3)), url(../images/news.jpg); background-position: center center; background-size: cover; } .newsdetail { width: 1502px; margin: 0 auto; height: 350px; } .newsdetail dl { width: 236px; height: 350px; float: left; margin-right: 17px; background: #fff; position: relative; overflow: hidden; box-shadow: 4px 4px 10px #666; transition: all 0.1s linear; } .newsdetail dl:hover { transform: translate(0px,-10px); } .newsdetail dl:last-child,.honor li:last-child { margin-right: 0 } .newsdetail dl dt a { font-size: 14px; color: #333; display: block; height: 30px; overflow: hidden; line-height: 30px; margin: 10px 10px 3px; } .newsdetail dd { font-size: 12px; color: #999 } .newsdetail em { padding: 0 10px 10px; display: block; color: #9aa7af; } .nmore { padding: 0 10px; line-height: 1.5; } .nmore a { color: #c66; padding-left: 5px; } .ret em { font-size: 20px; color: #555; margin-top: 20px; display: block; padding-bottom: 20px; border-bottom: 1px solid #ccc; } .main { margin-top: 50px } .main_l { float: left; width: 265px; margin-bottom: 20px; } .main_r { float: right; width: 873px; } .nlist-t { padding: 11px 0; font-size: 14px; text-align: center; color: #fff; background: #31190f; border-radius: 6px 6px 0 0; } .nlist-t h3 { font-family: georgia; } .nlist-t span { display: block; font-size: 24px; line-height: 1.2; font-weight: normal; } .nlist-nav li { font-size: 14px; line-height: 48px; background: #14110c url(../images/news-l.png) 50px 20px no-repeat; border-bottom: 1px solid #777; padding-left: 77px; } .nlist-nav a { color: #c9ae83; display: block; } .nlist-nav li:hover,.nlist-nav li.active { background: #846e46 url(../images/news-l.png) 60px 20px no-repeat; padding-left: 90px; } .nlist-nav li:hover a, .nlist-nav li.active a { color: #fff; } .side-recommend-tit { margin-top: 20px; font-size: 16px; line-height: 60px; color: #fff; background: #31190f url(../images/circle-ico.png) 25px center no-repeat; padding-left: 50px; } .side-recommend ul { display: block; padding: 10px; border: 1px solid #ececec; } .side-recommend ul li a { display: block; padding-left: 20px; font-size: 13px; line-height: 3; color: #765925; border-bottom: 1px dashed #ccc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .side-dot { float: left; margin-top: 18px; margin-left: -18px; width: 5px; height: 5px; background: #765925; } .side-products ul { padding: 20px 0 10px; border: 1px solid #ececec } .one-side-pro { position: relative; width: 220px; height: 168px; margin: 0 auto 20px; background: #fff; } .pic-box div { display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-family: Arial; line-height: 0; *line-height: 1; } .one-side-pro .pic-box div { width: 220px; height: 168px; *font-size: 147px; } .one-side-pro .pic-box img { width: 220px; height: 168px; } .side-pro-name { position: absolute; left: 0; right: 0; bottom: 0; font-size: 14px; line-height: 30px; text-align: center; color: #fff; background: rgba(0,0,0,.4); } .side-contact-tit { color: #fff; font-size: 18px; background: #30180e; height: 52px; padding-top: 18px; text-align: center; overflow: hidden; margin-top: 20px } .side-contact { text-align: center; font-size: 14px; padding: 10px; border: 1px solid #ececec; display: block; color: #666; line-height: 1.2 } .side-phone span { display: block; font-size: 24px; color: #30190e; } .side-contact p { padding-top: 10px; line-height: 25px; } .side-contact p a { color: #c9ae83; font-size: 16px; display: block; padding: 10px; background: #30180e; border-radius: 2px; } .page-line { display: block; clear: both; height: 5px; margin: 0 -15px; background: #d6d5d5; border-left: 280px solid #765925; } .page-title { font-size: 18px; line-height: 96px; color: #765925; border-bottom: 1px dashed #ddd; font-family: times new roman; } .page-title h1 { display: inline; font-weight: normal; } .local { float: right; padding-left: 20px; font-size: 12px; background: url(../images/home-ico.png) left center no-repeat; } .page-title span { font-size: 24px; } .local a { color: #765925 } .local a:hover { color: #846e46 } .list_news { padding: 25px 0 25px 0; margin-bottom: 20px; font-size: 14px; line-height: 30px; color: #4a4a4a; } .one-news a { position: relative; display: block; height: 135px; padding: 20px 20px 20px 205px; font-size: 12px; line-height: 24px; color: #666; border-bottom: 1px dotted #bbb; margin-bottom: 20px; } .one-news .pic-box { float: left; margin-left: -205px; padding: 3px; border: 1px solid #ddd; margin-right: 20px; } .one-news .pic-box div { width: 196px; height: 130px; *font-size: 111.13px; } .one-news .pic-box img { max-width: 196px; max-height: 130px; } .one-news-tit { margin-bottom: 10px; font-size: 16px; line-height: 30px; color: #765925; border-bottom: 1px solid #bbb; margin-left: 20px; padding-bottom: 5px; font-weight: bold; } .view-news { position: absolute; bottom: 20px; right: 20px; color: #846e46; } .one-news a:hover { box-shadow: 1px 1px 10px #765925; } .shownews_tit { font-size: 28px; color: #171c2d; text-align: center; margin-bottom: 10px; margin-top: 20px; } .bdsharebuttonbox { width: 162px; margin: 0 auto; } .bdsharebuttonbox a,.client-2 li a,.client-2 li a:hover { transition: all 0s linear; } .shownews_bod { margin-top: 20px; padding-top: 30px; border-top: 1px solid #cdced2; padding-bottom: 20px; border-bottom: 1px solid #cdced2; margin-bottom: 20px; line-height: 34px; color: #333; font-size: 16px; } .shownews_bod a { color: #111; border-bottom: 1px solid #000; } .shownews_bod img, .shownews_bod a img { text-align: center; width: auto !important; height: auto !important; margin: 20px auto; display: block; overflow: hidden; max-width: 873px; } .fanye { font-size: 15px; text-align: center; position: relative; border: 1px solid #ddd; border-width: 1px 0 1px 0; } .fanye .fl span { float: left; padding: 10px 0; } .fanye .fl span:hover { color: #c9ae83; background: #000; } .fanye a { color: inherit; } .fanye .fr a { background: #30180e; line-height: 42px; height: 42px; display: block; margin-top: 14px; padding: 4px 20px; color: #fff; width: 66px; } .zzfbrs { text-align: center; font-size: 12px; color: #999; margin-bottom: 6px; } .about_titt { height: 40px; line-height: 40px; border-bottom: 1px solid #b89668; margin-bottom: 20px; } .about_titt span { float: left; font-size: 14px; color: #b89668; border-bottom: 3px solid #b89668; line-height: 39px; } .like_news li { float: left; width: 210px; margin-right: 10px; overflow: hidden; margin-bottom: 20px; height: 189px; } .like_news li:nth-child(4n) { margin-right: 0px; } .like_news li a { color: #333; font-size: 14px; } .gjc { font-size: 14px; color: #1e1736; margin-top: 30px; margin-bottom: 20px; } .gjc a { color: #fff; padding: 6px 10px; background-color: #000; border-radius: 2px; margin-right: 6px; } .btlk { font-size: 14px; line-height: 26px; } .btlk a { color: #000; } /*鑽h獕*/ .rongyu { background: #f1f1f1; padding-top: 50px; } .honor { width: 1876px; margin: 0 auto; height: 260px; } .honor li { float: left; margin-right: 20px; } /*鍚堜綔*/ .pic_list{ width:1850px; margin:0 auto 80px } .pic_list ul li{ float:left; width:200px; height:150px; border:1px solid #eee; transition:all 0.5s; overflow: hidden; cursor: pointer; } .pic_list li img { width: 200px; overflow: hidden; height: auto; } .pic_list ul li:hover{ border:1px solid #ffa500 } /*鍙嬮摼*/ .flink { padding: 30px 0; } .flink div { width: 1200px; margin: 0 auto } .flink em { color: #777; } .flink a { font-size: 14px; color: #bbb; padding: 2px; } /*搴曢儴*/ footer { width: 100%; background: #f3b96c; padding: 10px 0 30px 0; } .footer { width: 1200px; margin: 0 auto; position: relative; } .address { line-height: 32px; color: #000a4e; font-size: 12px; margin-top: 15px; width: 100%; } .link_btn { position: absolute; bottom: -10px; right: 0; } .link_btn li { float: left; margin-right: 12px; position: relative; } .link_qq { width: 129px; height: 40px; background: url(../images/wxicon.png) 0 0 no-repeat; display: block; } .link_btn li:last-child { margin-right: 0px; } .link_weixin { width: 129px; height: 40px; background: url(../images/wxicon.png) -260px 0 no-repeat; display: block; position: relative; z-index: 2; } .link_weixin_ewm { position: absolute; top: -138px; height: 0px; overflow: hidden; width: 129px; background-image: url(about:blank); } .link_weixin_kfe { position: absolute; top: -138px; height: 0px; overflow: hidden; width: 129px; background-image: url(about:blank); } .footerbt { width: 100%; padding: 15px 0; background: #0a0a0a; overflow: hidden; } .footerbt,.footerbt a { color: #999; font-size: 12px } /*鍐呴〉閫氭爮*/ .inner-banner,.inner-banner img { width: 100%; vertical-align: top; margin-top: 55px } .subBanner { margin-top: 110px; width: 100%; height: 150px; overflow: hidden; /*background-image: linear-gradient(rgba(225, 225, 225, .5), rgba(0, 0, 0, .1)), url(../images/subBannerbg.jpg); box-shadow: 1px 1px 10px #000;*/ } .subBanner .name { padding: 40px 12px 0 0; width: 188px; height: 125px; /*background: url(../images/subBannerbg1.png) no-repeat right top; color: #fff;*/ font-size: 33px; text-align: right; margin-top: -70px; } .subBanner .about_tit { margin-top: 72px } .black { overflow: hidden; background: #0a0605; height: 60px; line-height: 60px; } .black .about_tit span, .black .about_tit span a { color: #765925; font-size: 15px; } .about_tit { height: 46px; line-height: 46px; border-bottom: 1px dashed #dcdcdc; } .about_tit span { float: left; font-size: 14px; } .about_tit span a,.about_tit b { color: inherit; font-family: microsoft yahei; letter-spacing: 0; } .about_tit b { border-left: 10px solid #b37c32; font-weight: normal; padding-left: 8px; } .tlm { padding: 30px 0; } .tlm h1 { text-align: center; padding: 35px 0 30px; font-size: 32px; } .tlm h1 a { color: #333; } .tlm h1 em { font-size: 32px; display: block; margin-top: 12px; font-weight: bold; font-family: times new roman; color: #ccc; text-transform: uppercase; } .list_img { margin-top: 30px; display: inline-block; } .list_img li { width: 380px; float: left; margin: 0 29px 35px 0; position: relative; box-shadow: 0px 0px 5px #dbcab4; } .list_img li:nth-child(3n) { margin-right:0; } .list_img li div { height: 248px; border: 8px solid transparent; } .list_img li div img { width: 364px; height: 248px; } .list_img li div img:hover { } .list_img li p { position: absolute; left: 0; right: 0; bottom: 8px; margin: 0 auto; width: 364px; height: 32px; line-height: 32px; color: #FFF; text-align: center; background: rgba(0, 0, 0, 0.4); font-size: 14px; } .yema { margin-bottom: 30px; } .yema li { float: left; font-size: 14px; color: #fff; margin-right: 8px; padding: 5px 10px; background-color: #31190f; border-radius: 2px; } .thisclass { font-weight: bold; display: block; background-color: #765925 !important; } .yema li a { color: inherit; display: block } .yema li a:hover { color: #765925; } .wrap-rec { padding: 0 28px 16px; border: 1px solid #e3e3e3; border-top: 5px solid #dea959; margin: 30px 0 50px; display: inline-block; } .in-common-tit { font-size: 16px; margin-bottom: 20px; border-bottom: 1px dashed #d9d9d9; padding-left: 7px; color: #5d5d5d; font-weight: bold; height: 60px; line-height: 60px; } .in-common-tit span { font-weight: normal; font-size: 13px; color: #c4c4c4; } .hot-news { position: relative; clear: both; display: block; height: 170px; padding: 0 50px 20px 362px; font-size: 14px; line-height: 30px; color: #5d5d5d; } .hot-news .pic-box { float: left; margin-left: -362px; } .pic-box div { display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-family: Arial; line-height: 0; *line-height: 1; } .hot-news .pic-box div { width: 332px; height: 170px; } .hot-news .pic-box img { max-width: 332px; max-height: 170px; vertical-align: middle; } .hot-news-title { font-size: 16px; line-height: 1.2; color: #5d5d5d; font-weight: bold; padding-bottom: 16px; } .hot-news .con { height: 100px; overflow: hidden; } .hot-news .view-hot-news { width: 98px; display: block; border-radius: 16px; line-height: 30px; line-height: 30px; text-align: center; color: #fff; background: #b46f08; } .index-newss .bd { border-top: 1px dashed #d9d9d9; padding: 18px 0 0 0; } .index-newss .bd li { float: left; width: 50%; } .index-newss .bd a { padding: 0 16px; display: block; font-size: 14px; line-height: 34px; color: #666666; background: url(../images/circle.png) left center no-repeat; } .index-newss .bd span.fr { font-size: 12px; color: #a7a7a7; } /*鑱旂郴*/ .contact { min-height: 1028px; background: url(../images/f-bg.jpg) no-repeat; background-size: cover; background-position: center; display: block; overflow: hidden } .contact .content { width: 1920px } .map { max-width: 990px; padding: 90px 46px 0 0; } .map img { max-width: 100%; } .lian { margin-top: 112px; border-left: 1px solid #b4b3b1; padding: 50px 0 46px 60px; color: #aaacab; width: 41.66666667%; text-align: left; } .desc-b { color: #fff; font-size: 44px; font-weight: normal; text-align: left; } .desc-s { font-size: 34px; margin-bottom: 75px; margin-top: 5px; } .zs,.sj { margin: 20px 0; font-size: 34px; color: #c9ae83; display: inline-block; } .zs b,.sj b,.sj,.dz em { display: block; } .zs b,.sj b { font-family: georgia; } .dz { font-size: 32px; display: inline-block; margin: 20px 0; width: 80%; } .zd,.zd a { color: #765925; margin: 20px 0; font-size: 18px; } /*瀵艰埅*/ .prdown { position: relative } .navigation-down{ position:absolute; z-index:999; left:0; width:100% } .navigation-down .nav-down-menu{ width:100%; margin:0; background:#fff; position:fixed; top:110px; z-index:999; box-shadow: 1px 1px 5px #ddd; } .navigation-down .nav-down-menu .navigation-down-inner{ margin:auto; width:1230px; position:relative } .sub_menu_list .category { float: left; width: 240px; height: 460px; border-right: 1px solid #f2f2f2; padding: 30px 0; } .sub_menu_list .category li{ float: left; width: 240px; height: 40px; line-height: 40px; text-indent: 20px; margin-bottom: 12px; cursor: pointer; font-size: 14px; color: #303030; background: url(../images/sj.png) no-repeat 210px center; } .sub_menu_list .category li a { color: #303030; } .sub_menu_list .category li:hover a { font-weight: bold; } .sub_menu_list .category li.active { background-color: #f2f2f2; } .sub_menu_list .content { float: left; width: 989px; padding: 20px 0; } .sub_menu_list .content .cont_list { float: left; width: 986px; display: none; } .sub_menu_list .content .cont_list a { float: left; padding: 18px 20px; margin: 0 0 20px 20px; color: #555; font-size: 15px; } .sub_menu_list .content .cont_list a img { width: 126px; } .sub_menu_list .content .cont_list a span { float: right; width: 140px; padding-top: 35px; } .sub_menu_list .content .cont_list a:hover { background: #f2f2f2; } #LXB_CONTAINER_SHOW.lxb-container-btn-show { width: 150px; height: 40px; font-size: 16px !important; font-family: microsoft yahei; line-height: 2.4; letter-spacing: 1px; background: #31190f url(../images/tel.png) 10px center no-repeat !important; box-shadow: 2px 0px 5px #696969; text-indent: 30px; } #LXB_CONTAINER_SHOW.lxb-container-btn-show br { float: left; display: none; } #LXB_CONTAINER.lxb-container-mobile-3, #LXB_CONTAINER.lxb-container-mobile-4 { width: 360px !important; left: 40% !important; } #LXB_CONTAINER.lxb-container-mobile-3 .lxb-cb-input-tip-content, #LXB_CONTAINER.lxb-container-mobile-4 .lxb-cb-input-tip-content { line-height: 20px !important; font-size: 14px !important; font-family: microsoft yahei !important; } #LXB_CONTAINER .lxb-cb-input-tip b { font-size: 14px !important; } /*鍒嗛〉鐩稿叧*/ .pagelist ul{text-align:center;margin:20px 0;} .pagelist li{display:inline-block;margin:0 2px;} .pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;} .pagelist li a:hover{border-color:#1184DA;background:#1184DA;color:#fff;} .pagelist li.active a{border-color:#1184DA;background:#1184DA;color:#fff;}