body { color: #333; font-size: 13px; font-family: "Microsoft Yahei"; width: 100%; overflow-x: hidden; } .inner-banner img { width: 100%; } @media only screen and (max-width: 768px) { h1{ font-size: 18px; } .padding-big { padding: 0; font-size: 12px; } .margin-big { margin: 10px; } .padding { padding: 5px; } .margin { margin: 5px; } .padding-big-top { padding-top: 0; } .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: #0ae } .bg-main { background-color: #0ae } .bg-nav { background-color: #0ae } .bg-gray { background-color: #f5f5f5; } .bg-black2 { background-color: #09c; } .bg-sub { background-color: #069; color: #fff } .button.bg-main { background-color: #f90; border-color: #f70 } .button.border-main { border-color: #0ae; color: #0ae } .pointer.border-main li { border-color: #0ae } .pointer.border-main li.active { background-color: #0ae } .border-main { border-color: #0ae } .w100 { width: 150px; } .icon-navicon { position: absolute; right: 10px; top: 10px; } .nav-navicon .input-group .input { width: auto; float: right } @media only screen and (max-width: 1200px) { .logo { padding-top: 0px; } .nav-navicon { margin-top: 10px; } } @media only screen and (max-width: 992px) { .wrap-header .container { width: 100%; } .logo { padding-top: 0px; } .nav-navicon { margin-top: -40px; } } @media only screen and (max-width: 768px) { .logo { padding-top: 10px; } } .icon-navicon { position: absolute; right: 10px; top: 20px; } .nav-menu li.active, .nav-menu li:hover { background-color: rgba(0,153,255,1); } .nav-pills .active a, .nav-pills a:hover { background-color: rgba(0,153,255,1); color: #fff } .nav-inline.nav-menu ul a:hover { background-color: rgba(0,153,255,1); } .bg-inverse .nav li a:hover, .bg-inverse .nav .active a { background-color: rgba(0,153,255,1); } .nav a { color: #333; text-align: left; } .nav-menu li:hover drop-menu a { background-color: #ddd; color: #222 } .wrap-top { padding: 3px 0px; background-color: #09c } .wrap-header { box-shadow: 0 3px 6px rgba(0, 0, 0, .175); } .youshi .youshiico { font-size: 66px; display: block; color: #f90 } .prolist h3 { padding: 8px 0px; text-align: center; } .typelist { padding: 10px 0px; } .proitem { padding: 10px; } .proitem img { padding: 10px; width: 100%; border: solid 1px #999; } .newsitem .news-date { text-align: center; display: inline-block; float: left; width: 5rem; height: 5rem; background: #f2f2f2; } .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; } .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; } .nav.nav-sitemap a { color: #fff } .nav-sitemap ul a { padding-left: 0px; color: #fff } .foot-weixin { width: 120px; } .bg-link { background: #f5f5f5; border-top: solid 1px #ddd; } .bg-link a { line-height: 28px; padding: 0 10px; } .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 } .copyright a{ color: #fff; } .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-loading .slick-list { background:#fff url('../images/ajax-loader.gif') center center no-repeat } .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 } .mainlist{ display: none; position: fixed; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; right: 0; top: 0; bottom: 0; z-index: 9999; margin: auto; text-align: center; } .copyright1{ display: none; } @media screen and (max-width: 768px){ .mainlist{ display: block; } .copyright1{ display: block; } /*.main-im {*/ /* display: block!important;*/ /*}*/ .youshi .youshiico { font-size: 45px; display: block; color: #f90; } } .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: 60%; margin: 0 auto; } #ey-imgs-slick.slick-dotted { padding-bottom: 80px; } #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') } .fbook{ margin: 0 auto; float: initial; }