/* ====================================================================
	-----   表 名 称   Name: style.css                 -----
	-----   开 发 者   Developed by: Lis               -----
	-----   创建日期   Date Created: 2011-11-17        -----
	-----   更新日期   Last Updated: 2011-12-19        -----
	-----   版权信息   Copyright: Pancea Studio        -----
====================================================================== */
@charset "utf-8";
/* ------------ reset
--------------------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em { margin:0; padding: 0; border: 0; }
body { font: 12px/28px Arial, Helvetica, sans-serif, "宋体"; color: #1c1c1c;  text-align: center; direction: ltr; }
a { color: #1c1c1c; text-decoration: none; outline: none; }
a:hover { color: #000; cursor: pointer; }
a:active { star:expression(this.onFocus=this.blur());}
p { text-align: left; line-height: 22px; }
ul, ol, dl { list-style: none; }
dt, li { text-align: left; }
img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }
input, textarea, img { vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
p{
text-indent:25px;
margin-top:10px;
padding-right:10px;
text-align:left;}
p span{
font-weight:bold;}
h2{
font-size:14px;
margin-top:10px;
font-weight:bold;}

/* ------------ base
--------------------------------------------------------------------- */
.pT10 { padding-top: 10px; }
.pT15 { padding-top: 15px; }
.pT20 { padding-top: 20px; }
.pT30 { padding-top: 30px; }
.pB15 { padding-bottom: 15px; }
.mT10 { margin-top: 10px; }
.mT15 { margin-top: 15px; }
.mB15 { margin-bottom: 15px; }
.mT20 { margin-top: 20px; }
.mT25 { margin-top: 25px; }
.mT30 { margin-top: 30px; }
.mT40 { margin-top: 40px; }
.mT50 { margin-top: 50px; }
.mL20 { margin-left: 20px; }
.red { color: red; }
.redB { color: red; font-weight: bold; }
.green { color: green; }
.blue { color: #0476cc; }
.orange { color: #f8db2f; }
.font0 { font-size: 0px; }
.font11 { font-size: 11px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.noULine:hover { text-decoration: underline; }
.time { float: right; font-family: Arial, Helvetica, sans-serif; }
.clear { clear: both; font-size: 0; height: 0; line-height: 0; }
.hide { display:none; }
.floatL { float: left; }
.floatR { float: right; }
.center { margin-left: auto; margin-right: auto; }
.tLeft { text-align: left; }
.tCenter { text-align: center; }
.tRight { text-align: right; }
.wrapper { width: 960px; overflow: hidden; margin: 0px auto; background: #fff; /*background: url(../images/bgBody.jpg) repeat-x left top;*/}

/* ------------ top
--------------------------------------------------------------------- */
.top { width:960px; overflow: hidden; margin: 0px auto; background: #74c7ef url(../images/top_bg.gif) repeat-x left top;}
.logo { float: left; margin: 0px 0px; padding-left: 0px;}
.topNav { float: right; margin: 10px 10px 10px 0px;}
.topNav li { float: left; padding: 0px 10px; background: url(../images/vLine01.gif) no-repeat right center;}
.topNav li a:hover { text-decoration: underline;}

/* ------------ nav
--------------------------------------------------------------------- */
.nav { width:960px; height: 35px; margin:0 auto; margin-bottom:2px; line-height: 35px;  overflow: hidden; background: url(../images/menu_bg.jpg) repeat-x left top;}
.nav ul { padding-left: 0px; width:943PX; } 
.nav ul li { float: left; width:115px;background: url(../images/menu_list_bg.jpg) no-repeat right center; text-align: center;}
.nav ul li a { color: #000; font-size: 14px; font-weight: bold; }
.nav ul li a:hover{
background:url(../images/menu_a_bg.jpg) no-repeat center bottom; width:111px; height:35px; display:block;}
/*.nav ul li a:hover, .nav ul li a.curr { color: #811108; }*/

/* ------------ banner
--------------------------------------------------------------------- */
.banner { width: 100%; height: 200px; margin-left: auto; margin-right: auto; overflow: hidden;}

/* ------------ main
--------------------------------------------------------------------- */
.main { width:960px; padding: 15px 0; overflow: hidden; margin:0 auto;}
.left{
width:190px;
}
h4{
background: url(../images/h4_bg.jpg) repeat-x left bottom;
text-align:left;
color:#c20000;
font-weight:bold;}
h4 img{
margin-right:10px;}
.pro_01{
}
.pro_01 span{
color:#FF0000;
padding-right:10px;
padding-left:10px;
}
.pro_01 ul li{
width:100%;
}
.pro_01 ul li a:hover{
width:190px;
display:block;
background:url(../images/list_bg.jpg) no-repeat left center;}

.right{
background:url(../images/s_bg.jpg) repeat-y left top;
width:760px;
margin-left:10px;
overflow: hidden;
zoom: 1;
}
.aboutBar { width:410px;padding-left:10px;}
.about_l img{
margin-top:8px;}
.about_l p{
text-indent:25px;
}
.aboutBar p a{
color:#FF0000;}
.f_left{
margin-top:20px;
}
.f_left form{
margin-left:10px;
margin-top:10px;}
.f_ss{
width:140px;
height:20px;
border:#999999 solid 1px;}
.lianxi a img{
margin-left:10px;
margin-top:7px;}
.lianxi{
margin-top:10px;
line-height:21px;
text-align:left;
}
.lianxi span{
width:140px;
display:block;
margin-left:15px;}
.hz{
margin-top:10px;
}
.hz a img{
border:#CCCCCC solid 1px;
padding:3px;
margin-top:5px;}


/*---------------电子地图---------*/
.map{
margin-top:15px;}
/* ------------ newsBar ------------*/
.newsBar { width: 330px; margin: 0px 0 0 10px; height:252px; overflow:hidden;}
.newsBar ul { margin-top:10px;}
.newsBar ul li { height: 27px; line-height: 18px; padding: 0px 0px 0px 10px; font-family: "宋体"; background: url(../images/arrow01.gif) no-repeat 4px 6px; text-indent:10px;}
.newsBar ul li span { color: #0860a8; margin-right: 7px;}
.newsBar ul li a:hover { color: #0860a8;}

/* ------------ mainBottom ------------*/
.mainBottom { zoom: 1; overflow: hidden; width: 100%;}
.mainBottomLeft { float: left; width: 280px;}

/* ------------ contactBar ------------*/
.contactBar { width: 280px; float: left;}
.contactBar dd { padding: 10px 0px 0px 18px; background: url(../images/bgContactBar.gif) no-repeat 170px 38px;}
.contactBar dd p { line-height: 23px;}

/* ------------ proBar ------------*/
.proBar {overflow: hidden; height:200px; margin-left: 10px; margin-right: auto; width: 750px; padding-bottom: 5px; margin-top:10px;  }

.proBar ul { clear: both; margin-top:15PX;}
.proBar ul li { float: left; width: 162px; padding: 0px 13px; overflow: hidden;}
.proBar ul li a { display: block; width: 160px; height: 120px; padding: 1px; border: 1px solid #999;}
.proBar ul li a:hover { border: 1px solid #0860a8;}
.proBar ul li span { display: block; text-align: center; margin-top: 3px;}
#demo_01 { float: left; overflow: hidden; height:180px; width: 750px; }
#indemo_01 { float: left; width: 800%; }
#demo1_01 { float: left; }
#demo2_01 { float: left; }



.ry{
margin-left:10px;
margin-bottom:20px;
}

.ry a img{
margin-top:10px;}
/*--------------关于我们------------------------*/
.gywm{
margin-left:20px;}
.gywm h4 span{
margin-left:390px;}
.gywm h4 span a{
color:#444;}
.gywm h4 span a:hover{
color:#999999;
text-decoration:underline;}
.gywm p{
margin-top:10px;
margin-bottom:5px;
text-indent:25px;}
.gywm img{
margin-right:15px;}

.gywm  span{
font-weight:bold;
color:#444;}

/*意见反馈  和关于我们用得同一个样式gywm*/
.gywm table{
width:720px;
border:#999999 solid 1px;
margin-top:15px;
background:#eee;
line-height:22px;

}
.rywm table td{
text-align:left;
}
.tr1{padding-top:20px;
}
.gywm table input{
border:#CCCCCC solid 1px;
height:22px;
line-height:22px;
margin-bottom:10px;
font-size:12px;}
.fktitle{
width:300px;
text-align:left;
}
.td1{
text-align:right;
width:150px;
}
.td2{
text-align:left;}
.gywm table h3{
text-align:center;
margin-bottom:20px;
margin-top:20px;
color:#CC3300;
font-weight:bold;
font-size:14px;
}
.td-area{
height:100px;
width:300px;
border:#CCCCCC solid 1px;}
.fkrest{
border:#CCCCCC solid 1px;
width:45px;
height:20px;
line-height:20px;
margin-right:15px;
margin-top:15px;}

/*-----------------产品展示---------------*/

.cpzs{
margin-left:20px;}
.cpzs h4 span{
color:#444;
margin-left:450px;}
.cpzs h4 span a{
color:#444;}
.cpzs h4 span a:hover{
color:#999999;
text-decoration:underline;}
.cpzs ul{
margin-top:15px;}
.cpzs ul li{
width:175px;
height:185px;
display:block;
text-align:center;
float:left;}
.cpzs ul li a img{
padding:5px;
border:#999 solid 1px;
margin-bottom:10px;}
.cpzs ul li a { width:169px; height:146px; padding: 1px;  }

/*---------产品展示中的大图样式-----------*/
.cpzs_01{
margin-left:20px;
}
.cpzs_01 h4
{
	margin-bottom:20px;}
.cpzs_01 h4 span{
color:#444;
margin-left:250px;}
.cpzs_01 h4 span a{
color:#444;}
.cpzs_01 h4 span a:hover{
color:#999999;
text-decoration:underline;}
.cpzs_01-img{
margin-top:30px;
}


/*---------------------新闻中心-------------------*/

.news{
margin-left:20px;}
.news h4 span{
color:#444;
margin-left:450px;}
.news h4 span a{
color:#444;}
.news h4 span a:hover{
color:#999999;
text-decoration:underline;}
.news ul{
margin-top:15px;
margin-bottom:15px;}
.news ul li{
background:url(../images/newslist.jpg) no-repeat 15px center;
border-bottom:#CCCCCC 1px dotted;
text-indent:30px;
line-height:35px;}
.news ul li a{
width:630px;
display:block;
float:left;
}


/**/

.news_sub{
margin-left:20px;}
.news_sub h4 span{
color:#444;
margin-left:390px;}
.news_sub h4 span a{
color:#444;}
.news_sub h4 span a:hover{
color:#999999;
text-decoration:underline;}
.news_sub ul{
margin-top:15px;
margin-bottom:15px;}
.news_sub ul li{
background:url(../images/newslist.jpg) no-repeat 15px center;
border-bottom:#CCCCCC 1px dotted;
text-indent:30px;
line-height:35px;}
.news_sub ul li a{
width:630px;
display:block;
float:left;
}




/*-----------------荣誉资质---------------------*/
.ry{
margin-left:20px;}
.ry h4 span{
color:#444;
margin-left:390px;}
.ry h4 span a{
color:#444;}
.ry h4 span a:hover{
color:#999999;
text-decoration:underline;}
.ry ul{
margin-top:15px;}
.ry ul li{
width:185px;
display:block;
text-align:center;
float:left;}
.ry ul li a img{
margin-bottom:10px;}

.ry ul li a img{
border:#ccc solid 1px;
height:122px;
width:150px;
display:block;
background:#dedede;}

/* ------------ sub
--------------------------------------------------------------------- */


/* ------------ footer
--------------------------------------------------------------------- */
.footer {
width:100%;
margin:0 auto;
text-align:center;
font-size: 12px;
color: #4e4e4e;
background:#efefef;
padding-bottom:5px;
padding-top:15px;

 }
.footer p{ text-align:center;}

.fonle p{ text-align:left;}
#fonle img {width: expression(this.width > 250 ? 250: true); max-width: 250px;}
.fonleimg img {max-width:250px;max-height:200px;_width:expression(this.width>=250&&this.width/250>=this.height/200?"250px":true);_height:expression(this.height>=200&&this.width/250<this.height/200?"250px":true);}
.cpzs img {max-width:159px;max-height:137px;_width:expression(this.width>=159&&this.width/159>=this.height/137?"159px":true);_height:expression(this.height>=139&&this.width/159<this.height/137?"159px":true);}
#demo_01 img {max-width:160px;max-height:120px;_width:expression(this.width>=160&&this.width/120>=this.height/120?"160px":true);_height:expression(this.height>=120&&this.width/160<this.height/120?"160px":true);}

.kf { float: left; width:136px;}
.KF_Mt { float: left; width:136px; height: 203px; background: url(../images/KF_Mt.png) no-repeat left center; }
.KF_Mt strong {float: left; line-height:336px; margin-left:10px; font-size:15px; color:#f9382f; display:inline;}
.KF_zx { float: left; width:136px; height: auto; min-height: 70px; _height:70px; background: url(../images/KF_Mm.png) repeat-y left center;}
.KF_zx ul li { margin-left:15px; margin-top:8px;}
.KF_zx ul li a{ display:block; font-size:12px; text-decoration:none; width:102px; height:24px; background: url(../images/qqbg.png) no-repeat left center; padding-left:32px; line-height:25px; color:#666666; }
.KF_zx ul li a:hover { color:#234864; font-weight:bold;}
.KF_Bom {float: left; width:136px; height:14px; background: url(../images/KF_Bom.png) no-repeat left center;}