body { color: #666; font-size: 14px; font-family: "Microsoft Yahei"; width: 100%; overflow-x: hidden; } .inner-banner img { width: 100%; } @media only screen and (max-width: 768px) { .padding-big { padding: 10px; } .margin-big { margin: 10px; } .padding { padding: 5px; } .margin { margin: 5px; } .padding-big-top { padding-top: 10px; } .padding-big-bottom { padding-bottom: 10px; } .padding-big-left { padding-left: 10px; } .padding-big-right { padding-right: 10px; } .margin-big-top { margin-top: 10px; } .margin-big-bottom { margin-bottom: 10px; } .margin-big-left { margin-left: 10px; } .margin-big-right { margin-right: 10px; } } a:hover { color: #009933 } .more-btn { border: solid 1px #009933; color: #009933; margin-top: 10px; padding: 13px 23px; } .more-btn:hover { border: solid 1px #009933; background: none; color: #666; } .bg-main, .border-main .button.active, .pointer.border-main .active, .nav-pills.border-main .active a, .nav-main.border-main .nav-head, .pagination.border-main .active { background-color: #009933; } .border-main, .border-main .button, .border-main .tab-nav li a, .border-main .tab-body, .button.bg-main, .selected.border-main, .pointer.border-main li, .nav.border-main .active a, .nav.nav-tabs.border-main, .nav-main.border-main a, .nav-main.border-main .nav-head, .pagination.border-main li, .pager.border-main a { border-color: #009933 } .text-main, a.text-main:link, a.text-main:visited, .button.border-main, blockquote.border-main strong, .pager.border-main a, .nav a:hover, .nav-menu.nav-pills .active ul a:hover, .bg-inverse .nav-menu ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover, .bg-inverse .nav.nav-menu.nav-pills ul a:hover, .bg-inverse .nav.nav-menu.nav-pills .active ul a:hover { color: #bb262a; } .pagination.border-main li { margin: 0px 5px; } .button.bg-sub { border: solid 1px #009933; } .bg-nav { background: #0066CC; } .bg-gray { background-color: #f5f5f5; } .bg-black2 { background-color: #009933; } .nav .active a { font-weight: normal; } .bg-inverse .nav.nav-pills .active a, .bg-inverse .nav.nav-pills.nav-inline a:hover { background-color: #f60; color: #fff; } .nav-menu li { padding: 10px 5px; margin-right: 0px; margin-left: 0px; } @media only screen and (max-width: 1200px) { .nav-menu li { padding: 10px 10px; } .bg-inverse .nav-inline li a { padding: 8px 15px; } } @media only screen and (max-width: 1000px) { .nav-menu li { padding: 5px 0px; } .wrap-header .container { width: 100%; } .bg-nav .container { width: 100%; } .bg-inverse .nav-inline li a { padding: 5px 15px; } } .nav-menu li .drop-menu li { margin-right: 0px; margin-left: 0px; } .nav-navicon .input-group .input { width: auto; float: right } .nav-menu li.active, .nav-menu li:hover { background-color: #f60 } .nav-pills .active a, .nav-pills a:hover { background-color: #009933; color: #fff } .navbar-body .nav ul a:hover { background: none; } .nav-menu li:hover .drop-menu a { color: #222 } .nav-menu .drop-menu { background-color: #6666FF; border-radius: 0px; } .nav-menu .drop-menu li { padding: 5px 10px; } .button.bg-main { background-color: #552618; border-color: #552618 } .button.border-main { border-color: #e80303; color: #e80303 } .pointer.border-main li { border-color: #552618 } .pointer.border-main li.active { background-color: #552618 } .border-main { border-color: #e80303 } .w100 { width: 150px; } .icon-navicon { position: absolute; right: 10px; top: 30px; } .nav-navicon .input-group .input { width: auto; float: right } .nav a { color: #fff; text-align: left; font-size: 16px; } .wrap-top { padding: 3px 0px; background-color: #eee; color: #666 } .wrap-top a { color: #666 } .wrap-header { box-shadow: 0 3px 6px rgba(0, 0, 0, .175); } .button.bg-main { background-color: #009933; border-color: #009933 } .button.border-main { border-color: #009933; color: #009933 } .pointer.border-main li { border-color: #009933 } .pointer.border-main li.active { background-color: #009933 } .border-main { border-color: #009933 } .border-sub, .button.border-sub { border-color: #009933; color: #009933 } .about-box .border-sub { border-color: #fff; color: #fff } .button.border-sub:hover { border-color: #009933; background-color: #009933; color: #fff; } h1.s1 { font-size: 24px; color: #333; } h2.s1 { font-size: 16px; color: #555; text-transform: uppercase } .flico { font-size: 66px; display: block; color: #009933; text-align: center } .remen { padding-left: 10px; line-height: 34px; } .ss { border: solid 1px #009933 } .ss-btn { border-radius: 0px; background-color: #f60; border: 0px; color: #fff; } .tel { height: 63px; padding-left: 0px; line-height: 63px; font-size: 16px; text-align: right } .tel span { padding-right: 5px; } .tel strong { color: 0066CC; font-size: 18px; font-weight: 800px; padding-left: 5px; } .fengge { font-size: 14px; color: #555; float: right } .about-bg { } .about-box { padding: 30px; color: #666; margin: 20px 0px; } .about-box h2 { font-size: 18px; color: #009933; } @media only screen and (max-width: 768px) { .about-box h2 { font-size: 14px; } } .about-box a { color: #009933; } .service { background-color: #f5f5f5; } .service .serico { font-size: 40px; color: #fff; padding-right: 10px; } .service h2 { font-size: 18px; color: #cc0000; padding-top: 20px; } .service p { font-size: 14px; color: #333; } .youshi { background: url(../images/ysbg.jpg) center top repeat-y; } .youshi .ysico { font-size: 100px; display: block; color: #009933; text-align: right } .youshi p { font-size: 14px; color: #fff; padding-top: 5px; } .youshi h1 { font-size: 28px; color: #009933; } .youshi h2 { font-size: 18px; color: #fff; display: block; padding: 0px; margin: 0px; } @media only screen and (max-width: 768px) { .youshi h1 { font-size: 24px; } .youshi h2 { font-size: 14px; } } .youshi .item h2 { font-size: 20px; color: #009933; border-bottom: dashed 1px #009933; padding-bottom: 8px; } .youshi2 { background: #22b7fc url(../images/ysbg.jpg) right center no-repeat; } .youshi2 h1 { font-size: 24px; color: #fff; } .youshi2 .ysitem { margin: 10px; background-color: #fff; padding: 20px; } .youshi2 .ysitem2 { margin: 10px; background-color: #009933; padding: 20px; } .youshi2 h2 { font-size: 18px; color: #009933; display: block; padding: 0px; margin: 0px; } .youshi2 .ysitem p { font-size: 14px; color: #333; padding: 0px; margin: 0px; } .youshi2 .ysitem2 h2 { color: #fff } .youshi2 .ysitem2 p { font-size: 14px; color: #fff; padding: 0px; margin: 0px; } .bb { border-bottom: solid 1px #009933; font-size: 24px; color: #cc0000; } .bb2 { border-bottom: solid 0px #ddd; color: #fff; } .prolist h3 { padding: 8px 0px; text-align: center; } .typelist { padding-bottom: 30px; padding-left: 20px; font-size: 20px; } .typelist a { border: solid 1px #009933; color: #009933; padding: 10px 20px; } .typelist a span { color: #009933; padding-right: 5px; } .typelist div { text-align: center; padding-top: 10px; margin: 10px 0px; } .pro { background: #FFFFFF; } .proitem { padding: 10px; overflow: hidden; margin-bottom: 0px; } .proitem img { width: 100%; transition: all 0.3s; padding: 4px; background: #6699CC; } .proitem img:hover { transform: scale(1.02); } .proitem .protext { text-align: center; padding: 0px 10px 10px 10px; background: #0099CC; color: #fff } .pro h1.s1, .pro h2.s1 { color: #333; } .more-btn2 { background: #fff; color: #009933; margin-top: 10px; padding: 13px 23px; } .more-btn2:hover { background: #fff; color: #666; } .index-proclass { margin-top: 10px; } .index-proclass h1 { line-height: 40px; background-color: #009933; color: #fff; font-size: 16px; padding: 10px 10px; text-align: center } .index-proclass ul { margin: 0px; padding: 0px; border: solid 1px #ddd; border-bottom: 0px; } .index-proclass li { line-height: 48px; border-bottom: solid 1px #ddd; background-color: #fff; list-style: none; margin: 0px; text-align: center } .index-proclass li:hover, .index-proclass li.on { background-color: #009933; } .index-proclass li a { color: #333; } .index-proclass li:hover a, .index-proclass li.on a { color: #fff; } .case { background: #f5f5f5; } .caselist h3 { padding: 8px 0px 20px 0px; text-align: center; } .casebox { padding: 10px; overflow: hidden; } .caseitem { box-shadow: 0 22px 20px rgba(0,0,0,.10); } .caseitem img { padding: 10px; width: 100%; transition: all 0.3s; } .caseitem img:hover { transform: scale(1.02); } .caseitem.bg { background-color: #267ae4; color: #fff } .business { background: #fff; } .busilist h3 { padding: 8px 0px 20px 0px; text-align: center; color: #666 } .busibox { padding: 10px; overflow: hidden; } .busiitem { border: solid 1px #eee; } .busiitem img { padding: 10px; width: 100%; transition: all 0.3s; } .busiitem img:hover { transform: scale(1.02); } /*鏂伴椈涓€*/ .newsitem .news-date { text-align: center; display: inline-block; float: left; width: 5rem; height: 5rem; background: #f2f2f2; } .newsitem ul { padding-left: 0px; } .newsitem li { border-bottom: dashed 1px #ddd; padding-bottom: 5px; margin-bottom: 10px; } .newsitem .news-date1 { text-align: center; color: #666666; font-size: 1.5625rem; margin-top: 0.6rem; } .newsitem .news-date2 { text-align: center; color: #999999; font-size: 0.8rem; } .newsitem .news-bodys { padding: 0 0.875rem; overflow: hidden; zoom: 1; } .newsitem .news-bodys h3 { word-wrap: break-word; overflow: hidden; } .newsitem .news-bodys p { word-wrap: break-word; overflow: hidden; line-height: 1.15rem; font-size: 0.75rem; color: #999; margin-top: 10px; } /*鏂伴椈2*/ .news-span1 { width: 16.66666667%; } .news-span2 { width: 83.33333333%; } .news-item2 { position: relative; overflow: hidden; padding: 0px; margin: 4px 0; } .news-item2 .news-time { padding: 6px 0; border-right: 1px solid #eee; text-align: center; color: #666666; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .news-action { padding: 0px 12px 0px 25px; box-sizing: border-box; } .news-item2 .news-time .news-time-date { font-size: 22px; } .news-item2 .news-title { position: relative; font-size: 18px; color: #666666; line-height: 24px; padding-bottom: 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-item2 .news-desc { font-size: 12px; color: #999999; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .news-item2 .news-tit { position: relative; z-index: 10; } .news-item2:after { content: ""; background-color: #009933; position: absolute; top: 0; left: 0; width: 0; height: 100%; z-index: 0; display: block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .news-item2:hover:after { width: 100%; } .news-item2:hover .news-title, .news-item2:hover .news-desc, .news-item2:hover .news-time { color: #fff; } .news-head { width: 100%; line-height: 25px; padding: 20px; text-align: center; font-size: 20px; font-weight: 800px; color: #fff } .news-head span { padding-right: 8px; } .news-head.bg1 { background-color: #00a848; } .news-head.bg2 { background-color: #29d1a0; } .news-head.bg3 { background-color: #f60; } @media only screen and (max-width: 768px) { .news-span1 { width: 16.66666667%; } .news-span2 { width: 81.6%; } .news-action { padding: 0px 12px 0px 15px; box-sizing: border-box; } .news-item2 .news-time .news-time-date { font-size: 18px; } .news-item2 .news-title { padding-bottom: 6px; } .news-item2 .news-title { font-size: 16px; } } .jobsitem { } .jobsitem ul { padding: 0px; } .jobsitem li { border: solid 1px #ddd; background-color: #f9f9f9; margin-bottom: 10px; } .jobsitem li h3 { padding: 10px 15px; } .jobsitem li .jobs-info { padding: 10px 10px; } .jobs-info div { border-bottom: dashed 1px #ddd; padding: 5px; } .jobsitem li .jobs-bodys { padding: 10px 15px; } /*搴曢儴*/ .bg-sub { background-color: #0066CC; border-top: solid 1px #00aa64; } .bg-sub .container { background-color: #0066CC; color: #fff; } .bg-sub a { color: #fff; } .bg-footnav { background: #0066CC; padding-top: 40px; padding-bottom: 40px; } @media only screen and (max-width: 768px) { .bg-footnav { padding-top: 20px; padding-bottom: 20px; } } .bg-footnav .footmenu { padding-right: 20px; } .bg-footnav p { color: #FFFFFF } .nav.nav-sitemap a { color: #b9e9b9 } .nav-sitemap ul a { padding-left: 0px; color: #b9e9b9 } .foot-weixin { width: 130px; border: solid 10px #00aa64; } .bg-footnav .wx { border-left: solid 1px #00aa64; } .qq { width: 20px; height: 20px; background: url(../images/qq.png); display: inline-block; margin: -2px 2px 0px; } .product-about li { line-height: 3rem; border-bottom: dashed 1px #aaa; } .news-line { text-align: center; border: dashed 1px #aaa; margin-bottom: 40px; } .news-body { margin: 20px auto; } .order-tip { color: #fff; padding-left: 25px; } .order-tip .con { border: dashed 1px #aaa; line-height: 2.5rem } .bread { margin: 8px 0px; font-size: 13px; color: #555 } .bglx { background: url(../images/lxbg.jpg) top center no-repeat; } .lxico { font-size: 80px; display: block; color: #009933; text-align: center } .wt50{ width: 50%; margin: 0 auto; } @media only screen and (max-width: 768px) { .wt50{ width: 100%; margin: 0 auto; } } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; margin-bottom: 15px; } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block } .slick-track:before, .slick-track:after { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir='rtl'] .slick-slide { float: right } .slick-slide img { display: block; margin: 0 auto; } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } @charset 'UTF-8'; .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1 } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25 } .slick-prev { left: -25px } [dir='rtl'] .slick-prev { right: -25px; left: auto } .slick-prev:before { content: '\f104' } [dir='rtl'] .slick-prev:before { content: '\f104' } .slick-next { right: -25px } [dir='rtl'] .slick-next { right: auto; left: -25px } .slick-next:before { content: '\f105' } [dir='rtl'] .slick-next:before { content: '\f105' } .slick-dots { bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center } .slick-dots li { position: relative; display: inline-block; width: 40px; height: 40px; border: 2px solid #ddd; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 40px; height: 40px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent } .slick-dots li button:hover, .slick-dots li button:focus { outline: none } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1 } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '芒鈧?; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { opacity: .75; color: black } .ey-showimg-con, .img-paralist { margin-top: 30px; list-style: none; width: 80%; margin: 0 auto; } #ey-imgs-slick.slick-dotted { padding-bottom: 10px; margin-top: 30px; } #ey-imgs-slick { min-height: 150px; } #ey-imgs-slick .slick-dots li.slick-active { border-color: #ff6f06; } #ey-imgs-slick .slick-arrow i { font-size: 50px; color: #999; } [class*=' fa-'], [class^=fa-] { font-family: FontAwesome; font-weight: 400; font-style: normal; position: relative; display: inline-block; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: FontAwesome; font-weight: 400; font-style: normal; src: url('../fonts/fontawesome-webfont.eot?v=4.5.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg') } /*鎵嬫満绔?/ @media (max-width: 767px) { .ueditor_baidumap{ width: 100%; } } /*骞虫澘鐢佃剳*/ @media (min-width: 768px) and (max-width: 991px) { .ueditor_baidumap{ width: 100%; } }