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

.top a { color: #000; }

.k2 { padding-left: 75px; background: url(../images/tTel.png) left center no-repeat; font: bold 28px/36px "Microsoft YaHei"; color: #f0a328; margin-top: 64px; }

.black { text-align: center; font: bold 35px/1 "Microsoft YaHei"; }
.black span { color: #028688; }
.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; }
.sy-case .bd li img { width: 295px; height: 242px; 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: 223px; }
.sy-case .bd .prev { left: -38px; }
.sy-case .bd .next { right: -38px; transform: scale(-1); }

.sy-pro { padding-top: 170px; background: url(../images/pro-bg.png) center 20px no-repeat; }
.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 42px/60px "Microsoft YaHei"; color: #fff; background-color: #f0a328; 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: #027d7e; padding-top: 13px; height: 756px; }
.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: 23px/46px "Microsoft YaHei"; color: #fff;background-color:#f0a328; }


.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(../images/pro-li.png) -7px -5px no-repeat;transition:color .5s;}
.sy-pro .pro-box .pro-left ul dd a:hover{color:#028688;background: url(../images/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; }
.sy-pro .pro-box .pro-right li img { width: 294px; height: 241px; border: 1px solid #bfbfbf; }
.sy-pro .pro-box .pro-right li h3 { text-align: center; font: 16px/40px "Microsoft YaHei"; color: #000; }
.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(../images/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: #028688; }
.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(../images/ad1.png) left top no-repeat; }
.advantage .article li.ad2 .ad-text { background: url(../images/ad2.png) left top no-repeat; }
.advantage .article li.ad3 .ad-text { background: url(../images/ad3.png) left top no-repeat; }
.advantage .article li.ad4 .ad-text { background: url(../images/ad4.png) left top no-repeat; }

.sy-about { padding: 60px 0; background: url(../images/about-bg.jpg) center no-repeat; }
.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: #028688; }
.honor .hd span { font: 22px/35px "Microsoft YaHei"; color: #028688; 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: 280px; height: 220px; }
.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); }