@charset "utf-8";
.content{ max-width: 1520px; height: auto; margin: 0 auto; box-sizing: border-box;}
img {max-width: 100%;}
.page-down {width: 30px;height: 30px;background: #999;position: fixed;bottom: 30px;right: 30px;text-align: center;line-height: 30px;font-size: 18px;color: #fff;cursor: pointer;display: none;z-index: 999;}
.page-down:hover {background: #0ba746;}
.table{ display:table; width:100%; height:100%;}
.table .cell{ display:table-cell; text-align:center; vertical-align:middle;}
.smallest-screen {position: fixed;z-index: 999999;width: 100%;height: 100%;background: url(../images/displaynone.png) no-repeat center #666;display: none;}
@media only screen and (max-width : 319px) {
.smallest-screen {display: block;} /*判断屏幕小于319px隐藏显示网站*/
}
.white{ color:#fff !important;}
.webmain{ overflow:hidden; min-width: 1200px; }
.tishi{ text-align: center; color: #333; font-size: 16px; padding: 20px 10px 60px; width: 100%; }
.oneh{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.webshow{ display: block; }
.wapshow{ display: none; }

.middle_holder {display: inline-block;font-size: 0;width: 0;height: 50px;vertical-align: middle;}
.middle {display: inline-block;vertical-align: middle; width: 100%;}
.nav_handle { display: none; position: relative; width: 27px; padding: 0 0 0 20px; cursor: pointer; float: right; }
.nav_handle b { width: 27px; height: 10px; position: relative; }
.nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #333; top: 0; -webkit-transform-origin: 29% 50%; transform-origin: 29% 50%;  transition: all .3s ease; -webkit-transition: all .3s ease; }
.nav_handle b .l_2 { top: auto; bottom: 0; }
.nav_handle.on b i{transform: rotate(45deg); background: #0ba746;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

.banner{ position: relative; overflow: hidden; text-align: center; }
.banner img { width: 1920px; height: auto; max-width: initial; }
.banner .pagination{ z-index: 99; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; bottom: 20px; }
.banner .pagination .swiper-pagination-bullet{ cursor: pointer; width: 10px; height: 10px; display: inline-block; margin: 0 5px; border-radius: 5px; box-sizing: border-box; background: #5f5f65; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #0ba746; width: 30px; }
.banner .banner-left{ display: block; position: absolute; opacity: .8; font-size: 50px; color: #fff; left: 90px; top: 50%; width: 40px; height: 110px; line-height: 110px; margin-top: -55px; z-index: 7; }
.banner .banner-right{ display: block; position: absolute; opacity: .8; font-size: 50px; color: #fff; right: 90px; top: 50%; width: 40px; height: 110px; line-height: 110px; margin-top: -55px; z-index: 7; }
.banner .banner-left:hover,.banner .banner-right:hover{ opacity: 1; color: #0ba746; }

.intop{ padding: 7px 0; background: #eee; text-align: right; font-size: 14px; color: #999; }
.intop i{ font-size: 18px; }
.intop a{ padding: 0 5px; }

.header{ width: 100%; box-sizing: border-box; background-repeat: no-repeat; background-position: center bottom; text-align: right; padding-bottom: 8px; background-image: url(../images/header-border.jpg); }
.header .logo{ padding: 22px 0; float: left; }
.header .logo img{ height: 56px; }
.header .lang{ float: right; color: #999999; position: relative; }
.header .lang .wz{cursor: pointer;font-size: 18px;line-height: 100px;overflow: hidden;transition: all .5s; }
.header .lang .wz i.fa-globe { margin-right: 10px; }
.header .lang .wz i.fa-caret-down{ margin-left: 14px; }
.header .lang .xf{ display: none; background: #fff; top: 100%; right: 0; padding: 30px 0; position: absolute; text-align: left; min-width: 225px; box-shadow: 0 0 20px rgba(0, 0, 0, .05); z-index: 99; }
.header .lang .xf p { font-size: 18px; color: #333333; line-height: 30px; padding: 0 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 12px; }
.header .lang .xf a{ display: block; padding: 0 30px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333; }
.header .lang .xf a:hover{ background: #0ba746; color: #fff; }
.header .lang:hover .xf{ display: block; }
.header .search { float: right; position: relative; }
.header .search .wz { color: #666; line-height: 100px; font-size: 18px; padding: 0 6px 0 14px; cursor: pointer; }
.header .search .xuanf { display: none; background: #fff; position: absolute; right: 0; top: 100%; padding-right: 60px; z-index: 99; }
.header .search .xuanf .text { width: 150px; height: 40px; padding: 0 10px; font-size: 14px; }
.header .search .xuanf .sub {position: absolute; width: 60px; right: 0; top: 0; height: 40px; background: #333; color: #fff; font-size: 16px; outline: none; cursor: pointer; }
.header .search .xuanf .sub:hover { background: #0ba746; }
.header .search:hover .ann { color: #0ba746; }
.header .search:hover .xuanf { display: block; }
.header .inmuen{ float: right; margin-right: 14px; }
.header .inmuen ul li{ display: block; float: left; float: left; position: relative; padding: 0 30px; }
.header .inmuen ul li > a{ display: block; text-align: center; font-size: 18px; color: #333333; line-height: 48px; height: 50px; box-sizing: border-box; margin: 25px 0; }
.header .inmuen ul li:hover > a,
.header .inmuen ul li.on > a{ color: #0ba746; border-bottom: 4px solid #0ba746; }
.header .inmuen ul li .erji{ display: none; position: absolute; height: auto; box-sizing: border-box; position: absolute; left: 0; top: 110px; box-shadow: 5px 5px 10px rgb(0 0 0 / 30%); text-align: left; z-index: 99; }
.header .inmuen ul li:hover .erji{ display: block; }
.header .inmuen ul li .erji a{ display: block; padding: 15px 60px 15px 35px; font-size: 18px; color: #333; white-space: nowrap; background-color: #fff; line-height: 30px; box-sizing: border-box; }
.header .inmuen ul li .erji a:hover{ color: #fff; background: #0ba746; }

.inlmtit { line-height: 64px; text-align: center; }
.inlmtit span{ display: inline-block; padding-right: 60px; background: url(../images/nynav-title-bg.png) no-repeat right bottom; font-size: 32px; color: #0ba746; margin-left: 40px; }
.inlmjj{ font-size: 14px; color: #666666; line-height: 24px; text-align: center; max-width: 800px; margin: 16px auto 0; }
.inlmtit.left { text-align: left; }

.inpro { padding: 70px 0 110px; text-align: center; }
.inpro .nav { font-size: 0; text-align: center; margin-top: 50px; }
.inpro .nav li { display: inline-block; width: 15.6666%; margin: 0 .5%; font-size: 18px; color: #333333; width: 218px; background-color: #eeeeee; text-align: center; height: 50px; line-height: 50px; padding: 0 10px; box-sizing: border-box; position: relative; }
.inpro .nav li:hover { color: #0ba746; }
.inpro .nav li::after { content: ''; display: inline-block; width: 0; position: absolute; height: 4px; background-color: #0ba746; left: 0; bottom: 0; transition: width .3s; }
.inpro .nav li:hover::after { width: 100%; }
.inpro .nr { margin-top: 70px; }
.inpro .nr ul {display: block;position: relative;width: 102%;left: -1%;margin-bottom: -2%;}
.inpro .nr ul li { display: block; width: 18%; float: left; margin: 0 1% 2%; background: #f3f3f3; border-bottom: 6px solid #999999; text-align: center; padding: 20px; box-sizing: border-box; }
.inpro .nr ul li .pic { overflow: hidden; position: relative; margin-bottom: 10px; }
.inpro .nr ul li .pic.tupian { background-color: transparent; }
.inpro .nr ul li .pic img { transition: all .5s; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.inpro .nr ul li .tit { transition: all .5s; font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; text-align: center; color: #000000; }
.inpro .nr ul li .ann { margin-top: 10px; font-size: 14px; color: #666666; line-height: 36px; width: 130px; text-align: center; border: 2px solid #e0e0e0; display: inline-block; }
.inpro .nr ul li:hover { border-color: #0ba746; }
.inpro .nr ul li:hover .pic img { transform: scale(1.1,1.1); }
.inpro .nr ul li:hover .ann { border-color: #0ba746; background-color: #0ba746; color: #fff; }
.inpro .more { font-size: 14px; color: #666666; line-height: 45px; width: 180px; max-width: 100%; display: block; text-align: center; background-color: #f4f4f4; margin: 40px auto 0;}
.inpro .more i { margin-left: 10px; }
.inpro .more:hover { background-color: #0ba746; color: #fff; }

.inabout { min-height: 750px; background-position: center bottom; background-repeat: no-repeat; position: relative; }
.inabout .fgc{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.inabout .content { text-align: left; }
.inabout .inlmtit span{ background: url(../images/intitlebg.png) no-repeat right bottom; padding-right: 65px; margin-left: 0; }
.inabout .jj { margin-top: 30px; font-size: 16px; color: #333; line-height: 30px; max-width: 745px; }
.inabout .more { font-size: 16px; color: #666666; line-height: 24px; margin-top: 30px; display: inline-block; }
.inabout .more i { margin-left: 10px; }
.inabout .more:hover { color: #0ba746; }

.incase{ padding: 70px 0 100px; }
.incase .nr{ max-width: 900px; margin: 60px auto 0; position: relative; }
.incase .nr .swiper-slide a{ transition: all .5s; }
.incase .nr .swiper-slide a .pic{ overflow: hidden; }
.incase .nr .swiper-slide a .pic .img{ transition: all .5s; padding-bottom: 50%; }
.incase .nr .swiper-slide a .tit{ height: 60px; line-height: 60px; padding: 0 80px 0 25px; background: #f4f4f4; font-size: 24px; position: relative; transition: all .5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.incase .nr .swiper-slide a .tit i{ font-size: 30px; color: #0ba746; margin-right: 15px; display: inline-block; vertical-align: middle; }
.incase .nr .swiper-slide a .tit .sz{ position: absolute; right: 0; top: 0; width: 80px; text-align: center; font-size: 36px; color: #fff; }
.incase .nr .swiper-slide a .tit span{ font-size: 14px; color: #999; margin-left: 15px; position: relative; top: 2px; transition: all .5s; }
.incase .nr .swiper-slide a:hover .pic .img{ transform: scale(1.05,1.05); }
.incase .nr .swiper-slide a:hover .tit{ background: #0ba746; color: #fff; }
.incase .nr .swiper-slide a:hover .tit i{ color: #fff; }
.incase .nr .swiper-slide a:hover .tit span{ color: #fff; }
.incase .nr .swiper-slide.swiper-slide-prev a,.incase .nr .swiper-slide.swiper-slide-next a{ zoom:.7; display: block; margin-top: 100px; }
.incase .nr .swiper-slide.swiper-slide-prev a .pic .img,.incase .nr .swiper-slide.swiper-slide-next a .pic .img{ padding-bottom: 40%; opacity: .6; }
.incase .prev{ display: block; position: absolute; font-size: 20px; color: #fff; left: -60px; top: 50%; width: 35px; height: 35px; line-height: 35px; margin-top: -17px; z-index: 7; background: #c2c2c2; text-align: center; border-radius: 50%; }
.incase .next{ display: block; position: absolute; font-size: 20px; color: #fff; right: -60px; top: 50%; width: 35px; height: 35px; line-height: 35px; margin-top: -17px; z-index: 7; background: #c2c2c2; text-align: center; border-radius: 50%; }
.incase .prev:hover,.incase .next:hover{ background: #0ba746; }

.nybanner{ height: 500px; position: relative; }
.nybanner .fgc{ position: absolute; width: 100%; height: 100%; box-sizing: border-box;  }
.nybanner .table .cell { text-align: left; }
.nybanner .lmtit{font-size: 36px;color: #ffffff;text-align: left; max-width: 780px; position: relative; line-height: 48px; padding: 0 0 26px; }
.nybanner .lmtit::after{ display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 4px; background-color: #fff; }

.weizhi { background-color: #f4f4f4; line-height: 24px; font-size: 14px; padding: 13px 0; text-align: right; }
.weizhi i { margin: 0 6px; }

.feny{text-align: center;padding: 20px 0 40px; font-size: 0; }
.feny a{ display: inline-block; font-size: 14px; line-height: 28px; border: 1px solid #cccccc; background-color: #fff; color: #999999; min-width: 30px; text-align: center; padding: 0 5px; box-sizing: border-box; margin: 0 5px; }
.feny a:hover, .feny a.on{ color: #fff; background-color: #0ba746; }

footer { background-color: #f2f2f2; background-position: bottom center; background-repeat: no-repeat; }
footer .top { padding: 50px 0; }
footer .top .nav {float: left;margin-right: 230px; font-size: 0; width: 276px; margin-top: 4px; }
footer .top .nav li { display: inline-block; width: 50%; max-width: 138px; }
footer .top .nav a { display: block; font-size: 18px; color: #333333; line-height: 30px; margin-bottom: 6px; margin-bottom: 48px; }
footer .top .nav a:hover { color: #0ba746; }
footer .top .contact { float: left; max-width: 580px; }
footer .top .contact p { display: block; font-size: 18px; color: #333333; line-height: 30px; margin-bottom: 16px; }
footer .top .code { float: right; font-size: 0; margin-top: 46px; }
footer .top .code li { display: inline-block; margin-left: 24px; }
footer .top .code .pic { width: 132px; height: 132px; }
footer .top .code .pic img { display: block; width: 100%; height: auto; }
footer .top .code .text { font-size: 14px; color: #333333; line-height: 24px; margin-top: 12px; text-align: center; }
footer .top h5 { font-size: 18px; margin-bottom: 10px; color: #333333; line-height: 30px; font-weight: bold; text-transform: uppercase; margin-bottom: 16px; }
footer .bottom {padding: 19px 0;line-height: 22px;font-size: 14px;color: #333333; text-align: center;}
footer .bottom a { color: #333; }
footer .bottom a:hover { text-decoration: underline; }

.nymain { padding: 50px 0; }
.nymain .nyleft { width: 300px; float: left; }
.nynav { background-color: #f3f3f3; margin-bottom: 14px; box-sizing: border-box; padding: 10px 10px 20px; }
.nynav .lmtit { font-size: 24px; color: #0ba746; font-weight: bold; line-height: 60px; padding: 0 8px; background: url(../images/nynav-title-bg.png) no-repeat center bottom; margin-bottom: 18px; }
.nynav .list ul li { display: block; margin-top: 10px; padding: 0 20px; background-color: #fff; position: relative; }
.nynav .list ul li > a { display: block; height: 30px; line-height: 30px; font-size: 18px; color: #333333; padding: 10px 0; }
.nynav .list ul li.on > a,
.nynav .list ul li > a:hover { color: #0ba746; }
.nynav .list ul li > .erji-ann { position: absolute; right: 20px; top: 16px; width: 18px; height: 18px; line-height: 16px; text-align: center; font-size: 12px; color: #fff; background-color: #414141; border-radius: 50%; cursor: pointer; }
.nynav .list ul li > .erji-ann:before{ content: "+"; }
.nynav .list ul li.on > .erji-ann:before{ content: "-"; }
.nynav .list ul li.on > .erji-ann,
.nynav .list ul li > .erji-ann:hover { background-color: #0ba746; }
.nynav .list ul li .erji { display: none; }
.nynav .list ul li.on .erji { display: block; border-top: 1px solid #dfdfdf; padding-top: 5px; padding-bottom: 9px; }
.nynav .list ul li.on .erji a { position: relative; display: block; height: 30px; line-height: 30px; font-size: 16px; color: #666666; margin: 7px 0; }
.nynav .list ul li .erji a:hover,.nynav .list ul li .erji a.on{ color: #0ba746; }
.nynav .list ul li .erji a > .erji-ann{ position: absolute; right: 0; top: 50%; margin-top: -9px; width: 18px; height: 18px; line-height: 16px; text-align: center; font-size: 12px; color: #fff; background-color: #999999; border-radius: 50%; cursor: pointer; }
.nynav .list ul li .erji a > .erji-ann:before{ content: "+"; }
.nynav .list ul li .erji a:hover > .erji-ann,.nynav .list ul li .erji a.on > .erji-ann{ background: #0ba746; }

.nycon { background: #f4f4f4; box-sizing: border-box; padding: 10px 10px 20px; }
.nycon .lmtit { font-size: 24px; color: #0ba746; font-weight: bold; line-height: 60px; padding: 0 8px; background: url(../images/nynav-title-bg.png) no-repeat center bottom; margin-bottom: 18px; }
.nycon .phone { font-size: 16px; color: #666666; text-align: center; line-height: 24px; margin-bottom: 10px; }
.nycon .phone img { margin-bottom: 6px; opacity: .5; }
.nycon .phone span { color: #0ba746; margin-top: 4px; font-weight: bold; font-size: 32px; line-height: 40px; display: inline-block; }
.nycon .wz { padding: 20px 14px 24px; font-size: 15px; color: #666666; line-height: 32px; background-color: #fff; word-break: break-all; }
.nymain .nyright { padding-left: 320px; }
.nymain .nyrightnr { background-color: #f4f4f4; padding: 6px 24px 0; }
.nymain .nyright .title { line-height: 62px; height: 62px; box-sizing: border-box; border-bottom: 2px dashed #dfdfdf; font-size: 24px; color: #333333; font-weight: bold; position: relative; }
.nymain .nyright .title::after { position: absolute; right: 0; bottom: -18px; width: 36px; height: 36px; display: block; content: ''; background: url('../images/nyright-title.png'); }

.nydown { margin-top: 32px; }
.nydown ul { margin-bottom: -16px; }
.nydown li {padding: 16px 100px 16px 28px;line-height: 28px;color: #333333;background-color: #fff;margin-bottom: 16px;font-size: 18px;vertical-align: middle;position: relative;}
.nydown li .tit { display: inline-block; padding-left: 26px; position: relative; }
.nydown li .tit::after { content: ''; display: block; width: 7px; height: 7px; background-color: #666666; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -3.5px; }
.nydown li .ann { position: absolute; right: 0; top: 50%; right: 28px; margin-top: -14px; }
.nydown li .ann:hover { color: #0ba746; }

.nypage { margin-top: 30px; padding-bottom: 50px; font-size: 18px; color: #333333; line-height: 36px; }

.nyhr { margin-top: 32px; }
.nyhr ul { margin-bottom: -16px; }
.nyhr li { padding: 0 28px; line-height: 28px; color: #333333; background-color: #fff; margin-bottom: 16px; font-size: 18px; vertical-align: middle; }
.nyhr li .tit { display: block; position: relative; padding: 16px 40px 16px 26px; position: relative; cursor: pointer; }
.nyhr li .tit::after { content: ''; display: block; width: 7px; height: 7px; background-color: #666666; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -3.5px; }
.nyhr li .jt { position: absolute; font-size: 28px; top: 50%; right: 0; color: #373737; margin-top: -14px; transition: transform .3s; }
.nyhr li .wz { color: #666666; line-height: 36px; border-top: 2px solid #dfdfdf; padding: 16px 0 24px; display: none; }
.nyhr li:hover,
.nyhr li.on .tit,
.nyhr li:hover .jt,
.nyhr li.on .jt { color: #0ba746; }
.nyhr li.on .tit::after, .nyhr li:hover .tit::after { background-color: #0ba746; }
.nyhr li.on .jt { transform: rotate(90deg); }

.nycontact { margin-top: 24px; padding-bottom: 36px; }
.nycontact .top { padding-left: 452px; position: relative; }
.nycontact .left { position: absolute; left: 22px; top: 30px; border-right: 1px solid #cccccc; padding-right: 46px; padding-left: 84px; background-repeat: no-repeat; background-position: left center; }
.nycontact .left .tit { font-size: 18px; color: #333333; line-height: 24px; }
.nycontact .left .jj { color: #0ba746; font-size: 36px; font-weight: bold; line-height: 48px; margin-top: 6px; }
.nycontact .right { font-size: 18px; color: #333333; line-height: 44px; }
.nycontact .bottom { margin-top: 24px; }

.nynews{ padding: 40px 0 0; }
.nynews ul { margin-bottom: -18px; }
.nynews ul li{ display: block; padding: 24px 28px 24px 359px; position: relative; min-height: 218px; background-color: #fff; box-sizing: border-box; margin-bottom: 18px; }
.nynews ul li .pic{ width: 328px; position: absolute; left: 0; top: 0; overflow: hidden; }
.nynews ul li .pic img{ transition: all .5s; }
.nynews ul li .tit{ height: 40px; line-height: 40px; font-size: 24px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.nynews ul li .jj{ font-size: 18px; color: #666; line-height: 36px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 12px; }
.nynews ul li .more{ font-size: 14px; color: #999999; line-height: 24px; }
.nynews ul li .more span { margin-right: 32px; }
.nynews ul li .more i { margin-right: 7px; }
.nynews ul li:hover { box-shadow: 0 6px 6px rgba(0, 0, 0, .14); }
.nynews ul li:hover .pic img{ transform: scale(1.1,1.1); }
.nynews ul li:hover .tit,
.nynews ul li:hover .ann{ color: #0ba746; }

.shownews { margin-top: 30px; padding-bottom: 50px; }
.shownews .lmtit { font-size: 24px; font-weight: bold; color: #0ba746; text-align: center; margin-bottom: 10px; line-height: 36px; }
.shownews .date { font-size: 14px; color: #666; text-align: center; line-height: 24px; }
.shownews .date span { margin: 0 5px; }
.shownews .date i { margin-right: 4px; }
.shownews .wz { font-size: 18px; color: #333333; line-height: 36px; margin-top: 24px; border-bottom: 1px solid #ddd; padding-bottom: 30px; }
.shownews .sxp { margin-top: 30px; padding: 0 180px; position: relative; } 
.shownews .sxp .ann { display: block; width: 160px; line-height: 35px; border: 1px solid #ddd; font-size: 14px; color: #666; text-align: center; background-color: #fff; }
.shownews .sxp .ann.ann1 { margin: 0 auto; background: #0ba746; color: #fff; }
.shownews .sxp .ann.ann1:hover { background: #333; }
.shownews .sxp .ann.ann2 { position: absolute; left: 0; top: 0; }
.shownews .sxp .ann.ann3 { position: absolute; right: 0; top: 0; }
.shownews .sxp .ann:hover { background: #0ba746; color: #fff; }

.nypro { padding: 20px 0 0; }
.nypro ul { display: flex; flex-wrap: wrap; position: relative; width: 102%; left: -1%; }
.nypro ul li { display: block; width: 23%; float: left; margin: 1%; background: #ffffff; border-bottom: 6px solid #999999; text-align: center; padding: 20px; box-sizing: border-box; }
.nypro ul li .pic { overflow: hidden; position: relative; }
.nypro ul li .pic img { transition: all .5s; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.nypro ul li .tit { transition: all .5s; font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; text-align: center; color: #000000; }
.nypro ul li .ann { margin-top: 24px; font-size: 14px; color: #666666; line-height: 36px; width: 130px; text-align: center; border: 2px solid #e0e0e0; display: inline-block; }
.nypro ul li:hover { border-color: #0ba746; }
.nypro ul li:hover .pic img { transform: scale(1.1,1.1); }
.nypro ul li:hover .ann { border-color: #0ba746; background-color: #0ba746; color: #fff; }

.nyrecopro { margin-top: 26px; padding-bottom: 36px !important; }
.nyrecopro .nypro ul { margin-bottom: 0; }

.showpro { margin-top: 30px; }
.showpro .info {padding-left: 460px;position: relative; min-height: 390px; padding-top: 40px; padding-bottom: 40px; }
.showpro .info .tit { font-size: 24px; color: #333333; line-height: 36px; }
.showpro .info .jj { margin: 16px 0; font-size: 16px; line-height: 30px; color: #333; overflow: hidden; }

.box{width:430px;position:absolute;left:0;top:0;box-sizing:border-box}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;cursor:pointer}
.tb-pic a img{vertical-align:middle}
.tb-s310{height:430px;width:430px;text-align:center}
.tb-s310 .jqzoom,.tb-s310 .zoom{max-height:430px;max-width:430px;width:100%}
.picScroll-left{margin-top:15px;padding:0 25px;position:relative}
.picScroll-left .hd .prev{width:20px;height:105px;font-size:25px;text-align:center;line-height:105px;color:#999;overflow:hidden;cursor:pointer;position:absolute;top:0;z-index:9;left:0;background:#fff}
.picScroll-left .hd .next{width:20px;height:105px;font-size:25px;text-align:center;line-height:105px;color:#999;overflow:hidden;cursor:pointer;position:absolute;top:0;z-index:9;right:0;background:#fff}
.picScroll-left .hd .prev:hover{color:#0ba746}
.picScroll-left .hd .next:hover{color:#0ba746}
.picScroll-left .bd{display:block;position:relative;width:calc(100% + 10px);left:-5px}
.picScroll-left .bd ul li{display:block;width:25%;float:left;cursor:pointer}
.picScroll-left .bd ul li a{display:block;padding:0 5px}
.picScroll-left .bd ul li a img{border:2px solid #efefef;box-sizing:border-box}
.picScroll-left .bd ul li.tb-selected a img{border-color:#000}

.nyabout{ padding: 80px 0; }
.nyabout .nr{ margin-top: 70px; padding-left: 680px; position: relative; min-height: 300px; }
.nyabout .nr .pic{ width: 640px; position: absolute; left: 0; top: 0; }
.nyabout .nr .wz{ font-size: 16px; color: #666; line-height: 35px; }

.nycul{ padding: 0 0 80px; }
.nycul .nr{ margin-top: 65px; }
.nycul .nr .nycullist{ padding-bottom: 50px; position: relative; overflow: hidden; }
.nycul .nr .nycullist .swiper-slide .li{ position: relative; }
.nycul .nr .nycullist .swiper-slide .li .pic{ overflow: hidden; }
.nycul .nr .nycullist .swiper-slide .li .pic .img{ transition: all .5s; padding-bottom: 110%; }
.nycul .nr .nycullist .swiper-slide .li .fgc{ position: absolute; width: 100%; height: 100%; padding: 15px; box-sizing: border-box; left: 0; top: 0; color: #fff; }
.nycul .nr .nycullist .swiper-slide .li .fgc .tit{ font-size: 24px; font-weight: bold; margin-bottom: 10px; }
.nycul .nr .nycullist .swiper-slide .li .fgc .jj{ font-size: 18px; line-height: 30px; }
.nycul .nr .nycullist .swiper-slide .li:hover .pic .img{ transform: scale(1.05,1.05); }
.nycul .nr .nycullist .pagination{ position: absolute; left: 0; bottom: 0; text-align: center; }
.nycul .nr .nycullist .pagination .swiper-pagination-bullet{ width: 15px; height: 15px; background: #cccccc; opacity: 1; }
.nycul .nr .nycullist .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #0ba746; }

.nyzeren{ padding: 0 0 80px; }
.nyzeren .nr{ margin-top: 65px; }
.nyzeren .nr .nyzerenlist{ padding-bottom: 50px; position: relative; overflow: hidden; }
.nyzeren .nr .nyzerenlist .swiper-slide .li .tit{ line-height: 60px; height: 60px; border-bottom: 1px dashed #ddd; font-size: 24px; color: #333333; font-weight: bold; position: relative; margin-bottom: 40px; }
.nyzeren .nr .nyzerenlist .swiper-slide .li .tit::after{ position: absolute; right: 0; bottom: -18px; width: 36px; height: 36px; display: block; content: ''; background: url('../images/nyright-title.png'); }
.nyzeren .nr .nyzerenlist .swiper-slide .li .pic img{ width: 100%; height: auto; }
.nyzeren .nr .nyzerenlist .pagination{ position: absolute; left: 0; bottom: 0; text-align: center; }
.nyzeren .nr .nyzerenlist .pagination .swiper-pagination-bullet{ width: 15px; height: 15px; background: #cccccc; opacity: 1; }
.nyzeren .nr .nyzerenlist .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #0ba746; }

.nyzhengshu{ padding: 0 0 80px; }
.nyzhengshu .hd{ text-align: center; padding: 50px 0 80px; }
.nyzhengshu .hd ul li{ display: inline-block; cursor: pointer; line-height: 50px; height: 50px; padding: 0 70px; font-size: 18px; color: #333333; margin: 0 2px; background: #eee; }
.nyzhengshu .hd ul li.on{ border-bottom: 4px solid #0ba746; color: #0ba746; box-sizing: border-box; }
.nyzhengshu .nyzhengshulist{ overflow: hidden; position: relative; left: -45px; padding: 0 45px; width: 100%; }
.nyzhengshu .nyzhengshulist:after{ content: ""; display: block; width: 45px; background: #fff; height: 100%; position: absolute; right: 0; top: 0; z-index: 8; }
.nyzhengshu .nyzhengshulist:before{ content: ""; display: block; width: 45px; background: #fff; height: 100%; position: absolute; left: 0; top: 0; z-index: 8; }
.nyzhengshu .nyzhengshulist .li{ background: #f1f1f1; padding: 35px 45px; position: relative; overflow: hidden; }
.nyzhengshu .nyzhengshulist .li .pic{ background: #fff; transition: all .5s; }
.nyzhengshu .nyzhengshulist .li .fgc{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5); left: 0; top: 0; font-size: 35px; color: #fff; opacity: 0; transition: all .5s; }
.nyzhengshu .nyzhengshulist .li:hover .fgc{ opacity: 1; }
.nyzhengshu .nyzhengshulist .li .tit{ text-align: center; font-size: 16px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; }
.nyzhengshu .nyzhengshulist .swiperprev,.nyzhengshu .nyzhengshulist .swipernext{ transition: all .5s; z-index: 9; width: 35px; height: 35px; text-align: center; line-height: 35px; background: #c2c2c2; color: #fff; font-size: 20px; cursor: pointer; border-radius: 50%; position: absolute; }
.nyzhengshu .nyzhengshulist .swiperprev{ left: 0; top: 50%; margin-top: -17px; }
.nyzhengshu .nyzhengshulist .swipernext{ right: 0; top: 50%; margin-top: -17px; }
.nyzhengshu .nyzhengshulist .swiperprev:hover,.nyzhengshu .nyzhengshulist .swipernext:hover{ background: #0ba746; }

.nyjiagou{ padding: 0 0 80px; }
.nyjiagou .nr{ padding: 0; }
.nypic ul li{ width: 31.333%; padding: 0; border: 0; }
.nypic ul li .tit{ margin-bottom: 0; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }