.top { height: 25px; border-bottom: 1px solid #67b6b8; font: 14px/25px "Microsoft YaHei"; color: #000; }

.top a { color: #000; }

.k2 {padding-left: 154px;background: url(../image/tTel.png) left center no-repeat;font: bold 26px/40px "Microsoft YaHei";color: #f0a328;margin-top: 39px;line-height: 28px;}

.black { text-align: center; font: bold 35px/1 "Microsoft YaHei"; }
.black span { color: #1e8a3e; }
.black span i { font-weight: normal; font-style: normal; }
.black:before { content: ""; display: inline-block; width: 32px; height: 1px; background-color: #262525; margin-right: 20px; vertical-align: middle; }
.black:after { content: ""; display: inline-block; width: 32px; height: 1px; background-color: #262525; margin-left: 20px; vertical-align: middle; }
.black + h2 { text-align: center; font: 18px/50px "Microsoft YaHei"; color: #000; }

.sy-case { margin-top: 70px; }
.sy-case .bd { overflow: hidden; margin-top: 50px; }
.sy-case .bd li {float: left;margin-right: 4px;display: flex;align-items: center;justify-content: center;border: #ccc 1px solid;align-content: center;flex-direction: column;}
.sy-case .bd li img {width: 100%;height: 100%;object-fit: cover;border: 1px solid #bfbfbf;}
.sy-case .bd li h3 { text-align: center; font: 17px/48px "Microsoft YaHei"; margin-top: 5px; border-bottom: 6px solid #313131; color: #313131; }
.sy-case .bd li:hover h3 { border-bottom-color: #f0a328; }
.sy-case .bd .prev, .sy-case .bd .next {position: absolute;cursor: pointer;top: 304px;}
.sy-case .bd .prev { left: -38px; }
.sy-case .bd .next { right: -38px; transform: scale(-1); }

.sy-pro {padding-top: 170px;background: #ececec;}
.sy-pro .pro-box { margin-top: 35px; }
.sy-pro .pro-box .pro-left { width: 260px; }
.sy-pro .pro-box .pro-left h3 {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;height: 130px;text-align: center;font: bold 31px/62px "Microsoft YaHei";color: #fff;background-color: #4CAF50;padding: 15px 0 20px;}
.sy-pro .pro-box .pro-left h3 span { display: block; font: 17px/28px "Microsoft YaHei"; }
.sy-pro .pro-box .pro-left ul {background-color: #1e8a3e;padding-top: 13px;height: 850px;}
.sy-pro .pro-box .pro-left ul li {width: 246px; margin: 0 auto;}
.sy-pro .pro-box .pro-left ul li>a {display: block;text-align:center;font: 17px/40px "Microsoft YaHei";color: #1e8a3e;background-color: #ffffff;}


.sy-pro .pro-box .pro-left ul dd{margin-top:10px;margin-bottom:10px;}
.sy-pro .pro-box .pro-left ul dd a{display: block; font: 18px/38px "Microsoft YaHei"; color: #000;text-indent: 50px;background: url(../image/pro-li.png) -7px -5px no-repeat;transition:color .5s;}
.sy-pro .pro-box .pro-left ul dd a:hover{color:#1e8a3e;background: url(../image/pro-li-on.png) left top no-repeat;}

.sy-pro .pro-box .pro-right { width: 920px; }
.sy-pro .pro-box .pro-right li {float: left;margin-right: 16px;width: 32.1%;height: auto;margin-bottom: 48px;}
.sy-pro .pro-box .pro-right li .pro{height:230px}
.sy-pro .pro-box .pro-right li img {width: 100%;height: 100%;object-fit: contain;/* border: 1px solid #bfbfbf; */}
.sy-pro .pro-box .pro-right li h3 {text-align: center;font: 16px/40px "Microsoft YaHei";color: #000;font-weight: 600;}
.sy-pro .pro-box .pro-right li:nth-child(3n) { margin-right: 0; }

.graph { margin-top: 80px; width: 1920px; position: relative; left: calc(50% - 960px); text-align: center; text-align: center; }

.advantage { padding-top: 100px; background: url(../image/advantage.jpg) center top no-repeat; }
.advantage .article { margin-top: 70px; padding-bottom: 95px; }
.advantage .article li { overflow: hidden; }
.advantage .article li .ad-text { padding-left: 68px; margin-top: 45px; float: left; width: 480px; }
.advantage .article li .ad-text h2 { font: bold 30px/1 "Microsoft YaHei"; color: #1e8a3e; }
.advantage .article li .ad-text h2 span { display: block; text-transform: uppercase; font: 13px/43px "Microsoft YaHei"; color: #929292; }
.advantage .article li .ad-text p { font: 17px/32px "Microsoft YaHei"; color: #222; }
.advantage .article li img { width: 600px; height: 258px; float: right; }
.advantage .article li:nth-child(2n) .ad-text { float: right; }
.advantage .article li:nth-child(2n) img { float: left; }
.advantage .article li.ad1 .ad-text { background: url(../image/ad1.png) left top no-repeat; }
.advantage .article li.ad2 .ad-text { background: url(../image/ad2.png) left top no-repeat; }
.advantage .article li.ad3 .ad-text { background: url(../image/ad3.png) left top no-repeat; }
.advantage .article li.ad4 .ad-text { background: url(../image/ad4.png) left top no-repeat; }

.sy-about {padding: 60px 0;background: #2d8549;}
.sy-about .article { padding: 32px 28px; background-color: #fff; }
.sy-about .article .about-left { width: 510px; }
.sy-about .article .about-right { width: 638px; }
.sy-about .article .about-right h2 { font: bold 29px/66px "Microsoft YaHei"; color: #f0a328; }
.sy-about .article .about-right .about-text { margin-top: 16px; font: 15px/25px "Microsoft YaHei"; color: #262525; }
.sy-about .article .about-right .about-text a { font-weight: bold; color: #e60012; }

.honor { margin-top: 65px; }
.honor .hd { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }
.honor .hd li { font: bold 35px/1 "Microsoft YaHei"; }
.honor .hd li.on { color: #1e8a3e; }
.honor .hd span { font: 22px/35px "Microsoft YaHei"; color: #1e8a3e; margin: 0 8px; }
.honor .hd:before { content: ""; display: inline-block; width: 32px; height: 1px; background-color: #262525; margin-right: 20px; margin-top: 18px; vertical-align: middle; }
.honor .hd:after { content: ""; display: inline-block; width: 32px; height: 1px; background-color: #262525; margin-left: 20px; margin-top: 18px; vertical-align: middle; }
.honor .honor-box { width: 1244px; margin: 35px auto 0; position: relative; border: 1px solid #bfbfbf; }
.honor .honor-box .bd { width: 1176px; margin: 0 auto; padding: 18px 0; overflow: hidden; }
.honor .honor-box .bd li { float: left; margin-right: 16px; width: 280px; height: 220px; }
.honor .honor-box .bd li img {width: auto;height: 186px;}
.honor .honor-box .bd .honor-prev, .honor .honor-box .bd .honor-next { position: absolute; cursor: pointer; top: 80px; }
.honor .honor-box .bd .honor-prev { left: 0; }
.honor .honor-box .bd .honor-next { right: 0; transform: scale(-1); }