@charset "utf-8"; /* CSS Document */ body,button,input,select,textarea{color:#333;font:14px/1.5 Tahoma,Helvetica,Arial,\5b8b\4f53} /* Clear */ .clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden} .clearfix{display:inline-block} /* Hides from IE-mac \*/* html .clearfix{height:1%} .clearfix{display:block}/* End hide from IE-mac */ .page_list{text-align:right;padding-top:10px; padding-bottom:2px;} .page_list a{border:#ddd 1px solid;color:#ff7e00;padding:2px 5px;margin-right:2px} .page_list a:hover,.page_list a:active{border:#e1e6ed 1px solid;color:#000;background-color:#c71800} .page_list span.current{border:#ddd 1px solid;padding:2px 5px;font-weight:bold;margin-right:2px;color:#FFF;background-color:#ff7e00} .page_list span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;margin-right:2px;color:#CCC} /* webcss start*/ body{ font-family:"微软雅黑"} .index_content{ width:1150px; margin:0 auto; padding-top:25px;} #wrapper{margin:0px auto;width:100%; background:url(../images/head_bg.jpg) no-repeat center top;} .top{ height:138px; width:1150px; margin:0 auto} .t_right{width:400px; float:right; height:42px; line-height:42px; text-align:right; color:#fff; } .t_right a{ color:#fff} .t_right a:visited,.t_right a:active{color:#fff} #banner{ width:100%;margin:0 auto;overflow:hidden;} .banner{ width:100%;margin:0 auto;overflow:hidden;} #lang{position:absolute;right:15px;top:10px;z-index:1} #lang img{margin-right:5px;vertical-align:middle} #index_nav{ background:url(../images/nav_bg.gif) repeat-x;} #MainMenu{height:138px; line-height:138px; width:720px; float:right} .t_ewm{ float:right; width:100px; padding-top:15px;} /*banner*/ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; } .rslides img { display: block; height:auto; border: 0; width:100%; } .slide_container { position: relative; width: 100%; } .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .slide li { position: absolute; width: 100%; left: 0; top: 0; } .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url(../images/themes.gif) no-repeat left top; margin-top: -45px; } .slide_nav.next { left: auto; background-position: right top; right: 0; } /*分类*/ #sort_div{width:244px; float:left; background-color:#1e9de4; padding-bottom:15px;} .sort_div{ width:216px; margin:0 auto} .sort_div ul{} .sort_div ul li{background:url(../images/clibg.jpg) no-repeat; line-height:35px; height:35px; margin-bottom:8px; } .sort_div ul li a{font-size:15px; color:#fff;line-height:35px; padding-left:25px;} .sort_div ul li a:hover{display:block;color:#fff; background:url(../images/clibg1.jpg) no-repeat center center;} .sort_div ul li ul li{ height:30px;line-height:30px;background:url(../images/clibg1.png) no-repeat; margin-bottom:2px;} .sort_div ul li ul li a{ color:#333;padding-left:20px;} #sort_div p{ color:#fff; font-size:14px; line-height:35px; padding-left:10px;} /*搜索*/ .index_search{ height:51px; line-height:51px; width:1150px; margin:0 auto; border-bottom:#ccc 1px solid; font-size:14px;} .index_search_nr{ float:left; width:400px;color:#666;} .index_search_sou{ float:right; width:350px;height:32px;margin-top:5px; border:#a3a3a3 1px solid} #index_searchid{ float:left;line-height:32px;height:32px;width:80px;border:0; border-right:0;} #index_searchtext{ float:left;border:0;height:32px;line-height:32px; width:180px; margin:0px; } #index_searchbutton{ float:right; border:none;background:url(../images/searchbut.jpg); cursor:pointer; height:32px; width:43px} .index-newproducts{ width:1145px; margin:0 auto; padding-top:130px;} .productsroll{position:relative;width:1145px} /* productsroll Start */ #LeftArr1,#RightArr1{background:url(../images/product_arrow.gif) no-repeat center top;width:25px;height:160px;cursor:pointer;position:absolute;top:78px;z-index:1} #LeftArr1{background-position:-25px 0px;float:left;left:8px} #RightArr1{background-position:-50px 0px;float:right;right:0px} #ScrollBox{width:1050px; margin:0 auto;overflow:hidden} #ScrollBox li{float:left;display:inline;width:270px;text-align:center} #ScrollBox li a{display:block;margin:0px 5px} #ScrollBox li img{border:#ffae00 3px solid;} #ScrollBox li a:link,#ScrollBox li a:visited,#ScrollBox li a:active{color:#fff} #ScrollBox li a:hover{color:#ff7e00} #ScrollBox li a span{display:block;padding:12px} /* productsroll End */ .index-news{ width:431px; float:left;} .index-news ul{} .index-news ul li{background:url(../images/nlibg.jpg) no-repeat left 8px; height:32px; line-height:32px; padding-left:19px; font-size:15px; border-bottom:#CCC dotted 1px;} .index-news ul li a{ color:#333} .index-news ul li a:hover{color:#f00} .index-news ul li img{float:left;margin-right:10px} .index-news ul li h3{font-size:100%;font-weight:bold;line-height:25px} .index-news ul li p{color:#666} .index-news ul li a span{color:#666;float:right;margin-right:10px} .ji{ width:329px; float:right;} .ji ul li{background:url(../images/nlibg1.jpg) no-repeat 8px 13px; height:40px; line-height:40px; padding-left:25px;} .list1,.list3{ width:928px; margin:0 auto} .list1 p,.list2 p,.list3 p{ font-size:15px; line-height:30px;} .list1{ padding-top:350px; padding-left:25px;} .list2{ width:995px; margin:0 auto} .list3{ padding-top:195px; padding-left:25px;} .index-about{ width:1150px; margin:0 auto; padding-top:40px;} .index-about p{line-height:24px;padding:0px 0px 0px 5px; font-size:13px; color:#333} .index-contact{ width:1150px; margin:0 auto;} .index-contact p{font-size:14px;line-height:36px; padding:8px 0px 0px 20px; color:#333} .c_cont { padding: 70px 0px 0px 50px; background: url(../images/c_cont.jpg) no-repeat right top; padding-bottom: 100px; } #product_c a{ display: block; float: left; height: 140px; margin-bottom: 10px; margin-left: 10px; text-align: center; width: 150px; } #product_c{ width:668px; } /* index-products Start */ .index-products{ width:889px; float:right} .index-products ul{ } .index-products ul li{float:left;text-align:center;width:210px; margin:20px 5px 0px 5px;} .index-products ul li a{display:block;width:210px; margin:0 auto; font-size:16px;} .index-products ul li img{ border:#ebebeb 2px solid} .index-products ul li a:link,.index-products ul li a:visited,.index-products ul li a:active{ color:#333} .index-products ul li a:hover{color:#f00;} .index-products ul li a span{display:block; height:56px;line-height:56px;display:block; text-align:center} .index-products ul> li:nth-child(1) a span{} .index-products ul> li:nth-child(2) a span{} /* index-products End */ .index-right{float:left;padding:0px 15px 0px 5px;width:240px;overflow:hidden} .index-search{padding-bottom:5px} .index-search h2{background-position:0px -136px} .index-search p{padding:5px 0px 5px 10px} #searchid{line-height:20px;padding:2px} #searchtext{border:#E6E6E6 1px solid;background:url(../images/searchinp.gif) repeat-x;height:20px;line-height:20px;padding:2px;width:200px} #searchbutton{border:none;background:url(../images/searchbut.gif);cursor:pointer;height:21px;width:64px} .index-jobs h2{background-position:0px -170px} .index-jobs{padding-bottom:5px} .index-jobs ul li{padding:4px 0px} /*********** page ***********/ #page_main{/*background:url(../images/v_line.jpg) 0px top repeat-y;*/ width:1150px; margin:0 auto; padding-top:20px;} /* page-left */ .page-left{float:left;width:260px; background-color:#1e9de4; margin-bottom:40px;} .page-left h2{background-image:url(../images/site_title.gif);background-repeat:no-repeat;height:34px;line-height:34px;font-size:100%;font-weight:normal} .page-left h2 span{float:left;display:none} .left-about h2{background-position:0px -68px} .left-products h2{background-position:0px -102px} .left-search{ width:230px; margin:0 auto; margin-top:20px} .left-search p{padding:5px 0px 5px 10px} .left-contact{ padding:160px 0px 20px 13px; background:url(../images/lx.jpg) #e8e8e8 no-repeat center top;font-size:15px;} .left-contact h2{background-position:0px -204px} .left-contact p{line-height:25px;padding:0px 5px 0px 10px} .left-contact p span{font-weight:bold} /* page-right */ .page-right{float:right;padding:0px 15px 0px 0px;width:825px;overflow:hidden} .site-nav{border-bottom:1px solid #CCC;height:30px;margin-bottom:10px;line-height:30px;text-align:left} .site-nav span{color:#ff7e00;font-weight:bold} .page-single,.page-products,.page-news,.page-newsdetail,.page-jobs,.page-jobsdetail{margin-bottom:10px} .productsdetail-title,.newsdetail-title,.jobsdetail-title{font-size:14px;font-weight:bold;line-height:30px;text-align:center;border-bottom:1px dashed #CCC;margin-bottom:10px} .page-news{ line-height:32px; font-size:13px;} .page-news table{width:98%;} .page-news table th{height:30px;line-height:30px;text-align:center;font-weight:bold;border:none 0px;font-size:12px} .page-news table th.news-time{width:100px;background:url(../images/info_title.gif) left top} .page-news table th.news-title{background:url(../images/info_title.gif) right top} .page-news table td{border-bottom:1px solid #666;padding:2px} .page-news table td.time-list{color:#666;text-align:center} .page-jobs table{width:98%;} .page-jobs table th{height:30px;line-height:30px;text-align:center;font-weight:bold;border:none 0px;font-size:12px} .page-jobs table th.jobs-time{width:100px;background:url(../images/info_title.gif) left top} .page-jobs table th.jobs-title{background:url(../images/info_title.gif) right top} .page-jobs table td{border-bottom:1px dashed #D7D7D7;padding:8px} .page-jobs table td.time-list{color:#666;text-align:center} .page-guestbook{width:600px;margin:0px auto} .page-guestbook dl dt,.page-guestbook dl dd{float:left;padding:5px} .page-guestbook dl dt{width:80px;text-align:right} .page-guestbook dl dd{width:500px} .page-guestbook dl dd input{border:#CCC 1px solid;padding:2px;background:url(../images/inputbg.gif) repeat-x;height:19px;line-height:19px;width:180px} .page-guestbook dl dd span{color:#F00;margin-left:10px} .page-guestbook .Content{width:480px;height:120px;border:#CCC 1px solid} #checkcode{width:60px;text-align:center} .page-guestbook p{text-align:center;clear:both;margin-bottom:10px} #friendlink{ color:#333; } #friendlink a{ color:#333} #friendlink a:visited,#friendlink a:active{color:#333} #copyright{background:url(../images/foot_bg.jpg) repeat-x #11a5ff; padding-top:5px; padding-bottom:12px;} .fenzhan{ width:1100px; margin:0 auto;color:#fff; line-height:41px;} .fenzhan a{ color:#fff; font-size:14px;} .fenzhan a:visited,.fenzhan a:active{color:#fff} .foot{ color:#fff; text-align:center; font-size:16px; line-height:30px;} .foot a{ color:#fff} .foot a:visited,.foot a:active{color:#fff} /*新闻列表页*/ ul,li{ list-style:none;} a,a:visited,a:active{color:#333333;text-decoration:none} a:hover{color:#ff0000;text-decoration:none} .fl{ float:left;} .fr{ float:right;} .clear{ clear:both;} ul.newsList li { border-bottom: 1px dotted #dddddd; margin-bottom:10px; background:url(../images/icon.gif) no-repeat left 10px; padding-left:15px; } .page-news { margin: 0 auto; width: 95%; } /*新闻详情页*/ #shownews h1.title { font-size: 14px; text-align: center; height:30px; line-height:30px; } .hits { border-bottom: 1px solid #DDDDDD; margin-bottom: 10px; height:30px; line-height:30px; } .page { line-height:24px; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; } #shownews .text{ margin:10px 0; line-height:25px; } .related { background:url(../images/bg_news.gif) repeat-x; } #shownews .related { font-weight:bold; height:30px; line-height:30px; font-size:13px; } #shownews .related-list li { border-bottom:1px dotted #dddddd; background:url(../images/icon1.gif) no-repeat left center; padding-left:10px; float: left; height: 26px; line-height: 26px; padding-left: 10px; width: 300px; } #shownews .related-list li a,#shownews .related-list li a:active,#shownews .related-list li a:visited{ color:#808080; } #shownews .related-list li a:hover{ color:#ff0000; } /*产品列表页*/ #ShowImages{ margin-top:20px;} #ShowImages li{ display: inline; float: left; margin: 6px 10px; text-align: center; } #ShowImages .images_img a { border: 1px solid #dddddd; display:block; height: 190px; overflow: hidden; padding: 5px; text-align: center; vertical-align: middle; width: 240px; } #ShowImages .images_img a:hover{ background:#fff4ce; border:1px solid #ff6600; } #ShowImages .images_img img { max-height: 190px; } #ShowImages .images_title a{ height:36px; line-height:36px; font-size:16px; } /*下载列表页*/ .downloadtimes{ width:80px; text-align:center; } /*下载详细页*/ .download{ margin-bottom:10px;} .download li{ line-height:30px; border-bottom:1px dotted #dddddd; } .downloadRight{ width:85%;} /*招聘列表页*/ .jobList li{ float:left; line-height:28px; border-bottom:1px dotted #dddddd; text-align:center; } .jobtime{ width:15%;} .jobPosition{ width:40%;} /*招聘详情页*/ .showjobList li{ line-height:28px; border-bottom:1px dotted #dddddd; } .jobDescription{ background:#dddddd; height:30px; line-height:30px; margin:10px 0; text-indent:10px; } /*招聘应聘页面*/ .submit{ background:url(../images/submit.jpg) no-repeat; width:93px; height:34px; color:#ffffff; line-height:34px; border:none; cursor:pointer; font-family:微软雅黑; font-size:14px; margin:10px 0 0 100px; } /* 内页相关产品的 */ .related_cp p{ line-height:30px;text-indent:2em;} .related_cp td{ line-height:30px; } .related_cp ul{width:100%; height:auto; padding-top:5px; overflow:hidden;} .related_cp ul li{ text-align:center; width:132px; float:left; overflow:hidden;} .related_cp ul li p{ line-height:30px; height:30px; text-align:center; text-indent:0em; } .related_cp ul li p a{ line-height:30px; height:30px; text-align:center;} .related_cpul li p a:hover {color:#FF0000;} .related_cp ul li img{border:1px solid #CCCCCC; width:100px; height:88px; padding:5px;} .related_cp ul li a:hover img{ border:1px solid #ff0000;} /* 产品展示页询盘页面 */ .chanpin_xp{width:600px;margin:0px auto} .chanpin_xp dl dt,.chanpin_xp dl dd{float:left;padding:5px} .chanpin_xp dl dt{width:80px;text-align:right} .chanpin_xp dl dd{width:500px; margin-left:80px; margin-top:-30px;} .chanpin_xp dl dd input{border:#CCC 1px solid;padding:2px;background:url(../images/inputbg.gif) repeat-x;height:19px;line-height:19px;width:180px} .chanpin_xp dl dd span{color:#F00;margin-left:10px} .chanpin_xp .Content{width:480px;height:120px;border:#CCC 1px solid} #checkcode{width:60px;text-align:center} .chanpin_xp p{text-align:center;clear:both;margin-bottom:10px} /* 产品页搜索框 */ .head-search{ margin: 0 auto; margin-top: 15px;overflow: hidden; background: #f4f4f4; padding:5px;} .f_l{ float:left;} .f_r{ float:right;} .ss{ padding-top:10px; margin-top:-7px; font-size:13px; font-weight:bold; padding-left:18px;} .head-search .txt-keyword{ border: solid 1px #DCD3CF;border-right: none;width:200px; height:20px;float: left;color: #A89893;font-size: 12px;} .head-search .btn-search{width: 60px;height: 20px;border: none;overflow: hidden;} .ssk{ width:580px;} /* 产品展示 列表样式 */ .fl{ float:left;} .fr{ float:right;} .clear{clear:both;} .lbtu{ width:695px; height:auto;} .lbtup {height: auto;padding-top: 20px;overflow: hidden;} .lbtup li { list-style-type:none; padding-bottom:10px;} .lbtu_left{ width:110px; margin-top: 15px;} .lbtu_left img { border: 1px solid #CCCCCC;width: 100px;height: 88px;padding: 5px;} .lbtu_left a:hover img{ border:1px solid #ff0000;} .lbtu_right{ width:505px; margin-top:25px;} .lbtu_right li { float:left; } .bt{ line-height:17px; height:17px; font-size:12px; font-weight:bold;} .bt a { text-decoration:none; color:#000000;} .lbt a:hover{ color:#FF0000;} .wenzi{ font-size:12px; line-height:22px; width:180px;} .wenzi span a { color:#FF0000; text-decoration:none;} .right_tb ul li { float:left; padding-left:10px;}