@charset "UTF-8";
/*banner*/
.banner { width: 100%; height: 350px; overflow: hidden; position: relative; }
.banner img { position: absolute; 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; }

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

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

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

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

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

/*产品列表*/
.proList { width: 1200px; margin: 0 auto; margin-top: 110px; }

.proListItem { height: 360px; background: #f2f2f2; border-top: 2px solid #ff8f21; margin-bottom: 40px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
.proListItem .left { float: left; width: 540px; padding-left: 70px; overflow: hidden; }
.proListItem .left .proName { font: 24px/24px "微软雅黑"; color: #444; margin: 70px 0 38px; display: block; }
.proListItem .left .proName:hover { text-decoration: underline; color: #2983ca; }
.proListItem .left .proIntro { font: 14px/20px "微软雅黑"; color: #777; height: 80px; overflow: hidden; }
.proListItem .left .toDetail { display: block; width: 160px; height: 30px; border: 1px solid #999; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-align: center; font: 14px/30px "微软雅黑"; color: #555; margin-top: 68px; }
.proListItem .left .toDetail:hover { opacity: .7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }
.proListItem .right { float: right; margin: 33px 150px 0 0; }
.proListItem .right img { width: 294px; height: 294px; }

/*产品详情简介*/
.detailTop { width: 1200px; margin: 0 auto; overflow: hidden; margin-bottom: 72px; margin-top: 40px; }

.detailImg { width: 294px; float: left; margin: 46px 0 0 130px; overflow: hidden; }
.detailImg > img { width: 100%; }

.proImgList { width: 100%; margin-top: 8px; text-align: center; }
.proImgList img { width: 30px; height: 30px; border: 1px solid #dbdcd8; cursor: pointer; }

.detailRight { float: right; width: 600px; }
.detailRight .proName { font: 30px/30px "微软雅黑"; color: #333; margin: 68px 0 35px; }
.detailRight .proIntro { font: 16px/20px "微软雅黑"; color: #555; }
.detailRight .proBtn { display: block; width: 140px; height: 40px; text-align: center; font: 16px/40px "微软雅黑"; color: #fff; background: #ff8f21; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 33px; }

/*产品详细介绍*/
.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; }

.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 { text-align: center; margin: 60px 0 90px; font: 16px/30px "微软雅黑"; color: #666; }
.detailFloor > div strong{font-size: 24px;}
.detailFloor > div table { border-collapse: collapse; background: #fbfbfb; width: 998px; margin: 0 auto; text-align: left; }
.detailFloor > div table tr.even { background: #fff; }
.detailFloor > div table th { background: #696969; color: #fff; padding: 12px 40px;font-size: 16px }
.detailFloor > div table td { border: 1px solid #cecece; padding: 12px 40px; font: 16px/32px "微软雅黑"; color: #666; }
.detailFloor > div .features li { overflow: hidden; border-bottom: #cecece 1px solid; padding: 30px 0; }
.detailFloor > div .features li:first-child { padding-top: 0; }
.detailFloor > div .features li img { width: 90px; height: 90px; margin: 26px 0 0 40px; float: left; }
.detailFloor > div .features li div { float: right; width: 880px; text-align: left; }
.detailFloor > div .features li div p { overflow: hidden; display: table; }
.detailFloor > div .features li div p span { display: table-cell; }
.detailFloor > div .features li div p span:first-child { white-space: nowrap; color: #2983ca; }

.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=products.css.map */