/*样式重置*/
body, h1, h2, h3, h4, h5, h6, hr, p, ul, li, dl, dt, dd { margin: 0; padding: 0 }
body { font: 12px/1 'Microsoft YaHei', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif }
h1, h2 { font-size: 16px; font-weight: normal }
h3 { font-size: 14px; font-weight: normal }
h4, h5, h6 { font-size: 100%; font-weight: normal }
ul, ol, li, dd { list-style: none }
img { border: 0 }
em { font-style: normal; }
a { color: #5A5A5A; text-decoration: none; }
a:hover { color: #e54724; }
input { -webkit-appearance: none; outline: none; }

/*通用样式*/
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix { clear: both; }
.fl { float: left; }
.fr { float: right; }
.w1200 { width: 1200px; margin: 0 auto; }
.icon, i { background: url(../images/img.png)  no-repeat; vertical-align: -2px; }
i { display: inline-block; }
body { font-size: 14px; min-width: 1200px; }

/*通用样式---------------------*/
.pic { overflow: hidden; }
.pic img{width:100%}
/*页头导航*/
body { background: #E9E9E9; }
.header { height: 120px; background: #fff; }
.headerBox { position: relative; height: 100%; }
.headerBox .logo { position: absolute; top: 15px; left: 9px; font-size: 32px; z-index: 32; text-align: left; white-space: nowrap; font-weight: bold; color: rgb(255, 101, 55); }
.headerBox .logo > span { color: rgb(204, 204, 204); }
.headerBox .nav { display: inline-block; position: absolute; top: 40px; left: 480px; }
.navBox { height: 43px; line-height: 43px; }
.navBox a { font-size: 16px; color: #161616; }
.navBox .selected a { display: block; background: #ff6637; border-radius: 5px; color: #fff; }
.navBox ul li { float: left; width: 100px; height: 43px; margin-left: 20px; text-align: center; }
.navBox ul li a { display: block; }
.navBox ul li a:hover { background: #ff6637; border-radius: 5px; color: #fff; }

/*页脚*/
#footer { background: #191818; color: #7E7E7E; height: 240px; font-size: 16px; }
.footerBox { padding: 65px 0 30px; position: relative; }
.footLogo { position: absolute; top: 25px; left: 52px; color: #dbdbdb; font-size: 14px; }
.footLogo .manage { margin-top: 30px; line-height: 22px; }
.footLogo a { color: #dbdbdb; font-size: 14px; }
.footLogo a:hover { color: #fff; }
.footerLinks { position: absolute; left: 500px; top: 38px; }
.footerLinks dl { float: left; font-size: 14px; margin-right: 95px; line-height: 20px; }
.footerLinks dl dt { color: rgb(153, 153, 153); }
.footerLinks dl a { color: rgb(102, 102, 102); font-size: 12px; }
.footerLinks dl a:hover { color: #e54724; }

/*分页样式*/
#showpage { overflow: hidden; padding-bottom: 25px; padding-top: 25px; text-align: center; }
#showpage span,#showpage a{ background-color: #fff; border: 1px solid #ddd; border-radius: 4px; color: #666; cursor: pointer; display: inline-block; font-size: 14px; height: 26px; line-height: 26px; margin-left: 4px; padding: 0 10px; text-decoration: none; transition: all 0.2s ease 0s; }
#showpage a:hover { background-color: #ff6637; border: 1px solid #ff6637; color: #fff; text-decoration: none; }
#showpage .cur_page { background-color: #ff6637; border: 1px solid #ff6637; border-radius: 4px; color: #fff; display: inline-block; font-size: 14px; height: 26px; line-height: 26px; margin-left: 10px; padding: 0 10px; }
#showpage .numtotal { border: 0 none; }
#showpage .numtotal:hover { background-color: transparent; border: 0 none; color: #666; cursor: default; }

/*------首页、产品展示页------*/

/*主要灯饰类型*/
.prodoctLei { margin: 70px 0 50px 0; }
.prodoctLei ul li { float: left; margin: 0 22px; width: 249px; height: 324px; background: #fff; text-align: center; }
.prodoctLei .divImg a { display: block; }
.prodoctLei ul li img { display: block; width: 249px; height: 229px; overflow: hidden; }
.prodoctLei div a { font-size: 20px; }
.prodoctLei .divTxt { height: 95px; line-height: 95px; }
.prodoctLei .divTxt a { display: block; width: 100%; padding: 0 15px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.prodoctLei ul li:hover a { color: #e54724; }

/*最新灯具*/
.titleCom, .ad1, .mainLighting { background: #fff; }
.titleCom h1 { height: 26px; font-size: 24px; color: #ff6637; overflow: hidden; padding: 20px 0; text-align: left; }
.titleCom h1 span { color: #4d4d4d; line-height: 18px; font-size: 18px; display: inline-block; margin-left: 15px; }
.titleCom h1 i.dot { background: #f13a3a; display: inline-block; width: 6px; height: 9px; margin-left: 16px; }
.titleCom h1 i.line { display: inline-block; width: 73%; height: 9px; margin-left: 12px; background: #f5f5f5; }
.newLighting .mc { height: 800px; padding-top: 25px; }
.newLighting .mc .left { width: 508px; padding-right: 10px; margin: 7px 0; }
.newLighting .mc .right { width: 682px; }
.newLighting .mc .right li { float: left; width: 315px; margin: 7px 13px 7px 12px; height: 328px; }
.newLighting .mc .right li a { display: block; }
.newLighting .mc .right li p { line-height: 23px; margin-top: 5px; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 15px; box-sizing: border-box; }
.newLighting .mc .right li:hover a { color: #e54724; }

/*广告1*/
.adBox { background: url(../images/7.jpg) no-repeat center center; height: 180px; line-height: 1.8; text-align: center; color: #fff; }
.ad1 .text { position: relative; top: 28px; }
.ad1 p.cn { font-size: 36px; }
.ad1 p.zn { font-size: 18px; }

/*主要灯饰展示区*/
.mainLighting { padding-top: 7px; overflow: hidden; zoom: 1; font-size: 15px; }
.mainLighting ul { margin: 48px 0; }
.mainLighting ul li { width: 352px; margin: 20px 15px 25px; overflow: visible; height: 275px; float: left; border: 1px solid #ccc; padding: 8px; }
.mainLighting ul a { display: block; position: relative; }
.mainLighting ul .overTxt { background: #FF8739; height: 36px; width: 100%; position: absolute; left: 0; bottom: 1px; color: #fff; text-align: center; line-height: 36px; }
.mainLighting ul li:hover .overTxt { background: #2E3092; }
.mainLighting .overTxt span { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 15px; box-sizing: border-box; }

/*产品特点*/
.productFeatures { background: #F7F7F7; height: 138px; }
.productFeatures .content { padding: 44px 0; }
.productFeatures li { width: 290px; float: left; vertical-align: top; position: relative; height: 100%; padding-right: 10px; }
.productFeatures li .f1 { height: 44px; width: 44px; background-position: 0 -44px; }
.productFeatures li .f2 { height: 44px; width: 51px; background-position: 0 -88px; }
.productFeatures li .f3 { height: 44px; width: 40px; background-position: 0 0; }
.productFeatures li .f4 { height: 43px; width: 60px; background-position: 0 -132px; }
.productFeatures li div { margin-left: 10px; display: inline-block; font-size: 16px; color: #666; }
.productFeatures li div p { line-height: 28px; }

/*------产品展示页 product.html------*/

/*主要灯饰展示区*/
.productLight { background: #fff; }
.productLight .mt { color: #ff6637; font-size: 24px; padding: 20px 0; }
.productLight .mt span { color: #737373; font-size: 16px; margin-left: 15px; }
.productLight p { color: #666; font-size: 14px; line-height: 1.8; padding-left: 20px; }
.productLight { padding-top: 7px; overflow: hidden; zoom: 1; font-size: 15px; }
.productLight ul { margin: 16px 0 0; }
.productLight ul li { width: 252px; height: 197px; margin: 20px 15px 25px; overflow: visible; float: left; border: 1px solid #ccc; padding: 8px; }
.productLight ul a { display: block; position: relative; }
.productLight ul .overTxt { background: #FF8739; height: 36px; width: 100%; position: absolute; left: 0; bottom: 1px; color: #fff; text-align: center; line-height: 36px; }
.productLight ul li:hover .overTxt { background: #2E3092; }
.productLight .overTxt span { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 15px; box-sizing: border-box; }

/*------关于我们页面 aboutUs.html------*/

/*我们的优势*/
.ourAdvantage { padding-top: 14px; background: #fff; line-height: 1.8; height: 438px; }
.ourAdvantage .wrapper > img { width: 495px; height: 371px; padding: 0 27px; }
.ourAdvantage .wrapper .ads{float:left;width:550px}
.ourAdvantage .wrapper .ads img{width:550px; height:420px}
.ourAdvantage .wrapper .content { width: 603px; margin-left: 47px; margin-top: 18px; }
.ourAdvantage h1.mt { font-size: 24px; color: #297d2e; }
.ourAdvantage h1.mt > p.en1 { color: #FF6537; }
.ourAdvantage h1.mt > p.cn1 { font-size: 20px; color: #666; }
.ourAdvantage .content .mc { line-height: 2.4em; color: #666; margin-top: 25px; text-align: justify; text-justify: inter-ideograph; }
.ourAdvantage .content .mc p { width: 571px; }

/*关于我们*/
.aboutUs .mt span { font-size: 16px; color: #737373; }
.aboutUs .mc .description { line-height: 25px;color: #666; font-size: 14px; }
.aboutUs .picBox { height: 350px; margin-top: 46px; }
.aboutUs .mc li { float: left; width: 336px; margin: 0px 28px 0px 27px; padding: 0px; height: 285px; }
.aboutUs .mc li p{text-align:center; line-height:30px}

/*------新闻资讯页面 news.html------*/
.news { background: #fff; padding-top: 8px;padding-bottom: 20px; }
.news .left { width: 220px; background: #f5f5f5; min-height: 655px; }
.news .left li { height: 60px; line-height: 60px; text-align: center; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 22px; box-sizing: border-box; border-bottom: 1px #ffffff solid; font-size: 16px; color: #666;cursor: pointer; }
.news .left li.on { background: #ff6637; color: #fff; height: 100px; padding: 20px 0; transition: all 0.3s ease 0s; }
.news .left li.on a:link,.news .left li.on a:hover,.news .left li.on a:visited{color:#FFF}
.news .right { padding: 5px 10px; }
.news .right li { margin: 5px 10px 5px 30px; border-bottom: 1px dashed #EAEAEA; margin-top: 28px; }
.news .right .box2{display: none;}
.news .right .con { width: 920px; height: 95px; }
.news .right li:first-child { margin-top: 10px; }
.news .right li:last-child { border: 0 none; }
.news .right li .newTitle a, .news .right .con .newDesc { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; }
.news .right li .newTitle { font-size: 18px; color: #666; }
.news .right li .newTitle a.tit { line-height: 23px; display: inline-block; width: 75%; }
.newTitle a.date { display: inline-block; height: 23px; width: 23.5%; font-size: 14px; color: #666; position: relative; top: 0; text-align: right; }
.newTitle:hover a.date { color: #FF6637; font-size: 18px; }
.news .right .con .newDesc { margin-top: 4px; font-size: 14px; line-height: 24px; color: #808080; margin-bottom: 6px; padding-top: 4px; width: 84%; }
.conTitle{text-align:center!important}
