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


body{ margin:0px; padding:0px; font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) repeat center top}
img{border:0px; margin:0px;}
a{text-decoration:none;}
p{ margin:0px; padding:0px;}
ul,li{ margin:0px; padding:0px; list-style-type:none}
.clear{ clear:both; height:0; line-height:0px;}
html{overflow-x:hidden}

.main{width:1292px; margin:0 auto}
.top{width:1292px; height:44px; background:#ededed; margin-bottom:2px;}
.top a.a{float:left; line-height:44px; color:#858585; font-size:12px; cursor:pointer; padding-left:15px;}
.top span{float:right; padding:0 5px; line-height:44px; color:#858585}
.top span a{color:#858585}

.idea{width:580px; height:418px; float:left}
.idea1{width:523px; height:418px; float:right}
.about{width:189px; height:418px; background:#f4c73e; float:left}
.aboutt{width:189px; height:80px; margin:0 auto}
.aboutbox{width:170px; margin:0 auto; text-align:left; line-height:27px; font-size:14px; color:#ffffff; height:290px; overflow:hidden}

.productbox{height:284px; float:left}
.productbox a{width:211px; height:284px; float:left}

.idea2{width:458px; height:284px; float:left; overflow:hidden}

.contactbox{width:201px; height:284px; background:#6a7be8; float:left; }
.contactbox1{width:170px; margin:0 auto;text-align:left; line-height:27px; font-size:13px; color:#ffffff; overflow:hidden; height:190px;}

#footer{width:100%; height:60px; background:url(../images/footer.jpg) repeat-x; }
.footer{width:1292px; margin:0 auto}
.footerle{width:326px; float:left; padding-top:14px; padding-left:10px;}
.footerle p{width:326px; float:left; text-align:left; line-height:18px; color:#7f7f7f}

.nav{float:left; position:relative; z-index:9}
.nav ul li{float:left; width:130px; height:60px; background:url(../images/li.jpg) no-repeat left}
.nav ul li a{width:130px; float:left; padding-top:25px; color:#656565; font-size:14px; height:35px;}
.nav ul li span{width:131px; float:left; height:122px;cursor:pointer; margin-top:-61px; z-index:999}

.main1{width:1292px; height:705px; margin:0 auto; background:url(../images/main.jpg) no-repeat; position:relative; z-index:1}
.qq{width:91px; height:168px; position:absolute; top:-48px; left:64%; z-index:99}

.main2{width:1218px; margin:0 auto; padding-top:43px;}
.left{width:803px; float:left; padding-left:28px;}
.leftt{width:803px; margin:0 auto}
.leftt em{width:334px; height:110px; float:left}
.leftt .p{width:413px; float:right; padding-top:45px;}
.leftt .p p{text-align:right; color:#c3c2c2; padding-bottom:15px;}
.leftt .p a{float:right; margin-left:10px;}

.pro_com{width:803px;margin:0 auto; overflow:hidden; padding-top:5px; padding-bottom:10px; }
.pro_com ul{ width:803px; height:100%; overflow:hidden}
.pro_com li{ margin:2px 6px; float:left; height:241px; overflow:hidden;background:url(../images/ce.jpg) repeat;}
.pro_com li .le{width:3px; height:241px; float:left; background:url(../images/le.jpg) no-repeat; margin-right:5px;}
.pro_com li .ri{width:3px; height:241px; float:left; background:url(../images/ri.jpg) no-repeat; margin-left:5px;}
.pro_com li a{ height:225px; float:left;overflow:hidden; padding:8px 0px; }
.pro_com li a img{height:225px;}


.page span{ color:#8c8b8b;}
.page{ color:#8c8b8b; float:left; padding-left:10px;}

.right{width:346px; float:right; padding-top:8px;}
.rightbox{width:327px; height:298px; float:right;padding-right:8px; position:relative; overflow:hidden }
.rightbox img{width:327px; height:298px;}

.contactbox2{width:346px; float:right}
.contactbox2t{width:346px; height:135px; margin:0 auto; margin-top:-19px; position:relative; z-index:9999}
.contactbox3{width:327px; float:right;text-align:center; line-height:30px; font-size:13px; color:#6d6566; overflow:hidden; height:190px;}

.probox{width:760px; float:left; height:255px; overflow:auto;padding-top:20px; padding-bottom:10px;}
.probox img{float:left; }

.pro{width:803px; float:left; padding-top:10px; border-top:1px dotted #ecd2d2; padding-bottom:5px; position:relative}
.prole a{width:179px; height:184px; float:left; background:#f9b7b8; border:1px solid #f8a3a5; line-height:184px;  color:#ffffff; font-size:30px; position:absolute; left:0; top:0}
.pro a{width:177px; height:182px; float:left;}


.buttonle{width:11px; position:absolute; left:-15px; top:88px; cursor:pointer; height:22px; float:left; 

background:url(../images/buttonle.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/buttonle.png', 

sizingMethod='scale';)}
.buttonri{width:11px; right:-12px; position:absolute; top:88px; cursor:pointer; height:22px; float:right; 

background:url(../images/buttonri.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='images/buttonri.png', 

sizingMethod='scale';)}
.rollBox{width:803px;overflow:hidden;height:184px; float:left}
.rollBox .Cont{width:803px;overflow:hidden; margin:0 auto}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:177px;float:left; height:182px; border:1px solid #e6e6e6; background:#f7f7f8; overflow:hidden;margin-right:27px;}
.rollBox .Cont .pic img{height:182px; margin:0 auto}
.div{width:177px; height:182px; float:left; background:#f9b7b8; border:1px solid #f8a3a5; line-height:184px;  color:#ffffff; font-size:30px;}
.rollBox #List1,.rollBox #List2{float:left;}

.aboutp{width:803px;float:left; padding-top:10px; padding-bottom:5px; overflow:auto; height:460px; text-align:justify; line-height:32px; color:#cb393c; font-size:14px; }

.contact{width:803px; float:left; padding-top:10px; padding-bottom:5px; position:relative}
.dt{width:803px; height:288px; margin:0 auto; padding-bottom:15px;}