* {	margin: 0;	padding: 0;	border: 0;}
#barBox {width: 100%;height: 313px;}
#r {margin:0 auto;	width:100%;	height: 290px;	text-align: center;}
table { border-spacing: 0px; }
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select,div { margin: 0; padding: 0; }
.bgfff { background-color: #fff; }
input, textarea { border: 1px #ccc solid; }
body { font: 12px "Microsoft YaHei",Î¢ÈíÑÅºÚ,"Microsoft JhengHei",»ªÎÄÏ¸ºÚ,STHeiti,MingLiu,"Arial Narrow",HELVETICA; -webkit-text-size-adjust: 100%; }
td { font: 12px "Microsoft YaHei",Î¢ÈíÑÅºÚ,"Microsoft JhengHei",»ªÎÄÏ¸ºÚ,STHeiti,MingLiu,"Arial Narrow",HELVETICA; }
em { font-style: normal }
li { list-style: none }
img { border: 0; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0 }
p { word-wrap: break-word }
input { -webkit-appearance: none; }
.clearl { clear: left; }
.clear { clear: both; }
a:link { text-decoration: none; color: #5b5b5b; }
a:visited { text-decoration: none; color: #5b5b5b; }
a:hover { text-decoration: none; color: #0077cc; }
a:active { text-decoration: none; color: #5b5b5b; }
.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.left { float: left; }
.right { float: right; }
.wrap{ width:1100px; margin:0 auto;}
/*===================  ¹«¹²ÊôÐÔ  ====================*/

#subContainer { width: 100%; margin: 0 auto; }

/*===================  Header  ====================*/
.header { width: 100%; margin:0 auto; text-align:center;}
.headerBox { height:115px; background:url(../images/header_back.jpg);}
.logo{ margin-top:19px;}
.call{ margin-top:39px;}
.nav { width:100%; background:#333;}
.navBox{}
.navBox ul li{ float:left;}
.navBox ul li a{width:116px; height:42px; display:block; color:#fff; font:14px/42px "Î¢ÈíÑÅºÚ"; }
.navBox ul li a:hover { background:#0077c5;}
.navBox ul li:nth-child(4) a{ background:#d60000;}
/*===================  Banner   ==================*/

#banner {  position:relative; z-index:2;}
#banner .slides_container {	width:100%; height:412px; z-index:1;}
#banner .slides_container .bg-slide {width:100%; height:412px;display:block; z-index:1}
#banner .slides_container #bg1{background:url(../images/bar1.jpg) repeat-x top #fff;}
#banner .slides_container #bg2{background:url(../images/bar2.jpg) repeat-x top #fff;}
#banner .slides_container #bg3{background:url(../images/bar3.jpg) repeat-x top #fff;}
#banner .slides_container #bg4{background:url(../images/bar4.jpg) repeat-x top #fff;}
#banner .slides_container #bg5{background:url(../images/bar5.jpg) repeat-x top #fff;}
#banner .slides_container #bg6{background:url(../images/bar6.jpg) repeat-x top #fff;}
#banner .slides_container img{width: 100%; height: 412px;}
#banner .pagination { width:190px; z-index:999; position:absolute; left:49%; bottom:10px;}
#banner .pagination li {float:left;	list-style:none; margin-left:15px;}
#banner .pagination li a { display:block; width:15px; height:15px; font-size:0; background:#fff;}
#banner .pagination li.current a { background:#C3261D;}

.cpzs{ width:100%; background:#ececec; color:#fff; text-align:center; margin:10px 0 10px 0; overflow:hidden;}
.cpzs h1{ float:left; width:140px; height:35px; background:#333; font:16px/35px "Î¢ÈíÑÅºÚ";}
.cpzs ul{ float:left; width:960px; font:12px/35px "Î¢ÈíÑÅºÚ";}
.cpzs ul li{ float:left;}
.cpzs ul li a{ display:block; padding:0 20px 0 15px; }

/*===================   main  ======================*/
.f_left{width:260px;}
.f_right{width:815px; margin:0 0 0 25px; background:#fff; overflow:hidden;}

.cpfl{width:257px; border: 1px solid #ddd;}
.cpfl h2{ width:257px; height:28px; background:url(../images/about_10.jpg) no-repeat left top; text-align:center; font:14px/32px "ÐÂËÎÌå"; color:#fff; font-weight:bold; }
.cpfl dl{overflow: hidden; padding:6px 0 3px 6px;}
.cpfl dl dt a{ height:20px; font:14px/25px "Î¢ÈíÑÅºÚ"; font-weight:bold; overflow: hidden;}
.cpfl dd{ margin-top:4px; width:120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: inline-block; background:url(../images/ed.png) left center no-repeat; }
.cpfl dd a{ padding-left:8px; }

.subject{ width:815px;}
.newProducts{width:813px; height:213px; border:1px solid #cacaca; margin-bottom:18px;}
.newProducts h2{padding-left:16px; height: 31px; font:15px/31px "Î¢ÈíÑÅºÚ"; font-weight:bold; border-bottom:2px solid #b5b5b5; background:url(../images/shutiao_qian.jpg) no-repeat 5px center;}
.newProducts h2 span{ float:right; margin-right:10px; font-size:12px;}
.newProducts ul li{ overflow:hidden; float: left; list-style:none; margin-left:15px; margin-top:14px; }
.newProducts ul li a img{ width:172px; height:123px; padding:3px; border:1px #c6c6c6 solid; box-shadow:1px 1px 1px #666;}
.newProducts ul li a span{margin-top: 8px; display: block; text-align:center;}


/*--Ò³½Å²¿·Ö--*/
.dtxx{background:url(../images/nsb_106.jpg) repeat-x top left; height:245px; margin:10px 0 0 0; padding:15px 0 0 0}
.newsBox { width: 400px; float: left; }
.newsBox h1{ font:16px/31px "Î¢ÈíÑÅºÚ"; color:#000; font-weight:bold;}
.newsBox ul{ float:left; width:373px; overflow:hidden; color:#666; border-right:1px dashed #999; padding-right:20px;}
.newsBox ul li{font:12px/28px "Î¢ÈíÑÅºÚ";}
.newsBox ul li span { float: right;  }
.newsBox ul li a { color:#666; }
.newsBox ul li a:hover { color:#F00; }

.contactus{ float:right;width:260px; color:#666; }
.contactus h2{font:16px/31px "Î¢ÈíÑÅºÚ"; color:#000; font-weight:bold;}
.contactus li{ font:12px/28px "Î¢ÈíÑÅºÚ"; padding-left:5px; }

#footer{ width:100%; background:url(../images/tp_129.jpg) repeat-x; height:120px; margin-top:10px;}
.foot{ clear:both; text-align:center; padding-top:20px;}
.foot p{ color: #fff; font:12px/28px "Î¢ÈíÑÅºÚ"; }
.foot p a{ color:#FFF;}

.footer_b{width: 100%; background: #020202; font:12px/35px "Î¢ÈíÑÅºÚ"; color:#fff;}   
.footer_b a{color: #fff;}

/*------------------------------------Ê×Ò³ÃæÑùÊ½½áÊø----------------------------------*/

#contst { width:815px; overflow:hidden; float: right; border:1px solid #ddd;}
#contst  table, #contsBox  table th, #contsBox  table td{ border:1px solid #999;}
#contst .contTPt{ float:left;width:815px; height:34px; line-height:34px;  color: #555; background:url(../images/home.jpg) 10px center  no-repeat; padding-left:35px;  center;border-bottom:1px solid #ddd; box-sizing:border-box;}
.news_concern{ float:left; padding:7px 15px; font:12px/23px "Î¢ÈíÑÅºÚ"; }
.news_concern p{ text-indent:2em; padding-bottom: 10px;}
/*#default_conter p.link-pages{text-align:center; margin:5px auto;} 
#sideBar { float: left; width: 240px; }
.info { text-align: left; }
*/

#subPhoto,#subNews{ float:left; padding:15px 0;}
#subPhoto ul{ width:815px;}
#subPhoto ul li{ width:190px; float: left; margin:0 0 12px 12px; position:relative; text-align:center;}
#subPhoto ul li img { width:188px; height:122px; float:left; border:1px solid #ddd; box-shadow:1px 1px 1px  #ddd;}
#subPhoto ul li p{ position:absolute; bottom:0; background:rgba(0, 0, 0, 0.6)!important; filter:Alpha(opacity=60); background:#000; width:190px; font:12px/28px "Î¢ÈíÑÅºÚ"; color:#fff;}
#subPhoto ul li p a{ color:#fff;}
#subPhoto ul li p a:hover{ color:#00F; position:relative;}

.page{text-align:center; float:left; width:100%; margin:10px 0 10px 180px;}
.page span{ float:left; border:solid 1px #ccc; margin:0 2px;  padding:3px 10px;}
.page a{ float:left; border:solid 1px #ccc; padding:3px 10px; margin:0 2px;}
.page .active a{color: #FF0004;}


#default_inside{width: 825px; float: right; margin: 0px auto;border: 1px solid #ddd;margin-bottom: 20px;}
#default_inside p.title{height: 32px; padding-left: 10px; color: #555; font:15px/32px "Î¢ÈíÑÅºÚ"; font-weight: bold;  border-bottom: 1px solid #D1D1D1;}
span.fast{height: 34px; line-height: 34px; float:right; margin-top: -34px; padding-left:25px;  padding-right: 15px; color: #555; background:url(images/home.jpg) no-repeat left center;}

.guanlian{ width:825px; height:auto; overflow:hidden; border-top:1px #ccc dashed; margin-bottom:15px;}
.guanlian h3{ font:14px/28px "Î¢ÈíÑÅºÚ"; font-weight:bold; text-indent:1em;}
.guanlian ul li { width:180px; height:122px; float:left; padding:16px 10px; overflow:hidden;}
.guanlian ul li  img{ width:178px; height:120px; border:1px solid #dadada; }
.guanlian ul li p{ text-align:center; font-size:12px; color:#666; font-family:"Arial Black", Gadget, sans-serif;}
.guanlian ul li p:hover{ color:#F00;}




#news-content{width:820px; float: left; margin: auto; background-color:#fff;}
#news-content ul{ padding:10px 0 0 20px;}
#news-content li{line-height: 30px;background: url(../images/jy_03.jpg) no-repeat 2px; padding-left: 12px;border-bottom: 1px dotted #DBDADA;}
#news-content li a{color:#333;font-size:15px;font-weight:600;}
#news-content a:hover{ color:#c3261d;}
#news-content ul li span{float: right;padding-right: 15px; color: #0059a9;font-size: 12px;font-weight: inherit;}
.list{margin:5px 0 10px 0;line-height: 24px;font-size:12px;color: #333;text-indent: 2em;padding-bottom:0px;padding-right: 20px;}
.list a{color: #0059a9;}
.list a:hover{ text-decoration:underline;}

#n_news{ float:left; padding:10px 0;}
#n_news h1{ font:16px/40px "Î¢ÈíÑÅºÚ"; font-weight:bold; text-align:center; color:#286BBA; }
#n_news h2{ font:12px/30px "Î¢ÈíÑÅºÚ"; text-align:center; color:#666; background:#f0f0f0; }
.news_info{ padding:10px 15px; box-sizing:border-box;}
.news_info p{ line-height:24px; text-indent:2em;}
#page{ padding:15px; box-sizing:border-box;}


.banner_con{ width: 100%;height:131px; margin:0 auto; background-position: 50% 0px; background-repeat: no-repeat no-repeat;}

#default_conter{width: 825px; float: left; background-color:#ffffff;}
#default_conter h1{padding: 20px 0px 10px 0px; text-align: center; font-size: 15px; font-weight: bold; color: #555;}
#default_conter h2{padding: 20px 0px 10px 0px; text-align: center; font-size: 15px; font-weight: bold; color: #555;}
.pleft {width: 340px;padding: 15px;float: left;}
.pright {width: 440px;float: left;}
.probigshow {position: relative; width: 330px;height: 230px;border: 1px solid #ddd;overflow: hidden; margin-top:15px;}
.probigshow img{width: 320px;height: 220px; padding:5px 5px;}
.propar p{line-height: 24px; color:#555555;}
.propar h2 {color: #333;line-height: 30px;padding: 15px 0px 5px 4px;border: 0;border-bottom: 1px dashed #ccc;background: none;height: auto;font-size: 20px;}
.propar div, .proshop div {padding: 5px;padding-bottom: 0;line-height: 22px;}
.propar div span {font-weight: inherit;}

.zxzx{ height:54px; width:360px; border:#ddd dashed 1px; ;background:url(../images/ttl.gif) no-repeat 10px; margin-top:20px; margin-left:10px;}
.zxzx img{ margin-left:200px; margin-top:3px;} 
.post-meta-key{ height:30px; line-height:30px;}
#news_concern{margin:0 auto; padding: 5px 20px 0px 20px; font:12px/26px "Î¢ÈíÑÅºÚ"; margin-bottom: 10px; border-top:2px solid #ccc;}

#news_concern table{ margin:0 auto; text-align:center;}
#news_concern table td{ font:12px/26px "ÐÂËÎÌå"; text-align:center;}

/*ÐÂÔö¼ÓµÄÑùÊ½*/
/*Í¼Æ¬¹ö¶¯*/
.tsal{ width:1100px; height:230px; overflow:hidden;margin:0 auto; }

.centerdh{ width:1100px; height:45px; line-height:45px;background:url(../images/bag123.jpg) no-repeat  center;}
.pic_scroll{width:1100px; float:left; }
.pic_scroll .bd{width:1100px;float:left;}
.pic_scroll .bd ul{width:1100px; height:auto;float:left; padding-left:15px;}
.pic_scroll .bd li{width:202px; height:auto; float:left; display:inline; font:13px/30px "Î¢ÈíÑÅºÚ"; text-align:center;  padding:15px 10px;  }
.pic_scroll .bd li img{width:202px;height:135px; border:1px solid #d1d1d1; box-shadow:1px 2px 2px #8d8d8d;}
.pic_scroll .bd li a{ color:#5b5b5b;}





