@charset "utf-8"; /** Theme Name: 强森锟斤拷锟斤拷医锟狡硷拷锟斤拷 Time : 2018-3-20 Auther : Lmfye **/ html,body,ul,li,img{ margin: 0; border:0; padding:0; list-style: none; } html{ font-size: 62.5%; } body { background: #fff; font-family: microsoft yahei, sans-serif; -webkit-text-size-adjust:none; } a{ text-decoration: none; } .clear{clear:both;} .fl{ float: left; } .fr{ float: right; } .w{ width: 100%; max-width:1200px; margin: 0 auto; } .text-center{ text-align: center; } .head{ height: 40px; line-height: 40px; background: #39424f; position: relative; z-index: 8; } .top-a{ display: block; font-size: 14px; padding: 0 5px; color:#fff; margin: 5px 0 5px 40px; line-height: 28px; position: relative; border: 1px solid #fff; border-radius: 3px; } .top-a:hover { border-color: #3bb3c3; } .top-a > a{ color: #fff; font-size: 16px; display: block; cursor: pointer; padding-left: 20px; background: url(../images/top-lswd-icon.png) left 5px no-repeat; } .top-a:hover > a{ color: #3bb3c3; background: url(../images/top-lswd-icon.png) left -20px no-repeat;; } .top-city-nav{ display: none; position: absolute; right: 0; width: 100%; padding-top: 6px; } .top-city-nav li{ background: #efefef; line-height: 34px; position: relative; } .top-city-nav > li{ text-align: center; } .top-city-nav li a{ display: block; padding: 0 15px; color:#b7b7b7; } .top-city-nav li:hover { background: #39424f; } .top-city-nav li:hover > a{ color:#34b0ca; } .top-a:hover .top-city-nav{ display: block; } /*.top-md-nav{ display: none; position: absolute; width: 350px; right: 100%; top: 0; background: #efefef; } .top-md-nav li{ width: 50%; float: left; text-align: left; } .top-city-nav li:hover .top-md-nav{ display: block; }*/ .tel{ font-size: 27px; } .menu{ width: 100%; position: fixed; top: 0; padding-top: 40px; z-index: 7; -webkit-transition: all .27s; -moz-transition: all .27s; -o-transition: all .27s; transition: all .27s; background: rgba(255,255,255,1); } .menu.fixed{ position: fixed; top: 0; padding-top: 0; background: rgba(255,255,255,.9); } .nav li{ float: left; line-height: 80px; margin: 0 18px; position: relative; font-size: 14px; color:#676767; } .nav > li:last-child{ margin-right: 0; } .nav li a{ color:#676767; } .nav li > a[href=""]{ cursor: default; } .nav li:hover > a{ color: #3ba9c3; } .nav li.act::before{ content: ""; position: absolute; top: 0; width: 100%; height: 3px; background: #3bb3c3; } .nav li.act > a{ color: #3ba9c3; } .nav-i-ul{ display: none; position: absolute; width: 135px; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .nav > li:hover .nav-i-ul{ display: block; } .nav-i-ul li{ float: none; line-height: 46px; border-bottom: 1px solid #c5c5c5; position: relative; margin: 0 8px; } .nav-i-ul li:first-child{ padding-top: 10px; } .nav-i-ul li:last-child{ padding-bottom: 10px; } .nav-i-ul li a{ display: block; color: #c5c5c5; } .nav-i-ul li a::after{ content: ">"; position: absolute; line-height: 46px; right: 8px; color: #c5c5c5; font-weight: bold; font-size: 16px; font-family: monospace; } .nav-i-ul li:hover{ border-bottom: 1px solid #3ba9c3; } .nav-i-ul li:hover a::after{ color: #3ba9c3; } .banner{ width: 100%; margin-top: 80px; } .sy-main-nav{ width: 100%; text-align: center; margin: 62px 0;0 } .sy-main-nav li{ display: inline-block; width: 228px; line-height: 52px; background: #efefef; margin:0 48px; font-size: 16px; border-radius: 24px; } .sy-main-nav li a{ color:#676767; display: block; } .sy-main-nav li:hover a{ color: #3ba9c3; } .sy-main-nav li:hover { background: #3bb3c2; } .sy-main-nav li:hover a{ color: #fff; } .m-bn{ width: 100%; height: auto; overflow: hidden; } .m-bn img{ height: 354px; display: block; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .m-til{ position: relative; padding: 65px 0 15px 0; border-bottom:1px solid #c1c0c0; } .m-til h1{ font-size: 14px; color:#969696; font-weight: normal; } .m-til h1 > span{ font-size: 28px; color: #676767; position: relative; } .m-til h1 > span::after{ display: block; content: ""; width: 100%; position: absolute; height: 3px; bottom: -26px; background: #676767; } .m-til .more{ color: #969696; font-size: 16px; margin-top: 20px; } .m-til .more span{ font-family: monospace; font-weight: bold; font-size: 16px; } .m-til .more:hover { color: #3ba9c3; } .main-a{ background: #efefef; } .sy-list{ text-align: center; padding-top: 55px; } .sy-list li{ display: inline-block; width: 250px; margin: 0 30px 55px 30px; } .sy-list li a{ display: block; width: 100%; height: 208px; border-radius: 12px; background: #F2DEDE; overflow: hidden; position: relative; } .sy-list li a > img{ width: 100%; height: 100%; } .sy-list li a span{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); text-align: center; } .sy-list li:hover a span{ display: block; } .sy-list li a span img{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .sy-list-t{ color: #969696; margin-top: 2px; width: 100%; height: 160px; padding: 10px 28px; border-radius: 12px; box-sizing: border-box; background: #fff; } .sy-list li:hover .sy-list-t{ color:#fff; background: #3bb3c2; } .sy-list-t h4{ font-size: 16px; margin: 10px 0 0 0; } .sy-list-t p{ font-size: 12px; text-align: left; line-height: 22px; height: 88px; overflow: hidden; } .sy-news li{ width: 50%; float: left; box-sizing: border-box; } .sy-news li:first-child{ padding-right: 40px; } .sy-news li:last-child{ padding-left: 40px; } .sy-news-img{ width: 152px; height: 125px; overflow: hidden; padding-right: 20px; background: #fff; } .sy-news-img a,.sy-news-img a img{ display: block; width: 100%; height: 100%; position: relative; } .sy-news-img:hover a::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(57,66,79,.3); } .sy-news li h1{ margin: 0; font-size: 16px; } .sy-news li h1 a{ display: block; color: #676767; padding-bottom: 15px; border-bottom: 1px solid #989898; overflow: hidden; white-space:nowrap ; text-overflow: ellipsis; } .sy-news li:hover h1 a{ color: #3ba9c3; } .sy-news li p{ margin: 0; padding-top: 15px; font-size: 14px; color: #676767; line-height: 26px; height: 78px; overflow: hidden; } .ptr-bn{ box-sizing: border-box; padding: 0 80px; } .ptr-bn .owl-item{ box-sizing: border-box; padding: 15px; } .foot{ background: #efefef; padding: 30px 0 30px 0; } .foot-t{ float: left; width: 33.3333%; } .foot-l{ width: 33.3333%; } .foot-c{ width: 500px; font-size: 16px; margin: 0 auto; } .foot-r{ float: right; width: auto; color: #605d5c; } .foot-r a{ display: block; color: #605d5c; font-size: 13px; line-height: 28px; } .foot-r h2{ font-size: 18px; margin-top: 0px; } .foot-r a:hover{ color: #3ba9c3; } .foot-c > div{ margin-bottom: 5px; line-height: 28px; color: #605d5c; } .foot-tel{ padding-left: 30px; background: url(../images/foot-tel-icon.png) left center no-repeat; } .foot-address{ padding-left: 30px; background: url(../images/foot-address-icon.png) left center no-repeat; } .foot-mail{ padding-left: 30px; background: url(../images/foot-mail-icon.png) left center no-repeat; } .ewm{ margin-top: 45px; } .ewm > div{ width: 100px; margin-right: 25px; line-height: initial; } .ewm > div img{ width: 100%; } .ewm > div p{ font-size: 12px; margin: 0; } .copyright{ line-height: 50px; color: #fff; background: #39424f; font-size: 13px; } .copyright a{ color: #fff; } .ab-team ul li img{ display: block; width: 100%; } .ab-po-ul { padding-top: 60px; overflow: hidden; } .ab-po-ul li{ float: left; width: 382px; height: 236px; line-height: 236px; margin-left: 27px; position: relative; margin-bottom:24px ; cursor: pointer; } .ab-po-ul li:nth-child(3n-2){ margin-left: 0; } .ab-po-ul li img{ display: block; width: 100%; height: 100%; } .ab-po-ul li span{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(103,103,103,.5); text-align: center; font-size: 14px; color: #fff; -webkit-transition: all .27s; -moz-transition: all .27s; -o-transition: all .27s; transition: all .27s; pointer-events: none; } .ab-po-ul li:hover span{ display: block; } .padding-bottom80{ padding-bottom: 80px; } .fixed-photo{ display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(103,103,103,.5); z-index: 10; } .fixed-photo.act{ display: block; } .fixed-box{ width: 900px; padding: 18px; box-sizing: border-box; background: #fff; margin: 10% auto; position: relative; } .fixed-box img{ width: 100%; height: auto; } .fixed-close { float: right; display: block; width: 35px; height: 35px; position: relative; cursor: pointer; } .fixed-close i{ position: absolute; top: 50%; width: 100%; left: 0; height: 1px; background: #676767; } .fixed-close i:first-child{ transform: rotate(45deg); } .fixed-close i:last-child{ transform: rotate(-45deg); } .qkb-nr,.qjk-nr{ padding:75px 0; font-size: 14px; color: #676767; } .qkb-l,.qjk-l{ width: 770px; } .qkb-l img{ width: 100%; } .qkb-r,.qjk-r{ width: auto; text-align: right; } .qkb-l-t strong{ display: block; font-size: 20px; margin-top: 30px; color: #00a1e9; } .qkb-l-t strong span{ color: #eb9000; } .qkb-l-t p{ line-height: 30px; } .ft-link{ margin-top: 50px; padding-top: 40px; border-top: 1px dashed #bdbdbd; } .prt-r-ys{ margin-top: 80px; padding-right: 10px; } .ys-ul li{ margin-bottom: 30px; } .ys-ul li span{ display: block; width: 49px; height: 49px; line-height: 49px; float: right; background: #eb891b; font-size: 46px; text-align: center; margin-left: 11px; color: #fff; overflow: hidden; } .ys-ul li h1{ margin: 0; line-height: 25px; font-size: 24px; color: #eb891b; } .ys-ul li p{ margin: 6px 0 0 0; } .qjk-l-t{ padding: 70px 0; } .qjk-l-tn{ position: relative; padding: 0 0 0 45px; height: auto; margin-bottom: 10px; } .qjk-l-tn span{ position: absolute; display: block; left: 0; top: 0; width: 38px; height: 100%; font-size: 18px; padding: 35px 10px 0 10px; box-sizing: border-box; line-height: 20px; background: #ef9b11; color: #fff; } .qjk-l-tnt{ background: #e8e8e7; padding: 15px 0 10px 30px; font-size: 14px; color: #676767; min-height: 150px; } .qjk-l-tnt p{ margin: 5px 0; } .qjk-r > p > span{ font-weight: bold; } .qjk-r .ys-ul li{ margin-bottom: 60px; } .qjk-r .ys-ul li p:nth-child(3){ margin-bottom: 15px; } .prt-r-top{ display: inline-block; width: 310px; padding-bottom: 22px; margin-bottom: 33px; border-bottom: 1px solid #c6c5c5; } .fd-tip{ position: fixed; right: 24px; bottom: 180px; z-index: 8; } .fd-tip a{ display: block; width: 40px; height: 35px; margin-top: 1px; opacity: .7; } .fd-tip a:hover{ opacity: 1; } .fd-tip .msg{ background: url(../images/fd-icon.png) center 0px no-repeat ; } .fd-tip .wb{ background: url(../images/fd-icon.png) center -36px no-repeat; } .fd-tip .ewm{ background: url(../images/fd-icon.png) center -71px no-repeat; } .fd-tip .totop{ background: url(../images/fd-icon.png) center -107px no-repeat; } .fd-tip .ewm img{ display: none; } .fd-tip .ewm:hover img{ display: block; position: absolute; right: 44px; bottom: 0; } .zjmz-team-ul{ overflow: hidden; } .zjmz-team-ul li{ width: 46%; float: left; margin-bottom: 65px; } .zjmz-team-ul li:nth-child(2n-1){ clear: both; padding-right: 4%; } .zjmz-team-ul li:nth-child(2n){ padding-left: 4%; } .zjmz-ul-img{ width: 80px; position: absolute; } .zjmz-ul-img img{ width: 100%; } .zjmz-team-r{ overflow: hidden; width: 100%; } .zjmz-team-r > p{ line-height: 24px; margin: 0; padding: 15px 0; border-top: 1px solid #e1e0e1; } .zjmz-team-r strong{ display: block; font-size: 20px; color: #eb9300; margin-left: 95px; } .zjmz-team-r h2{ margin: 0; font-size: 15px; color: #3bb3c3; margin-left: 95px; } .zjmz-team-rp{ padding-bottom: 30px; margin-left: 95px; } .zjmz-team-rp p{ margin: 6px 0 0 0; font-size: 13px; color: #696564; padding-left: 10px; } .zjmz-team-rp p::before{ content: " 锟斤拷 "; margin-left: -8px; } .zjmz-a{ position: relative; } .zjmz-a img{ display: block; width: 100%; } .zjmz-a-t{ position: absolute; width: 100%; bottom: 35px; box-sizing: border-box; padding:0 80px 0 23.9044%; font-size: 15px; color: #fff; line-height: 30px; } .sy-list-til{ margin: 56px 0 45px 0; } .sy-list-til strong{ display: block; line-height: 40px; padding-left: 30px; font-size: 20px; color: #fff; background: #3bb3c3; margin-bottom: 30px; } .sy-list-til p{ font-size: 17px; color: #696564; line-height: 30px; } .sy-list-rul{ float: right; } .sy-list-rul li{ width: 316px; line-height: 45px; background: #dededd; padding: 0 30px; margin-bottom: 10px; box-sizing: border-box; text-align: center; font-size: 20px; letter-spacing: 2px; } .sy-list-rul li a{ display: block; color: #969594; position: relative; } .sy-list-rul li.act,.sy-list-rul li:hover{ background: #ef9b11; } .sy-list-rul li.act a,.sy-list-rul li:hover a{ color: #fff; } .sy-list-tilh h2{ font-size: 17px; color: #ef9b11; margin: 0; } .sy-list-tilh p{ margin: 5px 0; } .zyhl-yellow{ font-size: 20px; background: #ef9b11; text-align: center; color: #fff; padding: 5px 0; font-weight: lighter; } .sy-list-rul li a::before{ content: ""; display: block; position: absolute; width: 25px; height: 45px; left: 0; top: 0; } .sy-list-rul li a::after{ content: ""; display: block; position: absolute; width: 25px; height: 45px; right: 0; top: 0; } .sy-list-rul li.zmjz a:before{ background: url(../images/sy-list-ricon.png) right 10px no-repeat; } .sy-list-rul li.zmjz:hover a:before,.sy-list-rul li.zmjz.act a:before{ background: url(../images/sy-list-ricon.png) left 10px no-repeat; } .sy-list-rul li.jktj a:before{ background: url(../images/sy-list-ricon.png) right -42px no-repeat; } .sy-list-rul li.jktj:hover a:before,.sy-list-rul li.jktj.act a:before{ background: url(../images/sy-list-ricon.png) left -42px no-repeat; } .sy-list-rul li.yxmr a:before{ background: url(../images/sy-list-ricon.png) right -98px no-repeat; } .sy-list-rul li.yxmr:hover a:before,.sy-list-rul li.yxmr.act a:before{ background: url(../images/sy-list-ricon.png) left -98px no-repeat; } .sy-list-rul li.wtkq a:before{ background: url(../images/sy-list-ricon.png) right -150px no-repeat; } .sy-list-rul li.wtkq:hover a:before,.sy-list-rul li.wtkq.act a:before{ background: url(../images/sy-list-ricon.png) left -150px no-repeat; } .sy-list-rul li.rjss a:before{ background: url(../images/sy-list-ricon.png) right -205px no-repeat; } .sy-list-rul li.rjss:hover a:before,.sy-list-rul li.rjss.act a:before{ background: url(../images/sy-list-ricon.png) left -205px no-repeat; } .sy-list-rul li.zyhl a:before{ background: url(../images/sy-list-ricon.png) right -258px no-repeat; } .sy-list-rul li.zyhl:hover a:before,.sy-list-rul li.zyhl.act a:before{ background: url(../images/sy-list-ricon.png) left -258px no-repeat; } .sy-list-rul li.lszz a:before{ background: url(../images/sy-list-ricon.png) right -312px no-repeat; } .sy-list-rul li.lszz:hover a:before,.sy-list-rul li.lszz.act a:before{ background: url(../images/sy-list-ricon.png) left -312px no-repeat; } .sy-list-rul li.jyzx a:before{ background: url(../images/sy-list-ricon.png) right -367px no-repeat; } .sy-list-rul li.jyzx:hover a:before,.sy-list-rul li.jyzx.act a:before{ background: url(../images/sy-list-ricon.png) left -367px no-repeat; } .sy-list-rul li a:after{ content: " >"; font-size: 28px; font-family: monospace; display: block; position: absolute; right: 0; width: 24px; height: 24px; top: 10px; border-radius: 50%; border: 1px solid #fff; color: #fff; line-height: 23px; text-align: center; text-indent: 5px; } .dy-til{ width: 100%; max-width: 1000px; margin: 50px auto; color: #676767; } .dy-til h1{ font-size: 24px; font-weight: normal; } .dy-t{ width: 100%; max-width: 1000px; margin: 0 auto 80px auto; font-size: 16px; line-height: 32px; color: #676767; } .dy-t img{ width: 100%; max-width:800px; } .fixed-t{ font-size: 16px; color: #676767; } .ds-w{ width: 100%; max-width:870px; margin: 145px auto 65px auto; } .transition{ -webkit-transition: all .27s; -moz-transition: all .27s; -o-transition: all .27s; transition: all .27s; } .hv-tfm:hover .hv-tfmx50{ -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } .tel-span{ float: left; font-size: 10px; line-height: 12px; display: block; color: #fff; padding-top: 5px; } .doc{ position: absolute; top: 50%; width: 92%; padding: 0 4%; left: 0; } .doc .prev,.doc .next{ float: left; width: 40px; height: 40px; transform: rotate(-45deg); position: relative;cursor: pointer; opacity: .6; } .doc .prev:hover,.doc .next:hover{ opacity: 1; } .doc .next{ float: right; transform: rotate(-45deg); } .doc .prev::before{ content: ""; position: absolute; left: 0; width: 4px; height: 100%; background: #fff; } .doc .prev::after{ content: ""; position: absolute; top: 0; width: 100%; height: 4px; background: #fff; } .doc .next::before{ content: ""; position: absolute; right: 0; width: 4px; height: 100%; background: #fff; } .doc .next::after{ content: ""; position: absolute; bottom: 0; width: 100%; height: 4px; background: #fff; } .mb-owl-box{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 9; } .mb-owl-c{ position: relative; top: 12%; width: 80%; max-width:900px; margin: 0 auto; height: auto; overflow: hidden; padding: 15px; background: #fff; box-sizing: border-box; } .mb-owl-c .owl-item span{ font-size: 16px; line-height: 26px; padding-top: 30px; } .mb-owl-box.act{ display: block; } .mb-owl-c .owl-controls{ bottom: 30px; } .mb-owl-c img{ width: 100%; } body > a:first-child{ position: absolute; z-index: -1; } .mb-owl-box .owl-controls .owl-nav{ padding: 0 40px; box-sizing: border-box; } .mb-owl-box .owl-controls .owl-nav [class*=owl-]{ position: relative; width: 36px; height: 36px; } .mb-owl-box .owl-controls .owl-nav div::before{ content: ""; display: block; position: absolute; width: 4px; height: 100%; background: #333; top: 0; } .mb-owl-box .owl-controls .owl-nav div::after{ content: ""; display: block; position: absolute; width: 100%; height: 4px; left: 0; background: #333; } .mb-owl-box .owl-controls .owl-nav div.owl-prev{ transform: rotate(-45deg); } .mb-owl-box .owl-controls .owl-nav div.owl-next{ transform: rotate(135deg); } .mb-owl-box .owl-dots .owl-dot span{ width: 11px; height: 11px; border:1px solid #f8c400; } .news-pn{ overflow: hidden; margin-top: 50px; } .news-pn a{ display: block; width: 210px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #676767; text-decoration: underline; } .news-pn a:hover{ color: #00b0ec; } .abt-nr{ margin-bottom: 50px; } .culture p{ font-size: 18px; font-family: "锟斤拷锟斤拷"; font-weight: bold; } a[title="站锟斤拷统锟斤拷"]{ display:none; } .address-til{ text-align: center; font-size: 22px; color: #666; position: relative; margin-bottom: 20px; } .address-til strong{ font-weight: normal; padding: 0px 35px; position: relative; background: #fff; } .address-til strong::before{ content: ""; position: absolute; width: calc(100% - 30px); margin: 0 15px; height: 100%; border: 1px solid #666; border-radius: 22px; left: 0; } .address-til::before{ position: absolute; left: 0; content: ""; width: 100%; height: 1px; border-bottom: 1px solid #999; top: 50%; } .address-ul{ overflow: hidden; } .address-ul li{ width: 33.3333%; float: left; padding: 0 15px; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 110px; } .address-ul li p{ margin: 5px 0; } .ds-bn{ margin-top: 80px; } .ds-bn img{ width: 100%; } .ds-bn.owl-theme .owl-controls .owl-nav .owl-next{ margin-right: 50px; background: url(../images/bn-next.png); } .ds-bn.owl-theme .owl-controls .owl-nav .owl-prev{ margin-left: 50px; background: url(../images/bn-prev.png); }