@charset "utf-8";
/*全局样式




/*页面布局
----------------------------------------------*/
.section { position: relative; margin: 0 auto; width: 100%; min-width: 70%; max-width: 100%; text-align: left; }
.wrapper { position: relative; margin: 0 auto; padding: 0; width: 100%; height: auto; text-align: left; overflow: hidden; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.wrap-box { width: 1160px; }
.left-925 { position: relative; float: left; margin: 0; padding: 0; width: 925px; }
.left-705 { position: relative; float: left; margin: 0; padding: 0; width: 705px; }
.left-690 { position: relative; float: left; margin: 0 0 0 15px; padding: 0; width: 690px; }
.left-455 { position: relative; float: left; margin: 0 0 0 15px; padding: 0; width: 455px; }
.left-260 { position: relative; display: block; float: left; width: 260px; overflow: hidden; padding: 20px 0px 20px 0px; }
.left-220 { position: relative; display: block; float: left; margin: 0 0 0 15px; padding: 0; width: 220px; _overflow: hidden; }
.left-auto { position: relative; display: block; margin: 0 275px 0 0; overflow: hidden; _zoom: 1; }

.left-900 { position: relative; display: block; width: 900px; overflow: hidden; _zoom: 1; padding: 20px 0px 10px 0px; }
.right-260 { position: relative; display: block; float: right; width: 260px; overflow: hidden; padding: 20px 0px 20px 0px; }
.right-auto { position: relative; display: block; margin: 0 0 100px 250px; overflow: hidden; _zoom: 1; min-height: 600px;  }

.right-900 { position: relative; display: block; width: 900px; overflow: hidden; _zoom: 1; padding: 20px 0px 10px 0px; }
.bg-wrap { margin: 0; padding: 0; background: #fff; }
.bg-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.bg-wrap.nobg { background: none; }
.pad-15 { position: relative; padding: 15px; }

/*页面标题
----------------------------------------------*/
.location { margin-top: 5px; padding: 0px 0; width: 1160px; height: 40px; line-height: 40px; color: #999; font-size: 12px; text-align: left; border-bottom: 1px solid #EAEBEB; border-top: 1px solid #EAEBEB; }
.location a { margin: 0 5px; color: #717071; }
.location a:hover { color: #CA0915; }
.location span { color: #666; vertical-align: 9px; }

.location .r { display: inline; }
.location ul { margin-left: 50px; }
.location li { float: left; height: 40px; text-align: center; vertical-align: middle; display: table-cell; padding: 0px 5px 0px 5px; }
.location .location-index { background-color: #F2F2F2; width: 40px; padding: 0px; }




.main-tit { padding-top: 14px; height: 54px; line-height: 54px; text-align: left; }
.main-tit h2 { display: block; margin: 0; padding: 0; float: left; color: #333; font-size: 20px; font-weight: normal; }
.main-tit p { display: block; float: right; color: #555; font-size: 14px; }
.main-tit p a { margin-left: 10px; }
.main-tit p a i { font-style: normal; }
.slide-tit { border-bottom: 1px solid #f0f0f0; color: #34ad2a; line-height: 1em; font-size: 16px; font-weight: normal; }
.slide-tit strong { padding: 10px 0; float: right; color: #999; font-size: 12px; font-weight: normal; }
.slide-tit span { position: relative; top: 1px; display: inline-block; padding: 10px 0; border-bottom: 1px solid #34ad2a; }
.nav-tit { margin: 0 auto 50px; padding: 30px 0; text-align: center; color: #333; font-size: 16px; line-height: 1em; border-bottom: 1px solid #e0e0e0; }
.nav-tit.short { padding-bottom: 0; border-bottom: 0; }
.nav-tit a { margin-left: 10px; color: #333; }
.nav-tit a:hover, .nav-tit a.selected { color: #CA0915; }
.nav-tit i { margin-left: 10px; color: #e0e0e0; }
.sub-tit { margin: 0 50px 10px; padding-top: 35px; height: 42px; border-bottom: 1px solid #e0e0e0; font-size: 16px; }
.sub-tit a.add { display: block; margin-right: 10px; float: right; color: #23ac38; font-size: 14px; line-height: 42px; }
.sub-tit a.add i { display: inline-block; margin-right: 5px; color: #23ac38; font-size: 14px; }
.sub-tit ul { display: inline-block; }
.sub-tit ul li { margin: 0; padding: 0; display: inline-block; *display: inline; *zoom: 1; }
.sub-tit ul li a { display: inline-block; padding: 0 15px; line-height: 42px; }
.sub-tit ul li.selected a { border-bottom: 2px solid #23ac38; color: #23ac38; }
.search-tit { display: block; margin: 0 30px; padding-top: 15px; line-height: 38px; border-bottom: 1px solid #f0f0f0; }
.search-tit h3 { display: inline-block; color: #333; font-size: 16px; font-weight: normal; }
.search-tit span { margin-left: 15px; color: #999; font-size: 14px; }
.search-tit span strong { margin: 0 2px; color: #1e7bb3; font-weight: 600; }



/*内容样式
----------------------------------------------*/
/*文字列表样式*/
.side-txt-list { padding: 6px 15px 6px; text-align: left; }
.side-txt-list li { line-height: 28px; font-size: 12px; }
.side-txt-list li span { float: right; color: #999; }
.side-txt-list li.tit a { color: #108cee; font-size: 18px; line-height: 48px; }

/*图文列表样式*/
.side-img-box { position: relative; width: 455px; height: 455px; background: #fff; overflow: hidden; }
.side-img-box em { position: absolute; display: none; margin: -30px auto auto -30px; top: 50%; left: 50%; width: 60px; height: 60px; font-style: normal; filter: alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.side-img-box em i { color: #fff; font-size: 60px; line-height: 60px; }
.side-img-box a:hover em { display: block; }
.side-img-box .abs-bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: #000; filter: alpha(Opacity=30); -moz-opacity: 0.3; opacity: 0.3; background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); }
.side-img-box .info { position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 50px; line-height: 20px; text-align: left; }
.side-img-box .info h3 { padding: 5px 15px 0; color: #fff; font-size: 14px; font-weight: normal; }
.side-img-box .info p { padding: 0 15px; color: #eee; font-size: 12px; }
.side-img-box img { min-width: 100%; min-height: 100%; _width: 100%; _height: 100%; }

.side-img-list { text-align: left; padding: 10px 0 11px 0; background: #fff; }
.side-img-list li { display: block; padding: 10px 15px; }
.side-img-list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.side-img-list li .img-box { position: relative; float: left; width: 60px; height: 60px; overflow: hidden; }
.side-img-list li .img-box label { position: absolute; top: 1px; left: 1px; display: block; width: 16px; height: 16px; line-height: 16px; color: #fff; font-size: 12px; font-weight: normal; text-align: center; background: #666; }
.side-img-list li:first-child .img-box label { background: #d70029; }
.side-img-list li .img-box img { margin: 0; padding: 0; border: 1px solid #ebebeb; width: 58px; height: 58px; }
.side-img-list li .txt-box { display: block; margin-left: 75px; font-size: 14px; }
.side-img-list li .txt-box a { display: block; height: 40px; line-height: 20px; overflow: hidden; width: 775px; white-space: nowrap; text-overflow: ellipsis; }
.side-img-list li .txt-box span { display: block; color: #999; height: 20px; line-height: 20px; }

.txt-box a { display: block; overflow: hidden; width: 775px; white-space: nowrap; text-overflow: ellipsis; float: left; }
.focus-list { margin: 0; padding: 0; }
.focus-list li { height: 33px; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.focus-list li label { display: inline-block; margin: 0 5px 0 0; padding: 0; width: 16px; height: 16px; line-height: 16px; color: #fff; font-size: 12px; font-weight: 400; text-align: center; background: #999; border-radius: 2px; vertical-align: middle; }
.focus-list li label.hot { background: #d70029; }
.focus-list li a { line-height: 33px; }

.sidebar-box { margin: 0 0 15px; padding: 20px; background: #fff; }
.sidebar-box h4 { margin: 0; padding: 0 0 15px; border-bottom: 1px solid #e0e0e0; color: #333; font-size: 16px; font-weight: 300; line-height: 20px; }
.sidebar-box .txt-list li { margin-top: 15px; line-height: 20px; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.sidebar-box .txt-list li label { display: inline-block; margin: 0 5px 0 0; width: 16px; height: 16px; line-height: 16px; color: #fff; font-size: 12px; font-weight: 400; text-align: center; background: #999; border-radius: 2px; vertical-align: middle; }
.sidebar-box .txt-list li label.hot { background: #d70029; }
.sidebar-box .txt-list li a { line-height: 20px; }
.sidebar-box .side-img-list { padding-bottom: 0; }
.sidebar-box .side-img-list li { padding: 10px 0; }
.sidebar-box .tags-box { margin: 0 0 0 -10px; }
.sidebar-box .tags-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.sidebar-box .tags-box a { display: block; float: left; margin: 10px 0 0 10px; padding: 5px; color: #555; font-size: 12px; line-height: 20px; border: 1px solid #f0f0f0; }
.sidebar-box .tags-box a:hover { border-color: #34ad2a; }
.tags-box a i { margin-left: 2px; color: #999; font-style: normal; }
/*图片列表样式*/
.img-list { /*margin: -15px 0 0 -15px;*/ *display: inline-block; /*margin-top: 10px;*/ }
.img-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-list .nodata { color: #999; line-height: 80px; text-align: center; }
.img-list li { position: relative; float: left;/*margin: 15px 0 0 15px;  width: 280px;*/ padding-right:20px; width:calc(100% / 3); box-sizing:border-box; height: auto; background: #fff; overflow: auto; _display: inline; }
.img-list li:nth-child(3n) { padding-right:0px !important;}
.img-list li .img-box { display: block; position: relative; width: 100%; height: 220px; overflow: hidden; }
.img-list li .img-box .abs-txt { position: absolute; top: 8px; left: 0; display: inline-block; padding: 0 6px; color: #fff; font-size: 12px; line-height: 24px; background: #c81623; text-align: center; border-radius: 0 3px 3px 0; }
.img-list li .img-box img { width: 100%; height: 100%; }
.img-list li .info { display: block; text-align: left; margin: 15px; }
.img-list li .info h3 { display: block; line-height: 20px; height: 40px; width: 240px; font-size: 12px; font-weight: normal; overflow: hidden; }
.img-list li .info p { display: block; line-height: 28px; color: #999; font-size: 12px; }
.img-list li .info p.price { padding-top: 10px; line-height: 18px; }
.img-list li .info p.price b { margin-right: 2px; color: #f40; font-size: 16px; }
.img-list li .info p strong { float: right; font-weight: normal; }
.img-list li .info p span.price { color: #fb2104; font-size: 14px; font-weight: 600; }
.img-list li em { position: absolute; display: none; margin: -30px auto auto -30px; top: 50%; left: 50%; width: 60px; height: 60px; font-style: normal; filter: alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.img-list li em i { color: #fff; font-size: 60px; line-height: 60px; }
.img-list li a:hover em { display: block; }
.img-list li .abs-bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: #000; opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); }
.img-list li .remark { position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 50px; line-height: 20px; text-align: left; overflow: hidden; }
.img-list li .remark h3 { padding: 5px 15px 0; color: #fff; font-size: 12px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.img-list li .remark p { padding: 0 15px; color: #eee; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/*图文列表样式*/
.n-list { padding: 15px 30px; }
.n-list li { display: block; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0; overflow: hidden; }
.n-list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.n-list li h2 { padding: 15px 0 15px; font-size: 18px; line-height: 24px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.n-list li h2 a { color: #333; text-decoration: none; }
.n-list li h2 a:hover { color: #8CAC52; }
.n-list li .note b { position: relative; display: block; float: left; margin-right: 16px; width: 118px; height: 118px; border: 1px solid #e8e8e8; font-style: normal; }
.n-list li .note b img { min-width: 100%; min-height: 100%; width: 100%; _height: 100%; }
.n-list li .note p { display: block; font-size: 14px; max-height: 84px; line-height: 28px; font-weight: 500; color: #666; overflow: hidden; }
.n-list li .note .info { padding-top: 10px; height: 20px; line-height: 20px; }
.n-list li .note .info span { margin-right: 10px; color: #999; font-size: 12px; }
.n-list li .note .info span i { margin-right: 3px; font-size: 12px; }
.n-list .nodata { margin-top: 30px; color: #666; font-size: 14px; line-height: 100px; text-align: center; }
/*相关列表样式*/
.rel-list { margin-top: -15px; }
.rel-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.rel-list .nodata { color: #999; font-size: 14px; line-height: 50px; }
.rel-list li { display: block; float: left; margin: 15px auto 0 0; padding: 0; width: 50%; overflow: hidden; _float: none; _width: auto; }
.rel-list li .img-box { position: relative; display: block; float: left; width: 98px; height: 98px; border: 1px solid #e8e8e8; overflow: hidden; }
.rel-list li .img-box img { min-width: 100%; min-height: 100%; width: 100%; _height: 100%; overflow: hidden; }
.rel-list li .info { margin: 0 auto 0 115px; padding-right: 15px; _margin-top: -15px; _padding-right: 0; }
.rel-list li .info h3 { display: block; font-size: 14px; font-weight: normal; height: 30px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.rel-list li .info p { color: #555; font-size: 12px; height: 48px; line-height: 22px; overflow: hidden; }
.rel-list li .info span { line-height: 22px; color: #999; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.rel-box { position: relative; padding: 0 50px 0; }
.rel-box .rel-list { margin: 0 0 15px 0; }
/*类别列表*/
.navbar li { padding-top: 10px; }
.navbar li h5 { display: block; color: #3b8dd1; font-size: 14px; font-weight: normal; line-height: 30px; }
.navbar li h5 a { color: #34ad2a; }
.navbar li p { font-size: 12px; line-height: 30px; }
.navbar li p a { display: inline-block; margin-right: 5px; }
/*内容标题样式*/
.meta { margin: 0; padding: 50px 0px 0px 0px; border-bottom: 1px solid #C5C5C6; }
.meta:after { clear: none; content: ""; display: block; height: 0; visibility: hidden; }
.meta h2 { margin: 0 0 20px; padding: 0; color: #333; font-size: 24px; font-weight: 300; line-height: 1em; }
.meta .info { height:30px; overflow:hidden;}
.meta .info > div:first-child { float:left; }
.meta .info > div:first-child:after { float:right; clear: none; content: ""; display: block; width:2px;height:18px; background-color:red;margin: 6px 10px;}
.meta .info div.share { float:left;}
.meta .info div.share label { float:left;}

.meta .info span { margin-right: 10px; color: #b0b0b0; font-size: 12px; line-height: 14px; float: left; text-decoration: none; line-height: 18px!important; }
.meta .info #ckepop { float: left; }
.meta .info span i { margin-right: 5px; display: inline-block; font-size: 14px; }
.meta .note { margin-top: 10px; padding: 15px 20px; background: #f5f5f5; line-height: 22px; color: #757575; font-size: 12px; }
.meta .entry { margin-top: 50px; }
/*内容详细样式*/
.entry { margin-top: 0px; font-size: 14px; line-height: 2em; word-wrap: break-word; width: 100% }
.entry img { max-width: 100%!important; height: auto!important; }
.entry h2, .entry h3, .entry h4 { margin: 0.8em auto; padding-bottom: 5px; border-bottom: 1px solid #f6f6f6; color: #333; }
.entry h2 { font-size: 1.2em; }
.entry h3, .entry h4 { font-size: 1.1em; }
.entry strong { color: #DC2523; }
.entry ul, .entry ol { margin: 1em; padding: 0; }
.entry li { margin-left: 1em; }
.entry ul li { list-style: disc outside none; }
.entry ol li { list-style: decimal outside none; }
.entry p { display: inherit; margin: 0px; color: #333; word-wrap: break-word; }
.entry a { text-decoration: underline; }
.entry code { display: block; padding: 0.5em; background: #eee; border-radius: .5em; color: #777; font-family: 'courier new'; font-size: 12px; line-height: 1.7em; }
.entry table { margin: 10px auto; border-left: 1px solid #eee; border-top: 1px solid #eee; }
.entry table th { background: #F9F9F9; text-align: center; }
.entry table td, .entry table th { border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 0.35em 0.5em; }




/*响应式布局
----------------------------------------------*/
@media only screen and (max-width:1160px) {
.section { width: 925px; }
.slide-box { height: 363px; }
.slide-box .list-box { margin-left: -768px; width: 1536px; }
.side-link-wrap { width: 455px; }
}

@media only screen and (min-width:1161px) {
.section { width: 1160px; }
}

.app2 { display: inline-block; padding-top: 30px; margin-left: 150px; }
.app2 > ul { width: 980px; }
.app2 > ul > li { width: 300px; float: left; margin: 10px; height: 200px; background: url(../images/index1.png) 0 0 no-repeat; }
.app2 > ul > li > span { display: block; text-align: center; line-height: 30px; font-size: 18px; padding-bottom: 20px; padding-right: 25px; }
.app2 a { width: 100px; height: 40px; display: block; text-align: center; padding: 60px 45px; }
.app2 a span { display: inline-block; height: 40px; line-height: 40px; vertical-align: text-bottom; }
.login { text-indent: 500px; }
.login .button { width: 60px; height: 25px; cursor: pointer; }
.login input { height: 22px; border: 1px solid #CCC; }

.indexbg { width: 180px; float: left; margin: 10px; height: 180px; background: url(../images/index1.png) 0 0 no-repeat; }
.indexbg a { width: 105px; height: 40px; display: block; text-align: center; padding: 70px 42px; }
.indexbg a span { display: inline-block; height: 37px; line-height: 40px; vertical-align: text-bottom; font-weight: bold; font-size: 16px; }
.indexbg a img { margin-right: 5px; }
.indexgd { float: left; /*background-color: #f8f8f8;width:50px;height:250px;float: left;writing-mode:vertical-lr;text-align:center;vertical-align:middle;*/ }
.indexgd a { color: #CA0915; font-size: 16px; font-weight: bold; writing-mode: vertical-lr; writing-mode: tb-lr; display: block; text-align: center; width: 50px; height: 230px; line-height: 50px; background: #f8f8f8; cursor: pointer; text-decoration: none; }
.index-innovate { background-color: #f8f8f8; width: 430px; height: 230px; float: left; margin: 0px 0px 100px 20px; }
.index-innovate-box { }
.index-innovate-box a { display: block; overflow: hidden; width: 335px; white-space: nowrap; text-overflow: ellipsis; float: left; }

.index-news { background-color: #f8f8f8; height: 230px; margin: 0px 0px 0px 20px; }



.yearinfo { margin-top: 70px; padding-bottom: 100px; }
.yearinfo .l { }
.yearinfo .line { border-left: solid 2px #f00; width: 1px; height: 712px; position: absolute; left: 474px; z-index: 0; }
.yearinfo .iright { border-bottom: 1px solid #ccc; display: table; margin-bottom: 20px; padding-top: 20px; width: 100%; }
.yearinfo .txt_l { width: 404px; text-align: right; font-style: normal; font-size: 16px; float: left; }
.yearinfo .txt_r { width: 550px; text-align: left; font-weight: 400; font-style: normal; font-size: 12px; float: left; }
.yearinfo .txtl_tit { font-size: 21px; font-weight: 600; margin-bottom: 20px; }
.yearinfo .txtr_tit { font-size: 21px; font-weight: 600; margin-bottom: 20px; }
.yearinfo .txt_img { width: 100px; float: left; position: relative; text-align: center; }

.csub { background: url('https://gzynjk.com/templates/main/images/b.png'); height: 180px; width: 100%; }
.csub .r { display: inline; width: 100px; float: left; height: 100%; box-sizing: border-box; width: 240px; height: 180px; line-height: 180px; padding-left: 115px; }
.csub .r.Vision { background: url(https://gzynjk.com/templates/main/images/Vision_1.png) no-repeat left 80px center; }
.csub .r.history { background: url(https://gzynjk.com/templates/main/images/history_1.png) no-repeat left 80px center; }
.csub .r.org { background: url(https://gzynjk.com/templates/main/images/Vision_11.png) no-repeat left 80px center; background-size: 27px 23px;}
.csub .r strong { vertical-align: 9px; }
.csub .l { float: right; position: absolute; line-height: 18px; color: #717071; width: 890px; width: calc(100% - 40px); height: 180px; padding:50px 20px 50px 240px; box-sizing:border-box;}
.csub .l div { color: rgb(89, 89, 89); font-size: 12px; float: left; }
.csub .l .b { margin-left: 100px; }

.planning { text-align: center; }
.planning p { font-size: 36px; color: #717071; font-family: "SimHei","黑体"; margin: 100px 0px 60px 0px; }



.intro { }
.intro .l { }
.intro .l p { text-align: left; line-height: 1.5em; text-indent: 37px; }


.csub2 { background: url('https://gzynjk.com/templates/main/images/7.png'); height: 180px; width: 180px; margin: 20px 0 0 20px; }
.csub2 .r { margin: 70px 0px 0px 45px; display: inline; width: 100px; float: left; }
.csub2 .r strong { vertical-align: 9px; color: #DC2523; }



#main { padding-top: 100px; }
#fullbg { background-color: gray; left: 0; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; z-index: 3; filter: alpha(opacity=80); }
#dialog { background-color: #fff; border: 5px solid #717071; height: 360px; left: 40%; margin: -200px 0 0 -200px; padding: 1px; position: fixed !important; /* 浮动对话框 */ position: absolute; top: 50%; width: 680px; z-index: 5; display: none; }

#dialog .imgPic { margin: 0px 0px 0px 35px; float: left; position: relative; text-align: center; width: 150px; }
#dialog #imgClose { margin: 20px 20px 0px 0px; float: right; position: relative; }
#dialog .n { margin: -8px 0px 0px 35px; display: inline; float: left; width: 430px; }
#dialog strong { color: #000; font-size: 22px; font-weight: bold; font-family: "SimHei","黑体"; }
#dialog .m { color: #717071; font-size: 18px; font-weight: bold; }
#dialog .j { color: #717071; line-height: 25px; font-size: 14px; margin-top: 5px; }
#dialog p { margin: 0 0 12px; height: 24px; line-height: 24px; }
#dialog p.close { text-align: right; }


.location-left { background: #fff; border-top: 1px solid #EAEBEB; width: 180px; display: block; text-align: center; margin: 20px 0 0 20px; }
.location-left a { display: block; margin: 0; padding: 0px; border-bottom: 1px solid #EAEBEB; height: 42px; line-height: 42px; color: #717071; font-size: 14px; cursor: pointer; }
.location-left a img { margin-bottom: -3px; }
.location-left a.selected, .location-left a:hover { color: #686f7f; text-decoration: none; background: #F8F8F8; }


.sub-container { display: none; width: 220px; position: absolute; z-index: 999; background-color: #717071; box-shadow: 0px 2px 5px #717071; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.sub-container ul { display: block; width: 220px; margin: 10px 0px; text-align: left; }
.sub-container ul li { display: block; width: 220px; line-height: 35px; height: 35px; list-style-type: none; }
.sub-container ul li:hover { background-color: #717071; }
.sub-container ul li a { font-size: 14px; font-weight: normal; padding: 0px 0px 0px 35px; }
.sub-container ul li a:hover { }

.subtitle { line-height: 40px; font-size: 16px; font-weight: bold; padding: 15px 15px 0px 15px; height: 40px; }
.subtitle a { float: right; color: #CA0915; }
.side-img-list li { display: inline-block; }

.gitem { width: 270px; height: 250px; display: inline-block; vertical-align: top; padding-right: 20px; }
.gitem img { width: 270px; height: 230px; }
.gitem div { height: 50px; width: 100%; table-layout: fixed; position: relative; margin-top: -55px; background-color: #000; background: rgba(0, 0, 0, 0.3); color: #fff; text-align: center; vertical-align: middle; }
.gitem div span { margin: 5px; }
.bgareaindex { background-color: #f8f8f8; margin-top: 20px; margin-bottom: 20px; min-height: 230px; }



.goods2 { margin: 0 50px 0 50px; min-height: 40px; border-bottom: 1px solid #C5C5C6; line-height: 40px; vertical-align: middle; }
.goods2 .title { float: left; width: 100px; color: #4E4B4B; }
.goods2 .content { font-size: 14px; margin-left: 100px; margin: 0px 0px 0px 100px; color: #221814; }
.goodstitle { width: 100px; color: #4E4B4B; }
.goodscontent { line-height: 20px; float: none; width: 785px; color: #221814; }
.innovate { margin: 0 50px 0 50px; min-height: 40px; border-bottom: 1px solid #C5C5C6; vertical-align: middle; }
.innovate .title { float: left; width: 100px; color: #4E4B4B; padding: 10px 0px 10px 0px; }
.innovate .content { font-size: 14px; margin-left: 80px; padding: 10px 0px 10px 0px; color: #221814; }


.innovate-list { margin: 10px 0 0 0px; margin-top: 10px; height: auto; width: 885px; }
.innovate-list li { margin: 15px 0 0 11px; width: 280px; height: auto; background: #fff; overflow: hidden; display: inline-block; vertical-align: text-top; }
.innovate-list li .info { width: 280px; background-color: #F8F8F8; overflow: hidden; min-height: 278px; padding: 10px 0px 10px 0px; }
.innovate-list li .info span { line-height: 28px; font-size: 16px; font-weight: bold; margin: 15px 0 0 15px; }
.innovate-list li .info div { padding: 0px 10px 0px 15px; overflow: hidden; height: 230px; min-height: 230px; }
.innovate-list li .info p { height: 30px; }
.innovate-list li .info i { height: 20px; font-weight: bold; margin: 15px 0 0 15px; color: #CA0915; }
.tab-content { display: none;}
.news-bottom { overflow:hidden;}
.news-left { width: 50%; float: left; padding: 20px 10px 10px 50px;box-sizing:border-box; }
.news-left p { font-size: 16px; font-weight: 700; padding: 0px 0px 10px 0px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.news-left div { height: 140px; padding: 0px 10px 0px 0px; border-right: 1px solid #C5C5C6; line-height: 28px; }
.news-right { width: 50%; float: left; padding: 20px 50px 10px 10px; box-sizing:border-box;}
.news-right ul { text-align: left; padding: 40px 0px 0px 0px; }
.news-right ul li { line-height: 28px; font-size: 12px; }
.news-right ul li span { float: right; color: #999; }
.news-right ul li a { float: left; width: 440px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.content { margin-bottom: 100px; }

#drag { width: 303px; height: 32px; text-align: center; line-height: 32px; position: relative; background-color: rgb(232, 232, 232); margin: 0px 20px; border-radius: 5px; }
#drag .handler { border: 1px solid rgb(204, 204, 204); border-image: none; left: 0px; top: 0px; width: 40px; height: 30px; position: absolute; cursor: move; border-radius: 5px; }
.handler_bg { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center rgb(255, 255, 255); }
.handler_ok_bg { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center rgb(255, 255, 255); }

#drag .drag_bg { width: 0px; height: 32px; background-color: rgb(122, 194, 60); border-radius: 5px; }
#drag .drag_text { top: 0px; width: 279px; position: absolute; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select: none; color: white; }

/* #region 左侧菜单栏*/
.Info_left_title { background-color: #8c8c8c; color: #fff; width: 100%; text-align: center; font-size: 16px; height: 35px; line-height: 35px; margin-top: 20px; border-bottom: 2px solid #f00; }
.Info_left { background: #fff; border: 1px solid #EAEBEB; width: 100%; display: block; text-align: center; border-bottom: none; box-sizing: border-box; }
.Info_left a { font-size: 0; display: block; margin: 0; padding: 0 20px; border-bottom: 1px solid #EAEBEB; height: 35px; line-height: 35px; color: #717071; font-size: 14px; cursor: pointer; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; }
.Info_left a img { height: 17px; vertical-align: middle; }
.Info_left a strong { font-size: 14px; }
.Info_left a.selected, .Info_left a:hover { color: #686f7f; text-decoration: none; background-color: #F8F8F8 !important; }
.gc_white { background: url(https://gzynjk.com/templates/main/images/gc_white.png) no-repeat left 50px center #8c8c8c; background-size: 27px 23px; }
.cx_white { background: url(https://gzynjk.com/templates/main/images/cx_white.png) no-repeat left 50px center #8c8c8c; background-size: 27px 23px; }
.xw_white { background: url(https://gzynjk.com/templates/main/images/xw_white.png) no-repeat left 50px center #8c8c8c; background-size: 27px 23px; }
.Industry_white { background: url(https://gzynjk.com/templates/main/images/Industry_white.png) no-repeat left 50px center #8c8c8c; background-size: 27px 23px; }
.Talent_white { background: url(https://gzynjk.com/templates/main/images/Talent_white.png) no-repeat left 50px center #8c8c8c; background-size: 27px 23px; }
/* #endregion  左侧菜单栏*/

/* #region 详情页导航栏*/
.Info_right { margin-top: 20px; font-size: 14px; }
.Info_right .Navigation { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABWElEQVQokX3SwUtUURjG4edeROcm1Cy6UstgZhqsrEV/QtBG20huWiQSSAtDbNvSvdjCTeSiljoQgfsQWowoWIREJYi4iAgRjahh0BbN0TvjxXd3vu/8zvudc96onqQyuogpDKLSqn3GWzzHz7AxyoDDeIkL8rWPMdQgzkALZ0BwvrVnODim+NZqHKv31oCjZtPvTxt5zuUYE50QnBu45vrKO+nogzznyRj3ci+0/B5cmZtRev1C1N2dbQ9G9ST9g55LTx6flA8PFSolfY8eHpeae3t2nk37Mf8KGl2hcfnpRBsYF3raJugqFhWq5bBsRPUkXcfNzlGT/qobq8vg79a2zdFxv1bWQvtj7P/nnlJSKYHdxTc+9N/OQrAU1ZO0D191vGzx7h2FasX32bnOM/dRDskJAYjy3DM6wn3UQnJqGMHBGdBBgGjPKichH8JVNPAFS5iVCfk/5ORXKlla2l0AAAAASUVORK5CYII=) no-repeat left 8px center #f2f2f2; height: 35px; border: 1px solid #EAEBEB; padding-left: 30px; line-height: 35px; }
.Info_right .Navigation li { float: left; }
.Info_right .Navigation img { padding: 0px 10px; }

.Info_right_List { border: 1px solid #EAEBEB; min-height: 500px; padding: 20px; color: #686f7f; font-size: 10px; line-height: 30px; }
.Info_right_Info .Info-title { text-align: center; font-size: 18px; line-height: 40px; border-bottom: 1px dashed #686f7f; margin-bottom: 10px; font-weight: bold; }
.Info_right_Info .Info-title > div:last-child { height: 20px; font-size: 15px; line-height: 15px; font-weight: initial; }
.Info_right_List ul { margin-bottom: 10px; }
.Info_right_List ul li > div { overflow: hidden; }
.Info_right_List ul li, .Info_right_List ul li a { font-size: 14px; color: #999; }
.Info_right_List ul:not(.img-list) li a { font-size: 14px; color: #999; max-width: calc(100% - 145px - 1px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; float: left; }
.Info_right_List ul li a:hover { color: #CA0915; text-decoration: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.Info_right_List ul li span { float: right; max-width: 145px; }
.Info_right_List img { max-width: 100%; max-height: initial; }

/* #endregion  详情页导航栏*/


.Industry_left_title { background-color: #8c8c8c; color: #fff; width: 100%; text-align: center; font-size: 16px; height: 35px; line-height: 35px; margin-top: 20px; border-bottom: 2px solid #f00; }
.Industry_left { background: #fff; border: 1px solid #EAEBEB; width: 100%; display: block; text-align: center; border-bottom: none; box-sizing: border-box; }
.Industry_left a { font-size: 0; display: block; margin: 0; text-align: left; padding: 0 10px 0px 20px; border-bottom: 1px solid #EAEBEB; height: 35px; line-height: 35px; color: #717071; font-size: 14px; cursor: pointer; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; }
.Industry_left a img { height: 17px; vertical-align: middle; }
.Industry_left a strong { font-size: 14px; }
.Industry_left a.selected, .Industry_left a:hover { color: #686f7f; text-decoration: none; background-color: #F8F8F8 !important; }


.Industry_right, .Talent_right { margin-top: 20px; font-size: 14px; }
.Industry_right .Navigation, .Talent_right .Navigation { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABWElEQVQokX3SwUtUURjG4edeROcm1Cy6UstgZhqsrEV/QtBG20huWiQSSAtDbNvSvdjCTeSiljoQgfsQWowoWIREJYi4iAgRjahh0BbN0TvjxXd3vu/8zvudc96onqQyuogpDKLSqn3GWzzHz7AxyoDDeIkL8rWPMdQgzkALZ0BwvrVnODim+NZqHKv31oCjZtPvTxt5zuUYE50QnBu45vrKO+nogzznyRj3ci+0/B5cmZtRev1C1N2dbQ9G9ST9g55LTx6flA8PFSolfY8eHpeae3t2nk37Mf8KGl2hcfnpRBsYF3raJugqFhWq5bBsRPUkXcfNzlGT/qobq8vg79a2zdFxv1bWQvtj7P/nnlJSKYHdxTc+9N/OQrAU1ZO0D191vGzx7h2FasX32bnOM/dRDskJAYjy3DM6wn3UQnJqGMHBGdBBgGjPKichH8JVNPAFS5iVCfk/5ORXKlla2l0AAAAASUVORK5CYII=) no-repeat left 8px center #f2f2f2; height: 35px; border: 1px solid #EAEBEB; padding-left: 30px; line-height: 35px; }

.Industry_right .Navigation li, .Talent_right .Navigation li { float: left; }
.Industry_right .Navigation img, .Talent_right .Navigation img { padding: 0px 10px; }

.Industry_right_Info, .Talent_right_List { border: 1px solid #EAEBEB; min-height: 500px; padding: 20px; color: #686f7f; font-size: 10px; line-height: 30px; }
.Industry_right_Info .Info-title { text-align: center; font-size: 18px; line-height: 40px; border-bottom: 1px dashed #686f7f; margin-bottom: 10px; font-weight: bold; }
.Industry_right_Info .Info-title > div:last-child { height: 20px; font-size: 15px; line-height: 15px; font-weight: initial; }
.Talent_right_List ul li, .Talent_right_List ul li a { font-size: 14px; color: #999; }

.Talent_right_List ul { margin-bottom: 10px; }

.List-title { overflow: hidden; border-bottom: 1px dashed #686f7f; }
.List-title .left { float: left; font-size: 15px; color: #717171; }
.List-title .right { float: right; width: 100px; height: 30px; background: url(https://gzynjk.com/templates/main/images/MORE.png) no-repeat right 8px center #fff; }
.Talent_right_List ul li a:hover { color: #CA0915; text-decoration: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.Talent_right_List ul li span { float: right; }
.index_News_head { height: 47px; background: url(https://gzynjk.com/templates/main/images/News.png) no-repeat center #fff; margin: 40px 0px; }
.index_News_title { padding: 10px; background-color: #999; height: 30px; background: url(https://gzynjk.com/templates/main/images/MORE0.png) no-repeat right 10px center #999; }
.index_News_title > a { color: #fff; height: 30px; line-height: 30px; float: left; padding: 0px 20px; }
.index_News_title > div > a { float: right; width: 85px; height: 30px; }
.index_News_title > a.selected, .index_News_title > a:hover { background-color: #fff; color: red; }

/* #region 首页新闻*/
.section_news { margin-bottom: 40px; }
.index_News_list { min-height: 250px; padding: 20px; border: 1px solid #717071; box-sizing: border-box; overflow: hidden; }
.index_News_list .left { min-height: 217px; height: 217px; float: left; width: 512px; height: 100%; }
.index_News_list .right { float: right; text-align: left; width: calc(100% - 512px - 21px); margin-left: 20px; }
.index_News_list .right > div { height: 30px; line-height: 30px; color: #686f7f; border-bottom: 1px dashed #686f7f; overflow: hidden;}
.index_News_list .right a { max-width: calc(100% - 100px - 1px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; float: left; }
.index_News_list .right span { float: right; max-width: 100px; }
.index_news_slide { position: relative; margin: 0; width: 100%; height: 248px; text-align: center; overflow: hidden; }
.index_news_slide .list-box { position: absolute; top: 0; width: 512px; height: 100%; background: #fff; }
.index_news_slide .list-box li { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha:opacity(0); }
.index_news_slide .list-box li div { display: block; width: 100%; height: 30px; position: absolute; background-color: #e6e6e6; line-height: 30px; text-align: left; padding-left: 10px; box-sizing: border-box; }
.index_news_slide .list-box li div a { height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; float: left; }
.index_news_slide .list-box li > a { display: block; width: 100%; height: calc(100% - 30px);background-position:center;background-repeat:no-repeat;background-size:100%; }
.index_news_slide .list-box li > a img { position: absolute; top: 0; left: 0; width: 100%; height: 218px; }

.index_news_slide .speed-box { position: absolute; right: 0; bottom: 0px; /* width: 100%; */ height: 30px; text-align: right; z-index: 3; }
.index_news_slide .speed-btn { display: inline-block; margin: auto 0; }
.index_news_slide .speed-btn a { display: block; float: left; margin: 5px; width: 20px; height: 20px; border: 1px solid #717071; background-color: #fff; text-align: center; line-height: 18px; overflow: hidden; *float: none; *display: inline-block; box-sizing: border-box; }
.index_news_slide .speed-btn a.selected { background-color: red; color: #fff; }
.index_news_slide img { width: 400px; height: 271px; }
/* #endregion 首页新闻*/

/* #region 首页工程案例*/
.section_goods { background-color: #f5f5f5; margin-bottom: 40px; }
.index_goods_head { height: 47px; background: url(https://gzynjk.com/templates/main/images/Project.png) no-repeat center #f5f5f5; padding: 40px 0px 40px 0px; }
.index_goods_xian0 { height: 34px; background: url(https://gzynjk.com/templates/main/images/xian0.png) no-repeat bottom #f5f5f5; }
.index_goods_xian0 a { width: 80px; background: url(https://gzynjk.com/templates/main/images/MORE.png) no-repeat center #f5f5f5; height: 30px; float: right; }
.index_goods_xian1 { height: 2px; background: url(https://gzynjk.com/templates/main/images/xian1.png) no-repeat top #f5f5f5; padding-bottom: 20px; }

.index_goods_list { height: 300px; padding: 20px 0px; overflow: hidden; }
.index_goods_list a.info { float: left; width: 190px; display: inline-block; }
.index_goods_list a.info > img:first-child { width: 190px; height: 160px; }
.index_goods_list a.info > img:not(:first-child) { width: 190px; height: 130px; }
.index_goods_list a.info div { height: 30px; line-height: 30px; width: 100%; position: relative; bottom: 172px; background-color: #000; background: rgba(0, 0, 0, 0.3); color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; }

.picMarquee-left { overflow: hidden; position: relative; }
.picMarquee-left .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; }
.picMarquee-left .hd .prev, .picMarquee-left .hd .next { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("../images/arrow.png") no-repeat; }
.picMarquee-left .hd .next { background-position: 0 -50px; }
.picMarquee-left .hd .prevStop { background-position: -60px 0; }
.picMarquee-left .hd .nextStop { background-position: -60px -50px; }
.picMarquee-left .bd { }
.picMarquee-left .bd ul { overflow: hidden; zoom: 1; }
.picMarquee-left .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; }
.picMarquee-left .bd ul li .pic { text-align: center; }
.picMarquee-left .bd ul li .pic img { width: 120px; height: 90px; display: block; padding: 2px; border: 1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img { border-color: #999; }
.picMarquee-left .bd ul li .title { line-height: 24px; }
/* #endregion 首页工程案例*/

/* #region 首页科技创新*/
.section_innovate { margin-bottom: 50px; }
.index_innovate_head { height: 47px; background: url(https://gzynjk.com/templates/main/images/Technology.png) no-repeat center #fff; padding: 40px 0px; }
.index_innovate_title { padding: 10px; background-color: #999; height: 30px; background: url(https://gzynjk.com/templates/main/images/MORE0.png) no-repeat right 10px center #999; }
.index_innovate_title > a { color: #fff; height: 30px; line-height: 30px; float: left; padding: 0px 20px; }
.index_innovate_title > div > a { float: right; width: 85px; height: 30px; }
.index_innovate_title > a.selected, .index_innovate_title > a:hover { background-color: #fff; color: red; }
.index_innovate_list { min-height: 248px; padding: 20px; border: 1px solid #717071; box-sizing: border-box; overflow: hidden; }
.index_innovate_list ul { overflow: hidden; }
.index_innovate_list ul li { float: left; padding: 0px 5px; width: calc(100% / 4); box-sizing: border-box; }
.index_innovate_list ul li img { width: 100%; height: 200px; }
.index_innovate_list ul li a { position: relative; }
.index_innovate_list ul li a > div { height: 30px; line-height: 30px; position: absolute; bottom: 3px; width: 100%; background-color: #000; background: rgba(0, 0, 0, 0.3); color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; }
.index_innovate_list .left { min-height: 217px; height: 217px; float: left; width: 400px; height: 100%; }
.index_innovate_list .right { float: right; text-align: left; width: calc(100% - 400px - 21px); margin-left: 20px; }
.index_innovate_list .right > div { height: 30px; line-height: 30px; color: #686f7f; border-bottom: 1px dashed #686f7f; }
.index_innovate_list .right a { max-width: calc(100% - 100px - 1px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; float: left; }
.index_innovate_list .right span { float: right; max-width: 100px; }
/* #endregion 首页科技创新*/

/*面包屑*/
.nanner .nox .cn {
    width: 100%;
    color: #fff;
    line-height: 1.5;
}
.s48 {
    font-size: calc(12px + 36 * 100vw / 1920);
}
.s24 {
    font-size: calc(12px + 12 * 100vw / 1920);
}
.s14 {
    font-size: calc(12px + 2 * 100vw / 1920);
}
.w1720 {
    width: auto;
    margin: 0 auto;
    position: relative;
    font-size: 14px;
}

.nanner .nox .en {
    width: 100%;
    line-height: 1.5;
    color: #ffff;
}
.nanner {
  width: 100%;
  position: relative;
}

.nanner .img {
  width: 100%;
}

.nanner .img img {
  width: 100%;
  height: 450px;   /*子页面banner高度*/
  display: block;
}

.nanner .nox {
  position: absolute;
  z-index: 5;
  left: calc((100 / 1920) * 100%);
  top: calc( 50% + 0.4rem);
  transform: translateY(-50%);
}

.nanner .nox .cn {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.nanner .nox .en {
  width: 100%;
  line-height: 1.5;
  color: #ffff;
}


.nanner .nox {
    left: 3%;
  }


.nanbar {
    width: 100%;
    background: #fff;
    font-size: 14px;
    margin-left: 10%;
}

.nanbar .nal {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding-bottom: 10px;
}

.nanbar .nal .home_nal {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.14rem;
    margin-bottom: 0.11em;
}

.nanbar .nal .home img {
  width: 100%;
  height: 100%;
  display: block;
}

.nanbar .nal .nts {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #999;
  line-height: 2.5;
  margin-right: 0.16rem;
}

.nanbar .nal .nts span {
  color: #999;
  display: inline-block;
  vertical-align: middle;
  line-height: 2.5;
  margin-left: 0.16rem;
}

.nanbar .nal .nts:last-child {
  color: #167acb;
}

.nanbar .nal .nts:last-child span {
  display: none;
}

.nanbar .nar {
  width: calc(100% - 5rem);
  display: inline-block;
  vertical-align: middle;
}

.nanbar .nar .swiper-wrapper {
  justify-content: flex-end;
}

.nanbar .nar .swiper-slide {
  width: auto;
}

.nanbar .nar .swiper-slide a {
  display: block;
  line-height: 3.2;
  color: #666;
  padding: 0 0.2rem;
}

.nanbar .nar .swiper-slide.on a {
  background: #167acb;
  color: #fff;
}

@media (max-width: 900px) {
  .nanbar .nal {
    width: 100%;
    padding: 0.16rem 0;
  }
  .nanbar .nar {
    width: 100%;
  }
  .nanbar .nar .swiper-wrapper {
    justify-content: flex-start;
  }
}

.pages-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.pages-container .item-pages {
  width: .46rem;
  height: .46rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: SourceHanSansCN-Normal;
  color: #666666;
  margin: 0 .1rem;
  cursor: pointer;
}

.pages-container .item-pages img {
  width: .09rem;
  height: .14rem;
}

.pages-container .item-pages img:first-child {
  display: block;
}

.pages-container .item-pages img:last-child {
  display: none;
}

.pages-container .item-pages:hover {
  background-color: #167acb;
  color: #fff;
}

.pages-container .item-pages:hover img:first-child {
  display: none;
}

.pages-container .item-pages:hover img:last-child {
  display: block;
}

@media (max-width: 1200px) {
  .pages-container .item-pages {
    width: 35px;
    height: 35px;
    margin: 0 8px;
  }
  .pages-container .item-pages img {
    width: 9px;
    height: 14px;
  }
}