@charset "UTF-8";
html { font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", "微软雅黑", "宋体", Arial, Helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

article, aside, details, figcacption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; text-decoration: none; color: #383838; }

a:active, a:hover, a:focus { outline: 0; text-decoration: none; color: #497551; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; }

ton { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: p; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, a, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea, article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, nav, section, source, video, time { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; box-sizing: border-box; text-align: justify; }

body { color: #383838; background: #fff; font: 8px; overflow-x: hidden; }

ul, li, ol { list-style: none; line-height: normal; }

i, address, cite, dfn, em, var { font-style: normal; }

.hd-center, .hd-nav .nav2, .hd-nav .nav3, .section12, .section13, .section15 .btm, .section17, .section18 .bd, .section18 .hd, .section19 ul, .pictures-list, .service .part1 ul, .business .map, .business .result, .brand .btm, .comany-info .part3 .con, .products-list, .products-list-right, .product-main, .product-details, .product-details-right .title2, .cf { *zoom: 1; }
.hd-center:before, .hd-nav .nav2:before, .hd-nav .nav3:before, .section12:before, .section13:before, .section15 .btm:before, .section17:before, .section18 .bd:before, .section18 .hd:before, .section19 ul:before, .pictures-list:before, .service .part1 ul:before, .business .map:before, .business .result:before, .brand .btm:before, .comany-info .part3 .con:before, .products-list:before, .products-list-right:before, .product-main:before, .product-details:before, .product-details-right .title2:before, .hd-center:after, .hd-nav .nav2:after, .hd-nav .nav3:after, .section12:after, .section13:after, .section15 .btm:after, .section17:after, .section18 .bd:after, .section18 .hd:after, .section19 ul:after, .pictures-list:after, .service .part1 ul:after, .business .map:after, .business .result:after, .brand .btm:after, .comany-info .part3 .con:after, .products-list:after, .products-list-right:after, .product-main:after, .product-details:after, .product-details-right .title2:after, .cf:before, .cf:after { content: ""; display: table; }
.hd-center:after, .hd-nav .nav2:after, .hd-nav .nav3:after, .section12:after, .section13:after, .section15 .btm:after, .section17:after, .section18 .bd:after, .section18 .hd:after, .section19 ul:after, .pictures-list:after, .service .part1 ul:after, .business .map:after, .business .result:after, .brand .btm:after, .comany-info .part3 .con:after, .products-list:after, .products-list-right:after, .product-main:after, .product-details:after, .product-details-right .title2:after, .cf:after { clear: both; }

.left, .right { float: left; }

.show { display: block !important; }

.h50 { width: 100%; height: 0.98rem; }

.content, .prv-nxt, .hd-center, .section11, .section12, .section13, .section14, .title221, .box221, .section16, .section17, .section19, .business, .brand, .products-list, .product-main, .product-details { width: 1200px; margin-left: auto; margin-right: auto; }

input[type=text], input[type=password] { border: #d2d2d2 1px solid; height: 30px; border-radius: 5px; padding: 0 5px; }

textarea { height: auto; min-height: 120px; border: #d2d2d2 1px solid; border-radius: 5px; padding: 5px; }

.prv-nxt { text-align: center; padding: 20px 8px; }
.prv-nxt.tr { text-align: right; }
.prv-nxt a { padding: 0 14px; height: 35px; border: #d2d2d2 1px solid; text-align: center; line-height: 35px; font-size: 12px; display: inline-block; margin-right: 2px; }
.prv-nxt a:hover, .prv-nxt .active { background-color: #505050; color: #fff; border-color: #505050; }
.prv-nxt .prev, .prv-nxt .next { width: 35px; height: 35px; background: url("../images/l2.png") center center no-repeat; }
.prv-nxt .next { background-image: url(../images/r2.png); }

.title { width: 1200px; background: url("../images/line1.png") left bottom no-repeat; line-height: 60px; margin: 40px auto 20px auto; font-size: 13px; }
.title span { font-size: 26px; margin-right: 10px; }
.title.t2 { background-image: url(../images/line2.png); }

.banner2 { width: 100%; height: 135px; background: url("../images/banner2.jpg") center top no-repeat; background-size: 1920px 100%; }
.banner2 .content { height: 135px; padding-top: 40px; padding-left: 45px; color: #fff; }
.banner2 h2 { font-size: 28px; font-weight: bold; color: #fff; }
.banner2 i { width: 4px; height: 15px; background-color: #fff; display: inline-block; background-color: #fff; margin-left: 10px; position: relative; top: -2px; }
.banner2 p { font-size: 18px; text-transform: uppercase; opacity: .5; font-weight: lighter; }

.banner3 { width: 100%; height: 252px; background: url("../images/banner3.jpg") center top no-repeat; background-size: 1920px 100%; }
.banner3 .content { height: 252px; padding-top: 60px; padding-left: 45px; color: #fff; }
.banner3 h2 { font-size: 28px; font-weight: bold; color: #fff; margin-bottom: 10px; }
.banner3 i { width: 4px; height: 15px; background-color: #fff; display: inline-block; background-color: #fff; margin-left: 10px; position: relative; top: -2px; }
.banner3 p { font-size: 18px; text-transform: uppercase; opacity: .5; font-weight: lighter; }
.banner3 .box { width: 220px; height: 135px; background-color: #3f8c4d; padding: 32px 10px; position: relative; }
.banner3 .rect { width: 14px; height: 14px; background-color: #3f8c4d; position: absolute; right: -20px; bottom: 0; }

.line-nav { width: 100%; text-align: center; position: relative; height: 99px; margin: 30px 0; }
.line-nav .line { width: 100%; height: 1px; position: absolute; background-color: #497551; top: 50%; left: 0; }
.line-nav a { display: inline-block; width: 113px; height: 99px; background: url("../images/nav101.png") center center no-repeat; position: relative; z-index: 9; background-color: #fff; line-height: 99px; font-size: 14px; text-align: center; color: #3b3b3b; margin: 1px 21px 0 21px; }
.line-nav a:hover, .line-nav a.on { background-image: url(../images/nav101-on.png); color: #fff; font-weight: bold; }
.line-nav .c { width: 5px; height: 5px; border-radius: 5px; position: absolute; left: -23px; top: 47px; background: url("../images/c2.png") center center no-repeat; background-size: 100% 100%; }

.crumb { width: 1200px; margin: 20px auto; font-size: 13px; color: #373737; }
.crumb a { color: #373737; margin: 0 5px; }
.crumb a:hover { color: #497551; }

.banner { width: 1920px; height: 497px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px; }
.banner .hd { height: 15px; overflow: hidden; position: absolute; left: 50%; margin-left: -30px; bottom: 5px; z-index: 1; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd li { float: left; margin-right: 6px; width: 8px; height: 8px; border-radius: 5px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }
.banner .hd li.on { background: #497551; }
.banner .bd { position: relative; height: 100%; z-index: 0; }
.banner .bd li { zoom: 1; vertical-align: middle; }
.banner .bd img { width: 1920px; height: 497px; display: block; }
.banner .prev, .banner .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
.banner .next { left: auto; right: 3%; background-position: 8px 5px; }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }

.h497 { width: 100%; height: 497px; }

.banner5 { width: 100%; height: 100%; overflow: hidden; position: relative; }
.banner5 .hd { height: 53px; overflow: hidden; z-index: 1; padding: 0 50px; margin-top: 10px; position: relative; width: 100%; }
.banner5 .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner5 .hd li { float: left; cursor: pointer; width: 64px; height: 53px; margin: 0 15px; border: #d2d2d2 1px solid; }
.banner5 .hd img { width: 100%; height: 100%; display: block; }
.banner5 .hd li.on { border: #3f8c4d 1px solid; }
.banner5 .bd { position: relative; height: 100%; z-index: 0; }
.banner5 .bd li { zoom: 1; vertical-align: middle; }
.banner5 .bd img { width: 472px; height: 356px; display: block; }
.banner5 .prev, .banner5 .next { position: absolute; top: 50%; margin-top: -17px; display: block; width: 25px; height: 34px; background: url("../images/l3.png") left top no-repeat red; z-index: 9; }
.banner5 .prev { left: 0; }
.banner5 .next { left: 447px; background-image: url(../images/r3.png); }

.picScroll-left { width: 100%; padding: 0 23px; overflow: hidden; position: relative; }
.picScroll-left .prev, .picScroll-left .next { display: block; width: 22px; height: 46px; position: absolute; z-index: 9; top: 50%; margin-top: -23px; background: url("../images/l.png") left top no-repeat; }
.picScroll-left .prev { left: 0; }
.picScroll-left .next { right: 0; background-image: url(../images/r.png); }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd li { margin: 0 4px; float: left; _display: inline; overflow: hidden; text-align: center; width: 280px; height: 457px; background-color: #f6f6f6; position: relative; }
.picScroll-left .bd li:hover { background-color: #416d4a; }
.picScroll-left .bd li:hover .btm { color: #fff; display: block; }
.picScroll-left .bd li:hover .line { background-color: #fff; }
.picScroll-left .bd .img { width: 280px; height: 457px; display: block; overflow: hidden; }
.picScroll-left .bd .img img { width: 100%; height: 100%; display: block; }
.picScroll-left .icon { width: 70px; height: 75px; display: block; margin: 0 auto 10px auto; }
.picScroll-left .icon img { display: block; }
.picScroll-left .icon .icon2 { position: absolute; left: 0; top: 0; display: none; }
.picScroll-left .btm { display: none; width: 100%; text-align: center; padding-top: 20px; color: #fff; height: 178px; position: absolute; bottom: 0; left: 0; background-color: #333; background-color: rgba(0, 0, 0, 0.5); }
.picScroll-left .btm h3 { font-size: 14px; text-align: center; }
.picScroll-left .btm p { font-size: 12px; text-align: center; }
.picScroll-left .btm .line { display: block; width: 55px; height: 2px; background-color: #fff; margin: 5px auto; }

.header { width: 100%; background-color: #fff; }

.hd-top { width: 100%; background-color: #f6f6f6; line-height: 34px; border-bottom: #d2d2d2 1px solid; font-size: 12px; color: #707070; }
.hd-top .content { height: 100%; text-align: right; }
.hd-top .content a { margin: 0 13px; }
.hd-top .content img { position: relative; top: 4px; }
.hd-top .content span { float: left; }

.hd-center { height: 103px; }
.hd-center img { display: block; }
.hd-center .logo { float: left; }
.hd-center .tel { float: right; background: url("../images/tel.png") left center no-repeat; padding-left: 53px; font-size: 16px; color: #1a1a1a; margin-top: 30px; margin-right: 13px; }
.hd-center .tel b { font-size: 23px; font-weight: bold; color: #304a31; display: block; }

.hd-nav { width: 100%; height: 65px; background: url("../images/nav.png") left top repeat-x; background-size: 1px 100%; }
.hd-nav .content { height: 65px; padding-left: 340px; position: relative; }
.hd-nav .nav2 a { display: block; padding: 0 36px; float: left; line-height: 65px; font-size: 16px; color: #ffffff; background: url("../images/nav2.png") left center no-repeat; margin-right: -1px; }
.hd-nav .nav2 a:hover, .hd-nav .nav2 a.on { background: url("../images/nav3.png") left top repeat-x; position: relative; z-index: 9; }
.hd-nav .nav2 a.bgn { background: none; }
.hd-nav .nav2 a.bgn:hover, .hd-nav .nav2 a.bgn.on { background: url("../images/nav3.png") left top repeat-x; position: relative; z-index: 9; }
.hd-nav .nav3 li { position: relative; float: left; }
.hd-nav .nav3 li:hover .con { display: block; }
.hd-nav .nav3 h3 a { display: block; padding: 0 36px; line-height: 65px; font-size: 16px; color: #ffffff; background: url("../images/nav2.png") left center no-repeat; margin-right: -1px; }
.hd-nav .nav3 h3 a:hover, .hd-nav .nav3 h3 a.on { background: url("../images/nav3.png") left top repeat-x; position: relative; z-index: 9; }
.hd-nav .nav3 h3 a.bgn { background: none; }
.hd-nav .nav3 h3 a.bgn:hover, .hd-nav .nav3 h3 a.bgn.on { background: url("../images/nav3.png") left top repeat-x; position: relative; z-index: 9; }
.hd-nav .nav3 .con { display: none; position: absolute; top: 65px; z-index: 999; width: 100%; background: url("../images/fff.png") left top repeat; padding: 5px 10px; }
.hd-nav .nav3 .con a { display: block; line-height: 32px; font-size: 12px; text-align: center; border-top: #fff 1px solid; }
.hd-nav .nav3 .con a:first-child { border: none; }
.hd-nav .nav3 .con a:hover { background: url("../images/nav3.png") left top repeat-x; color: #fff; }
.hd-nav .nav { width: 274px; position: absolute; left: 0; top: 0; }
.hd-nav .nav h2 { width: 100%; line-height: 65px; font-size: 18px; color: #ffffff; text-align: center; background-color: #304a31; cursor: pointer; }
.hd-nav .nav h2 img { margin-left: 3px; }
.hd-nav .nav:hover .subNav { display: block; }
.hd-nav .subNav { display: none; position: absolute; top: 65px; left: 0; z-index: 999; width: 274px; height: 497px; background: url("../images/fff.png") left top repeat; }
.hd-nav .subNav .part1 { height: 284px; border-bottom: #e2d9cc 1px solid; }
.hd-nav .subNav .part1 .side-title { height: 283px; padding-top: 111px; }
.hd-nav .subNav .part2 { height: 213px; }
.hd-nav .subNav .part2 .side-title { height: 212px; padding-top: 80px; }
.hd-nav .subNav .part1, .hd-nav .subNav .part2 { position: relative; padding-left: 36px; }
.hd-nav .subNav .side-title { position: absolute; left: 0; top: 0; width: 36px; border-right: #e2d9cc 1px solid; padding: 0 10px; font-size: 16px; color: #000; font-weight: bold; background-color: #f0f0f0; }
.hd-nav .item { width: 100%; height: 71px; padding: 10px; border-bottom: #e2d9cc 1px solid; position: relative; }
.hd-nav .item > p { font-size: 12px; }
.hd-nav .item > p a { margin: 0 5px; }
.hd-nav .item a { color: #656565; }
.hd-nav .item a:hover { color: #497551; }
.hd-nav .item h3 { width: 100%; position: relative; line-height: 24px; padding-left: 30px; font-size: 14px; font-weight: bold; color: #000; margin-bottom: 8px; }
.hd-nav .item h3 a { font-size: 14px; font-weight: bold; color: #000; }
.hd-nav .item .icon1, .hd-nav .item .icon2 { position: absolute; left: 0; top: 0; }
.hd-nav .item .icon2 { display: none; }
.hd-nav .item .arrow { width: 4px; height: 8px; position: absolute; background: url("../images/arrow.png") left top no-repeat; right: 16px; top: 50%; margin-top: -4px; }
.hd-nav .item:hover { background-color: #fff; }
.hd-nav .item:hover h3 { color: #497551; }
.hd-nav .item:hover h3 a { color: #497551; }
.hd-nav .item:hover > p { color: #497551; }
.hd-nav .item:hover > p a { color: #497551; }
.hd-nav .item:hover .icon2 { display: block; }
.hd-nav .item:hover .icon1 { display: none; }
.hd-nav .item:hover .arrow { display: none; }
.hd-nav .item:hover .thirdNav { display: block; }
.hd-nav .thirdNav { position: absolute; left: 238px; background-color: #fff; top: -1px; border: #e2d9cc 1px solid; border-left: none; display: none; width: 580px; padding: 0 20px 0 10px; }
.hd-nav .thirdNav p { border-top: #d2d2d2 1px solid; padding: 13px 0; line-height: 13px; font-size: 13px; color: #d9d9d9; }
.hd-nav .thirdNav p.bdn { border: none; }
.hd-nav .thirdNav p a { margin: 0 13px; color: #383838; }
.hd-nav .thirdNav p a:hover { color: #497551; }

.footer { width: 100%; margin-top: 80px; border-top: #497551 3px solid; background-color: #283d29; color: #fff; font-size: 13px; }
.footer .ft1 { height: 180px; padding: 40px 210px 10px 210px; position: relative; text-align: center; border-bottom: #3e503f 1px solid; }
.footer .ft1 .logo { position: absolute; left: 30px; top: 26px; }
.footer .ft1 .code { position: absolute; right: 30px; top: 20px; text-align: center; line-height: 24px; }
.footer .ft1 .code img { display: block; }
.footer .ft1 p { width: 100%; text-align: center; line-height: 24px; }
.footer .ft-nav { width: 100%; text-align: center; margin-bottom: 36px; }
.footer .ft-nav a { color: #fff; padding: 0 22px; }
.footer .ft-nav a:hover { opacity: .8; }
.footer .cpt { text-align: center; line-height: 40px; font-size: 13px; }
.footer .cpt a { color: #fff; margin: 0 5px; }
.footer .cpt a:hover { opacity: .8; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.section11 > div { margin-bottom: 20px; height: 250px; border: #42704c 1px solid; padding: 10px 10px 10px 170px; position: relative; }
.section11 .left { position: absolute; left: 0; top: 0; background-color: #42704c; height: 100%; width: 154px; text-align: center; padding-top: 50px; color: #fff; }
.section11 .left img { display: block; margin: 10px auto; }
.section11 .left h3 { font-size: 18px; text-align: center; font-weight: bold; }
.section11 .left .line { display: block; width: 36px; height: 2px; background-color: #fff; margin: 5px auto; }
.section11 .left p { font-size: 16px; color: #ffffff; text-align: center; font-weight: lighter; text-transform: uppercase; opacity: .6; }
.section11 .left .arrow { width: 14px; height: 18px; position: absolute; background: url("../images/arrow2.png") left top no-repeat; right: 0; top: 50%; margin-top: -9px; }
.section11 .part2 { border-color: #1db3a9; }
.section11 .part2 .left { background-color: #1db3a9; }
.section11 .part3 { border-color: #4081ff; }
.section11 .part3 .left { background-color: #4081ff; }
.section11 .item { width: 218px; height: 209px; overflow: hidden; float: left; margin: 10px 18px; position: relative; }
.section11 .item img { display: block; }
.section11 .item .btm { background: url("../images/000.png") left top repeat; position: absolute; bottom: 0; height: 60px; padding: 0 5px; color: #fff; width: 100%; display: none; }
.section11 .item h3 { width: 100%; border-bottom: dashed 1px #afaca7; line-height: 30px; font-size: 13px; text-align: center; font-weight: bold; }
.section11 .item p { line-height: 30px; font-size: 12px; text-align: center; }
.section11 .item:hover .btm, .section11 .item.on .btm { display: block; }

.section12 { margin-top: -10px; padding: 20px 10px; border: #d2d2d2 1px solid; background-color: #f3f4f4; }
.section12 li { width: 16.6%; float: left; text-align: center; font-size: 12px; color: #999; }
.section12 li:hover { color: #497551; }
.section12 li:hover img { opacity: .8; }
.section12 b { display: block; text-align: center; font-size: 14px; }
.section12 img { display: block; margin: 10px auto; width: 99px; height: 99px; border-radius: 100%; overflow: hidden; }

.section13 { margin-bottom: 20px; }
.section13 li { width: 238px; height: 136px; position: relative; float: left; padding-left: 70px; padding-top: 46px; color: #fff; margin-right: 1px; overflow: hidden; }
.section13 img { display: block; position: absolute; left: 0; top: 0; z-index: -1; }
.section13 h3 { font-size: 17px; font-weight: bold; }
.section13 p { font-size: 12px; }

.title221 { height: 36px; border: #ebebeb 1px solid; background-color: #f7f7f7; padding: 0 20px; line-height: 36px; color: #666666; margin-top: 20px; }

.box221 { padding: 20px 0; border: #ebebeb 1px solid; border-top: none; }

.section15 { width: 1200px; margin: 100px auto 40px auto; background-color: #f6f6f6; padding: 40px 410px 10px 210px; position: relative; min-height: 245px; }
.section15 .h2 { width: 169px; height: 103px; background: url("../images/img16.png") left top no-repeat; position: absolute; left: 0; top: -40px; padding: 15px 40px 0 17px; color: #fff; font-size: 12px; line-height: 24px; text-align: center; }
.section15 .h2 span { font-size: 26px; text-align: center; display: block; border-bottom: #fff 1px dotted; padding: 3px 0; line-height: 40px; }
.section15 .more { width: 96px; height: 24px; line-height: 22px; text-align: center; border: #497551 1px solid; color: #497551; font-size: 12px; display: block; position: absolute; left: 20px; bottom: 40px; }
.section15 .more:hover { background-color: #497551; color: #fff; }
.section15 .img { position: absolute; top: 35px; right: 60px; width: 275px; height: 174px; }
.section15 p { font-size: 13px; line-height: 24px; color: #5a5a5a; }
.section15 p b { color: #333; }
.section15 .btm { width: 100%; margin-top: 20px; }
.section15 .btm li { float: left; width: 180px; padding-left: 90px; height: 50px; position: relative; font-size: 12px; color: #999; line-height: 24px; background: url("../images/line4.png") left center no-repeat; }
.section15 .btm li.first { width: 150px; padding-left: 60px; background: none; }
.section15 .btm li.first img { left: 0; }
.section15 .btm img { position: absolute; left: 30px; top: 0; }
.section15 .btm span { display: block; color: #497551; font-size: 16px; }

.section16 { margin-bottom: 20px; height: 450px; position: relative; }
.section16 > div { position: absolute; width: 284px; }
.section16 > div:hover .over { display: block; }
.section16 .img { position: relative; width: 100%; display: block; }
.section16 .img img { width: 100%; height: 100%; display: block; }
.section16 .over { display: none; background: url("../images/000.png") left top repeat; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; }
.section16 .over img { width: 41px; height: 41px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; }
.section16 .item1, .section16 .item2, .section16 .item5, .section16 .item6 { height: 220px; }
.section16 .item1 .img, .section16 .item2 .img, .section16 .item5 .img, .section16 .item6 .img { width: 100%; height: 184px; }
.section16 .item3 .img, .section16 .item4 .img { width: 100%; height: 414px; }
.section16 .item1 { left: 0; top: 0; }
.section16 .item2 { left: 0; top: 230px; }
.section16 .item5 { right: 0; top: 0; }
.section16 .item6 { right: 0; top: 230px; }
.section16 .item3 { left: 305px; top: 0; }
.section16 .item4 { right: 305px; top: 0; }
.section16 h3 { width: 100%; font-size: 15px; line-height: 18px; margin: 5px 0; border-left: #497551 3px solid; padding-left: 10px; }

.section17 { background-color: #f3f4f4; padding: 1px 10px 10px 10px; }
.section17 li { width: 16.6%; float: left; text-align: center; font-size: 12px; color: #999; }
.section17 li:hover { color: #497551; }
.section17 li:hover img { opacity: .8; }
.section17 b { display: block; text-align: center; font-size: 14px; }
.section17 img { display: block; margin: 10px auto; }

.section18 { width: 100%; background-color: #f6f6f6; padding: 40px 0; margin-top: 50px; }
.section18 .content { background-color: #fff; border: #d2d2d2 1px solid; padding: 10px 20px 0 20px; }
.section18 .bd p { font-size: 12px; line-height: 22px; color: #686868; }
.section18 .hd { width: 100%; border-bottom: #d2d2d2 1px solid; line-height: 50px; font-size: 23px; color: #333333; }
.section18 .hd span { float: left; display: block; }
.section18 .hd .sp1 { width: 685px; }
.section18 .hd .sp2 { padding-left: 10px; }
.section18 .left { float: left; width: 685px; height: 415px; border-right: #d2d2d2 1px solid; padding: 40px 50px 0px 40px; }
.section18 .left p { text-indent: 2em; }
.section18 .left .con { width: 100%; min-height: 230px; padding-left: 210px; border-bottom: #d2d2d2 1px dashed; position: relative; }
.section18 .left .con img { position: absolute; left: 0; top: 0; width: 200px; height: 200px; }
.section18 .left .operate { padding-top: 24px; }
.section18 .left .more { width: 96px; height: 24px; line-height: 22px; text-align: center; border: #497551 1px solid; color: #497551; font-size: 12px; display: block; }
.section18 .left .more:hover { background-color: #497551; color: #fff; }
.section18 .h2 { height: 60px; background-color: #688c6e; position: relative; padding: 10px 30px; color: #fff; font-size: 24px; width: 160px; }
.section18 .h2 .line { width: 43px; height: 2px; display: block; margin: 5px auto; background-color: #fff; }
.section18 .h2 .rect { background-color: #688c6e; position: absolute; width: 11px; height: 10px; left: -14px; top: -5px; }
.section18 .right { width: 470px; padding: 30px 10px 10px 40px; }
.section18 .right h3 { font-size: 17px; line-height: 25px; }
.section18 .right .line { width: 60px; height: 1px; display: block; background-color: #497551; margin: 10px 0; }
.section18 .right img { display: block; margin-top: 15px; }

.section19 { background-color: #f3f4f4; position: relative; }
.section19 .more { position: absolute; width: 84px; height: 22px; line-height: 20px; text-align: center; right: 0; top: -40px; border: #497551 1px solid; color: #497551; font-size: 12px; }
.section19 .more:hover { background-color: #497551; color: #fff; }
.section19 ul { padding: 30px 20px; }
.section19 li { width: 16.6%; float: left; text-align: center; font-size: 12px; color: #999; border-left: #dfdfdf 1px solid; }
.section19 li.bdn, .section19 li:first-child { border: none; }
.section19 li:hover { color: #497551; }
.section19 li:hover img { opacity: .8; }
.section19 img { display: block; margin: 10px auto; }

.article-lists { margin: 40px auto; }
.article-lists .item { width: 1153px; height: 261px; background: url("../images/bg101.png") left top no-repeat; margin: 0 auto 20px auto; padding: 40px 30px 20px 390px; position: relative; color: #676767; }
.article-lists .item:hover .img { opacity: .8; }
.article-lists .item:hover h3 { color: #497551; }
.article-lists .img { position: absolute; left: 15px; top: 10px; width: 316px; height: 233px; }
.article-lists h3 { font-size: 22px; width: 100%; color: #3c3c3c; margin-bottom: 10px; }
.article-lists .time { width: 100%; font-size: 12px; }
.article-lists .con { border-top: #d2d2d2 1px solid; margin-top: 20px; padding-top: 20px; font-size: 12px; line-height: 24px; }
.article-lists .more { width: 134px; height: 32px; background: url("../images/bth.png") left top no-repeat; position: absolute; right: 5px; bottom: 9px; text-align: center; color: #fff; font-size: 13px; line-height: 32px; }
.article-lists .more:hover { opacity: .8; }

.pictures-list { margin: 40px auto; width: 1200px; }
.pictures-list .item { width: 284px; height: 269px; background: url("../images/bg91.png") left top no-repeat; float: left; margin: 5px; position: relative; padding: 214px 5px 5px 5px; }
.pictures-list .item:hover img { opacity: .8; }
.pictures-list .item:hover h3 { border-left-color: #497551; color: #497551; background-image: url(../images/icon91-on.png); font-weight: bold; }
.pictures-list .img { position: absolute; top: 5px; right: 7px; width: 267px; height: 207px; overflow: hidden; background-color: #497551; }
.pictures-list h3 { width: 100%; margin: 13px 0; font-size: 14px; border-left: #333 4px solid; padding-left: 10px; background: url("../images/icon91.png") 90% center no-repeat; }

.service { width: 1200px; margin: 40px auto; }
.service .part1 { background-color: #f6f6f6; border: #d2d2d2 1px solid; margin-bottom: 20px; padding-bottom: 1px; padding: 1px; }
.service .part1 .hd { display: block; margin: 45px auto; }
.service .part1 ul { width: 100%; margin: 10px auto 60px auto; }
.service .part1 li { width: 20%; text-align: center; position: relative; float: left; }
.service .part1 li span { width: 100%; position: absolute; bottom: 10px; line-height: 54px; color: #fff; font-size: 15px; text-align: center; z-index: 9; left: 0; }
.service .part1 li img { display: block; margin: 0 auto; }
.service .part2, .service .part3 { border: #d2d2d2 1px solid; margin-bottom: 20px; }
.service .part2 h2, .service .part3 h2 { width: 100%; border-bottom: #d2d2d2 1px solid; background-color: #f6f6f6; text-align: center; font-size: 24px; font-weight: bold; color: #636363; line-height: 70px; }
.service .part2 .con img { display: block; margin: 40px auto; }
.service .part3 .con { padding: 50px 44px; }
.service .part3 .con ul { width: 100%; padding: 0 30px; }
.service .part3 .con li { width: 100%; height: 60px; line-height: 60px; background: url("../images/bg81.png") left top no-repeat; margin-bottom: 20px; font-size: 22px; line-height: 60px; color: #636363; }
.service .part3 .con i { display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 32px; color: #fff; font-weight: lighter; margin-right: 20px; float: left; }
.service .part3 .con .tips { margin-top: 30px; padding: 30px; border-top: #d2d2d2 1px solid; font-size: 17px; color: #636363; }

.custom-process { width: 100%; height: 842px; background: url("../images/bg41.jpg") center top no-repeat; background-size: 1920px 842px; margin-top: 60px; padding-top: 1px; }
.custom-process .hd { margin: 45px auto; }
.custom-process img { display: block; margin: 0 auto; }
.custom-process .bd { width: 100%; }

.business { margin-top: 40px; }
.business .map { width: 100%; padding-left: 340px; position: relative; }
.business .map .left { position: absolute; width: 336px; top: 40px; left: 0; border: #497551 1px solid; font-size: 13px; padding-bottom: 36px; }
.business .map h3 { font-size: 15px; font-weight: bold; color: #333; background-color: #f6f6f6; padding: 0 36px; border-bottom: #497551 1px solid; line-height: 48px; }
.business .map ul { width: 100%; padding: 10px 36px; }
.business .map li { width: 100%; line-height: 32px; background: url("../images/c1.png") left center no-repeat; padding-left: 20px; }
.business .map p { width: 100%; padding: 0 36px; line-height: 32px; }
.business .map .right { width: 100%; }
.business .map .right img { display: block; margin: 0 auto; }
.business .addr-filter { width: 100%; border: #d2d2d2 1px solid; background-color: #f6f6f6; margin: 30px 0 10px 0; }
.business .addr-filter .hd { height: 49px; width: 100%; border-bottom: #d2d2d2 1px solid; }
.business .addr-filter .hd a { display: block; float: left; height: 50px; position: relative; top: -1px; left: -1px; padding: 0 30px; color: #3f8c4d; line-height: 50px; font-size: 15px; }
.business .addr-filter .hd a i { display: inline-block; width: 24px; height: 24px; background: url("../images/icon61.png") center center no-repeat; position: relative; top: 8px; margin-left: 5px; }
.business .addr-filter .hd a.on { color: #fff; background-color: #3f8c4d; }
.business .addr-filter .hd a.on em { display: block; }
.business .addr-filter .hd .a1 i { background-image: url(../images/icon61.png); }
.business .addr-filter .hd .a1.on i { background-image: url(../images/icon61-on.png); }
.business .addr-filter .hd .a2 i { background-image: url(../images/icon62.png); }
.business .addr-filter .hd .a2.on i { background-image: url(../images/icon62-on.png); }
.business .addr-filter .hd em { width: 9px; height: 8px; background: url("../images/arrow3.png") left top no-repeat; position: absolute; left: 50%; margin-left: -4px; bottom: -8px; display: none; }
.business .addr-filter .bd { width: 100%; padding: 15px 10px; }
.business .addr-filter .bd > div { display: none; }
.business .addr-filter .bd .con1 { display: block; }
.business .addr-filter .bd a { padding: 0 13px; margin: 5px 15px; font-size: 12px; line-height: 22px; display: inline-block; }
.business .addr-filter .bd a.on { background-color: #fff; border: #d2d2d2 1px solid; }
.business .result { width: 100%; margin-top: 40px; }
.business .result .item1, .business .result .item2 { width: 586px; height: 227px; background: url("../images/bg62.png") center top no-repeat; background-size: 100% 100%; float: left; position: relative; margin: 20px 0; padding: 40px 260px 10px 30px; }
.business .result .item2 { float: right; }
.business .result h3 { font-weight: bold; color: #333; font-weight: bold; font-size: 15px; line-height: 44px; border-bottom: #d2d2d2 1px solid; margin-bottom: 10px; }
.business .result p { font-size: 12px; line-height: 22px; color: #858585; }
.business .result .tel { font-size: 14px; line-height: 34px; color: #497551; font-weight: bold; margin-top: 10px; }
.business .result .more { width: 89px; height: 22px; background-color: #3f8c4d; text-align: center; position: absolute; line-height: 22px; bottom: 9px; right: 65px; font-size: 12px; color: #fff; }

.brand { margin-top: 40px; }
.brand h2 { width: 100%; line-height: 60px; font-size: 27px; color: #5f9f6b; font-weight: bold; text-align: center; background: url("../images/line5.png") center bottom no-repeat; margin-bottom: 60px; }
.brand .box { width: 100%; background-color: #f6f6f6; padding: 60px 60px 60px 144px; position: relative; background: url("../images/logo3.png") center top repeat-y #f6f6f6; background-size: 1000px 247px; }
.brand .h2 { width: 169px; height: 102px; position: absolute; left: 0; top: 0; background-color: #3f8c4d; padding: 15px 17px; color: #fff; font-size: 12px; line-height: 24px; text-align: center; }
.brand .h2 img { position: absolute; right: -25px; top: 0; }
.brand .h2 b { font-size: 26px; text-align: center; display: block; border-bottom: #fff 1px dotted; padding: 3px 0; line-height: 40px; text-align: center; }
.brand h3 { border-bottom: #3f8c4d 1px solid; width: 100%; color: #3f8c4d; font-size: 22px; font-weight: bold; padding: 6px 50px; margin-bottom: 40px; }
.brand .con { font-size: 13px; color: #5a5a5a; line-height: 30px; margin-bottom: 70px; }
.brand .con p { text-indent: 2em; }
.brand .con ul { margin: 40px 0; }
.brand .con li { line-height: 30px; background: url("../images/c3.png") 10px center no-repeat; padding-left: 2em; }
.brand .btm { width: 100%; padding-right: 240px; height: 130px; position: relative; padding-top: 25px; }
.brand .btm .img { position: absolute; right: 10px; top: 0; }
.brand .btm .item { float: left; background: url("../images/line6.png") left center no-repeat; padding-left: 145px; position: relative; width: 250px; padding-top: 10px; height: 80px; }
.brand .btm .item img { position: absolute; left: 50px; top: 0; }
.brand .btm .item.first { width: 200px; background: none; padding-left: 90px; }
.brand .btm .item.first img { left: 0; }
.brand .btm b { display: block; font-size: 27px; color: #3f8c4d; font-weight: normal; }

.comany-info { width: 1100px; margin: 40px auto 10px auto; }
.comany-info h2 { width: 100%; line-height: 60px; font-size: 27px; color: #5f9f6b; font-weight: bold; text-align: center; background: url("../images/line5.png") center bottom no-repeat; margin-bottom: 60px; }
.comany-info p { font-size: 13px; line-height: 29px; color: #676767; text-indent: 2em; }
.comany-info .part1 { width: 100%; padding-left: 180px; position: relative; min-height: 61px; margin-bottom: 60px; }
.comany-info .tag1 { width: 154px; height: 61px; position: absolute; left: 0; top: 0; background-color: #5f9f6b; color: #fff; padding-top: 10px; }
.comany-info .tag1 b { display: block; text-align: center; font-size: 24px; }
.comany-info .tag1 .rect { width: 11px; height: 11px; background-color: #5f9f6b; position: absolute; top: -5px; left: -15px; }
.comany-info .tag1 .line { width: 54px; height: 2px; display: block; background-color: #fff; margin: 5px auto; }
.comany-info .part2 { width: 100%; padding-left: 535px; min-height: 360px; position: relative; min-height: 358px; }
.comany-info .part2 img { width: 496px; height: 348px; position: absolute; left: 0; top: 0; padding: 5px; border: #d2d2d2 1px solid; }
.comany-info .part3 { margin: 30px 0; padding: 60px 560px 60px 0; border-top: #d2d2d2 1px dotted; border-bottom: #d2d2d2 1px dotted; position: relative; }
.comany-info .part3 .right { position: absolute; right: 0; top: 30px; width: 500px; }
.comany-info .part3 h3 { font-size: 17px; color: #3f8c4d; }
.comany-info .part3 .con { margin-top: 10px; width: 100%; }
.comany-info .part3 .con a { display: block; float: left; width: 200px; height: 80px; background-color: #5f9f6b; color: #fff; padding-left: 100px; padding-top: 22px; position: relative; font-size: 12px; }
.comany-info .part3 .con img { position: absolute; top: 17px; left: 40px; }
.comany-info .part3 .con .a1 { margin-right: 60px; }
.comany-info .part3 .con i { opacity: .8; }
.comany-info .part3 .con span { display: block; font-size: 16px; }

.products-list { font-size: 13px; }

.products-list-left { width: 230px; float: left; border: #d2d2d2 1px solid; }

.side-menu { width: 100%; }
.side-menu h2 { height: 36px; line-height: 36px; background-color: #3f8c4d; color: #fff; padding: 0 20px; font-size: 14px; }
.side-menu h3 { position: relative; cursor: pointer; width: 100%; line-height: 38px; background: url("../images/add2.png") 92% center no-repeat #f6f6f6; padding-left: 34px; border-top: #d2d2d2 1px solid; }
.side-menu h3.bdn { border: none; }
.side-menu h3 img { position: absolute; left: 10px; top: 8px; width: 20px; height: 20px; opacity: .8; }
.side-menu h3 .icon2 { display: none; }
.side-menu h3.on { border-bottom: #d2d2d2 1px solid; color: #3f8c4d; background-image: url(../images/reduce.png); }
.side-menu h3.on .icon2 { display: block; }
.side-menu h3.on .icon1 { display: none; }
.side-menu .con { display: none; width: 100%; padding: 5px 34px; }
.side-menu .con a { display: block; line-height: 30px; }
.side-menu .con a:hover { color: #3f8c4d; }

.products-list-right { width: 960px; float: right; }
.products-list-right .item { width: 228px; height: 280px; border: #d2d2d2 1px solid; position: relative; float: left; margin-left: 10px; overflow: hidden; margin-bottom: 20px; }
.products-list-right .item .img { width: 100%; height: 190px; display: block; overflow: hidden; }
.products-list-right .item h3 { width: 100%; border-bottom: #d2d2d2 1px solid; line-height: 44px; text-align: center; }
.products-list-right .item .btm { width: 100%; color: #ff8c05; line-height: 45px; text-align: center; font-size: 21px; }
.products-list-right .item sub { font-size: 13px; bottom: 0px; position: relative; }

.product-main { padding: 16px; }
.product-main .left { width: 472px; height: 424px; float: left; overflow: hidden; }
.product-main .right { width: 627px; float: right; }
.product-main h1 { font-size: 24px; color: #000; padding-bottom: 10px; border-bottom: #eee 1px solid; margin-bottom: 10px; }
.product-main .tips { width: 100%; font-size: 15px; color: #2c8c3e; }
.product-main .part1 { width: 100%; height: 116px; background: url("../images/bg21.png") top no-repeat; background-size: 100% 100%; padding: 17px 10px; position: relative; font-size: 14px; color: #2c8c3e; margin: 20px 0; }
.product-main .part1 .hot { position: absolute; right: 24px; top: -3px; }
.product-main .part1 p { width: 100%; line-height: 40px; padding-left: 40px; position: relative; height: 40px; }
.product-main .part1 .icon { position: absolute; left: 16px; top: 12px; }
.product-main .part1 .p1 { border-bottom: #e3e3e3 1px solid; }
.product-main .part1 .p1 .icon { top: 15px; }
.product-main .part1 .e2 { margin-right: 2em; }
.product-main .part1 b { font-size: 22px; color: #ff580f; font-weight: bold; line-height: 40px; }
.product-main .tel { height: 60px; line-height: 60px; border-bottom: #eee 1px solid; font-size: 31px; color: #2c8c3e; font-weight: bold; padding-left: 50px; background: url("../images/tel2.png") 12px center no-repeat; }
.product-main .operate { width: 100%; padding: 30px 12px; }
.product-main .operate a { display: block; width: 200px; height: 50px; background: url("../images/btn2.png") left top no-repeat; background-size: 100% 100%; text-align: center; line-height: 46px; font-size: 18px; color: #fff; padding-left: 20px; }

.product-details { margin-top: 70px; }

.product-details-left { width: 180px; border: #d2d2d2 1px solid; float: left; }
.product-details-left h2 { font-size: 15px; color: #666666; border-bottom: #d2d2d2 1px solid; line-height: 35px; padding: 0 20px; background-color: #f6f6f6; }
.product-details-left .item { margin: 12px auto 20px auto; width: 160px; }
.product-details-left .item img { display: block; width: 160px; height: 160px; margin-bottom: 5px; }
.product-details-left .item p { width: 100%; padding: 0 10px; font-size: 12px; line-height: 18px; }
.product-details-left .item .price { font-size: 16px; color: #ff4f01; font-weight: bold; margin: 5px 0; }

.product-details-right { width: 1006px; float: right; border: #d2d2d2 1px solid; position: relative; padding-top: 40px; }
.product-details-right .hd { width: 1006px; height: 36px; border: #d2d2d2 1px solid; border-top: #d2d2d2 2px solid; position: absolute; left: -1px; top: -1px; line-height: 36px; background-color: #f6f6f6; }
.product-details-right .hd a { display: block; float: left; padding: 0 20px; font-size: 12px; color: #373737; line-height: 36px; height: 36px; position: relative; left: -1px; }
.product-details-right .hd a.on { border-top: #497551 2px solid; position: relative; top: -2px; border-left: #d2d2d2 1px solid; border-right: #d2d2d2 1px solid; border-bottom: #fff 3px solid; background-color: #fff; font-weight: bold; }
.product-details-right .bd { width: 100%; padding: 30px 20px; }
.product-details-right .bd > div { display: none; }
.product-details-right .bd .con1 { display: block; }
.product-details-right .title2 { width: 100%; width: 960px; height: 53px; line-height: 43px; background-color: #2c8c3e; color: #fff; padding: 5px 10px; text-transform: uppercase; font-size: 13px; }
.product-details-right .title2 .l { min-width: 100px; padding-right: 20px; border-right: #fff 1px dotted; float: left; margin-right: 20px; font-size: 20px; position: relative; }
.product-details-right .title2 i { width: 9px; height: 8px; position: absolute; background: url("../images/arrow3.png") left top no-repeat; left: 50%; margin-left: -4px; bottom: -13px; }