@import url("base.css");



/** 整体定于 **/

body{font-size:12px;color:#666; font-family:'微软雅黑';background:#FEFEFE;}

.container{width:980px; margin:0 auto;position:relative; font-size:14px; line-height:22px;}

a{color:#666;}

.line{  border-bottom:1px dotted #CCC; width:500px;}
.clear5{ clear:both; height:5px; line-height:5px;}


/*视觉图*/

.kv{height:400px;position:relative;width:100%; overflow:hidden;}

.kv ul{height:400px;width:100%;}

.kv ul li{height:400px;width:100%;}

.kv ul li a{height:400px;width:100%;display:block;}

.kv .kv_prev{position:absolute;left:0px;top:150px;background:url(icon_bg.png) no-repeat left top;height:70px;width:70px;z-index:2;}

.kv .kv_next{position:absolute;right:0px;top:150px;background:url(icon_bg.png) no-repeat -115px top;height:70px;width:70px;z-index:2;}

.kv .kv_prev:hover{background:url(icon_bg.png) no-repeat left -81px;}

.kv .kv_next:hover{background:url(icon_bg.png) no-repeat -115px -81px;}

.kv .kv_page{width:250px;height:20px;position:absolute;left:50%;bottom:30px;margin-left:-75px;z-index:2;}

.kv .kv_page a{display:block;float:left;width:22px;height:22px;background:url(icon_bg.png) no-repeat -33px -203px;margin:0 4px;}

.kv .kv_page a.selected{background:url(icon_bg.png) no-repeat left -203px;}



.kv1{height:400px;position:relative;width:100%}

.kv1 ul{height:400px;width:100%;}

.kv1 ul li{height:400px;width:100%;}

.kv1 ul li a{height:400px;width:100%;display:block;}

.kv1 .kv_prev{position:absolute;left:0px;top:130px;background:url(icon_bg.png) no-repeat left top;height:70px;width:70px;z-index:2;}

.kv1 .kv_next{position:absolute;right:0px;top:130px;background:url(icon_bg.png) no-repeat -115px top;height:70px;width:70px;z-index:2;}

.kv1 .kv_prev:hover{background:url(icon_bg.png) no-repeat left -81px;}

.kv1 .kv_next:hover{background:url(icon_bg.png) no-repeat -115px -81px;}

.kv1 .kv_page{width:250px;height:20px;position:absolute;left:50%;bottom:30px;margin-left:-75px;z-index:2;}

.kv1 .kv_page a{display:block;float:left;width:22px;height:22px;background:url(icon_bg.png) no-repeat -33px -203px;margin:0 4px;}

.kv1 .kv_page a.selected{background:url(icon_bg.png) no-repeat left -203px;}


/*导航*/

.nav{background:url(nav_bg.png) repeat-x;height:85px;position:abolute;z-index:9;width:100%;left:0px;}

.nav.selected{position:fixed;width:100%;left:0px;top:0px;}

.nav .logo{float:left;width:142px;height:80px;background:url(logo.png) no-repeat center; }

.nav .menu{width:740px;height:80px;float:right;overflow:hidden;position:relative;}

.nav .menu li{float:left;width:65px;height:80px;}

.nav .menu li.pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;width:1px;margin:0 10px;margin-top:35px;}

.nav .menu li a{color:#fff;font-size:14px;font-family:'微软雅黑';width:70px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none;}
.nav .menu li a:hover{color:#fff;font-size:14px;font-family:'微软雅黑';width:70px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none; background:#005A84;}



.nav .menu li a span{display:block;height:80px;text-align:center;width:70px;}

.nav .menu li a em{display:block;height:80px;text-align:center;width:80px;}


/*.nav .menu li a:hover{margin-top:-80px;}*/

/*.nav .menu li a.selected{margin-top:-80px;}*/
.nav .menu li.current{ background:#036A9B;}
/*.nav .menu li.current a{margin-top:-80px;}*/

.nav .menu li.back{position:absolute;left:0px;bottom:0px;width:105px;height:7px;}
/*
.nav .menu li.mu_home span{background:url(nav.png) no-repeat 20px 32px;}

.nav .menu li.mu_about span{background:url(nav.png) no-repeat -100px 32px;}

.nav .menu li.mu_works span{background:url(nav.png) no-repeat -240px 32px;}

.nav .menu li.mu_service span{background:url(nav.png) no-repeat -370px 32px;}

.nav .menu li.mu_news span{background:url(nav.png) no-repeat -500px 32px;}

.nav .menu li.mu_contact span{background:url(nav.png) no-repeat -640px 32px;}



.nav .menu li.mu_home em{background:url(nav.png) no-repeat 20px -70px;}

.nav .menu li.mu_about em{background:url(nav.png) no-repeat -240px -70px;}

.nav .menu li.mu_works em{background:url(nav.png) no-repeat -100px -70px;}

.nav .menu li.mu_service em{background:url(nav.png) no-repeat -370px -70px;}

.nav .menu li.mu_news em{background:url(nav.png) no-repeat -500px -70px;}

.nav .menu li.mu_contact em{background:url(nav.png) no-repeat -640px -70px;}
*/



/*导航*/

.nav1{background:url(nav_bg.png) repeat-x;height:85px;position:abolute;z-index:9;width:100%;left:0px;}

.nav1.selected{position:fixed;width:100%;left:0px;top:0px;}

.nav1 .logo{float:left;width:142px;height:80px;background:url(logo.png) no-repeat center; }

.nav1 .menu{width:740px;height:80px;float:right;overflow:hidden;position:relative;}

.nav1 .menu li{float:left;width:65px;height:80px;}

.nav1 .menu li.pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;width:1px;margin:0 10px;margin-top:35px;}

.nav1 .menu li a{color:#fff;font-size:14px;font-family:'微软雅黑';width:70px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none;}
.nav1 .menu li a:hover{color:#fff;font-size:14px;font-family:'微软雅黑';width:70px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none; background:#005A84;}



.nav1 .menu li a span{display:block;height:80px;text-align:center;width:70px;}

.nav1 .menu li a em{display:block;height:80px;text-align:center;width:80px;}


/*.nav .menu li a:hover{margin-top:-80px;}*/

/*.nav .menu li a.selected{margin-top:-80px;}*/
.nav1 .menu li.current{ background:#036A9B;}
/*.nav .menu li.current a{margin-top:-80px;}*/

.nav1 .menu li.back{position:absolute;left:0px;bottom:0px;width:105px;height:7px;}
/*



/*about*/

.about{padding-bottom:60px;position:relative;padding-top:25px;}
.about td{ font-size:12px; line-height:22px;}

.about #about_con{height:330px;width:980px;}

.about .cat{position:absolute;right:0px;z-index:5;}

.about .cat a{float:left;text-align:center;text-decoration:none;font-size:12px;color:#373737;display:inline-block;width:100px;font-family:'微软雅黑';height:30px;line-height:25px;}

.about .cat .pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;margin:0 5px;margin-top:6px;}

.about .cat a.selected{background:url(cat_ahover.png) no-repeat center 3px;color:#fff;}



.about .brand{display:block;width:980px;float:left;}

.about .brand .title{}

.about .brand .con{}




.about .core{display:block;width:980px;float:left;}

.about .core .title{}

.about .core .core_con{}




.about .team{display:block;width:980px;float:left;}

.about .team .title{}

.about .team .con{}

.ipic{}
.ipic li{ width:240px; float:left; text-align:center; margin-bottom:1px;}
.ipic img{ width:233px; height:243px; margin:0 auto;}
.ipic .picc{ width:233px; margin:0 auto;}
.ipic .tit{ line-height:20px; text-align:left; width:223px; margin:0 auto; background:#FFF; height:20px; padding:5px 5px; }
.ipic .tit .xl{ float:left; width:200px; overflow:hidden;}
.ipic .tit .xr{ float:right;}
.ibox{ width:233px; margin:0 auto; border:3px solid #FFF;}


 
 .iboxc{ width:218px; margin:0 auto; border:1px solid #ccc; }
.line1{ border-bottom:1px dashed #ccc;}
.ibox1{ margin:0 auto;  border-top:1px solid #FFF;  border-bottom:1px dashed #ccc;  border-left:1px solid #FFF; border-right:1px solid #FFF;  }
 .m_over1{ border-top:1px solid #047AB1; background:#f3f3f3; border-bottom:1px solid #047AB1; border-left:1px solid #047AB1; border-right:1px solid #047AB1; color:#0078B0; }
 .m_over1 a {color:#0078B0;}
 .m_out1{ border-top:1px solid #FFF;  border-bottom:1px dashed #ccc;  border-left:1px solid #FFF; border-right:1px solid #FFF; }


.ipicc{ }
.ipicc li{ width:229px; float:left; text-align:center; margin-bottom:25px;}
.ipicc img{ width:210px; height:209px; margin:0 auto;}
.ipicc .picc{ width:205px; margin:0 auto;}
.ipicc .tit{ line-height:20px; text-align:left; width:201px; margin:0 auto; background:#FFF; height:20px; padding:5px 5px; overflow:hidden; }

.ipicc .tit .xl{ float:left;}
.ipicc .tit .xr{ float:right;}

 .m_over{ border:1px solid #047AB1;}
 .m_over a{ color:#0078B0;}
 .m_out{ border:1px solid #ccc;}

 .m_overi{ border:3px solid #047AB1;}
 .m_overi a{ color:#0078B0;}
 .m_outi{ border:3px solid #FFF;}






/*works*/

.works{background:url(bjc.jpg);padding-top:60px;position:relative;}

.works .title{background:url(works_title.png) no-repeat;width:700px;height:82px;}

.works .prev{display:block;background:url(prev_next.png) no-repeat left top;width:59px;height:116px;position:absolute;left:-80px;top:160px;}

.works .next{display:block;background:url(prev_next.png) no-repeat -104px top;width:59px;height:116px;position:absolute;right:-80px;top:160px;}

.works .prev:hover{display:block;background:url(prev_next.png) no-repeat left -127px;}

.works .next:hover{display:block;background:url(prev_next.png) no-repeat -104px -127px;}

.works .works_page{position:absolute;right:200px;top:20px;height:30px;}

.works .works_page a{display:block;float:left;width:22px;height:22px;background:url(icon_bg.png) no-repeat -33px -203px;margin:0 4px;}

.works .works_page a.selected{background:url(icon_bg.png) no-repeat left -203px;}

.works .works_more{background:url(works_more.png) no-repeat  no-repeat;width:219px;height:57px;position:absolute;right:0px;top:0px;}

.works .works_main{width:980px;overflow:hidden;padding-top:60px;}

.works .works_main_con{width:980px;position:relative;}

.works .works_con{width:1020px;}

.works .con li{float:left;width:300px;margin-right:40px;}

.works .con li a{position:relative;width:300px;height:180px;display:block;filter:alpha(opacity=30);opacity:0.3 !important;}

.works .con li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}

.works .con li a em{width:295px;height:174px;border:3px solid #777;position:absolute;left:-1px;top:0px;background: url(works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;}

.works .con li a:hover em{border:3px solid #BA292D;background: url(works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;}

.works .con li h4{margin-top:10px;}

.works .con li h4{color:#DDDDDD;font-size:20px;font-family:'微软雅黑';font-weight:normal;}

.works .con li p{color:#AAAAAA;font-size:12px;font-family:'微软雅黑';}

.works .ads{background:url(zs_design.png) no-repeat;width:986px;height:227px;position:absolute;bottom:-250px;}





/*service*/

.service{padding-top:10px;padding-bottom:60px;position:relative;}

.service #service_con{width:990px;}

.service .cat{position:absolute;right:0px;z-index:5;}

.service .cat a{float:left;text-align:center;text-decoration:none;font-size:12px;color:#373737;display:inline-block;width:100px;font-family:'微软雅黑';height:30px;line-height:25px;}

.service .cat .pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;margin:0 5px;margin-top:6px;}

.service .cat a.selected{background:url(cat_ahover.png) no-repeat center 3px;color:#fff;}



.service .srv_pro{display:block;width:990px;float:left;}

.service .srv_pro .title{}

.service .srv_pro .con{  height:450px; background:url(4.jpg) no-repeat top right;}




.service .srv_line{display:block;width:990px;float:left;}

.service .srv_line .title{}

.service .srv_line .con{height:450px;  background:url(4.jpg) no-repeat top right;}



.service .srv_lines{display:block;width:990px;float:left;}

.service .srv_lines .title{}

.service .srv_lines .con{  height:450px; background:url(4.jpg) no-repeat top right;}



/*新闻*/

.news{background:#FFF;padding-top:60px;padding-bottom:60px;position:relative;}

.news .title{background:url(news_title.jpg) no-repeat;width:359px;height:73px;}

.news .news_page{position:absolute;right:0px;top:40px;}

.news .news_page a{color:#fff;font-family:'微软雅黑';font-size:13px;text-decoration:none;}

.news .news_page a:hover{color:#B9282C;}

.news .news_page a.selected{color:#B9282C;}

.news .news_main{width:980px;overflow:hidden;padding-top:40px;}

.news .news_con{width:1020px;}

.news .con li{float:left;width:300px;margin-right:40px;height:235px;}

.news .con li a{position:relative;width:300px;height:130px;display:block;filter:alpha(opacity=30);opacity:0.3 !important;}

.news .con li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}

.news .con li a em{width:295px;height:124px;border:3px solid #777;position:absolute;left:-1px;top:0px;background: url(works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;}

.news .con li a:hover em{border:3px solid #BA292D;background: url(works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;}

.news .con li h4{margin-top:10px;border-bottom:4px solid #aaa;padding-bottom:20px;}

.news .con li h4{color:#DDDDDD;font-size:20px;font-family:'微软雅黑';font-weight:normal;}

.news .con li p{color:#AAAAAA;font-size:12px;font-family:'微软雅黑';margin-top:5px;}


.n_list .nli{ margin-bottom:10px; font-size:12px; clear:both; }
.n_list .nli .ndiv{ width:500px; text-align:left;}
.n_list .nli .imgbor{ width:80px; height:80px;}
.n_list .nli  .nl{ float:left; width:100px; height:100px;}
.n_list .nli  .nr{ float:right; height:100px; width:390px;}
.n_list .nli .nr a{ font-size:14px; font-weight:bold;}

/*联系我们*/

.contact{background:url(../images/icontact_title.jpg) no-repeat center top;position:relative;}

.contact .container{height:603px;}

.contact .address{color:#fff;font-size:20px;position:absolute;left:120px;bottom:190px;}

.contact .weibo{color:#fff;font-size:20px;position:absolute;left:660px;bottom:190px;}

.contact .tel{color:#fff;font-size:20px;position:absolute;left:120px;bottom:135px;}

.contact .qq{color:#fff;font-size:20px;position:absolute;left:660px;bottom:135px;}

.contact .qq a{color:#fff}



/*底部*/

.ft{height:50px; background:#111111; text-align:center; line-height:30px;}



/*作品详细页*/

.sub_works{background:#222;padding-top:140px;padding-bottom:40px;margin-top:-0px;position:relative;z-index:1;}

.sub_works .title{background:url(show_case.jpg) no-repeat;width:358px;height:73px;}

.sub_works .works_main{width:980px;overflow:hidden;padding-top:60px;}

.sub_works .con{width:1020px;}

.sub_works .con li{float:left;width:300px;margin-right:40px;margin-bottom:40px;}

.sub_works .con li a{position:relative;width:300px;height:180px;display:block;filter:alpha(opacity=30);opacity:0.3 !important;}

.sub_works .con li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}

.sub_works .con li a em{width:295px;height:174px;border:3px solid #777;position:absolute;left:-1px;top:0px;background: url(works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;}

.sub_works .con li a:hover em{background: url(works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;}

.sub_works .con li a:hover em{border:3px solid #BA292D;}

.sub_works .con li h4{margin-top:10px;}

.sub_works .con li h4{color:#DDDDDD;font-size:20px;font-family:'微软雅黑';font-weight:normal;}

.sub_works .con li p{color:#AAAAAA;font-size:12px;font-family:'微软雅黑';}

.sub_works .ads{background:url(zs_design.png) no-repeat;width:986px;height:227px;position:absolute;bottom:-250px;}



/*新闻弹窗*/

.newinfo{background:#fff;border-radius:20px;width:650px;position:relative;padding:35px;display:none;}

.newinfo .close{background:url(close.png) no-repeat -56px top;display:block;position:absolute;top:35px;right:35px;width:41px;height:41px;}

.newinfo .close:hover{background:rl(close.png) no-repeat left top;display:block;}

.newinfo h4.title{color:#BA292D;font-family:'微软雅黑';font-size:18px;}

.newinfo p.time{color:#AAAAAA;font-family:'微软雅黑';font-size:12px;padding-bottom:10px;border-bottom:1px solid #ccc;}

.newinfo .con{color:#868686;font-size:12px;font-family:'微软雅黑';padding-top:20px;}

.newinfo .con img{max-width:650px;}



/*弹出*/

.aui_header{display:none;}



/*回到顶部*/

.top{background:url(top.png) no-repeat left -76px;position:absolute;left:50%;margin-left:-43px;width:81px;height:40px;bottom:0px;}


.top1{background:url(top1.png) no-repeat left -76px;position:absolute;left:50%;margin-left:-43px;width:81px;height:40px;bottom:0px;}

.top.selected{background:url(top.png) no-repeat left top;}



/*分页*/

.sub_page{position:relative;text-align:center;border-top:1px solid #777777;padding-top:10px;}

.sub_page .prev{position:absolute;background:url(page.png) no-repeat left top;width:65px;height:32px;left:0px;top:20px;}

.sub_page .next{position:absolute;background:url(page.png) no-repeat right top;width:65px;height:32px;right:0px;top:20px;}

.sub_page .prev:hover{background:url(page.png) no-repeat left bottom;}

.sub_page .next:hover{background:url(page.png) no-repeat right bottom;}

.sub_page span{display:inline-block;margin:0 auto;padding-top:10px;}

.sub_page span a{display:block;float:left;color:#fff;font-size:16px;line-height:32px;}

.sub_page span a{color:#B9282C;}



/*sider*/

.sider{width:57px;height:247px;position:fixed;right:20px;top:50%;maring-top:-123px;z-index: 99}

.sider .qq1{background:url(qq.png) no-repeat left top;width:57px;height:57px;display:block;}

.sider .qq2{background:url(qq.png) no-repeat left -60px;width:57px;height:57px;display:block;}

.sider .qq3{background:url(qq.png) no-repeat left -120px;width:57px;height:57px;display:block;}

.sider .qq1:hover{background:url(qq.png) no-repeat -70px top;}

.sider .qq2:hover{background:url(qq.png) no-repeat -70px -60px;}

.sider .qq3:hover{background:url(qq.png) no-repeat -70px -120px;}

.sider span{background:url(qq.png) no-repeat left -180px;display: block;width:57px;height:67px;margin-top:20px;}

.conte{ width:100%; margin-top:30px;}
.conte .warp{ width:980px; margin:0 auto;}
.conte .warp .left{ width:250px; float:left;}
.conte .warp .left .border{}
.conte .warp .left .border .tit{ height:35px; line-height:35px; background:#4099D5;  color:#FFF; text-indent:20px; font-size:16px; font-weight:bold;}
.conte .warp .left .border .cont{ background:#EEEEEE; padding:8px; }

.conte .warp .right{ width:709px; float:right;}
.conte .warp .right .cont{ padding:10px;}
.navgate{ height:35px; line-height:35px; font-size:14px; text-indent:10px; background:#EEEEEE;}
 
#mTree{}   
#mTree h3{background:url(mtree11.jpg) center left;cursor:pointer; text-indent:30px;  height:32px; line-height:32px;}   
#mTree ul{margin:6px 12px;font-size:14px; }   
#mTree .disdiv{display:none;}  
#mTree div li{ line-height:32px; height:32px; border-bottom:#999 solid 1px; text-indent:12px;}
#mTree div li a{ text-decoration:none;}
#mTree div li a:hover{ text-decoration:none; color:#ff0000;}
#mTree h3.blue{background:url(mtree00.jpg) center left;  cursor:pointer; text-indent:30px; color:#FFF; height:32px; line-height:32px;}
#mTree h3.blue a{ color:#FFF; display:block;  height:32px; text-decoration:none;}
#mTree h3.blue a:hover{ color:#FFF; height:32px; background:url(mtree00.jpg) center left;}
#mTree h3 a:hover{ color:#FFF; height:32px; background:url(mtree00.jpg) center left; display:block; text-decoration:none; font-size:14px; line-height:32px;}
#mTree h3 a{ color:#333;  font-weight:normal;}
#mTree li{ margin-bottom:2px;}


/*product_list*/
.product_list{ padding-top:10px;}
.product_list li{ width:290px;  float:left; text-align:center; margin-bottom:5px;}
.product_list li a{ color:#333;}
.product_list .imgbor{ width:250px; height:150px; border:1px solid #CCC; padding:2px;}
.product_list { }

.product_listdd{ padding-top:10px;}
.product_listdd li{ width:220px;  float:left; text-align:center; margin-bottom:5px;}
.product_listdd li a{ color:#333;}
.product_listdd .imgbor{ width:200px; height:75px; border:1px solid #CCC; padding:2px;}
.product_listdd { }


.news_list{}
.news_list li{ clear:both; margin-bottom:10px; }

.down_list{}
.down_list .left{ width:500px;}

.flink{ clear:both; height:55px;}
.flink li{ float:left;}


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

/*1 tab*/
	/* 本例子css */
		.slideTxtBox{text-align:left;  }
		.slideTxtBox .hd{ height:40px; line-height:40px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
		.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
		.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
		.slideTxtBox .hd ul li.on{ height:37px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; border-top:3px solid #9ECB3F; }
		.slideTxtBox .bd ul{  zoom:1;  }
		.slideTxtBox .bd li{ padding:5px; }
    
		

/* 2-foucs */
		.slideBox{ overflow:hidden; position:relative; border:0px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0; max-height:480px; overflow:hidden;  }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ display:block;  }
		
		
		
/* 5-foucs */		
        .picMarquee-left{  overflow:hidden; position:relative;   }
		.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
		.picMarquee-left .hd .next{ background:url("images/icoRight.gif") no-repeat;  }
		.picMarquee-left .bd{}
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:198px; height:150px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }
		
/* 本例子css */
	.www360buy{ border-top:1px solid #c00;   }
	.www360buy .hd{ overflow:hidden; background:url(images/bg.png) 0 -32px #efefef; border-left:1px solid #ddd;  }
	.www360buy .hd li{ position:relative; margin-left:-1px;  height:37px; line-height:37px; text-align:center; width:177px; float:left; border:1px solid #ddd; border-top:0;font:normal 14px/37px "Microsoft YaHei"; _font-weight:bold; cursor:default; }
	.www360buy .hd li.on{ width:176px; background:#fff; border-bottom:1px solid #fff; color:#c00; cursor:pointer;  }
	.www360buy .bd{ height:180px; padding-top:10px; border:1px solid #ddd; border-top:0;  }
	.www360buy .lh{ overflow:hidden;  }
	.www360buy .lh li{padding:0 0px; float:left;    }
	.www360buy .lh li img{ width:180px; height:150px; border:1px solid #999; }
	.www360buy .lh div {width:199px; float:left; text-align:center;}
	
	
	#nav{ }
	#nav span{cursor:pointer}
	#navarea{ width:990px; height:78px; margin:0 auto; float:right;}
	#navarea ul {clear:both;float:left;width:990px;padding:4px 18px 0 18px;}
	#navarea li {float:left;height:37px;font-size:12px;line-height:32px; }
	#navarea a {float:left;display:inline-block;height:37px;padding:0 15px;color:#fff;text-decoration: none;}
	#navarea .on a:link, #navarea .on a:visited, #navarea .on a:hover, #navarea .on a:active {float:left;display:inline-block;height:41px;color:#f30; background:url(images/navOnbg.gif) no-repeat;}
	#navarea .on a:link span,  #navarea .on a:visited span, #navarea .on a:hover span, #navarea .on a:active span {display:inline-block;height:41px;background:url(images/navOnbg.gif) no-repeat right; padding:0 0px 0 0; }
	#navarea .col {font-size:12px;font-weight:normal;line-height:32px;float:right;}
	#navarea .col a {display:block;float:left;padding:0 5px;}
	#navarea dl {clear: both; float: left; padding:0; padding-top:4px; width: 990px;}
	#navarea dt {float: left; font-size: 12px; font-weight:normal; height: 41px; line-height: 32px; }
	#menu {clear:both;float:left;color:#ffe9d6;width:990px;height:37px; }
	#menu li {float:left;padding:0 1px 0 1px; font-size:12px; color:#999;line-height:30px;}
	#menu .ul_2 { height:37px;padding:0px; margin:0px; margin-left:140px !important; _margin-left:70px; display:inline; _display:inline;}
	
	#menu .ul_3 { height:37px;padding:0px; margin:0px; margin-left:235px !important; _margin-left:115px; display:inline; _display:inline;}
	#menu .ul_4 { height:37px;padding:0px; margin:0px; margin-left:310px !important; _margin-left:165px; display:inline; _display:inline;}
	
	#menu .ul_8 { height:37px;padding:0px; margin:0px; margin-left:655px !important; _margin-left:165px; display:inline; _display:inline;}
	#menu .ul_9 { height:37px;padding:0px; margin:0px; margin-left:735px !important; _margin-left:165px; display:inline; _display:inline;}
	
	#menu li a:link,#menu li a:visited {color:#666;text-decoration: none;}
	#menu li a:hover,#menu li a:active {color:#f30;text-decoration: none;}
	#menu li strong {font-size:12px;font-weight:normal;}
	#menu a {padding:0 8px;}
	#menu a:link, #menu a:visited {color: #09f;}
	#menu a:hover, #menu a:active {color: #f50;}
	#menu span a:link, #menu span a:visited {color: #999;}
	#menu span a:hover, #menu span a:active {color: #f96;}
	
	
	
	
	/* 本例子css */
	.scrollBox{ width:980px;  background:url(scrollBg.png) ;padding:10px;border-top:1px solid #fff; position:relative; }
	.scrollBox .piclist{ overflow:hidden; zoom:1;}
	.scrollBox .ohbox{overflow:hidden; position:relative;width:860px;left:60px}
	.scrollBox {position:relative;overflow:hidden;zoom:1;}
	.scrollBox .piclist li{float:left;  display:inline;background:#fff;border:1px solid #c9bea9;margin-right:8px;padding:5px; overflow:hidden;}
	.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
	.scrollBox .pageBtn span{ background:url(bntBg.png) no-repeat; display:block;width:37px;height:59px;position:absolute;top:72px;cursor:pointer;text-indent:-999em;overflow:hidden; }
	.scrollBox .pageBtn .prev{left:20px;background-position:-11px -84px ;}
	.scrollBox .pageBtn .next{right:20px;background-position:-53px -84px ;}
	.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
	.scrollBox .pageBtn .list li{ background:url(bntBg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
	.scrollBox .pageBtn .list li.on{background-position:-114px -57px }
	.scrollBox  img{ width:190px; height:150px; display:block; padding:2px;  }
	.scrollBox .pic { border:none;}
	.scrollBox .tit{ width:100%; text-align:center; border:none;} 

.productsort{
	margin-top: 45px;
}
.productsort li{
	float:left;
	margin-right:15px;
	position: relative;
	margin-bottom:25px;
}
.productsort li img{
	width:385px;
	height:165px;
}
.productsort li .h2{
	width:357px;
	height:45px;
	margin:0 auto;
	position: absolute;
	bottom:0px;
	left: 50%;
	margin-left: -178px;
	background:url(../images/bj.png) no-repeat center;
}
.productsort li a{
	display:block;
	text-align:center;
	color:#fff;
	line-height:45px;
	font-size:14px;
	font-weight:normal;
}
.productsort li :last-child(3n){
	float: right;
	margin-right:0;
}
.productsort li p{
	background:url(../images/more.png) no-repeat center;
	width:27px;
	height:27px;
	position: absolute;
	top:100px;
	left:50%;
	width:385px;
	margin-left:-192px;
}
.productsort li h3{
	position: absolute;
	top:50px;
	left:50%;
	text-align:center;
	font-size:30px;
	color:#fff;
	width:385px;
	margin-left:-192px;
}
.productsort li .hh{
	display: none;
	background: rgba(0,0,0,.7);
	width: 100%;
	height: 165px;
	position: absolute;
	top: 0;
}
.productsort li:hover .h2{
	display:none;
}
.productsort li:hover .hh{
	display:block;
}