@charset "UTF-8";
/*banner*/
.banner { width: 100%; height: 350px; overflow: hidden; position: relative; }
.banner img { position: relative; left: 50%; margin-left: -960px; height: 100%; top: 0; }

/*标题*/
h2 { height: 133px; text-align: center; overflow: hidden; }
h2 p:first-child { font: 26px/26px "微软雅黑"; color: #333; margin-top: 50px; }
h2 p:first-child + p { font: 12px/12px "微软雅黑"; color: #333; margin-top: 8px; }

/*分类*/
.solutionTabWrap { width: 100%; height: 70px; background: #f9f9f9; position: absolute; top: 483px; border-bottom: 1px solid #dbdcd8; border-top: 1px solid #dbdcd8; }

.solutionTabWrap.scroll { position: fixed; top: 106px; z-index: 1; }

.solutionTab { width: 1200px; margin: 0 auto; }

.solutionTab > li { float: left; width: 238px; text-align: center; height: 100%; position: relative; border-right: 1px solid #dbdcd8; }
.solutionTab > li:first-child { border-left: 1px solid #dbdcd8; }
.solutionTab > li:hover { background: #ff8f21; }
.solutionTab > li:hover > a { color: #fff; }
.solutionTab > li a { font: 16px/20px "微软雅黑"; color: #444; display: block; width: 100%; height: 54px; padding-top: 16px; }
.solutionTab > li.on { background: #ff8f21; }
.solutionTab > li.on > a { color: #fff; }

.sol2Tab { background: #fff; border: 1px solid #dbdcd8; border-top: 0; position: absolute; top: 70px; width: 239px; display: none; left: 0; z-index: 1; box-sizing: border-box; }
.sol2Tab li { border-top: 1px solid #dbdcd8; padding: 10px 0; }
.sol2Tab li:first-child { border: none; }
.sol2Tab li:hover { background: #ff8f21; }
.sol2Tab li:hover a { color: #fff; }
.sol2Tab li a { padding: 0; line-height: 24px; height: auto; color: #555; }

/*列表*/
.solutionList { width: 1200px; margin: 0 auto; padding-bottom: 80px; margin-top: 70px; }

.solutionItem { padding: 50px 0; overflow: hidden; border-bottom: 1px solid #dbdcd8; position: relative; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
.solutionItem:first-child { opacity: 1; }
.solutionItem .left { float: left; }
.solutionItem .left img { width: 498px; height: 298px; border: 1px solid #dbdcd8; }
.solutionItem .right { float: right; width: 650px; }
.solutionItem .solName { font: 24px/58px "微软雅黑"; color: #333; }
.solutionItem .solName:hover { text-decoration: underline; color: #2983ca; }
.solutionItem .solIntro { font: 16px/26px "微软雅黑"; color: #777; margin-top: 23px; }
.solutionItem .toDetail { display: block; width: 148px; height: 38px; border: 1px solid #555; font: 16px/38px "微软雅黑"; color: #444; text-align: center; margin-top: 37px; }
.solutionItem .toDetail:hover { opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }

/*解决方案简介*/
.detailTop { width: 1200px; margin: 0 auto; margin-top: 40px; }
.detailTop .solName { height: 65px; border-bottom: 1px solid #dbdcd8; }
.detailTop .solName p { font: 30px/65px "微软雅黑"; color: #333; float: left; }
.detailTop .solName a { font: 16px/65px "微软雅黑"; color: #666; float: right; }
.detailTop .solName a:hover { opacity: 0.7; }
.detailTop .solIntro { font: 16px/28px "微软雅黑"; color: #777; padding: 42px 0 36px; }
.detailTop .solIntro p{text-indent: 32px}

/*解决方案详细介绍*/
.detailMainWrap { width: 1200px; margin: 0 auto; zoom: 1; }

.detailMainWrap:after { content: ' '; height: 0; display: table; clear: both; }

.detailNav { width: 90px; float: left; margin-top: 56px; }
.detailNav.scroll { position: fixed; left: 50%; margin-left: -600px; top: 106px; }
.detailNav li { text-align: right; font: 14px/14px "微软雅黑"; color: #666; margin: 24px 0; padding-right: 19px; cursor: pointer; }
.detailNav li.on { font-size: 20px; color: #0874dc; white-space: nowrap; position: relative; right: 7px; }
.detailNav li.on:after { content: ' '; display: inline-block; width: 9px; height: 9px; border: 5px solid #0874dc; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; top: 3px; left: 9px; }
.detailNav li a { width: 78px; height: 26px; display: inline-block; color: #fff; text-align: center; line-height: 26px; background: #4c4c4c; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.detailMain { width: 1058px; padding-left: 50px; padding-top: 16px; float: right; border-left: 1px solid #dbdcd8; }
.detailMain .floor1 > div > p { font: 20px/20px "微软雅黑"; color: #666; margin-bottom: 40px; text-align: center; }
.detailMain .floor1 > div .floor1Table { overflow: hidden; width: 756px; margin: 0 auto; }
.detailMain .floor1 > div .floor1Table div { width: 180px; margin: 0 36px; text-align: center; float: left; }
.detailMain .floor1 > div .floor1Table div p { font: 16px/16px "微软雅黑"; color: #666; margin: 17px 0 38px; }

.detailFloor h3 { font: 22px/40px "微软雅黑"; color: #4c4c4c; text-align: center; font-weight: 900; background: #fbfcfd; border-top: 2px solid #0c26c5; border-bottom: 1px solid #dbdcd8; }
.detailFloor > div { margin: 60px 0 90px; font: 16px/30px "微软雅黑"; color: #666; }
.detailFloor > div img{ max-width: 100%;height: auto; }
.detailFloor > div strong{ font-weight: 900 }
.detailFloor > div .features { overflow: hidden; margin-left: -53px; }
.detailFloor > div .features li { height: 120px; width: 500px; border-bottom: 1px dashed #cecece; padding: 25px 0; float: left; margin-left: 53px; }
.detailFloor > div .features li img { float: left; width: 80px; height: 80px;margin: 0 14px 0 24px; }
.detailFloor > div .features li img+p{display: none}
.detailFloor > div .features li div { float: right; width: 382px; height: 128px; overflow: hidden;text-align: justify }
.detailFloor > div dl { text-align: center; margin-bottom: 20px; }
.detailFloor > div dl img { max-width: 750px; }
.detailFloor > div dl dd { font: 16px/54px "微软雅黑"; color: #555; }

.detailLink { padding-bottom: 60px; overflow: hidden; }
.detailLink ul { float: left; width: 50%; }
.detailLink ul li:first-child { font: 18px/18px "微软雅黑"; color: #444; margin-bottom: 20px; }
.detailLink ul a { font: 14px/28px "微软雅黑"; color: #555; }
.detailLink ul a:hover { color: #2983ca; text-decoration: underline; }

/*# sourceMappingURL=solutions.css.map */