﻿html{ background:#fff url(../images/bg.gif) repeat-x center bottom;}
body{ margin:0 auto; color:#333; background:url(../images/footer.png) repeat-x center 0; font:12px/24px "microsoft yahei",verdana,tahoma,arial,helvetica,sans-serif}
body{ position:relative;}
div,form,ul,ol,li,span,p{margin:0 auto; padding:0; border:0;}
img,a img{margin:0; padding:0; border:none;}
ul,ol,li{list-style:none;}
table,td,input{ margin:0;padding:0; font-size:12px;}
h1,h2,h3,h4,h5,h6{ margin:0 auto;}
h1 {font-size:28px;}
h2 {font-size:22px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:12px;}
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}
a:link, a:visited{ color:#454545; text-decoration:none; outline-style:none;} 
a:hover{ color:#104a7b; text-decoration:underline;}
/* wrapper */
.wrapper{ margin:0 auto; width:968px; overflow:hidden;}
/* header */
.header{ margin:0 auto; width:100%; height:100px; overflow:hidden;}
/* logo */
.logo{ float:left; font-size:32px; text-indent:-9999px;}
.logo a:link, .logo a:visited, .logo a:hover{ width:380px; height:100px; background:url(../../../upfile/201901/2019012260228153.png) no-repeat 0 3px; display:block;}
/* header right */
.headerr{ float:right; padding:25px 0px 10px;}
/* language */
.language{ float:right; padding:0px 5px 8px; width:185px; height:28px; background:url(../images/language.gif) no-repeat 0 1px;}
.english, .chinese{ float:right; width:85px; height:28px; text-indent:-9999px; cursor:pointer; display:block;}
.chinese{ float:left;}
/* search */
#search {float:left; width:260px; height:30px; margin-top:10px; padding:0;}
.search_input { height:28px; width:195px; padding:0 5px; background:#cdebf9; line-height:28px; border:none; color:#195486; margin:0;}
.search_bnt { height:28px; width:50px; background:#195486; margin:0; border:none; cursor:pointer;color:#fff; }
.toptel { float:right; width:350px; text-align:right; }
/* main menu */
.mainmenu{ margin:0 auto; padding:0px 4px; width:960px; height:46px; background:url(../images/sprite.png) no-repeat 0 0;}
.navi{ float:left; padding-top:4px; width:960px; position:relative; z-index:300;}
.navi li{ float:left; padding:0 3px 0 6px; font-size:14px; text-align:center; color:#fff; background:url(../images/sprite.png) no-repeat 0 -56px; text-transform:capitalize;}
.navi li.nl{ background:none;}
.navi li a:link, .navi li a:visited{ float:left; padding:0px 10px 0px 12px; height:42px; line-height:38px; color:#fff; text-decoration:none; display:block;}
.navi li a:hover{ color:#104a7b; background-color:#f3fafc;}
.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited{ color:#e8f4f9; font-weight:bold;}
.navi li.current-menu-item a:hover{ color:#104a7b;}
/* subcats link */
.navi li:hover a:link, .navi li:hover a:visited, .navi li:hover a:hover{ color:#104a7b; background-color:#f3fafc;}
.navi li:hover ul li a:link, .navi li:hover ul li a:visited{ background-color:#f3fafc;}
.navi li:hover ul li a:hover{ color:#e8f4f9; background-color:#0963ba; text-decoration:none;}
.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited{ color:#104a7b; font-weight:normal; text-decoration:none;}
.navi li.current-menu-item ul li a:hover{ color:#e8f4f9; background-color:#104a7b;}
.navi li{ position:relative;}
.navi li ul{ position:absolute; width:200px; top:40px; left:5px; background-color:#f3fafc; border-left:1px solid #e8f4f9; border-right:1px solid #e8f4f9; z-index:300; display:none;}
.navi li ul li{ margin:0px auto; padding:0; width:200px; height:31px; line-height:30px; font-size:14px; text-align:left; text-indent:5px; border-bottom:1px solid #f0f0f0; background:none;}
.navi li ul li a:link, .navi li ul li a:visited{ padding:0 0 0 6px; width:194px; height:30px; line-height:30px; border-bottom:1px solid #f3fafc; color:#104a7b; background-color:#f3fafc;}
.navi li ul li a:hover{ color:#e8f4f9; background-color:#0963ba;}
/* banner */
.banner{ margin:10px auto 14px; width:960px; overflow:hidden;}
/* breadcrumb */
.breadcrumb{ padding-left:13px; height:38px; line-height:27px; font-weight:normal; font-size:13px; font-family:"microsoft yahei"; border-left:1px solid #d0e5ef; border-right:1px solid #d0e5ef; color:#666; background:url(../images/sprite.png) no-repeat -218px -56px; overflow:hidden;}
.breadcrumb a:link, .breadcrumb a:visited{ color:#666; text-decoration:none;}
.breadcrumb a:hover{ color:#036; text-decoration:underline;}
/* container */
.container{ margin:0 auto; width:960px; overflow:hidden;}
/* slideshow */
.slideshow{ width:960px; height:320px; position:relative; z-index:1; overflow:hidden;}
#showimg{ z-index:10;}
#showimg img{ width:960px; height:320px;}
.opacity{ width:958px; height:30px; background-color:#f0f0f0; position:absolute; z-index:99; bottom:0px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; overflow:hidden;}
.operate{ position:absolute; z-index:1000; right:5px; bottom:5px;}
.operate span{ float:left; margin-left:3px; width:16px; height:16px; line-height:16px; cursor:pointer; color:#fff; background-color:#276499; text-align:center;}
.operate span.hov{ font-weight:bold; color:#276499; background-color:#eee; background-position:0 0;}
.displayblock{ display:block;}
.displaynone{display:none;}
/* content */
.content{ float:right; width:740px; overflow:hidden;}
/* featured */
.featured{ float:right; width:740px; overflow:hidden;}
/* section */
.section{ float:left; margin-bottom:12px; width:365px; background:#fff; overflow:hidden;}
.sectionl{ width:740px;}
.section h2{ padding-left:18px; height:38px; line-height:27px; font-size:14px; font-family:"microsoft yahei"; border-left:1px solid #d0e5ef; border-right:1px solid #d0e5ef; color:#0d3c66; background:url(../images/sprite.png) no-repeat -218px -56px; overflow:hidden;}
.section h2 a:link, .section h2 a:visited{ color:#0d3c66;}
.section h2 a:hover{ color:#000; text-decoration:underline;}
.section h2 span{ float:right; *margin-top:-26px; padding-right:8px; font-weight:normal; font-family:"宋体"; font-size:12px; text-align:right;}
.section h2 span a:link, .section h2 span a:visited{ color:#316686; text-decoration:none;}
.section h2 span a:hover{ color:#000; text-decoration:underline;}
.section ul, .introduce{ border:1px solid #d0e5ef; border-top:none; overflow:hidden;}
.sectionl ul{ border:none;}
.introduce{ padding:3px 10px 10px 12px; height:172px;}
.news{ float:right;}
.news ul{ padding:0 10px 10px 12px; height:175px; overflow:hidden;}
.news ul li{ margin:0px 0px; padding-left:15px; width:325px; height:28px; line-height:28px; *height:26px; *line-height:26px; text-align:left; border-bottom:1px dotted #ccc; background:url(../images/square.gif) no-repeat 3px 14px; overflow:hidden;}
.news ul li a{ float:left; width:250px; height:28px; line-height:28px;} 
.news ul li span{ float:right; width:68px; color:#787878; font-size:11px; text-align:right;}
.news8{ float:right;}
.news8 ul{ padding:0 10px 10px 12px; height:286px; overflow:hidden;}
.news8 ul li{ margin:0px 0px; padding-left:15px; width:325px; height:28px; line-height:28px; *height:26px; *line-height:26px; text-align:left; border-bottom:1px dotted #ccc; background:url(../images/square.gif) no-repeat 3px 14px; overflow:hidden;}
.news8 ul li a{ float:left; width:250px; height:28px; line-height:28px;} 
.news8 ul li span{ float:right; width:68px; color:#787878; font-size:11px; text-align:right;}
.latest_products{ margin-bottom:12px; overflow:hidden;}
.hot_products{ margin-bottom:0px; overflow:hidden;}
/* productlist */
.plist{ float:left; padding:5px 11px 5px 12px; _padding:5px 11px 5px 11px; width:715px; border:1px solid #d0e5ef; border-bottom:1px solid #b0d7ea; border-top:none; background-color:#fff;}
.plist ul li{ float:left; margin:0 1px; width:236px; height:200px; text-align:center; overflow:hidden;}
.plist ul li img{ padding:5px 5px; width:210px; height:150px; background:url(../images/bg_product.png) no-repeat center center;}
.plist ul li h3{ margin:5px 0; width:220px; height:32px; line-height:16px; text-align:center; font-size:12px; font-weight:normal; text-transform:capitalize; overflow:hidden;}
.nlist ul li{ margin:0px 0px; padding:0px 10px 0px 20px; width:684px; height:28px; line-height:28px; text-align:left; border-bottom:1px dotted #ccc; background:url(../images/square.gif) no-repeat 5px 14px;}
.nlist ul li span{ float:right; color:#787878;}
.sectionl .plist{ padding-top:15px;}
/* single */
.single{ float:left; padding:5px 12px 15px 16px; width:710px; border:1px solid #d0e5ef; border-bottom:1px solid #b0d7ea; border-top:none; background-color:#fff;}
.single h2{ margin-bottom:15px; padding:0px 0px 5px; height:28px; line-height:28px; font-size:18px; font-weight:normal; font-family:"microsoft yahei"; text-align:center; color:#104a7b; background:url(../images/vline.gif) repeat-x center bottom;}
.single h3, .single h3{ margin:10px 0px;}
.single p{ padding:5px 0px; line-height:20px;}
.single img{ margin-bottom:10px; max-width:660px; width:expression(this.width > 660 ? "660px" : this.width); height:auto;}
.alignleft{ float:left;}
.alignright{ float:right;}
.aligncenter{ float:none; margin:0 auto 10px; text-align:center;}
/* error */
.error h2{ padding-left:35px; height:29px; line-height:28px; font-size:12px; text-transform:capitalize; color:#222; text-shadow:1px 1px 0px #ddd; background:url(../images/sprite.png) repeat-x right -46px;}
.error p{ margin:20px 10px; line-height:22px;}
/* relative products */
.related_products { float:left; margin:15px 0px 5px; padding:0px 10px 10px 10px; width:685px; border:1px solid #e0e0e0; background-color:#fff;}
.related_products h2{ padding:0px 0px; text-align:left; font-size:12px;}
.related_products ul{ float:left; padding:10px 0px 5px 12px;}
.related_products ul li{ float:left; margin-bottom:12px; padding:0px 5px; width:158px; height:178px; overflow:hidden;}
.related_products ul li img{ padding:2px 2px; width:140px; height:125px; border:1px solid #ddd; display:block;}
.related_products ul li h3{ margin-bottom:3px; width:140px; height:32px; line-height:16px; text-align:center; font-size:12px; font-weight:normal; text-transform:capitalize; overflow:hidden;}
.related_products ul li span{ color:#666;}
.related_news ul{ width:665px;}
.related_news ul li{ margin:0px 0px; padding:0px 10px 0px 20px; width:635px; height:28px; line-height:28px; text-align:left; border-bottom:1px dotted #ccc; background:url(../images/square.gif) no-repeat 5px 14px;}
.related_news ul li span{ float:right; color:#787878;}
/* pagenavi */
.wpagenavi{ margin:5px auto 15px; padding-top:15px; width:98%; height:34px; line-height:34px; border-top:1px solid #ddd; text-align:center;}
.wpagenavi a:link, .wpagenavi a:visited{ margin:0 2px; padding:3px 7px; text-decoration:none; border:1px solid #ccc; color:#666;}
.wpagenavi a:hover, .wpagenavi a:active{ border:1px solid #9dcdf0; color:#104a7b; background:#cfebf9 url(../images/sprite.png) no-repeat -300px -58px;}
.wpagenavi a.extend{ padding:3px 6px; color:#666;}
.wpagenavi a.extend:hover{ color:#104a7b !important;}
.wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ border:1px solid #9dcdf0; color:#104a7b; background:#cfebf9 url(../images/sprite.png) no-repeat -300px -58px;}
.pagelr{ float:left; margin:15px 0px 5px; padding:5px 10px; width:685px; border:1px solid #e0e0e0; background-color:#fff;}
.pageleft{ float:left; padding-left:5px; font-weight:bold;}
.pageright{ float:right; padding-right:5px; font-weight:bold;}
/* sidebar */
.sidebar{ float:left; width:210px; overflow:hidden;}
.sidebar h3{ padding:5px 10px 3px 20px; font-size:13px; color:#104a7b; border-bottom:1px solid #d0d0d0; background:url(../images/arrowblue.gif) no-repeat 5px 12px; }
.sidebar ul{ padding:0px 0px;}
.sidebar ul li{ margin-bottom:10px; padding:0px 4px; line-height:22px; border:1px solid #d5d5d5; background-color:#f3f3f3;}
.sidebar ul li ul{ padding:8px 5px 5px 0px; width:195px; background-color:#fff; overflow:hidden;}
.sidebar ul li ul li{ margin:6px 0px; padding:0px 0px 6px 18px; width:175px; height:auto; line-height:16px; border:none; border-bottom:1px solid #e8e8e8; background:url(../images/arrow.gif) no-repeat 8px 6px; overflow:hidden;}
.sidebar ul li ul li ul{ border:none;}
.sidebar ul li div{ padding:0;}
.sidebar a:link, .sidebar a:visited{ color:#104a7b;}
.sidebar a:hover{ color:#092b46;}
/* sublist */
.sidebar ul li.sublist ul{ padding:0px 5px 0px 0px;}
.sidebar ul li.sublist ul li{ margin:0px; padding:0px; width:200px; border-bottom:1px solid #ededed; background:url(../images/arrow.gif) no-repeat 10px 14px;}
.sidebar ul li.sublist ul a:link, .sidebar ul li.sublist ul a:visited{ padding:4px 0px 4px 22px; height:20px; line-height:20px; display:block;}
.sidebar ul li.sublist ul a:hover{ font-weight:bold;}
.sidebar ul li.sublist ul li.current-cat a:link, .sidebar ul li.sublist ul li.current-cat a:visited, .sidebar ul li.sublist ul li.current_page_item a:link, .sidebar ul li.sublist ul li.current_page_item a:visited{ color:#104a7b;}
.sidebar ul li.sublist ul li.current-cat a:hover,.sidebar ul li.sublist ul li.current_page_item a:hover{ color:#222;}
.sidebar ul li.sublist ul li ul{ border:none;}
.sidebar ul li.sublist ul li ul li{ padding-left:10px; width:190px; border-top:1px solid #ededed; background-position:20px 13px;}
/* calendar */
#wp-calendar{ margin:5px auto; width:94%;}
#wp-calendar caption{ padding:5px 0px; font-size:14px;}
#wp-calendar th, #wp-calendar td{ padding:2px 1px; line-height:18px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #e6e6e6; background-color:#f9f9f9;}
#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#ff0242;}
#wp-calendar tbody tr td a:hover{ color:#222;}
#wp-calendar tbody tr td:hover{ border:1px solid #d9d9d9; color:#444; background-color:#eee;}
#wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;}
.pad{ border:none !important; background:none !important;}
/* paging */
.job_h1{font-size:14px;line-height:35px;border-bottom:1px solid #eee;margin:10px 0;}
.info_title{font-size:14px;font-weight:bold;border-bottom:1px solid #f0f0f0;line-height:30px;height:30px;margin:0 0 15px 0;}
.info_intro{padding:0 0 20px 0;line-height:22px;color:#666;}
.info_intro p{margin:0 0 5px 0;padding:0;}
.info_intro .red{color:#f30;margin:0 5px;}
/* content page */
.content_page{}
.content_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #aecd9e;color:#a0a0a0;display:inline-block;}
.content_page a.on{background:#aecd9e;color:#fff;margin:1px;padding:4px 6px;border:1px solid #aecd9e;display:inline-block;}
.content_page input{position:absolute;margin:-5px 0 0 1px;*margin:0 0 0 1px;padding:1px 0 2px 0;*padding:0;background:#fff;border:1px solid #aecd9e;color:#a0a0a0;width:30px;height:22px;line-height:22px;text-align:center;}
.content_page button{position:absolute;margin:-5px 0 0 35px;*margin:0 0 0 35px;padding:0;background:#fff;border:1px solid #aecd9e;color:#a0a0a0;width:40px;height:24px;line-height:24px;text-align:center;font-size:12px;}
.content_url{font-size:14px;font-family:arial;color:#06f;margin:20px;}
.content_url span{color:#666;}
.content_url input{background:#50b20e;color:#fff;width:40px;border:0;height:24px;}
.content_url #this_url{border:1px solid #ccc;width:464px;font-family:arial;color:#000;height:20px;line-height:20px;background:#fff;}
/* submit */
.vote_bnt { background:#195486;width:80px;height:30px; line-height:30px; border:none; text-align:center; font-size:14px; color:#fff; margin:4px;}
/* sitemap */
.container_map{ background-color:#f6f6f6;}
.container_map h2{ padding-left:10px; height:28px; line-height:28px; font-size:12px; font-weight:normal; text-transform:capitalize; color:#052733; text-shadow:1px 1px 0px #ddd; border-bottom:1px solid #aaa; background-color:#ccc;}
.sitemaps{ float:left; width:900px; padding:10px 30px;}
.pagelist, .catlist, .productlist{ float:left; margin:15px 0px; width:100%;}
.pagelist{ margin-bottom:0px;}
.productlist{ margin:0px;}
.pagelist li, .catlist li{ float:left; padding-right:10px;}
.catlist, .productlist{ padding-top:15px; border-top:1px dotted #ccc;}
.productlist h3{ font-size:12px;}
.productlist ul{ float:left; width:100%;}
.productlist ul li{ padding:5px 0px 4px 22px; line-height:18px; background:url(../images/spot.gif) no-repeat 10px 12px; overflow:hidden;}
.productlist .wpagenavi{ float:left; margin:15px 0px 20px; width:900px;}
/* friendlink */
.friendlink{ margin:10px auto; width:960px; text-align:left; overflow:hidden;}
.friendlink ul{ float:left; padding:8px 0; width:960px; border-bottom:1px solid #ddd;}
.friendlink ul li{ float:left; margin:3px 5px; line-height:18px; white-space:nowrap;}
.friendlink ul h4{ display:none;}
/* footer */
.footer{ margin:15px auto 0px; padding:15px 0px 20px; width:100%; color:#454545; background:#fff url(../images/footer.png) repeat-x 0 0;}
.footpage{ font-weight:bold; text-align:center;}
.footpage li{ width:1px; padding:0px 9px 0px 12px; text-transform:capitalize; background:url(../images/line.gif) no-repeat 0 center; display:inline; word-break:keep; white-space:nowrap;}
.footpage li.nb{ background:none;}
.footer p{ line-height:24px; text-align:center; text-transform:capitalize;}
#demo {overflow:hidden;width:715px; }
#indemo { float: left; width: 800%;}
#demo1 { float: left; }
#demo2 { float: left;margin-left:7px;}