@charset "utf-8";
/* CSS Document */

*{margin:0 auto; outline:none}
body{margin:0; padding:0; color:#2c2c2c; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#f2f2f2}
ul,ol,li,dl,dt,dd,p{margin:0; padding:0; list-style:none}
img{border:0}
a{color:#000; text-decoration:none}
a:hover{color:#1567c0; text-decoration:none}
.clear{clear:both}

.indexHeader{height:113px; position:relative; z-index:9999; background:url(../images/topbg-black.png) top repeat-x}
.header{height:113px; position:relative; z-index:9999; background:url(../images/topbg.png) top repeat-x}
.top{width:980px; height:113px; }
.logo{width:270px; height:100px; float:left}
.logo img{width:270px; height:100px}
.top_right{width:710px; font-size:14px; float:right; }
.lange{padding:6px; background:#174798; font-size:12px; float:right}
.lange a{color:#fff; padding:0 6px}
.lange a:hover{color:#fdbc31}
ul.navlist{line-height:32px; height:32px; margin-top:40px; font-size:14px; text-align:center; float:right; width:690px;}
ul.navlist li{padding:0 2px; float:left}
ul.navlist li a{display:inline-block; height:32px; color:#555; padding:0 10px}
ul.navlist li a:hover{color:#fff; background:#174798}
ul.navlist li a.current{color:#fff; background:#174798}

/***     3. Featured Section     ***/
.banner{height:460px; border-bottom:2px #b9b9b9 solid; margin-top:-12px; position:relative; z-index:1}

/*  banner滚动开始  */
.slider{position:relative; z-index:1}
.sliderContent{overflow:hidden; height:460px; position:relative}
.featured-item{height:460px}
.featured-item img{height:460px}
.featured-arrows{background:url(../images/featured-arrows.png) no-repeat; height:52px; width:39px; position:absolute; top:160px}
.top-overlay{/*background:url(../images/top-overlay.png) repeat-x;*/ width:100%; position:absolute; top:0; height:30px}
.bottom-overlay{/*background:url(../images/bottom-overlay.png) repeat-x;*/ width:100%; position:absolute; bottom:0; height:30px}
.sliderArrows a{display:block; text-indent:-9999px; outline:none; z-index:50; background-image:url(../images/prev_next.png); width:42px; height:43px; position:absolute; top:50%; margin-top:-34px}
.prev{background-position:0 0; left:5%}
.prev:hover{background-position:0 -44px}
.next{background-position:-44px 0; right:5%}
.next:hover{background-position:-44px -44px}


/*  首页产品滚动开始  */
.scroll_wrapper{height:410px; border-bottom:1px #dfdfdf solid; overflow:hidden; background:url(../images/scroll-bg.gif) top repeat-x}
h3.newsproduct_title{height:30px; line-height:30px; width:980px; padding:20px 0; font-size:16px; color:#656565}
a.go_left,a.go_right,a.leftOn,a.rightOn,a.leftOn:hover,a.leftOn:hover{background-image:url(../images/icon.png);background-repeat:no-repeat}

.scrollbar{margin:0 auto; width:980px; height:320px; padding:0 0 0 60px; position:relative; overflow:hidden}
.scrollbar a.go_left,a.go_right{width:18px;height:36px;position:absolute;top:85px;cursor:default;}
.scrollbar a.go_left{left:20px;background-position:0px 0;}
.scrollbar a.go_right{right:25px;background-position:-19px 0;}
.scrollbar a.leftOn,a.rightOn{width:18px;height:36px;position:absolute;top:85px;cursor:pointer;}
.scrollbar a.leftOn{left:20px;background-position:-40px 0;}
.scrollbar a.leftOn:hover{left:20px;background-position:-80px 0;}
.scrollbar a.rightOn{right:25px;background-position:-59px 0;}
.scrollbar a.rightOn:hover{right:25px;background-position:-99px 0;}
.scroll{float:left; width:916px; height:320px; overflow:hidden; position:relative;}
.scroll li{float:left; width:229px; height:320px; display:block; position:relative; overflow:hidden}
.scroll li img{width:175px; height:175px}
.scroll li a{display:block; width:175px; height:320px; background:url(../images/cplist-morebg.gif) 0 258px no-repeat}
.scroll li a:hover{background:url(../images/cplist-morebg.gif) -185px 258px no-repeat}
.scroll li a span{display:block}
.scroll li a.link_a{line-height:40px; color:#f95c00; font-weight:bold; text-align:center}
.scroll li a.link_a:hover{color:#174798}
.scroll li a.link_a span.title{font-size:16px; padding-top:10px; height:40px; overflow:hidden}
.scroll li a.link_a span.sma{color:#c4c4c4; font-size:12px; line-height:24px; height:24px; overflow:hidden}
.scroll li a.link_a span.more{height:38px; line-height:38px; color:#fff; padding-top:9px}


.home_container{height:320px; background:#fff}
.home_main{width:980px; padding-top:30px}
.home_left{width:472px; overflow:hidden; float:left}
h3.com_title{height:30px; line-height:30px; font-size:16px; color:#656565}
.home_left_co{padding:12px 0; color:#8e8e8e; line-height:24px;height:210px;overflow:hidden}
.home_left_co img{width:175px; height:210px; margin:0 15px 0 0; float:left}

.home_right{width:480px; overflow:hidden; float:right}
.home_right_co{padding:12px 0; color:#8e8e8e; line-height:24px}
.home_right_news_img{width:175px; height:210px; margin:0 15px 0 0; float:left}
.home_right_news_img img{width:175px; height:210px}
ul.home_newslist{line-height:24px; width:290px; float:right}
ul.home_newslist li{padding-left:10px; background:url(../images/icon-conmon.gif) 0 12px no-repeat;height:24px;overflow:hidden}
ul.home_newslist a{color:#8e8e8e}
ul.home_newslist a:hover{color:#174798}
ul.home_newslist li span{float:right; color:#8e8e8e}



.main{width:980px}
.main a{color:#4c4c4c}
.main a:hover{color:#d2231b}
.crumbs{width:956px; height:30px; padding:6px 0 0 24px; line-height:30px; color:#4c4c4c; font-size:12px; background:url(../images/icon-conmon.gif) 0 -204px no-repeat}
.crumbs span{font-family:宋体}
.crumbs a{padding:0 6px}

.leftside{width:198px; float:left; background:url(../images/mainbg.gif) repeat-y}
.left_title{width:190px; padding:0 4px; background:#174696}
.left_title h3{display:block; font-size:30px; line-height:30px; font-weight:lighter; color:#fff; padding:25px; text-align:center}
.left_title h4{display:block; width:182px; padding:6px 0 0 12px; height:22px; font-size:14px; font-weight:bold; color:#fff; /*background:url(../images/leftbg.gif) -15px -8px no-repeat*/}
.left_title h5{display:block; font-size:24px; line-height:30px; font-weight:lighter; color:#fff; padding:25px; text-align:center}
.left_tel{height:30px; color:#fff; margin-left:20px; padding:0 0 10px; background:url(../images/icon-conmon.gif) 0 -260px no-repeat}
.left_tel em{margin-left:26px; border-bottom:1px #fff solid; font-size:16px; line-height:40px}

ul.list{line-height:32px; padding-top:5px; /*background:url(../images/leftbg.gif) -270px 0 repeat-y*/}
ul.list li{padding:0 5px 0 4px}
ul.list li a{display:block; padding:0 10px; line-height:30px; border-bottom:1px #e2e2e2 dashed}
ul.list li a:hover{color:#f45336; background:#f2f2f2}
ul.list li a.current{color:#fff; background:#174696}
ul.list li a.big_cate{color:#fff; background:#174696;margin-top:2px}
ul.list li a.small_cate{color:#f45336; background:url(../images/icon-conmon.gif) 10px -311px no-repeat}
ul.list li a.caseBig_cate{color:#000; background:#ddefff;margin-top:2px}
ul.list li ul{}
ul.list li ul li{padding:0}
ul.list li ul li a{padding:0 10px 0 30px}
ul.list li ul li a:hover{background:url(../images/icon-conmon.gif) 10px -311px no-repeat}
ul.list li ul li a.current{color:#f45336; background:#f2f2f2}
ul.list li ul li ul li a{padding:0 10px 0 42px}
ul.list li ul li ul li a:hover{background:url(../images/icon-conmon.gif) 22px -311px no-repeat}
.left_bottom{height:14px; background:url(../images/mainbg.gif) -1000px 0 no-repeat}

.rightside{width:773px; background:url(../images/mainbg.gif) -207px 0 repeat-y; float:right}
.bigCateDesc{margin:0 5px 0; padding:12px; background:#f7f7f7; line-height:22px; font-size:13px}
.bigCateDesc img{max-width:730px}
.cpscroll{width:765px; height:151px; margin:0 4px; background:url(../images/newcp-bg.gif) repeat-x}
#gundong{overflow:hidden; width:740px; height:151px}
#gundong img{width:114px; height:114px}
#ingundong{float:left; width:800%}
#gundong1{float:left}
#gundong2{float:left}
.prodList{width:139px; height:144px; font-size:12px; float:left}
.prodList dd{padding-top:3px; height:139px; text-align:center; overflow:hidden}
.prodList dd a{display:block; height:139px}
.prodList dd a:hover{color:#fff; background:url(../images/scroll-title.gif) 0 115px no-repeat}

.prodList dd span{display:block; height:25px; line-height:20px; overflow:hidden; text-align:center}

.cplist{width:764px; background:url(../images/cplist-bg.gif) center top repeat-y}
dl.cpco{width:366px; height:263px; margin-top:30px; margin-left:16px; position:relative; float:left}
dl.cpco dd.img{width:173px; height:173px; position:absolute; left:0; top:0}
dl.cpco img{width:173px; height:173px}
dl.cpco dt{width:190px; line-height:30px; font-size:18px; font-weight:bold; float:right}
dl.cpco dt a{color:#174798}
dl.cpco dt a:hover{color:#f45336}
dl.cpco dd.textss{width:190px; overflow:hidden; line-height:24px; float:right}
dl.cpco dd.textss p{line-height:24px; padding-left:10px; background:url(../images/icon-conmon.gif) 2px -390px no-repeat}
dl.cpco dd.textss a.learn_more{display:block; width:80px; float:left; margin-top:10px; text-align:center; font-weight:bold; height:24px; line-height:24px; padding:0 6px; background:#f45336; color:#fff}
dl.cpco dd.textss a.learn_more:hover{background:#f17862; color:#fff}

.cp_page{width:773px; height:47px; background:url(../images/cp-page.gif) left top no-repeat}
.pages{width:680px; height:32px; text-align:center}

.content{padding:0 10px 10px; line-height:24px; font-size:14px}
.content p{padding-bottom:8px}

/*  产品详细  */
.photos{width:280px; padding:15px 20px;   float:left; display:inline}
.xial{ margin-top:8px; width:281px; overflow:hidden;}
.xial .a{ float:left;}
.xial .b{ float:right;}
.xial_left{float:left; width:25px;}
.xial_con{ background:url(../images/info_por1_05.jpg) repeat-x; height:61px; float:left; width:231px;}
.xial_con li{  float:left; padding:2px 3px 1px 2px;}
.xial_right{ float:right; }
.texts{width:400px; padding:30px 20px 0 0; float:right}
.texts h4{font-size:16px}
dl.textlist{padding:8px 0; line-height:30px}
dl.textlist dt{border-bottom:1px #ccc dashed; padding-left:14px; background:url(../images/icon-conmon.gif) 0 -10px no-repeat}
dl.textlist dd{border-bottom:1px #ccc dashed; padding-left:14px; background:url(../images/icon-conmon.gif) 0 -10px no-repeat}
ul.online_icon{padding:10px 0; line-height:25px; height:30px; border-bottom:1px #ccc dashed}
ul.online_icon li{padding-right:15px; float:left}
ul.online_icon li a{display:inline-block; padding-left:30px; height:25px}
ul.online_icon li.msn{background:url(../images/icon-online.jpg) no-repeat}
ul.online_icon li.skype{background:url(../images/icon-online.jpg) 0 -34px no-repeat}
ul.online_icon li.qq{background:url(../images/icon-online.jpg) 0 -68px no-repeat}
.share_outside{padding-top:30px}
.introduction{width:736px; padding-top:20px; overflow:hidden}
h3.introduction_title{line-height:30px; font-size:14px; border-bottom:1px #ccc solid}
.description{width:736px; line-height:24px; overflow:hidden}

.porede{width:764px; margin-top:20px; background:#fff} 
.porede h3{line-height:30px; padding-left:10px; background:#e0dfe0}
.porede dl{padding:15px 0; margin-right:21px; float:left}
.porede dt{line-height:30px; text-align: center; width:130px}
.porede dl img{width:130px; height:130px}


/* 工程案例 */
.caselist{width:216px; padding:15px 20px; line-height:24px; float:left}
.caselist dt{font-weight:bold; font-size:14px; padding-bottom:5px}
.caselist dt.download_title{text-align:center; padding-top:6px; font-weight:lighter}
.caselist dd a.img{display:block; height:160px; border:2px #fff solid}
.caselist dd a.img:hover{border:2px #f35235 solid}
.caselist img{width:212px; height:160px}
.caselist dd.plist{padding-left:6px; line-height:20px; color:#565656;}
.caselist dd.plist p{padding-left:12px; background:url(../images/icon-conmon.gif) 0 -16px no-repeat}

h1.case_title{width:765px; font-size:18px; color:#f45336; text-align:center; line-height:48px; padding-top:10px; border-bottom:1px #d9d9d9 solid}
h3.about_title{width:745px; padding-left:20px; font-size:18px; color:#f45336; line-height:48px; padding-top:10px; border-bottom:1px #d9d9d9 solid}
.case_content{width:725px; padding:20px; line-height:24px; font-size:14px; overflow:hidden}
.case_content p{padding-bottom:8px}

/*  新闻列表  */
dl.newslistpage{line-height:30px; padding-bottom:12px}
dl.newslistpage dt{border-bottom:1px #ccc dashed; padding-left:12px; background:url(../images/icon-conmon.gif) 0 -12px no-repeat}
dl.newslistpage dt span{float:right; color:#c9c9c9}
dl.newslistpage dd{padding:6px 0 0 12px; color:#737373; line-height:22px; font-size:12px}

p.from{text-align:center; color:#b1b1b1; padding:6px}
p.from a{color:#b1b1b1}
p.from a:hover{color:#000}
p.from span{padding:0 6px}

/*  照明体验  */
.experience{width:725px; height:475px; overflow:hidden; margin-top:20px}
.scenes{width:725px; height:375px; position:relative; z-index:9}
.scenes_bigphoto{width:725px; height:375px; overflow:hidden; z-index:8}
.scenes_bigphoto img{width:725px; height:375px}
.scenes_bigphoto_box{width:725px; height:32px; position:absolute; left:0; top:310px}
.scenes_bigphoto_list{height:32px; left:50%; line-height:24px}
.scenes_bigphoto_list ul{}
.scenes_bigphoto_list li{display:block; margin-right:2px; float:left; background:url(../images/vlinebg.png) repeat-x}
.scenes_bigphoto_list li a{display:block; padding:4px 8px; color:#a5a5a5}
.scenes_bigphoto_list li a:hover{display:block; padding:4px 8px; color:#fff}
.scenes_bigphoto_list li a.current{color:#fff}

.scenes_texts_box{width:725px; padding:5px 0; color:#c1d0e9; border-top:5px #fff solid; background:#174696 url(../images/h-line.gif) repeat-y}
dl.mode{padding:0 10px; width:235px; line-height:20px; float:left}
dl.mode dt{font-weight:bold}
dl.mode dd{display:block; margin-right:2px; float:left}
dl.mode dd a{display:block; color:#c1d0e9; padding:4px 6px}
dl.mode dd a:hover{color:#fff; background:#174696}
dl.mode dd a.current{color:#fff; background:#174696}

dl.contribution{padding:0 10px; width:205px; line-height:20px; float:left}
dl.contribution dt{font-weight:bold}

dl.effect{padding:0 10px; width:225px; line-height:20px; float:right}
dl.effect dt{font-weight:bold}

ul.aboutlist{padding:0 12px 0 20px; line-height:32px; background:url(../images/leftbg.gif) -270px 0 repeat-y}
ul.aboutlist li{text-align:left; background:url(../images/icon-2.gif) 8px 13px no-repeat}
ul.aboutlist li a{display:block; line-height:30px; padding-left:18px}
ul.aboutlist li a:hover{color:#d2231b; background:#f6f6f6 url(../images/icon-2.gif) 8px 13px no-repeat}
ul.aboutlist li a.current{color:#d2231b; background:#f6f6f6 url(../images/icon-2.gif) 8px 13px no-repeat}

.leftb{height:66px; background:url(../images/leftbg.gif) -537px 0 no-repeat}
.leftcontact{height:61px; font-size:14px; padding:40px 0 0 20px; background:url(../images/leftcontactbg.jpg) 10px 0 no-repeat}

.leftimg{text-align:center; padding-left:6px; background:url(../images/leftbg.gif) -270px 0 repeat-y}
.leftimg img{width:204px; height:83px}


.proleft{width:282px; height:356px; float:left}
.proright{width:385px; height:356px; overflow:hidden; float:right}
.proright ul{padding:10px 0 0; font-size:14px}
.proright ul li{height:30px; padding-top:6px; border-bottom:1px #d9d9d9 dashed}
.proright ul li.t{border-bottom:0}
.proright ul li a{color:#ed1717}

h5.details{display:block; margin-top:20px; height:25px; background:#f1f1f1; padding:3px 10px}
.cpdetailscontent{padding:10px; line-height:24px}
.cpdetailscontent a{color:#d2231b; padding:0 3px}
.cpdetailscontent a:hover{color:#000}

.newslist{padding:10px; color:#555; line-height:30px}
.newslist li{display:block; padding:4px 12px 0 20px; height:30px; border-bottom:1px #d1d1d1 dashed; background:url(../images/icon-2.gif) 8px 16px no-repeat}
.newslist li span{float:right; color:#9b9b9b}
.newslist li a{color:#232323}
.newslist li a:hover{color:#ed1717}

/*h1.newstitle{font-size:18px; text-align:center; line-height:30px}
p.from{text-align:center; color:#b1b1b1; padding-bottom:6px}
p.from a{color:#ed1717}
p.from span{padding:0 6px}
.newsnmain{width:710px; border-top:1px #d1d1d1 dashed; padding-top:16px; line-height:24px; font-size:14px; overflow:hidden}
.newsnmain p{padding-bottom:8px; text-indent:30px}
.newsmain a{color:#ed1717; margin:0 3px}
.newsmain img{padding-top:8px}*/

/*.contentsoft{padding:20px; color:#555; line-height:22px}
dl.list04{display:block; border-bottom:1px #d1d1d1 dashed; padding-bottom:5px; margin-bottom:10px}
dl.list04 dt{line-height:28px}
dl.list04 dt a{color:#222}
dl.list04 dt a:hover{color:#ed1717}
dl.list04 dd a{color:#fff}
dl.list04 dd.bt{display:block; width:80px; height:20px; text-align:center; background:#c4c4c4}*/

/*  分页样式  */
.pages{text-align:center;margin:20px 0 10px 15px;height:30px}
.pages a{display:inline-block; padding:3px 6px; color:#222; border:1px #ccc solid; margin-right:4px}
.pages a span{margin:auto 2px; cursor:pointer}
.pages a.normal{}
.pages a:link,pager:visited{ text-decoration:none}
.pages a:hover{text-decoration:none; color:#fff; background:#174696}
.pages a.selectedpage{color:#fff; font-weight:bold; text-decoration:none; border:none; background:#174696}
.pages a.selectedpage:hover{background:1461b5}
.pages a.prevpage{}
.pages a.disabled span{color:#999999; cursor:inherit; text-decoration:none}
.pages a.disabled{background:#f8f8f8}
.pages a.disabled:hover{background:#f8f8f8}


/*  底部公共样式  */
.footer{min-height:202px; height:auto!important; height:202px; background:#3b3b3b url(../images/home-b-a.gif) top repeat-x}
.foot_sub{width:980px; line-height:24px; color:#a8a8a8; padding:30px 0}
.foot_sub h4{font-weight:bold; color:#f2f2f2; font-size:14px; padding-bottom:6px}
.foot_sub a{color:#a8a8a8; margin-right:10px}
.foot_sub a:hover{color:#d4d4d4}
.foot_sub_left{}
.foot_sub_left p{padding-left:12px; float:left; padding-right:20px; background:url(../images/icon-conmon.gif) 0 -12px no-repeat}
/*.foot_sub_left{width:250px; float:left}
.foot_sub_left p{padding-left:12px; background:url(../images/icon-conmon.gif) 0 -12px no-repeat}*/
.foot_sub_mid{width:320px; margin-left:160px; float:left}
ul.sub_mid_list li{padding-left:12px; background:url(../images/icon-conmon.gif) 0 -12px no-repeat;height:24px;overflow:hidden}
.foot_sub_right{width:130px; float:right}

.copyright{background:#2a2a2a; color:#8a8a8a; padding:20px}
.copyright_co{width:980px}
.copyright_logo{width:204px; height:36px; float:left}
.copyright_logo img{width:204px; height:36px}
.copyright_mid{width:640px; padding:14px; text-align:center; float:left}

.links{line-height:24px; padding-bottom:15px}
.links span{font-weight:bold;color:#fff;}
.links a{color:#a8a8a8; margin-right:10px}
.links a:hover{color:#d4d4d4}

.share{width:90px; float:right}
.share a{padding:0 8px}
.share img{width:27px; height:26px}