@charset "utf-8";

/* CSS Document */

body, button, input, select, textarea { color: #333; font: 12px/1.5 Tahoma, Helvetica, Arial, \5b8b\4f53 }

/* Clear */

.clearfix:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden }

.clearfix { display: inline-block; clear: both; }

/*自己加代码*/

.index-about-bt { text-align: center; border: 1px solid #d7d7d7; border-left: 0px; border-right: 0px; }

.h { width: 1150px; margin: 0px auto; }

.index_search { height: 51px; line-height: 51px; width: 1150px; margin: 0px auto; }

.index_search_nr { float: left; padding-left: 20px; font-size: 12px; color: #666; font-family: "微软雅黑"; }

.index_search_home { float: left; width: 299px; background: url(../images/searchinp.jpg) repeat-x; height: 24px; margin-top: 8px; margin-left: 290px; }

#index_searchid { float: left; line-height: 24px; height: 24px; width: 95px; background: url(../images/index_searchid.jpg) left no-repeat; border: 0px; }

#index_searchtext { float: left; border: 0px; background: url(../images/searchinp.jpg) repeat-x; height: 24px; line-height: 24px; width: 230px; margin: 0px; }

#index_searchbutton { float: right; border: none; background: url(../images/searchbut.jpg) right no-repeat; cursor: pointer; height: 24px; width: 56px }

.view { float: left; width: 321px; }

.index-probt { width: 100%; height: 69px; text-align: center }

.yy { width: 100%; margin: 0px auto; background: url(../images/yy.jpg) center top no-repeat; height: 18px; }

.index_about { width: 100%; margin: 10px auto; text-align: center; }

.index_about>h8 { text-align: center; margin-top: 23px; }

.index_about_company { float: right; width: 741px; height: 303px; margin-right: 5px; }

.index_about_company p { text-align: left; font-size: 14px; line-height: 35px; color: #333; }

.index_about_company_about { width: 1150px; margin: 0px auto; margin-left: auto; margin-right: auto; padding-top: 13px; padding-bottom: 20px; height: 303px; }

.index-p { padding-top: 10px; color: #666; padding-right: 10px; font-size: 14px; line-height: 35px; height: 265px; }

.con { width: 100%; background: #dddddd; }

.contact { width: 1150px; margin: 0px auto; }

.index_contact { float: right; width: 315px; }

.index_contact h9 { width: 315px; line-height: 37px; font-family: "微软雅黑"; font-size: 23px; color: #cc0000; background: url(../images/index_contact_bt.jpg) no-repeat; font-weight: normal; }

.index_contact h9 a { color: #cc0000; }

.index_more { }

.index_contact_us { height: 192px; background: url(../images/index_contact.jpg) top no-repeat; }

.index_contact_us p { font-size: 14px; color: #fff; padding-left: 36px; font-family: "微软雅黑"; line-height: 30px; }

#friendlink { width: 1150px; margin: 0px auto; line-height: 40px; }

/*分类*/

.flnr { width: 610px; }

.flnr ul { }

.flnr ul li { float: left; line-height: 45px; margin-left: 20px; height: 45px; width: 182px; background: url(../images/index_felnr.jpg) left no-repeat; color: #fff; font-size: 15px; font-family: "微软雅黑"; text-align: center; }

.flnr ul li a { text-align: center; color: #fff; display: block; height: 45px; }

.flnr ul li a:hover { display: block; color: #ffff00; }

.flnr ul li ul li { width: 405px; line-height: 28px; color: #000; border-bottom: 1px #019eef solid; }

.flnr ul li ul li a { padding-left: 48px; color: #000; }

#news { width: 1150px; margin: 0px auto; }

.index_fenliei { width: 610px; margin: 0px auto; }

.index_fenliei h6 { float: left; width: 241px; height: 72px; }

/* 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: #15428b; padding: 2px 5px; margin-right: 2px }

.page_list a:hover, .page_list a:active { border: #e1e6ed 1px solid; color: #000; background-color: #D3E1F6 }

.page_list span.current { border: #ddd 1px solid; padding: 2px 5px; font-weight: bold; margin-right: 2px; color: #FFF; background-color: #15428b }

.page_list span.disabled { border: #f3f3f3 1px solid; padding: 2px 5px; margin-right: 2px; color: #CCC }

/* webcss start*/

body { padding: 0px; margin: 0px; }

#wrapper { margin: 0px auto; width: 100% }

.index-body { height: 111px; width: 100%; }

.top { width: 1150px; margin: 0px auto; height: 111px; }

#lang { position: absolute; right: 15px; top: 10px; z-index: 1 }

#lang img { margin-right: 5px; vertical-align: middle }

.nav { width: 100%; margin: 0px auto; background: #0573ec; height: 46px; }

#MainMenu { height: 56px; padding: 0px; width: 1150px; margin: 0px auto; }

#banner { height: 436px; padding: 0px; width: 100%; margin: 0px auto; overflow: hidden }

.banner { width: 1440px; margin: 0px auto; }

.KSS_titleBox h2 { line-height: 32px }

#index_main { }

#index_main h2 { background-image: url(../images/site_title.gif); background-repeat: no-repeat; height: 34px; line-height: 34px; font-size: 100%; font-weight: normal }

#index_main h2 span { float: left; display: none }

#index_main h2 a { float: right; margin: 15px 10px 0px 0px }

.index-left { float: left; padding: 0px 5px 0px 9px; width: 706px; overflow: hidden }

.index-newproducts { padding-bottom: 15px }

.index-newproducts h2 { background-position: 0px 0px }

.productsroll { position: relative; width: 706px }

/* productsroll Start */

#LeftArr1, #RightArr1 { background-image: url(../images/product_arrow.gif); width: 25px; height: 130px; cursor: pointer; position: absolute; top: 0px; z-index: 1 }

#LeftArr1 { background-position: -25px 0px; float: left; left: 8px }

#RightArr1 { background-position: -50px 0px; float: right; right: 0px }

#ScrollBox { margin-left: 32px; width: 648px; overflow: hidden }

#ScrollBox li { float: left; display: inline; width: 162px; text-align: center }

#ScrollBox li a { display: block; border: #e5e5e5 1px solid; padding: 5px 5px 0px 5px; margin: 0px 5px }

#ScrollBox li a:link, #ScrollBox li a:visited, #ScrollBox li a:active { color: #000 }

#ScrollBox li a:hover { border: #008aff 1px solid; color: #008aff }

#ScrollBox li a span { display: block; padding-top: 4px }

/* productsroll End */

.index-news { float: left; width: 360px; padding: 0px; }

.index-news img { }

.index-news h4 { height: 58px; width: 353px; line-height: 35px; font-family: "微软雅黑"; font-size: 22px; color: #0573ec; background: url(../images/index_news_bt.jpg) no-repeat; font-weight: normal; }

.index-news h4 a { color: #0573ec; }



/*







.index-news h4 img { float: right; }

.index-news ul { width: 360px; margin: 5px auto;  }

.index-news ul img{ width:100%; max-width:100%   }





.index-news ul li { background: url(../images/index_n.jpg) left no-repeat; line-height: 36px; height: 36px; border-bottom: 1px #e6e6e6 solid; }

.index-news ul li a { padding-left: 25px; }

.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 }



*/







.index-indus { float: left; width: 360px; margin-left: 49px; }

.index-indus img { }

.index-indus h5 { height: 58px; width: 353px; line-height: 35px; font-family: "微软雅黑"; font-size: 23px; color: #0573ec; background: url(../images/index-indus_bt.jpg) no-repeat; font-weight: normal; }

.index-indus h5 a { color: #0573ec; }

.index-indus h5 img { float: right; }

.index-indus ul { width: 360px; margin: 5px auto; height: 185px; }

.index-indus ul li { background: url(../images/index_n.jpg) left no-repeat; line-height: 36px; height: 36px; border-bottom: 1px #e6e6e6 solid; }

.index-indus ul li a { padding-left: 25px; }

.index-indus ul li img { float: left; margin-right: 10px }

.index-indus ul li h3 { font-size: 100%; font-weight: bold; line-height: 25px }

.index-indus ul li p { color: #666 }

.index-indus ul li a span { color: #666; float: right; margin-right: 10px }

.index-about { float: left; width: 350px }

.index-about h2 { }

.index-about p { line-height: 23px; padding: 4px 0px 0px 5px }

.index-about p img { float: left; margin-right: 8px }

.index-products { clear: both; width: 1150px; margin: 0px auto; }

.index-products h2 { background-position: 0px -102px }

#product_c a { text-align: center; margin-left: 25px; display: block; float: left; }

#product_c { width: 1150px; }

.index-product { width: 1150px; margin-top: 10px; padding-bottom: 20px; }

.index-product img{ max-width:100%}



.index-product h7 { height: 60px; line-height: 60px; color: #207ade; font-size: 22px; font-family: "微软雅黑"; font-weight: normal; }

.index-product h7 a { padding-left: 30px; color: #207ade; }

.index-product ul { height: 400px; }

.index-product ul li { float: left; width: 246px; margin-left: 38px; text-align: center; margin-top: 15px; font-family: "微软雅黑"; }

.index-product ul li a { display: block; text-align: center; }

.index-product ul li a:link, .index-products ul li a:visited, .index-products ul li a:active { color: #333 }

.index-product ul li img { width: 240px; height: 201px; border: 3px #e0e0e0 solid; }

.index-product ul li a:hover { color: #00693e; }

.index-product ul li span { display: block; line-height: 30px; color: #000; }

.index-products { width: 925px; float: right; border: 3px #e0e0e0 solid; }

.index-products ul { }

.index-products ul li { float: left; text-align: center; width: 212px; height: 194px; }

.index-products ul li a { display: block; width: 212px }

.index-products ul li a:link, .index-products ul li a:visited, .index-products ul li a:active { color: #000; background: #b0b0b0; }

.index-products ul li img { border: 2px #fff solid; width: 194px; }

.index-products ul li a:hover { color: #008aff }

.index-products ul li a span { display: block; line-height: 25px; height: 25px; background: #b0b0b0; color: #fff; }

.index-producta { width: 1150px; margin-left: auto; margin-right: auto; }

/* index-products Start */

.index-products ul { }

.index-products ul li { float: left; text-align: center; width: 176px; padding: 5px 0px }

.index-products ul li a { display: block; border: #e5e5e5 1px solid; padding: 5px 5px 0px 5px; width: 154px }

.index-products ul li a:link, .index-products ul li a:visited, .index-products ul li a:active { color: #000 }

.index-products ul li a:hover { border: #008aff 1px solid; color: #008aff }

.index-products ul li a span { display: block; padding-top: 4px }

/* index-products End */

.index-right { float: left; padding: 0px 15px 0px 5px; width: 240px; overflow: hidden }

.index-search { padding-bottom: 5px }

.index-search h2 { }

.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: 230px }

#searchbutton { border: none; background: url(../images/searchbut.gif); cursor: pointer; height: 21px; width: 64px }

.index-jobs h2 { }

.index-jobs { padding-bottom: 5px }

.index-jobs ul li { padding: 4px 0px }

.index-contact { padding-bottom: 10px }

.index-contact h2 { }

.index-contact p { line-height: 25px; padding: 0px 5px 0px 10px }

.index-contact p span { font-weight: bold }

/*********** page ***********/

#page_main { background: url(../images/v_line.gif) 260px top no-repeat; width: 1150px; margin-left: auto; margin-right: auto; margin: 30px auto; }

/* page-left */

.page-left { float: left; padding: 0px; width: 240px }

.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 { }

.left-products h2 { }

.left-search { margin: 10px auto; }

.left-search h2 { }

.left-search p { padding: 15px 0px 5px 10px }

.left-contact { padding-bottom: 10px }

.left-contact h2 { }

.left-contact p { line-height: 25px; padding: 10px 5px 0px 10px; font-family: "微软雅黑"; }

.left-contact p span { font-weight: bold }

/* page-right */

.page-right { float: right; padding: 0px 15px 0px 10px; width: 825px; overflow: hidden }

.site-nav { border-bottom: 2px solid #CCC; height: 40px; margin-bottom: 10px; line-height: 30px; text-align: left; }

.site-nav span { color: #000; font-weight: bold; padding-left: 10px; }

.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 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 { }

.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 }

#copyright { background: url(../images/copyright.jpg) top repeat-x #0167bb; padding: 15px 0px; text-align: center; z-index: 1; }

.d-top { position: absolute; top: -60px; right: 0px; height: 89px; background: url(../images/d-top.gif) no-repeat; }

#copyright div p { color: #fff; line-height: 24px; padding-top: 10px; }

#copyright a { 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 5px; 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 li { display: inline; float: left; margin: 4px 10px; text-align: center; }

#ShowImages .images_img a { border: 1px solid #dddddd; display: block; height: 130px; overflow: hidden; padding: 5px; text-align: center; vertical-align: middle; width: 196px; }

#ShowImages .images_img a:hover { background: #fff4ce; border: 1px solid #ff6600; }

#ShowImages .images_img img { max-height: 130px; }

#ShowImages .images_title a { height: 26px; line-height: 26px; }

/*下载列表页*/

.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; }

.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; }

.pagination-wrapper { margin: 20px 0; }

.pagination { height: 34px; text-align: center; }

.pagination a { display: inline-block; height: 34px; margin-right: 5px; }

.pagination  a {  height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; }

.pagination  a:hover { background: #f5f5f5; color: #0099ff; }

.pagination a.page-num-current { background: #09f; color: #fff; }

.pagination li.thisclass a, .pagination li.thisclass a:hover { background: transparent; border-color: #09f; color: #fff; cursor: default; }

.pagination  span.page-num{ display:none}





	/* 本例子css */

		.slideBox{ width:360px; height:285px; overflow:hidden; position:relative;   }

		.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;   }

		.slideBox .bd li{ zoom:1; vertical-align:middle; }

		.slideBox .bd img{ width:360px; height:285px; display:block;  }