/*通用标签*/ body,div,ul,li,p,a,dl,dt,dd,table,td,tr { margin:0; padding:0; } body {background: url(../images/bgnew2.jpg) no-repeat center top;font:12px Arial,Tahoma; color:#000000;} img { border:0; } div { margin:auto; } ul,li { list-style:none; } a { text-decoration:none; color:#000000; } a:hover { color:#FFF; } /*通用类*/ .clear { clear:both; } .floatRight { float:right; } /*顶部*/ #top{width:1100px; height:579px;} /*header*/ #header { width:1100px; height:130px;} #logo { float:left; width:600px; height:110px; } #logoRight { float:right; width:500px; height:80px; padding-top:30px; text-align:right;} #logoRight a {margin:0 0 0 5px; } #logoRight p { margin:20px 0 0 0; font-size:18px; font-family:"微软雅黑"; } #logoRight span { font-family:impact; font-size:24px;} /*导航*/ #nav{width:100%; height:58px; } #menu {width:1100px; height:58px; margin:0 auto; font-family:"微软雅黑";} #menu ul { height:57px;} #menu ul li { float:left; height:57px;} #menu ul li a { display:block; height:57px; line-height:57px; margin:0 38px; font-size:16px; color:#000000; font-weight:bold;} #menu ul li a:hover { color:#f4a460; } /*banner*/ #banner {width:1165px; height:432px;} #Zx_Banner_img .btn{position:absolute; right:10px; bottom:10px; text-align:right;} #Zx_Banner_img .btn span{display:inline-block; _display:inline; width:20px; height:20px; text-align:center; margin-left:5px; cursor:pointer; background:#af0000; color:#fff; font:12px/20px Arial;} #InxCase{width:1003px;} .InxCaseContent p{ font-size:34px; text-align:center; line-height:34px;} .InxCaseContent p a{color:#000000; letter-spacing: 8px; font-weight:normal;} .InxCaseContent p a:hover{ text-decoration:none;} .InxCaseContent p b{ color:#00e2df;} .InxCaseContent p span{ display:block; font-size:12px; color:#999; font-weight:normal; letter-spacing: 10px;line-height:24px; padding-left:2px;} /*标题行*/ .Con_Tit{width:100%; height:42px; border-bottom:1px solid #000000;} .Tit_left,.Tit_right{height:40px; margin-top:1px;} .Tit_left{float:left;} .Tit_right{float:right;} /*关于我们、新闻中心*/ #InxAbout,#InxNews{height:235px; float:left; color:#000000; overflow:hidden; margin-bottom:10px;} #InxAbout{width:503px;} #InxAbout_Con{padding:5px; line-height:20px; text-indent:2em;} #InxAbout_Con img{float:left; margin-right:5px; width:130px; height:130px;} #InxNews{width:490px; margin-left:10px;} #InxNews_Con{ padding-left:5px; padding-right:5px; color:#000000;} #InxNews_Con a{color:#000000;} .home_con{ position:relative; height:510px;} .home_a{ position:absolute; left:0; top:0; z-index:100;} .home_a li{ margin-bottom:12px;font-size:14px; width:188px; height:40px;} .home_a li a{ display:block; width:188px; height:40px; padding-left:48px;line-height:40px; background:url(../Images/index/home_bg.gif) no-repeat;} .home_a li a:hover,.home_a li.cur a{ background:url(../Images/index/home_bg.gif) no-repeat 0 -40px; color:#00e2df;} .home_b{ position:absolute; right:0; top:0;} .home_b img{ display:block; width:773px; height:510px;} /*产品中心，案例展示 标题*/ .InxProCaseTit{width:993px; height:30px; color:#000000; text-align:center; font-size:20px; font-weight:bold; line-height:29px; border-bottom:1px solid #ffffff;} /*产品中心*/ #inxProduct{width:1003px; height:250px;} .inxProduct_Con{width:242px; height:240px; float:left; margin:4px; background-color:White;} .inxProduct_Con img{width:242px; height:240px;} /*案例展示*/ #inxCase{width:1003px; height:250px;} .inxCase_Con{width:242px; height:240px; float:left; margin:4px; background-color:White;} .inxCase_Con img{width:242px; height:240px;} /*招贤纳士、在线留言、联系我们*/ #Zhao_Message_Contact{width:1003px; height:322px;} #Zhaoxian,#Message,#ContactUs{height:312px; float:left; color:#000000; overflow:hidden; margin-bottom:10px;} /*招贤纳士*/ #Zhaoxian{width:300px;} #Zhaoxian_Con{padding-left:5px; padding-right:5px; height:340px; width:290px; color:#000000;} #Zhaoxian_Con a{color:#000000;} /*在线留言*/ #Message{width:350px; margin-right:6px; margin-left:6px;} #Message table{border:none;} #Message table td{ vertical-align:top; padding-top:10px;} .tb_tit{ width:65px; height:30px;} /*联系我们*/ #ContactUs{width:340px;} #ContactUs table{border:none; width:330px;} #ContactUs table td{vertical-align:top; padding-top:10px;} #ContactUs_Con .tb_tit{ width:75px; padding-left:10px;} .life_zx{ position:relative; height:90px; margin-top:20px; } .life_zx p{text-align:center; font-size:26px; color:#a8a8a8; line-height:90px; word-spacing:4px;} .life_tel{ position:absolute; left:120px; top:14px;background:url(../Images/index/h_tel.gif) no-repeat 0 5px; padding:0 0 0 42px;} .life_tel span{display:block;font-size:14px;} .life_tel span b{ display:block;font-size:26px;color:#00e2df; font-weight:normal;} .life_zx a{ position:absolute; left:680px; top:30px; display:block; background:url(../Images/index/btn1.gif) no-repeat; width:158px; height:29px; line-height:29px; text-align:center; font-size:14px; color:#fff;} /*公司介绍*/ #aboutCompany{width:1003px; height:310px; background-color:#7e6b5a;} #aboutCompany_left{width:311px; height:310px; float:left; background:url(../Images/index/aboutCompany_left.gif) no-repeat} #aboutCompany_right{width:692px; height:310px; float:left; line-height:25px; text-indent:2em; font-size:12px;} /*公司新闻*/ #newsCompany{width:1003px; height:310px; background-color:#7e6b5a;} #newsCompany_left{width:311px; height:310px; float:left; background:url(../Images/index/newsCompany_left.gif) no-repeat} #newsCompany_right{width:692px; height:310px; float:left; line-height:25px; text-indent:2em; font-size:12px;} /*main*/ #main { width:1005px; margin-top:20px; } .maintitle { margin:36px 15px 10px 40px; font-size:15px; } .maintitle2 { margin:36px 15px 10px 55px; font-size:15px; } .maintitle3 { margin:36px 45px 10px 77px; font-size:15px; } .more { display:block; height:20px; width:60px; float:right; } .more2 { display:block; height:20px; width:100px; float:right; } #about { float:left; height:258px; width:378px; background: url(../images/box2.jpg) no-repeat; } #news { float:left; height:258px; width:378px; margin:0 3px; background: url(../images/box2.jpg) no-repeat; } #news ul { line-height:27px; } #case { float:left; height:258px; width:242px; background: url(../images/box1.jpg) no-repeat; } /*project滚动*/ #project { width:195px; height:160px; } #project p{ display:block; width:195px; text-align:center; position:absolute; } #project img{ max-width:195px; height:160px; } #project ul{ position:relative; top:140px; left:5px;} #project li{ float:left; font-weight:bold; width:15px; text-align:center; } #product { float:left; height:258px; width:1003px; margin-top:20px; background: url(../images/box3.jpg) no-repeat; } /*产品滚动*/ #demo { overflow:hidden; } #demo img { height:140px; border:1px solid #D3AC69; } #demo img:hover { border:1px solid #FFF; } #demo a { float:left; margin-left:20px; text-align:center; color:#EEEEEE; text-decoration:none; } #indemo { float: left;width: 800%;} #demo1 { float: left; } #demo2 { float: left; } .content { padding:10px 25px; line-height:23px; height:150px; overflow:hidden;} /*分页内容*/ #Left { width:258px; min-height:355px; float:left; background:url(../images/Left.png) no-repeat left top; } #LeftTitle { width:80px; height:25px; float:left; color:#000000; text-align:center; font-size:16px; font-weight:bold; line-height:25px; margin:33px 0px 0px 41px;} #LeftMenu { padding: 10px 0px 10px 20px; width:220px; float:left; } #LeftMenu li { width:220px; margin:3px 5px; } #LeftMenu li a { height:30px;line-height:30px;color:#000000;display:block;padding-left:50px; background:url(../images/menuli.jpg) no-repeat left bottom; cursor:pointer; } #LeftMenu li a { height:30px;line-height:30px;color:#000000;display:block;text-align:center; background:url(../images/menuli.jpg) no-repeat left bottom; } #LeftMenu li a:hover { color:#FFFFFF; background-position: left top; } #Right { float:right; width:720px; } #Right img { max-width:700px; } #RightTitle { width:100%; height:50px; background:url(../images/rightTitle.png) no-repeat left bottom; } .RightTitle1{ float:left;width:100px;height:50px;line-height:45px;font-size:15px; font-weight:bold;color:#990000;padding-left:25px;text-align:center; } .RightSite { float:right;width:250px;height:40px;line-height:40px;text-align:right;margin-right:10px;color:#FFFFFF;} .RightSite a { color:#FFF; } #RightContent { padding:8px; line-height:25px; } .contentAbout { font-size:14px; line-height:28px;} .contentNews { line-height:28px; } .newsTime { float:right; } .pageNumber { margin-top:10px; text-align:center; } .NewsDetilsTitle {} .NewsDetilsTime {} .NewsDetilsContent {} .contentProduct { text-align:center; margin-top:10px; overflow:hidden; } .contentProduct li{ float:left; width:214px; margin:5px 10px; } .contentProduct img { height:180px; width:214px; border:1px solid #E3D4DC;} .contentProduct img:hover{ border:1px solid #D3AC69; } .productImg {} .productTitle {} .productContent {} .contentProject { text-align:center; margin-top:10px; overflow:hidden; } .contentProject li{ float:left; width:214px; margin:5px 10px; } .contentProject img { height:180px; width:214px; border:1px solid #E3D4DC;} .contentProject img:hover{ border:1px solid #D3AC69; } .Mleft { display:block; float:left; width:100px; text-align:right; margin-right:10px; } /*footer*/ .fenge { background:url(../images/fenge.jpg) 0 15px repeat-x; margin-top:20px; height:34px; text-align:center; } #footer { width:1100px; height:110px; line-height:30px; text-align:center; } /*qq浮动*/ #qq { z-index:999; position:absolute; top:200px; right:10px; width:120px; min-height:38px; background-color:#D3AC69; color:#000;} #qq_title { font-size:18px; font-weight:bold; text-align:center; margin:10px 0; cursor:pointer; } #qq_title img{ margin-bottom:-3.5px;} #qq_content { width:100%; text-align:center; } .qq_qq li { margin:5px 0; } .qq_style { font-size:14px; font-weight:bold; margin:10px 1px;} .qq_style a{ color:#000; text-decoration:none;} .qq_style img { color:#000; height:116px; width:116px; }