@charset "utf-8"; /* CSS Document */ html{width:100%;height:100%;overflow-x:hidden} body {width:100%;height:100%; margin:0 auto; font-size:12px;line-height:1.5; background:url(../images/bg.jpg) repeat-x #FFFFFF; font-family:"宋体"; color:#808080;line-height:180%;} ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0; font-family:"宋体";} ul,li,ol{list-style:none; text-decoration:none;} a{list-style:none; text-decoration:none;} a:hover{ color:#FF0000;text-decoration:none;} img { border:0px;} /*清除浮动*/ .clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0} /*header*/ .header{ width:1000px; height:109px; margin:0 auto; } .logo{ width:245px; height:105px; float:left} /*menu*/ /*menu*/ .menu{ width:675px; height:105px; float:right; } .nav{font-family:"微软雅黑"; font-size:14px; float:left;height:105px;} /*一级菜单*/ .nav li{ width:80px; height:105px; line-height:96px;font-size:14px; float:right;text-align:center; position: relative;font-family:"微软雅黑";} .nav li a{ display:block;color:#fff;} .nav li a:hover{color:#FF0000;} .nav li:hover{background:#181818;} /*二级菜单*/ .nav li ul {display:none;position: absolute;top:75px;left: 0;padding: 0;margin:0;min-width:96px;z-index: 9999;} .nav li:hover .ul2 {display: block;} .nav li ul li {float: none;margin: 0;width:auto; height: 35px; line-height:35px; white-space: nowrap;position: relative; border-bottom:#535252 solid 1px; font-family:"宋体"; font-size:12px; } .nav li ul li a {display: block;margin: 0; text-align: center;background: #181818; opacity:0.9; } .nav li ul li a:hover {color: #fff;background: #181818; } /*三级菜单*/ .nav li ul li ul{display:none;position: absolute;top: 0;left: 96px;padding: 0;margin:0;width:auto;min-width: 96px;z-index: 99; } .nav li ul li:hover .ul3{display: block;} .nav li ul li ul li{float: none;margin: 0;white-space: nowrap;height: 35px; line-height: 35px;border-bottom:#535252 solid 1px; } .nav li ul li ul li a{display: block;margin: 0; font-size: 12px; text-align: center;background: #181818;} .nav li ul li ul li a:hover{color: #fff;background: #181818;} .stripes{ width:1000px; margin:0 auto; height:44px;} .sear{ width:320px; float:left; height:44px;} .search_txt{ color:#a2a2a2; font-size:12px; font-family:"宋体"; width:60px; float:left; line-height:45px;} #search-form{ padding-top:10px;} .searchinput{ float:left; width: 168px; font-family: arial; float: left; color: #636365; font-size: 8pt; vertical-align: middle; background-color:#1e1e1e; border-bottom: #515151 1px solid; border-left: #515151 1px solid; height: 22px; border-top: #515151 1px solid; border-right: #515151 1px solid; } input[type=text]:focus, input[type=password]:focus { outline: none; border-color: #4f4e4e; } .searchaction{ width: 67px; float: left; height: 25px; padding-left:8px; } .notice2{ color:#a2a2a2; font-size:12px;float:left; line-height:40px; width:400px } .telp{ width:220px; float:right; line-height:40px; height:40px; } .tel_txt{ font-size:14px; color:#FFFFFF; font-family:"微软雅黑"} .telp em{ font-size:16px; font-family:"微软雅黑";color:#FFFFFF; } /*banner*/ /*幻灯片*/ #Slideshow { width: 100%; height: 415px; margin:0 auto; background: #fff; position: relative; overflow:hidden;z-index: 0;} #Slideshow .pics li{width: 100%;} #Slideshow .pics li img{width:100%;} /*数字按钮样式*/ #Slideshow .num { overflow:hidden; height: 25px; position: absolute; bottom:5px; right: 10%; zoom:1; z-index:3 } #Slideshow .num li { width: 20px; height: 20px; line-height: 20px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color:#999999; background: #ffffff; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; } #Slideshow .num li.on { background:#FF0000; } /*当前项*/ /*上一个 下一个*/ #Slideshow .prev,#Slideshow .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 120px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #Slideshow .prev { left: 4px; } #Slideshow .next { right: 4px; background-position: right; } /*main_body*/ /*滑动*/ .main_body{ width:100%; margin:0 auto;} .notice { width:100%; overflow: hidden;background-color: #e42320; } .notice .tab-hd { height: 50px; background-color: #191919; margin-bottom: -1px; color: #fff; width:100%; } .notice .tab-hd ul { width:1000px; margin:0 auto; line-height:50px; } .notice .tab-hd li{ float: left; height: 50px; line-height: 50px; width:300px; text-align:center; } .notice .tab-hd li a{ display:block; padding:0 14px; color: #fff; font-size:15px; font-family:"微软雅黑" } .notice .tab-hd li a:hover{ color:#fff; text-decoration:none; } .notice .tab-hd li.on{ border-bottom: none; background-color: #e42320; position: relative; margin-left: -1px; margin-right: -1px; } .notice .tab-bd { width:100%; } .notice .tab-bd ul{ overflow:hidden; zoom:1; width:1000px;margin:0 auto; min-height:200px; } .notice .tab-bd li { height: 22px; line-height: 22px; padding: 20px 10px 0 5px; width: 300px; float: left; } .notice .tab-bd li p { width:300px; float:left; font-size:12px; color:#FFFFFF;} .notice .tab-bd li a{ color: #fff; font-size:16px; font-family:"微软雅黑" ; } .notice .tab-bd li a:hover{ color: #fff; font-size:16px; } /*产品*/ .product_top{ width:1000px; margin:0 auto; } .product_title{ width:1000px; font-size:18px;font-family:"微软雅黑"; color:#3b3b3b; text-align:center; height:50px; line-height:55px; } .tt_en{color:#e42320;} .product_con{ font-size:12px; color:#676767; text-align:center; min-height:60px} .product_bottom{ width:100%; background-color:#f9f9f9; min-height:430px;} .product_main{ width:1000px; margin:0 auto; padding-top:10px; padding-bottom:15px;} .pro_pic{ width:753px; float:left;} .multipleColumn{ overflow:hidden; position:relative; width:753px; height:400px; } .multipleColumn .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; } /*.multipleColumn .hd .prev,.multipleColumn .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;} .multipleColumn .hd .next{ background:url("images/icoRight.gif") no-repeat; }*/ .multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .multipleColumn .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; } .multipleColumn .hd ul li.on{ background-position:0 0; } .multipleColumn .bd{ padding:10px; overflow:hidden; } .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:244px; float:left; _display:inline; } .multipleColumn .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; } .multipleColumn .bd ul li .pic{ text-align:center; } .multipleColumn .bd ul li .pic img{ width:234px; height:165px; display:block; padding:2px; border:1px solid #ccc; } .multipleColumn .bd ul li .pic a:hover img{ border-color:#999; } .multipleColumn .bd ul li .title{ line-height:24px; } .multipleColumn .bd ul li a{font-size:12px; color:#3c3c3c;} .multipleColumn .bd ul li a:hover{font-size:12px; color:#FF0000;} /*产品分类*/ .pro_list{ width:222px; float:right;} .list_title{ width:222px; font-size:15px;font-family:"微软雅黑"; color:#191919; } .list_title span{ padding-left:10px;} .fl_list{width:222px; padding-top:10px; border-bottom:#e5e5e5 solid 1px; } .fl_list ul li{width:222px; background:url(../images/li.jpg); height:34px; line-height:34px; } .fl_list ul li a{ font-size:12px; color:#3c3c3c; padding-left:20px;} .fl_list ul li a:hover{ color:#FF0000;} .business{ width:1000px; margin:0 auto;} .bus_title{width:200px; float:left; height:59px; background:url(../images/bus.jpg) no-repeat; line-height:59px; font-size:16px;font-family:"微软雅黑" ; text-align:center; color:#FFFFFF } .bus_con{ width:800px; float:left; background-color:#e42220;height:59px;} .bus_con ul li{ float:left; padding-left:10px; } .bus_con ul li a{line-height:59px; font-size:14px; color:#FFFFFF; font-family:"微软雅黑"; } .bus_con ul li a:hover{ color:#e6e6e6;} .main_bottom{ width:1000px; margin:0 auto; min-height:270px;} .bt_title{ font-size:15px; color:#191919; font-family:"微软雅黑"; height:35px; line-height:35px; } .bt_title span{ padding-left:10px;} /*新闻*/ .news_main{ width:490px; float:left; padding-top:15px;} .news_list ul li{ width:490px; background:url(../images/news_list.jpg) repeat-x; height:33px;border-top:#e5e5e5 solid 1px; border-right:#e5e5e5 solid 1px; border-left:#e5e5e5 solid 1px;line-height:33px; } .news_list ul li a{ font-size:12px; color:#000000; padding-left:15px; font-family:"宋体"} .news_list ul li a:hover{ color:#FF0000;} .sideMenu{ border:1px solid #e5e5e5; } .sideMenu h3{ height:32px; line-height:32px; padding-left:15px; background:url(../images/news_list.jpg) repeat-x; height:33px; cursor:pointer; font-size:12px; color:#3c3c3c; font-family:"宋体"; } .sideMenu h3 a{ font-size:12px; color:#3c3c3c; font-family:"宋体" ;font-weight:100; } .sideMenu h3 em{ float:right; display:block; width:40px; height:32px;background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer;} .sideMenu h3.on em{ background-position:16px -57px; } .sideMenu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ } /*公司简介*/ .company_main{ width:490px; float:right;padding-top:15px;} .company_con{ width:467px; background-color:#f9f9f9; border:#e5e5e5 solid 1px; padding:10px; line-height:25px; height:190px; overflow:hidden; } .company_more a{ font-size:12px; color:#e42320; float:left; height:30px; line-height:30px;} /*底部信息*/ .footer{ width:100%; margin-top:20px; background-color:#202020; border-top:#e42320 solid 8px; min-height:270px;} .foot_main{ width:1000px;margin:0 auto; padding-top:20px;} .bt_left{ width:620px; float:left;} .footer .bt_left .ftNav{ width: 620px; max-height: 360px; float: left; margin-top: 10px; line-height: 1.8em; overflow: hidden; } .bt_left .ftNav dl a{ color: #fff; } .bt_left .ftNav dl{ float: left; padding: 0 20px; background: url(../images/dot.jpg) no-repeat right; } .bt_left .ftNav dl dt{ font-size: 14px;font-family:"微软雅黑"; } .bt_left .ftNav dl dd a{ font-size: 12px;font-family:"微软雅黑"; color:#acadaf } .bt_left .ftNav dl dd a:hover{ font-size: 12px;font-family:"微软雅黑"; color:#FF0000 } .bt_right{ width:380px;float:right;} .bt_tel{ width:310px; float:left; height:75px;background:url(../images/tel.jpg) no-repeat; line-height:75px; display:block; font-size:14px;font-family:"微软雅黑"; color:#FFFFFF; padding-left:50px;} .bt_wx{ width:254px; height:38px; padding-top:10px; float:left; font-size:12px; color:#FFFFFF;} .footer_bt{ width:100%; background-color:#FFFFFF;} .bt_main{ width:1000px; margin:0 auto; min-height:90px; margin-top:10px;} .ft_right{ width:600px; float:left;} .ft_right ul li{ float:left; display:block; line-height:30px; background:url(../images/ft.jpg) no-repeat right; width:75px; text-align:center} .ft_right ul li a{font-size: 12px;font-family:"宋体"; color:#000000} .ft_right ul li a:hover{ color:#FF0000;} .bt_txt{ width:600px; float:left; font-size:12px; color:#000000; padding-left:10px;} .ft_left{ width:380px; float:right; font-size:12px; color:#000000;} .innerpage{ width:1000px; margin:0 auto} .inner-left{ width:225px; float:left; padding-top:30px; } .inner-right{ width:755px; float:right; padding-top:30px;} .position{ background:url(../images/tt.jpg) no-repeat; height:48px; line-height:48px;} .tt{ font-size:16px;font-family:"微软雅黑"; color:#000000; padding-left:35px; float:left;} .ttw{ font-size:16px;font-family:"微软雅黑"; color:#000000; float:left;} .tt1{ float:right;font-size:12px;font-family:"微软雅黑"; color:#000000; padding-right:25px;} .tt1 a{font-size:12px;font-family:"微软雅黑"; color:#000000;} .tt1 a:visited{font-size:12px;font-family:"微软雅黑"; color:#000000;} .tt1 a:active{font-size:12px;font-family:"微软雅黑"; color:#000000;} .tt1 a:hover{font-size:12px;font-family:"微软雅黑"; color:#FF0000} .middle-content{ padding:10px; } .navbox{ width:225px;} .fl_title{ background-color:#e42320; height:48px; line-height:48px; font-size:16px;font-family:"微软雅黑"; color:#FFFFFF; border-bottom:#FFFFFF solid 1px; padding-left:20px;} /* 左侧栏目导航*/ .left_nav { } .left_nav ul a { /* 整体字体颜色*/ font-family:"Microsoft YaHei","宋体",Arial,Sans-Serif; font-size:11pt; text-decoration: none; color:#333333; } .left_nav ul a:hover { color: #111111; text-decoration: none; } .left_nav>ul>li { background-color:#e42320; text-align:center; line-height:50px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; } .left_nav>ul>li ul { display:none; background-color:#FFF; } .left_nav>ul>li>a { position:relative;/*jquery的slideDow效果不兼容IE7*/ *+position: !important;/*IE7去效果代码*/ display:block; color:#FFF;/*一级栏目颜色*/ font-family:"Microsoft YaHei","宋体",Arial,Sans-Serif; font-size:12pt; width:100%; height:100%; transition:all 0.5s; } .left_nav>ul>li>a.icon:before { content:">"; position:absolute; font-family: "宋体"; font-size: 18px; font-weight: bold; left: 40px;/*如果标题字数过长,可以调节数值*/ transform:rotate(0); -webkit-transform:rotate(0); transition:all 0.5s; } .left_nav>ul>li>a.on:before { transform:rotate(90deg); -webkit-transform:rotate(90deg); } .left_nav>ul>li>a.on,.left_nav>ul>li>a:hover { background-color:#111111; color:#fff; text-decoration: none; } .left_sub a { font-size:14px; color:#FFF; } .left_sub a:hover { color:#5390cd; text-decoration: none; } .highlight{ /*当前栏目高亮预制*/ } .highlight a { color: #111111; } .highlight a:hover { color: #FF0000; } /* 左侧栏目导航_结束*/ .contact{ width:225px;float:left; margin-top:15px; border-top:#FF0000 solid 2px; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px } .contact_title{ height:48px; line-height:48px; font-size:16px;font-family:"微软雅黑"; color:#e42320; border-bottom:#FFFFFF solid 1px; padding-left:20px;border-bottom:#CCCCCC solid 1px;} .contact_con{ padding:5px;} .inner-right .inner-middle .title{ width: 100%; min-height: 40px; line-height: 40px; font-size: 14px; color: #3d3c3c; text-align: center; font-weight: bold; white-space: nowrap; overflow: hidden; } .inner-right .inner-middle .other{ text-align: center; font-size: 12px; font-family: "微软雅黑"; } .inner-right .inner-middle .content{ margin-top: 20px; font-size: 12px; font-family: "微软雅黑"; line-height: 2em; } .newsList{ width:100%; padding-left:15px;} .newsList .first .pic{ width: 200px; height: 105px; float: left; overflow: hidden; } .newsList .first .tt2{ width: 530px; float: right; height: 30px; line-height: 30px; color: #6c6c6c; } .newsList .first .tt2 a{ color: #e42320; float:left; font-size:14px; font-weight:bold; } .newsList .first .desc{ width: 510px; height: 75px; float: right; font-size: 12px; line-height: 25px; color: #6c6c6c; overflow: hidden; padding-right:20px; } .newsList li{ width:95%; height: 25px; float: left; margin-top: 10px; padding-left: 1%; background: url(../images/arr_more.jpg) no-repeat left; border-bottom: 1px dotted #dcdcdc; } .newsList li a{ display: block; width: 100%; color: #6c6c6c; } .newsList li a span{ float: right; } .newsList li a:hover{ color:#FF0000; } .prosList li.no{ margin-right: 0; } .prosList li a{color: #6c6c6c;} .prosList li a:hover{ color:#FF0000; } .prosList{ width:755px; float:left} .prosList li{float:left; padding:0 6px;} .prosList li .pic{ width: 235px; height: 180px; border: 1px solid #d2d9ce; text-align:center; } .prosList li .pic img{ vertical-align:middle; display:inline; width: 100%; height: 100%; } .prosList li .pic span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle; } .prosList li .tt2{ width: 100%; height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-align:center; } .inner-middle{ padding-top:10px;} /*pages*/ #pages { padding:14px 0 10px; margin:10px; } #pages a { display:inline-block; width:26px; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333} #pages a.a1 { background:url(../images/search/admin_img/pages.png) no-repeat 0 5px; width:56px; } #pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; } #pages span { display:inline-block; width:26px; height:22px; line-height:22px; background:#da2d0b; border:1px solid #e72702; color:#fff; text-align:center; } .page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }