<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

body { margin: 0; padding: 0; font-family: "Hiragino Sans GB", "microsoft yahei", "lvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 30px; color: #666 }

a { color: #333; text-decoration: none }

a:hover, a:focus { color: #019442; text-decoration: none; outline: none; -moz-outline: none }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 500; line-height: 1.5; color: #000000; font-family: "Hiragino Sans GB", "microsoft yahei", "lvetica Neue", Helvetica, Arial, sans-serif }

.h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; padding: 0 }

ul, li { list-style: none; margin: 0; padding: 0 }

img { padding: 0; margin: 0; border: 0 }

img { height: auto; max-width: 100% }

.navbar-brand, .navbar-default, *:link, *:visited, *:hover, *:active, *:focus, .transition { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear }

.parallax { background-attachment: fixed; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear }

::-moz-selection {

background:#3498db;

color:#fff

}

::selection { background: #3498db; color: #fff }

.pingpu-bg { background-repeat: no-repeat; background-position: center top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position: relative; background-attachment: fixed }

.pingpu-bg { min-width: 1140px }

.red { color: #049545!important }

.green { color: #089500!important }

@media (max-width:768px) {

h2 span { display: none }

}

.btn-success { color: #019442; background-color: #FFF; border: 2px solid #019442; border-radius: 0px; padding: 12px 30px; margin: 0 15px 20px 15px; }

.btn-success:hover { color: #fff; border: 2px solid #019442; background-color: #019442 }

.clear { clear: both }

.d_link { border-bottom: 1px #f0f0f0 solid; }

.more { float: right }

.wfcolor { color: rgba(255,255,255,0.70); font-weight: bold }

.wfcolor:hover, .wfcolor:focus { color: #fff }

.navbar-header { position: relative }

/* .headroom--unpinned { top: -100px; } */

.logo { margin: 0; padding: 0; display: table }

.logo { padding: 0px 15px }

.navbar-brand { width: 202px; height: 70px; background-image: url(../image/logo1.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; display: block }

@media (max-width:768px) {

.navbar-brand { background-image: url(../image/logo12.png); width: 101px; margin-top: 6px }

}

.nav { line-height: 76px ; text-align:center;}

.nav&gt;li&gt;a { color: #000; display: block; padding: 0; padding:0 13px;font-weight: bold;font-size: 15px;; }

.nav&gt;li&gt;a:hover, .nav&gt;li&gt;a:focus { color: #049545; background:url(../image/sjx.png) no-repeat center bottom; }

.nav li .hover{ display:none;}

.nav li:hover .hover{ display:block; background:url(../image/sjx.png) no-repeat center top; padding-top:5px; margin-top:-5px;}

.nav li:hover .hover a{ display:block; padding:0; color:#fff; background:#666666; border-radius:3px; line-height:25px; font-size:13px; margin-bottom:1px;}

.nav li:hover .hover a:hover{ color:#049545;}

@media (min-width:768px) {

.nav&gt;li&gt;a {padding:0 10px; }

}

.navbar-default { padding: 15px 0; background-color: rgba(52,152,219,0.00) }

.navbar-default { background-color: transparent; border-color: transparent }

.navbar-default .navbar-toggle:hover { background-color: rgba(255,255,255,0) }

.navbar-default .navbar-toggle .icon-bar { background-color: #ddd }

@media (max-width:768px) {

.stickyd .nav { background-color: #fff }

.navbar-default .navbar-collapse, .navbar-default .navbar-collapse { border-width: 0px; margin-top: 10px; padding-top: 10px }

.navbar-default .navbar-collapse a, .navbar-default .navbar-collapse a { line-height: 30px }

.sticky .navbar-collapse, .sticky .navbar-collapse { border-width: 0px; margin-top: 10px; padding-top: 0px }

}

.sticky { background-color: rgba(255,255,255,0.95); box-shadow: 0px 0px 10px rgba(0,0,0,0.15) }

.sticky.navbar { padding: 10px 0 }

.sticky .nav { line-height: 70px }

.sticky .navbar-brand { width: 304px; height: 70px }

.sticky .navbar-brand { background-image: url(../image/logo-blue.png); background-size: 404px auto }

@media (max-width:768px) {

.sticky .navbar-brand { width: 191px; margin-top: 6px; background-image: url(../image/logo-blue1.png); background-size: 191px auto }

}

.sticky .navbar-toggle { margin-top: 3px; margin-bottom: 0 }

.sticky .nav&gt;li&gt;a { color: #333 }

.sticky .nav&gt;li&gt;a:hover { color: #049545 }

.nav-pills&gt;li.active&gt;a, .nav-pills&gt;li.active&gt;a:hover, .nav-pills&gt;li.active&gt;a:focus { color: #049545; background-color: rgba(255,255,255,0) }

.banner { position: relative; background-color: #fff }

.banner .rslides li div { background-repeat: no-repeat; background-position: center top }

.banner .rslides li div { height: 620px; margin: 0 auto; display: block; }

.banner1 { background-image: url(../image/banner1.jpg) }

.banner2 { background-image: url(https://www.ljssz.com/skin/web/images/banner2.jpg) }

.banner1, .banner2, .banner3, .banner4 { background-size: 1920px auto }

.banner_b { background-size: 1920px auto; text-align: center }

.banner_s { display: none }

@media ( min-width:992px ) and ( max-width:1199px ) {

.banner1, .banner2, .banner3, .banner4 { background-size: 1650px auto }

}

@media ( min-width:768px ) and ( max-width:991px ) {

.banner1, .banner2, .banner3, .banner4 { background-size: 1262px auto }

}

@media ( max-width:767px ) {

.banner1, .banner2, .banner3, .banner4 { background-size: 1262px auto }

.banner_b { display: none }

.banner_s { display: block; background-size: 1920px auto }

}

.rslides { /*height: 720px;*/ overflow: hidden; margin: 0 auto; width: 100%; position: relative; list-style: none }

.rslides li { width: 100% }

.rslides_div { position: relative }

.rslides_nav { width: 46px; height: 40px; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); filter: alpha(opacity=40); opacity: 0.4; text-indent: -9999px; overflow: hidden; background-position: left top; background-repeat: no-repeat; bottom: 70px }

.rslides_nav:hover { filter: alpha(opacity=100); opacity: 1 }

.rslides_nav.next { background-image: url(https://www.ljssz.com/skin/web/images/btn-left-white.png); right: 81px }

.rslides_nav.prev { background-image: url(https://www.ljssz.com/skin/web/images/btn-right-white.png); right: 15px }

.rslides_nav.next, .rslides_nav.prev { background-size: 46px auto }

.rslides_tabs { padding: 0; margin: 0; list-style: none; height: 20px; margin: 0 auto; position: absolute; left: 70px; bottom: 70px }

.rslides_tabs li { display: inline-block }

.rslides_tabs li a { text-indent: -9999px; overflow: hidden; background-color: #FFFFFF; height: 12px; width: 12px; cursor: pointer; margin-right: 12px; display: block; border-radius: 50%; filter: alpha(opacity=30); opacity: 0.3 }

.rslides_tabs li.rslides_here a { background-color: #ffffff; filter: alpha(opacity=100); opacity: 1 }

@media ( min-width:992px ) and ( max-width:1199px ) {

.banner .rslides li div { height: 594px; }

.rslides { height: 594px }

}

@media ( min-width:768px ) and ( max-width:991px ) {

.banner .rslides li div { height: 454px; }

.rslides { height: 454px }

}

@media ( max-width:767px ) {

.banner .rslides li div { height: 454px; }

.rslides { /*height: 454px */}

}

.banner .rslides li div { text-align: left }

.banner .rslides .banner-text { margin-top: 14em; padding: 30px 35px; text-align: center; border-radius: 6px; /*font-weight:bold;display: inline-block*/ }

.banner .rslides .banner-text h2 { color: #005e2f; font-size: 24px; margin: 0 0 10px 0; padding: 0;/*font-weight:bold;*/ }

.banner .rslides .banner-text p { color: #005e2f; font-size: 32px; margin: 0; padding: 0; /*text-indent: 44px*/ }

.banner .rslides .banner4 .banner-text { background-color: rgba(52,152,219,0.40) }

.banner .rslides .banner3 .banner-text { background-color: rgba(52,152,219,0.40) }

/*.banner .rslides .banner2 .banner-text { background-color: rgba(0,0,0,0.50) }*/

.banner .rslides .banner1 .banner-text { background-color: rgba(0,0,0,0.50) }

@media ( min-width:992px ) and ( max-width:1199px ) {

.banner .rslides .banner-text { margin-top: 16em }

}

@media ( min-width:768px ) and ( max-width:991px ) {

.banner .rslides .banner-text { margin-top: 12em }

}

@media ( max-width:767px ) {

.banner .rslides .banner-text { margin-top: 11em }

.banner .rslides .banner-text p { font-size: 14px; text-indent: 0px; line-height: 24px }

.banner .rslides .banner-text h2 { font-size: 18px }

}

.h-h2 { font-size: 26px; line-height: 150%; color: #000; padding: 0 0 20px 0; margin: 0 0 40px 0; border-bottom: #e5e5e5 solid 1px; background: none }

.h-h2-white { color: #FFF; border-bottom: rgba(255,255,255,0.2) solid 1px; }

.h-h2 span { margin-right: 12px;color:#545454;font-size:18px;font-style: normal; }

h2 span { font-style: italic; margin-right: 12px; }

.h-h3 { font-size: 20px; line-height: 150%; color: #000; padding: 0 0 20px 0; margin: 0 0 30px 0;font-weight:normal; border-bottom: #e5e5e5 solid 1px; background: none }

.h-h3-white { color: #FFF; border-bottom: rgba(255,255,255,0.2) solid 1px; }

h3 span { margin-left: 12px; color: #999999; font-weight: normal; font-size: 18px }

.sx-jianju { padding: 30px 0 50px 0 }

.t-jianju { margin-top: 30px }

.gray{background:#f5f5f5;}

.superiority, .process, .about, .footer { color: #fff }

.btn-left, .btn-right, .btn-left-white, .btn-right-white { text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: left top; width: 46px; height: 40px; display: inline-block; margin: 0 5px }

.btn-left { background-image: url(https://www.ljssz.com/skin/web/images/btn-left.png) }

.btn-right { background-image: url(https://www.ljssz.com/skin/web/images/btn-right.png) }

.btn-left:hover, .btn-right:hover { background-color: #049545 }

.btn-left:hover { background-image: url(https://www.ljssz.com/skin/web/images/btn-left-white-hover.png) }

.btn-right:hover { background-image: url(https://www.ljssz.com/skin/web/images/btn-right-white-hover.png) }

.btn-left-white { background-image: url(https://www.ljssz.com/skin/web/images/btn-left-white.png) }

.btn-right-white { background-image: url(https://www.ljssz.com/skin/web/images/btn-right-white.png) }

.btn-left, .btn-right { filter: alpha(opacity=70); opacity: 0.7 }

.btn-left-white, .btn-right-white { filter: alpha(opacity=40); opacity: 0.4 }

.btn-left:hover, .btn-right:hover, .btn-left-white:hover, .btn-right-white:hover { filter: alpha(opacity=100); opacity: 1 }

.btn-left, .btn-right, .btn-left-white, .btn-right-white { background-size: 46px auto }

.services { padding: 50px 0 75px 0 }

.services article h1 { padding-left: 75px; font-size: 18px; color: #000000; background-repeat: no-repeat; background-position: left 2px; padding-bottom: 6px }

.services article h1 small { display: block; margin-top: 10px; margin-bottom: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

.services article h1.wj { background-image: url(../image/s-web.png) }

.services article h1.yy { background-image: url(../image/s-yy.png) }

.services article h1.yx { background-image: url(../image/s-yx.png) }

.services article h1.pp { background-image: url(../image/s-pp.png) }

.services article h1 { background-size: 50px auto; }

.services article p { margin-bottom: 0 }

@media ( max-width:768px ) {

.services article p { padding-left: 75px }

.services article h1 { margin-bottom: 2px }

}

.superiority { background: url(../image/bg-6.jpg) top center }

.superiority figure h3 { margin-top: 40px; color: #FFFFFF }

.superiority figure p { color: rgba(255,255,255,0.80) }

.work_list { border-bottom: 1px #f0f0f0 solid }

.work_list figure { margin-bottom: 30px }

.row_list { width: 30.13%; margin: 1.6%; float: left }

.row_list img { cursor: pointer; width: 100% }

@media (max-width:992px ) {

.row_list { width: 44%; margin: 3%; float: left }

}

.process { background: url(../image/bg-2.gif); }

.process figure { margin-bottom: 40px }

.process { padding-bottom: 30px }

.process figure figcaption { line-height: 136px; width: 136px; height: 136px; border: 2px solid #69afde; border-right-color: #1ad280; border-bottom-color: #1ad280; border-radius: 50%; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; display: inline-block; color: #777 }

.process figure figcaption:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

.process figure figcaption small { display: block }

.process .f1:hover { background: url(https://www.ljssz.com/skin/web/images/o1.png) }

.process .f2:hover { background: url(https://www.ljssz.com/skin/web/images/o2.png) }

.process .f3:hover { background: url(https://www.ljssz.com/skin/web/images/o3.png) }

.process .f4:hover { background: url(https://www.ljssz.com/skin/web/images/o4.png) }

.process .f5:hover { background: url(https://www.ljssz.com/skin/web/images/o5.png) }

.process .f6:hover { background: url(https://www.ljssz.com/skin/web/images/o6.png) }

.about { background-color: #049545; background-image: url(https://www.ljssz.com/skin/web/images/about-bg.png); background-repeat: no-repeat; background-position: center 12px }

.about { background-size: 1920px auto }

.about p { color: rgba(255,255,255,0.70); text-align: left; text-indent: 30px; }

.energy h3 { font-size: 14px; color: #FFF; margin-bottom: 15px }

.energy h3 small { font-size: 14px; color: #ccc }

.energy .progress-bar-info { background-color: #049545 }

.energy { background: url(../image/bg-1.jpg); }

.youshi h3 { color: #666 }

.youshi figure { padding: 38px 0; border-width: 0 1px 1px 0; border-style: solid; border-color: #e6e6e6; }

.youshi div.row { margin: 10px 0 45px 0; border-width: 1px 0 0 1px; border-style: solid; border-color: #e6e6e6; }

.youshi figure h3 { font-size: 14px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.youshi figure h3 a { color: #666; }

.youshi figure p { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background-color: #019442; color: #FFF; padding: 20px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; opacity: 0; filter: Alpha(Opacity=0); }

.youshi figure p a { color: #FFF; text-decoration: underline; }

.youshi figure:hover p { opacity: 1; filter: Alpha(Opacity=1); }

@media (max-width: 1199px) {

.youshi figure:hover p { display: block; }

.youshi figure p { display: none; }

}

.youshi figure p small { text-align: left; margin-top: 10px; line-height: 180%; font-weight: normal; display: block; overflow: hidden; height: 80%; width: 100%; white-space: normal; text-overflow: ellipsis; }

.sx-xinwen { padding: 60px 0 0 0 }

.gg { margin-bottom: 35px; margin-top: 45px }

.gg_1 { }

.gg_2 { display: none }

@media ( max-width:768px ) {

.gg_1 { display: none }

.gg_2 { display: block }

}

.ngt { line-height: 400%; background-color: #f7f7f7; border-bottom: 1px solid #ededed }

.ngt .nt { float: left; width: 60%; padding-left: 60px; background: url(../image/nt1.png) no-repeat left center }

.ngt .cl { float: right; width: 40%; text-align: right }

.jdzl { width: 100%; float: left; margin-bottom: 40px; color: #EEE }

.jdzl span { color: #000000; font-weight: bold }

.jdzl a { padding: 0 2px; margin-right: 10px; }

.now { color: #428bca; }

@media (max-width: 768px) {

.ngt .nt { margin: 0 2%; width: 96% }

.ngt .cl { display: none }

}

.pad { width: 96.8%; margin: 0 1.6%; padding-top: 40px; padding-bottom: 40px }

.pad_l { width: 42%; float: left }

.pad_r { width: 42%; float: right }

.pad_l img { float: left; height: 300px }

.pad_r img { float: right; height: 300px }

.pad h4 { margin-top: 60px }

@media(max-width:767px) {

.pad { width: 96.8%; margin: 0 1.6%; padding-top: 0px; padding-bottom: 40px }

.pad_l, .pad_r { width: 94%; margin: 20px 3%; text-align: center }

.pad_l img, .pad_r img { float: none; }

}

/*6大风格单页*/

.pan { width: 96.8%; margin: 0 1.6%; padding-top: 40px; padding-bottom: 40px }

.pan ul { width: 90%; margin: 0px auto; padding: 40px 0 }

.pan li { width: 46%; margin: 0 2%; float: left }

@media(max-width:767px) {

.pan { width: 94%; margin: 0px 3%; text-align: center }

}

/*关于我们单页*/

.pas, .pab { width: 96.8%; margin: auto; padding-top: 40px; padding-bottom: 40px }

.pas_l1 { width: 43%; float: left }

.pas_r1 { width: 54%; float: right }

.pab_l1 { width: 43%; float: left }

.pab_r1 { width: 54%; float: right }

.pab_l2 { width: 54%; float: left }

.pab_r2 { width: 43%; float: right }

.pab_l3 { width: 49%; float: left }

.pab_r3 { width: 48%; float: right }

.pab_l1 img, .pab_l3 img { float: left }

.pab_r2 img { float: right }

@media(max-width:767px) {

.pab_l1, .pab_r1, .pab_l2, .pab_r2, .pab_l3, .pab_r3, .pas_l1, .pas_r1 { width: 94%; margin: 20px 3%; text-align: center }

.pas_l1 img, .pab_l1 img, .pab_r2 img, .pab_l3 img { float: none }

.pab hr { width: 78% }

}

/*设计流程单页*/

.pys { width: 96.8%; margin: auto; padding-top: 20px; padding-bottom: 28px; padding-left: 250px }

.s1 { background: url(https://www.ljssz.com/skin/web/images/s01.jpg) no-repeat left 30px }

.s2 { background: url(https://www.ljssz.com/skin/web/images/s02.jpg) no-repeat left 30px }

.s3 { background: url(https://www.ljssz.com/skin/web/images/s03.jpg) no-repeat left 30px }

.s4 { background: url(https://www.ljssz.com/skin/web/images/s04.jpg) no-repeat left 30px }

.s5 { background: url(https://www.ljssz.com/skin/web/images/s05.jpg) no-repeat left 30px }

.s6 { background: url(https://www.ljssz.com/skin/web/images/s06.jpg) no-repeat left 30px }

@media(max-width:767px) {

.pys { width: 94%; margin: 20px 3%; padding-left: 180px }

}

/*特殊服务单页*/

.teshu { width: 1000px; margin: auto; padding-top: 30px; }

.p_1 { width: 800px; margin: auto; padding: 60px 0 30px 0; }

/*文章列表*/

.ny-news { margin: 15px 0 20px 0; padding-bottom: 30px; border-bottom: 1px solid #ededed; }

@media (min-width: 1200px) {

.ny-news { height: 189px; min-height: 189px }

.ny-news a img { max-height: 146px !important; max-width: 200px !important }

}

@media (min-width: 768px) and (max-width: 1199px) {

.ny-news { min-height: 159px }

}

.ny-news a.pic-link { margin-right: 20px; }

@media (min-width: 999px) {

.ny-news a.pic-link { position: relative; display: block; }

.ny-h4.none { margin-top: 0; }

}

.ny-news h4 { font-size: 16px; margin: 0 0 10px 0; text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;}

.ny-news p { margin: 0 0 5px 0;text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical; }

.ny-news p span { background-repeat: no-repeat; height: 30px; /*width: 22px;*/ padding-left: 28px; margin-right: 10px; color: #999; font-size: 12px; }

.ny-news p span.fl { background-image: url(https://www.ljssz.com/skin/web/images/ny-news-bg.png); background-position: 0px 0px; }

.ny-news p span.gz { background-image: url(https://www.ljssz.com/skin/web/images/ny-news-bg.png); background-position: 0px -20px; }

.ny-news p span.sj { background-image: url(https://www.ljssz.com/skin/web/images/ny-news-bg.png); background-position: 0px -44px; }

.case .m-shu { color: #999; margin-bottom: 35px; line-height: 28px; }

.case .m-shu p { margin-top: 15px; color: #ccc; }

.case .m-shu p a { color: #333; margin: 0 3px; }

.case .m-shu p a:hover { color: #049545; }

.case h4 { padding: 20px 0 26px 0; margin: 0 auto; }

.case h4 a { font-size: 16px; font-weight: bold; }

.case h4 small, .case h4 small a { color: #999; font-size: 14px; font-weight: normal; }

.case a.pic-link { max-width: 360px; text-align: center; margin-right: auto; margin-left: auto; }

@media (min-width: 999px) {

.case a.pic-link, .tj-case a.pic-link { position: relative; display: block; }

.case-hover { cursor: pointer; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0); background-image: url(../image/on-hover.png); background-repeat: repeat; opacity: 0; filter: Alpha(Opacity=0); z-index: 96; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.case-hover:hover { opacity: 1; filter: Alpha(Opacity=1); }

.case-hover * { filter: inherit; }

.case-hover { cursor: pointer; }

.case-hover:hover .hover-link, .tj-case figure div:hover .hover-link, .pic-link:hover .hover-link { background-image: url(https://www.ljssz.com/skin/web/images/hover-link.png); background-repeat: no-repeat; background-position: center center; }

.hover-link { width: 44px; height: 44px; top: 50%; left: 50%; margin-left: -22px; margin-top: -22px; position: absolute; display: block; }

}

.neirong figure { margin-bottom: 30px }

.neirong .info h3 { color: #333; margin: 25px 0; font-weight: 600; line-height: 150% }

.neirong .info h3.h3 { margin: 0 0 25px 0 }

.neirong .h1, .neirong .h2, .neirong .h3 { margin-top: 0px; }

.neirong .info, .neirong .info p, .neirong .info li, .case-fl p, .ny-news p { line-height: 30px; color: #666; }

.neirong .info h4, .neirong .info h5, .neirong .info h6 { line-height: 30px; }

.neirong p.anniu .btn-success { margin: 20px 30px 0 0; }

.neirong .kehu img { border: 1px solid #eee; }

.neirong .info img { margin: 8px 0; }

#MyContent img { /*box-shadow: 0 2px 10px #9797A6; -moz-box-shadow: 0 2px 10px #9797A6;*/ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

@media (max-width:768px) {

.neirong { padding: 30px 0; }

.neirong .info img { margin-bottom: 20px; margin-top: 20px; }

.neirong .info .like img { margin-bottom: 0px; margin-top: 0px; }

.neirong .mt { margin-top: 40px; }

.diwei p { margin-bottom: 20px; }

.ny-bt { border-bottom: 0px }

.neirong .info p { margin: 15px 0; }

.fanye dl dt { float:left; font-size:12px; line-height:20px;font-weight:normal;}

.fanye dl dd{ float:right; background: url(../image/fanhui.png) no-repeat left center; padding-left:20px; margin-top:5px;}

}

@media (min-width:768px) {

.neirong .pull-left { margin-right: 30px; margin-top: 0; }

.neirong .ny-right .pull-right { margin-left: 0; }

.neirong .pull-right { margin-left: 30px; margin-top: 0; }

}

@media (min-width: 999px) {

.case a.pic-link, .tj-case a.pic-link { position: relative; display: block; }

.case-hover { cursor: pointer; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0); background-image: url(../image/on-hover.png); background-repeat: repeat; opacity: 0; filter: Alpha(Opacity=0); z-index: 96; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.case-hover:hover { opacity: 1; filter: Alpha(Opacity=1) }

.case-hover * { filter: inherit }

.case-hover { cursor: pointer }

.case-hover:hover .hover-link, .tj-case figure div:hover .hover-link, .pic-link:hover .hover-link { background-image: url(https://www.ljssz.com/skin/web/images/hover-link.png); background-repeat: no-repeat; background-position: center center; }

.hover-link { width: 44px; height: 44px; top: 50%; left: 50%; margin-left: -22px; margin-top: -22px; position: absolute; display: block }

}

.ny-shuoming { margin-bottom: 30px }

.ny-shuoming h2 { font-size: 24px; margin-top: 0px; margin-bottom: 15px; font-weight: 600 }

.ny-shuoming p { color: #999; margin-bottom: 40px; padding-bottom: 25px; border-bottom: 1px solid #EDEDED; font-size: 12px }

.bd_from { border: 5px #e9e9e9 solid; width: 100%; padding: 25px 0 16px 0; margin: 106px auto 12px auto }

.bd_from .s { width: 136px; height: 28px; border: 1px solid #cbcbcb; padding-left: 10px; line-height: 28px }

.bd_from .s:focus { border-color: #5da910; }

.bd_from .quikBtn { border: none; background: #5da910; vertical-align: middle; padding: 6px 20px; *padding:6px 20px;

color: #fff; font-size: 16px; border-radius: 4px; margin: 10px 0 0 0 }

.bd_from .quikBtn:hover { background: #049545 }

.bd_from li { margin: 8px 0 }

.bd_from .ny-h4 { margin: 0 0 25px 0; font-size: 24px; font-weight: bold }

.bd_from .ny-h4 small { font-size: 12px; color: #71b619; display: block; padding-top: 8px }

.ny-h4 { margin: 25px 0 25px 0; font-size: 16px; font-weight: bold; }

.ny-h4 small { font-size: 14px; color: #999; }

.n_list li { border-bottom: 1px dashed #eee; height: 36px; line-height: 36px }

.n_list a { color: #049545; }

.n_list a:hover { color: #69c }

.c_list { width: 100% }

.oo { display: none }

.c_list span { display: block; overflow: hidden; height: 38px; margin-bottom: 4px; text-align: center }

 @media ( max-width:991px ) {

.bd_from { margin-top: 16px }

.c_list { width: 50%; float: left; padding: 0 8px }

.oo { display: block }

}



@media (min-width: 768px) and (max-width: 1199px) {

.ny-news h4 {

  white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    word-break: break-all;

  }

}

/*底部*/

.footer { background:#202020 /*url(../images/bg-8.png)*/; font-size: 12px; color: #919399; }

.footer h3 { font-size: 16px; font-weight: bold; color: #FFF; line-height: 40px }

.footer a { color: #919399; margin: 0 4px }

.footer a:hover { color: #fff; }

.dibu { width: 100%; padding-top: 20px; padding-bottom: 20px; }

.d_1 { width: 30%; /*height: 300px;*/ float: left; padding: 10px 2% 10px 0; }

.d_1 ul{width: 35%;float: left;}

.d_1 .lvputi { display: block; margin-left: 20px; }

.xm, .dh { height: 40px; width: 263px; background-color: #FFF; color: #666; border-width: 0px; margin-bottom: 12px; vertical-align: middle; border-radius: 0px; padding-right: 10px; padding-left: 10px; }

.xm { background-image: url(https://www.ljssz.com/skin/web/images/input-bg.png); background-repeat: no-repeat; background-position: right 0px; }

.dh { background-image: url(https://www.ljssz.com/skin/web/images/input-bg.png); background-repeat: no-repeat; background-position: right -40px; }

#button1 { height: 44px; width: 263px; text-align: center; vertical-align: middle; border-width: 0px; background-color: #049545; color: #FFF; font-size: 14px; border-radius: 0px; ; padding-right: 10px; padding-left: 10px; }

#button1:hover { background-color: #69c; }

.d_2 { float: left; width: 44%; /*height: 245px;*/ padding: 10px 0; }

.d_2 .address { background-image: url(https://www.ljssz.com/skin/web/images/address-bg.png); background-repeat: no-repeat; background-position: 0px top; padding-left: 10px; }

.d_2 .address ul li { margin: 0 auto; line-height: 28px }

.d_3 { float: right; margin-top: 46px; width: 26%; text-align: center; padding: 0 }

.d_3 ul li { width: 118px; margin-left: 16px; float: right }

.d_3 ul li img { width: 118px; margin: 0 auto }

.d_3 ul li p { line-height: 40px; width: 100% }

.copy { border-top: 1px solid #333; width: 100%; padding-top: 30px;text-align:center; }

.renzheng { margin-top: 10px; }

.renzheng img { margin-right: 6px; }

 @media ( min-width:992px ) and ( max-width:1199px ) {

.d_1 { width: 31%; padding: 10px 2% }

.d_2 { width: 55%; padding: 10px 5% }

.d_3 { display: block;float: left;width: 10%; }

}

@media ( min-width:768px ) and ( max-width:991px ) {

.d_1 { width: 21%; padding: 10px 2% }

.d_2 { width: 50%; padding: 10px 2% }

.d_3 { display:block }

}

@media ( max-width:767px ) {

.d_1 { width: 32%; margin: 0 auto; padding: 0 4%; /*height: 260px*/ }

.d_1 ul{width: 100%;}

.d_2 { width: 62%; margin: 0 auto; padding: 0 4%; height: 260px }

.d_3 { display: block; width: 100%; padding: 0 4%;}

.d_3 ul li {margin-left: 36px;float: left;}

.sns { display: none }


}
@media ( max-width:411px ) {
     .d_2 .address ul li{line-height: 24px;}
}
@media ( max-width:364px ) {
  .d_3 ul li {margin-left: 10px;float: left;}  
  .d_2 .address ul li{line-height: 22px;}
}
.pages { padding: 30px 0 30px; text-align: center }

.pages li { display: inline; margin: 0 2px; font-size: 12px }

.pages li.thisclass, .pages a:hover { /*padding: 3px 8px;*/ border: 1px solid #046835; background: #046835; color: #fff; text-decoration: none }

.pages a { padding: 3px 8px; border: 1px solid #CCC; background: #fff; color: #A4A4A4; line-height: 18px; font-size: 12px }



.fanye{ clear:both; overflow:hidden;}

.fanye dl dt { float:left; font-size:14px;font-weight:normal;line-height:2em;}

.fanye dl dd{ float:right; background: url(../image/fanhui.png) no-repeat left center; padding-left:20px; margin-top:12px;line-height:2em;}





/*2019-3-22*/



.pro_pc{ display:block; color:#666;}

.pro_sj{ display:none; color:#666;}

.pc{ display:block;}

.sj{ display:none;}



.blk_29 {	 OVERFLOW: hidden; ZOOM: 1; POSITION: relative; padding-bottom:35px;}

.blk_29 .LeftBotton {	 BACKGROUND:url(../image/left_arrow.png) no-repeat center; LEFT: 0px; FLOAT: left; WIDTH: 30px; CURSOR: pointer; POSITION: absolute; TOP: 40%; HEIGHT: 30px;margin-top:-49px;}

.blk_29 .RightBotton {	 BACKGROUND:url(../image/right_arrow.png) no-repeat center; FLOAT: right; WIDTH: 30px; CURSOR: pointer; POSITION: absolute; TOP: 40%; margin-top:-49px; HEIGHT: 30px; right:0;}

.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH:97%;}

.blk_29 .box {	FLOAT: left; WIDTH:31%;max-width:/*248*/339px; margin:0 15px;}

.blk_29 .box a{display:block;position:relative;  width:100%; margin-top:72px; height:30px; text-align:center; line-height:30px; font-size:14px;border-radius:3px; overflow:hidden; }

.blk_29 .box h6{ color:#595757; font-weight:normal; line-height:58px; font-size:16px;}

.blk_29 .box p{ color:#595757; line-height:22px; font-size:14px; min-height:120px;}

.blk_29 .rollphotos {WIDTH: 100%}

.blk_29 .partC {OVERFLOW: auto; WIDTH:100%}













@media (max-width: 768px) {

.pro_pc{ display:none;}

.pro_sj{ display:block; position:relative;height:260px;}

.pc{ display:none;}

.sj{ display:block;}

	

.solution_bar{ padding:35px 0;}

.solution_bar h2{ line-height:26px; color:#00B1C1;font-size:22px;font-weight:500;}

.solution_bar img{ margin-bottom:15px;}

.solution_bar h5{ font-weight:normal; line-height:26px; padding-bottom:20px; color:#3e3a39;font-size:20px;}

.solution_bar ul li{ float:left; width:100%; margin-right:0; margin-bottom:20px;}

.solution_bar ul li h6{ color:#595757; font-weight:normal; line-height:30px; font-size:14px;}

.solution_bar ul li p{ color:#595757; line-height:22px; font-size:12px; min-height:inherit;}

.solution_bar ul li a{display:block; position:relative;  width:100%; max-width:165px; margin:0 0; margin-top:22px; height:28px; text-align:center; line-height:28px; font-size:12px; }

.solution_bar .title{text-align:center; height:51px; line-height:51px;color:#595757; }

.solution_bar .title strong{ color:#00B1C1; font-size:22px; font-weight:500;}

.products .title{font-size:20px;}

.products h2{ color:#000;}

.products img{ margin-top:20px; max-width:117px;}

.products ul li a{display:block;position:relative;   max-width:136px; width:100%; margin-top:32px; height:30px; text-align:center; line-height:30px;}	







.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }

.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }

.rslides li:first-child { position: relative; display: block; float: left; }

.rslides img { display: block; height: auto;  width: 100%; border: 0; }

.slide_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }

.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }

.slide li { position: absolute; width:90%; left: 5%; top: 0; }

.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0;max-width:545px;margin: 0 auto; }

.slide_nav { position: absolute; top: 32%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background:url(../image/left_arrow.png) no-repeat left center;; margin-top: -45px; }

.slide_nav:active { opacity: 1.0; }

.slide_nav.next { left: auto; background:url(../image/right_arrow.png) no-repeat left center;;  right: 0; }



.slide li h6{ color:#595757; font-weight:normal; line-height:58px; font-size:16px;}

.slide li p{ color:#595757; line-height:22px; font-size:14px; min-height:130px;}

.slide li a{ display:block;position:relative;  width:100%; margin-top:32px; height:30px; text-align:center; line-height:30px; font-size:14px;border-radius:3px; overflow:hidden; } 

.index_con .products ul li{ width:90%;}



}



#ticker-3 dt, #ticker-3 dd {float:left;margin-right:43px;position:relative; width:314px; }



.index_con .project{ padding-bottom:30px; background:url(https://www.ljssz.com/skin/web/images/project_bg.jpg) no-repeat center top;}

.index_con .project .title{ /*padding-top:60px;*/ height:112px; line-height:112px; font-size:28px; font-weight:900;}



.da-thumbs{list-style:none;position:relative;margin:0 0 0px 0;padding:0}

.da-thumbs li{float:left;position:relative; width:100%;}

.da-thumbs li a,.da-thumbs li a img{display:block;position:relative}

.da-thumbs li a img{ width:100%;}

.da-thumbs li a{color:#666;overflow:hidden}

.da-thumbs li a div{position:absolute;background:rgba(13,13,13,0.7);filter:alpha(Opacity=30);width:100%;height:100%}

.da-thumbs li a p{ height:153px; line-height:153px; text-align:center; font-size:14px; font-weight:normal;;}

.da-thumbs li h6{ font-size:16px; font-weight:normal; line-height:20px; padding:10px 0;color:#666;overflow:hidden}

.track { width: 100%; position: relative; }

.track .inner { position: relative; margin: auto; }

.track a.prev, .track a.next { display: block; position: absolute; top: 40%; margin-top: -32px; width: 64px; height: 64px;  }

.track a.prev { left:-15px; background:url(../image/left_arrow.png) no-repeat left center;}

.track a.next { right:-15px;background:url(../image/right_arrow.png) no-repeat right center; }

.slider-container { position: relative; margin: 0; padding: 0; height:300px; }

.slider-container .item { position: absolute; width:33.333333%; margin:0 0 0 12px; height:300px; max-width:364px;}

.slider-container.big .item, .slider-container.big .item .img-area { height: 228px; }

.slider-contaiber.huge .item { margin-bottom: 12px; }

.view-port { overflow: hidden; position: relative; }

.slider-container { position: relative; margin: 0; padding: 0; }

.item { position: absolute; }





.ject_pc{ display:block; }

.ject_sj{ display:none; }



.blk_30 {	 OVERFLOW: hidden; ZOOM: 1; POSITION: relative;}

.blk_30 .LeftBotton {	 BACKGROUND:url(../image/left_arrow.png) no-repeat center; LEFT: 0px; FLOAT: left; WIDTH: 30px; CURSOR: pointer; POSITION: absolute; TOP: 50%; HEIGHT: 61px;margin-top:-49px; z-index:9999;}

.blk_30 .RightBotton {	 BACKGROUND:url(../image/right_arrow.png) no-repeat center; FLOAT: right; WIDTH: 30px; CURSOR: pointer; POSITION: absolute; TOP: 50%; margin-top:-49px; HEIGHT: 61px; right:0; z-index:9999;}

.blk_30 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH:100%;}

.blk_30 .box {	FLOAT: left; WIDTH:100%;max-width:314px; margin:0 13px; /*height:248px;*/}

.blk_30 .rollphotos {WIDTH: 100%}

.blk_30 .partC {OVERFLOW: auto; WIDTH:100%}

.blk_30 .box  a p{ height:153px; line-height:153px; text-align:center; font-size:14px; font-weight:normal;}

.blk_30 .box  h6{ font-size:16px; font-weight:normal; line-height:20px; padding:10px 0;}







@media (max-width: 768px) {

.ject_pc{ display:none; }

.ject_sj{ display:block; }

.index_con .project{ padding:0 0% 31px 0%; background:#313137;}

.index_con .project .title{ padding-top:20px; height:52px; line-height:52px; font-size:22px; font-weight:500;}

.da-thumbs{list-style:none;position:relative;margin:0 0 0px 0;padding:0}

.da-thumbs li{float:left;position:relative; width:100%; max-width:314px;}

.da-thumbs li a,.da-thumbs li a img{display:block;position:relative}

.da-thumbs li a{color:#666;overflow:hidden}

.da-thumbs li a div{position:absolute;background:rgba(13,13,13,0.7);filter:alpha(Opacity=30);width:100%;height:100%}

.da-thumbs li a p{ height:209px; line-height:209px; text-align:center; font-size:14px; font-weight:normal;;}

.da-thumbs li h6{ font-size:14px; font-weight:normal; line-height:40px;}

.container { width: 100%; margin: auto; }

.track { width: 100%; position: relative; }

.track .inner { position: relative; margin: auto; }

.track a.prev, .track a.next { display: block; position: absolute; top: 40%; margin-top: -32px; width: 64px; height: 64px;  }

.track a.prev { left: 0; background:url(../image/left_arrow.png) no-repeat left center;}

.track a.next { right: 0;background:url(../image/right_arrow.png) no-repeat right center; }

.slider-container { position: relative; margin: 0; padding: 0; height:250px; }

.slider-container .item { position: absolute; width:90%; margin:0 20px; height:250px;max-width:514px; }

.slider-container.big .item, .slider-container.big .item .img-area { height: 258px; }

.slider-contaiber.huge .item { margin-bottom: 12px; }

.view-port { overflow: hidden; position: relative; }

.slider-container { position: relative; margin: 0; padding: 0; }

.item { position: absolute; }

}



.news_pc{ display:block; }

.news_sj{ display:none; }

.con4 ul li{ float:left;width: calc(33.33333% - 10px); margin:0 5px; margin-bottom:20px; position:relative;-webkit-perspective: 1000px; perspective: 1000px; overflow:hidden;}

.con4 ul li p{ position:absolute; left:0; bottom:0; background:url(../image/hei_bg.png) repeat; height:38px; text-align:center; line-height:38px; width:100%;margin-bottom:0px;}

.con4 ul li p a{ color:#fff; font-size:16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}

.con4 ul li img{ width:100%; display:block;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.con4 ul li img:hover{opacity: 1; -webkit-transform: translate3d(0, 0, 100px); cursor:pointer;  transform: translate3d(0, 0, 100px);}



@media (max-width: 768px) {

.news_pc{ display:none; }

.news_sj{ display:block; }



}

.margin_l_r{margin-right:-15px;margin-left:-15px;}





/*加入我们*/

.sj_join{display:none;}

.join_list{margin: 0 auto 20px;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}

.join_top{height: 38px;line-height: 38px;border-top:1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;background: -webkit-linear-gradient(#fbfbfb,#eee);background: linear-gradient(#fbfbfb,#eee);}

.join_top li{float: left;text-align: center;font-size: 14px;color:#2e2e2e;border-right: 1px solid #e0e0e0;}

.join_top li:last-child{border: none;}

.join_content{background: #fff;}

.job_name{width: 210px;text-align: left !important;padding-left: 40px;}

.job_category{width: 200px;}

.job_address{width: 200px;}

.job_experience{width: 150px;}

.job_time{width: 200px;}

.job_operation{width: 150px;}

.join_content .job_operation a,.btn-join{width: 100px;height: 32px;border: 1px solid #e0e0e0;color:#2e2e2e;display: block;line-height: 32px;margin: 20px auto;border-radius: 5px;background: -webkit-linear-gradient(#fbfbfb,#eee);background: linear-gradient(#fbfbfb,#eee);}

.join_content .job_operation a:hover,.join_content .job_operation a.on,.btn-join.on{background:#046835;color:#fff;border:1px solid #046835;}

.answer .btn-join{text-align: center;float: left;}

.join_content .question {font-size: 14px;color: #2e2e2e;height: 75px;line-height: 75px;color:#666;border-bottom: 1px solid #f1f1f1;cursor: pointer;-webkit-transition: .2s;-o-transition: .2s;transition: .2s;}

.join_content .question li{float: left;text-align: center;border-right: 1px solid #fff;height: 75px;}

.join_content .question li:last-child{border: none;}

.join_content .question em {display:inline-block;margin:0 15px;width: 8px;height: 100%;background: url(../image/faq_ico.png) no-repeat center;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;opacity: 0;vertical-align: middle;}

.join_content .question:hover em{opacity: 1;}

.join_content .question.on em {background: url(../image/faq_ico.png) no-repeat center;opacity: 1;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

.join_content .answer {padding: 50px 100px;line-height: 30px;color: #666;font-size: 14px;display: none;border-bottom: 1px solid #e0e0e0;}



.answer h2{font-size: 16px;color:#2e2e2e;margin-top: 10px;}

.answer .faq_con_t{padding: 10px 0 20px;border-bottom: 1px solid #e0e0e0;}







/*手机加入我们*/

@media (max-width: 1024px) {

	

.pc{ display:none;}

.sj{ display:block;}



.sj_join{ display:block;}

	

}

.sj_join_list{padding-top: 15px;}

.sj_join_content&gt;ul&gt;li{background: #fff;margin-bottom: 15px;line-height: 40px;font-size: 14px;}

.sj_join_content&gt;ul&gt;li a{display: block;padding: 0 0 0 5%;}

.sj_job_name{font-size: 16px;color:#2e2e2e;border-bottom: 1px solid #e0e0e0;}

.sj_job_name em{background: url(../image/faq_ico.png) no-repeat center;width: 10px;height: 40px;float: right;margin-right: 5%;-webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);}

.sj_job_category{color:#9f9f9f}

.sj_job_category i{display: inline-block;width: 2px;height:2px;background: #9f9f9f;border-radius: 50%;margin: 0 5px;}



.sj_join_show{padding-top: 15px;}

.sj_join_show_t{background: #fff;}

.sj_join_t{font-size: 16px;color:#2e2e2e;padding: 0 5%;border-bottom: 1px solid #e0e0e0;line-height: 40px;}

.sj_join_con{padding: 10px 5%;font-size: 14px;line-height: 26px;}

.sj_join_show_con{background: #fff;}

.sj_join_show_con p{padding: 5px 5%;line-height:24px;}

.sj_join_show h2{font-size: 16px;color:#2e2e2e;padding: 0 5%;border-bottom: 1px solid #e0e0e0;line-height: 40px;}



.sj_btn-join{background: -webkit-linear-gradient(#046835,#046835);background: linear-gradient(#046835,#046835);margin: 15px auto;border-radius: 3px;font-size: 16px;

    color: #fff;border: 1px solid #046835;text-align: center;width: 90%;height: 40px;line-height: 40px;display: block;}



.sj_alert_wrap{width: 100%;height: 100%;z-index: 9000;background: rgba(0,0,0,0.2);position: fixed;top: 0;display: none;}

.sj_alert_box{width: 70%;height: 120px;background: #fff;position: fixed;display: none;top: 50%;left: 50%;margin: -60px 0 0 -35%;z-index: 9999;border-radius: 8px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.sj_join_email{height: 50px;width: 100%;background: #fff;text-align: center;line-height: 25px;font-size: 14px;color:#2e2e2e;padding:15px 0;border-radius: 8px 8px 0 0;}

.sj_join_close{text-align: center;background: #f1f1f1;border-top: 1px solid #e0e0e0;height: 40px;line-height: 40px;text-align: center;font-size: 14px;border-radius: 0 0 8px 8px;}

.sj_cont_info h2{color:#666;font-size: 18px;margin-top: 10px;}

.sj_cont_info p{font-size: 14px;color:#666;line-height: 30px;}

.sj_cont_info a{color:#ff6600;}

.sj_contact{width: 94%;margin: 0 3%;}

.sj_join_show_con hr{display:none;}



.kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli .kefu54kefunetpicimg img {

	margin: 0px;width: 20px;

}


.width1200{ max-width:1200px; margin:0 auto; padding:0 1%; width:94%;position:relative;}


header .pc_head{ border-top:1px solid #f4f4f4; border-bottom:0px solid #e6e6e6; clear:both; width:100%; background:#fff; height:86px;position:relative; }

header .pc_head .logo{ float:left; width:100px;padding:8px 0;}

header .pc_head .menu{ float:left;width: calc(100% - 110px); height:86px;}

header .pc_head .lang{ float:left; width:79px; text-align:right; line-height:66px; font-size:14px;padding:10px 0; }



header .pc_head .lang ul li:hover .yuyan a.langx{ height:30px; line-height:30px; text-align:center; background:#fff; /*border-bottom:1px solid #ccc;*/ display:block; width:100%; font-size:12px;color:#000; background:url(https://www.ljssz.com/skin/web/images/hei_line.jpg) no-repeat center top;margin-top: 10px;}





header .pc_head .lang ul li{ padding-right:30px; cursor:pointer;background:url(https://www.ljssz.com/skin/web/images/lang_ico.svg) no-repeat right center; position:relative; }

header .pc_head .lang ul li .yuyan{ display:none;}



header .pc_head .lang ul li:hover .yuyan{ width:100%; /*border-top:1px solid #ccc;*/display:block; position:absolute; left:0; top:50px; z-index:9999;background:#fff; }

header .pc_head .lang ul li:hover .yuyan a{ height:30px; line-height:30px; text-align:center; background:#fff; /*border-bottom:1px solid #ccc;*/ display:block; width:100%; font-size:12px;}



header .pc_head .lang ul li:hover .yuyan a:hover{ color:#bc131a;}

header .pc_head .search{ float:left; width:197px; border:1px solid #bababa; border-radius:3px; height:30px; line-height:30px; margin-top:21px; overflow:hidden;}

header .pc_head .search button{ width:32px; background:url(https://www.ljssz.com/skin/web/images/search_btn.svg) no-repeat center; height:30px; border:0; float:left; cursor:pointer;}

header .pc_head .search input{ float:left;width: calc(100% - 32px);  font: 400 12px Arial; height:30px; line-height:30px;}





.animenu__toggle { display: none; cursor: pointer; border: 0; }

.animenu__toggle:hover {  height: 2px; background-color: #fff; -webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); -o-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); }

.animenu__toggle__bar + .animenu__toggle__bar { }

.animenu__toggle--active .animenu__toggle__bar { margin: 0; position: absolute; }

.animenu__toggle--active .animenu__toggle__bar:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.animenu__toggle--active .animenu__toggle__bar:nth-child(2) { opacity: 0; }

.animenu__toggle--active .animenu__toggle__bar:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.animenu { display: block;}

.animenu ul { padding: 0; list-style: none;margin-left:2%;}

.animenu li, .animenu a { display: inline-block; font-size: 14px; }

.animenu a { color: #333; text-decoration: none; }

.animenu__nav {  }

.animenu__nav &gt; li { position: relative; text-align:center; padding:0 2%; }

.animenu__nav &gt; li.noposition { position:static; text-align:center; width:16.66666%; max-width:155px;  }



.animenu__nav &gt; li &gt; a { text-transform: capitalize; line-height:86px; }

.animenu__nav &gt; li:hover &gt; ul { opacity: 1; visibility: visible; margin: 0; }

.animenu__nav &gt; li:hover &gt; a,.animenu__nav &gt; li &gt; a.dq { color:#000; background:url(https://www.ljssz.com/skin/web/images/hei_line.jpg) no-repeat center bottom;}

.animenu__nav__child { min-width: 200%; /*border:1px solid #dedede;*/ position: absolute; top: 100%; left: -50%; z-index:9999; opacity: 0; visibility: hidden; margin: 20px 0 0 0;  background: #fff; transition: margin .15s, opacity .15s; }

.animenu__nav__child2{ border-bottom:0px solid #ccc; border-top:0px solid #ccc; min-width:100%; position: absolute; top: 100%; left: 0; z-index:9999; opacity: 0; visibility: hidden;  background-color: #fff; transition: margin .15s, opacity .15s; }

.animenu__nav__child &gt; li { width: 100%; border-bottom: 1px solid #fff; }



.animenu__nav__child &gt; li:last-child { border: 0; }

.animenu__nav__child a {width: calc(100% - 0px); border-color: #fff; color:#000; line-height:22px; padding:8px 8px; }

.animenu__nav__child a:hover { background-color: #007d3d; border-color: #007d3d; color: #fff; }

 

.animenu__nav--open { display: block !important; }

.animenu__nav--open .animenu__nav__child { display: block; }



.animenu__nav__child2 li{ width:9.444444%; margin-right:3%; padding:35px 0; float:left; text-align:center;}

.animenu__nav__child2 li a{ color:#000; margin-bottom:5px;}

.animenu__nav__child2 li p{ margin-bottom:10px;}

.animenu__nav__child2 img{ width:100%; max-width:200px;}


.sj_head,.sj{ display:none;}
.sj_search2{ display:none;}





.pager{ width:100%; padding:5% 0; clear:both; overflow:hidden;margin-top: 30px;font-size: 0;/*关键代码*/}

.pager a{ border:1px solid #ccc; padding:4px 8px; margin-right:5px; color:#636363; line-height:18px; display:block; float:left; margin-bottom:5px;font-size: 12px; }

.pager select{ padding:3.5px 8px; border:1px solid #ccc;margin-right:5px;margin-bottom:5px; font-size: 12px; }

.pager a:hover{ color:#fff; background:#1d55a1;font-size: 12px;}

a.thisclass{ color:#fff; background:#1d55a1;font-size: 12px;}





@media (max-width: 768px) {

.sj{display:block;}

.sj_head{ display:block; position:fixed; width:100%; left:0; top:0; z-index:9999999; background:#fff;  height:66px;}

.sj_head .sj_logo{ position:absolute; left:3%; top:12px; z-index:9999999; }

.sj_head .sj_logo img{ max-width:165px;}

.header-button { position:absolute; right:48px; top:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; z-index: 9999999; display: block; width: 36px; height: 66px; margin: 0; padding: 0; outline: none; background:url(https://www.ljssz.com/skin/web/images/search_btn.svg) no-repeat center; border: none; cursor: pointer; }

#toggle-search { float: right; }



#search-form { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 66px; left: 0; width: 100%; max-height: 0; z-index:9999999; overflow: hidden;background:#fff; }

#search-form.open { max-height: 66px;border-top:1px solid #ccc;border-bottom:1px solid #ccc; }







.pc_head,.pc{ display:none;}

footer .link_bar{ display:none;}	







.sp_header{height:66px;overflow:hidden;background:#fff;width:100%;position: fixed;

    z-index: 10; right:0;}

.sp_nav{width:35px;float:right;position:relative;cursor:pointer;height:20px;margin-top:23px; }

.sp_nav span{display:block;background:#999;width:22px;height:3px;position:absolute;left:0%;transition:all ease 0.35s}

.sp_nav span:nth-of-type(1){top:0px}

.sp_nav span:nth-of-type(2){top:6px}

.sp_nav span:nth-of-type(3){top:12px}

.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9;background:#007d3d;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

.nav_show{top:66px}

.sjj_nav&gt;ul&gt;li:first-child{overflow:hidden;border-top:0}

.sjj_nav&gt;ul&gt;li:first-child&gt;a{float:left;width:calc(100% - 70px)}

.sjj_nav&gt;ul&gt;li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}

.sjj_nav&gt;ul&gt;li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}

.sjj_nav&gt;ul &gt;li:last-child{border-bottom:1px #ddd solid;}

.sjj_nav ul li ul{display:none;background:#fff;}

.sjj_nav ul li a{color:#fff;width:80%}

.sjj_nav ul li ul li a{color:#000;display:block;text-align:left;}

.sjj_nav ul li i svg{width:20px;height:20px;fill:#fff;}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff;}

.sjj_nav ul li ul li&gt;ul{margin-left:10px}


.sj_search2{ display:block;  /*border-top:1px solid #ccc;border-bottom:1px solid #ccc;*/ height:35px; line-height:35px;}

.sj_search2 input{ float:left;width: calc(100% - 32px); height:35px; line-height:35px;}

.sj_search2 button{width:32px; background:url(https://www.ljssz.com/skin/web/images/search_btn.svg) no-repeat center; height:35px; border:0; float:left; cursor:pointer;}

}


 @media only screen and (min-width:1200px) and (max-width:1920px){
   header .pc_head .logo {    float: left;
    width: 10%;
    padding: 8px 0;}
    header .pc_head .logo a img{max-width:100%;}
  header .pc_head .menu {width:83%;}
.search{width:80%}
.animenu ul{margin-left:4%;}
}
 @media only screen and (min-width:970px) and (max-width:1200px){
  header .pc_head .logo {    float: left;
    width: 10%;
    padding: 8px 0;}
    header .pc_head .logo a img{max-width:100%;}
  header .pc_head .menu {width:90%;}
	.animenu__nav &gt; li {padding: 0 1.2%;}
  .search{width:80%}
.animenu ul{margin-left:4%;}
}
 @media only screen and (min-width:768px) and (max-width:970px){
  header .pc_head .logo {    float: left;
    width: 10%;
    padding: 8px 0;}
    header .pc_head .logo a img{max-width:100%;}
  header .pc_head .menu {width:90%;}
.animenu__nav &gt; li{padding: 0 1%;}
.animenu ul{margin-left:4%;}
.search{width:80%}
}






</pre></body></html>