@charset "utf-8";
*{ margin:0; padding:0;}
body,html,p,form,div,table,textarea,input{ margin:0; padding:0;vertical-align:middle}

ul{ list-style-type:none; margin:0; padding:0;}
.End{ font:0px/0px Sans-Serif; clear:both; display:block;}
a{ text-decoration:none;}
img{ border:none;}
h2,span,font,a,b,p,i{margin: 0; padding: 0; font-style:normal;}
.nav{ background:#E60000;}
.menu{width:20%; line-height:30px; float:left; text-align:center;}
.menu a{display:block;  font-weight:bold;  text-align:center; color:#fff; font-size:12px;background:#E60000;}
.menu a:hover{ color:#fff; background:#E60000; font-weight:bold;}
.banner{height:150px; margin:0 auto; margin:10px 5px 0 5px; overflow:hidden;  background:url(../images/banner1.jpg) no-repeat center top;}

.main{ padding:0 5px;}
.footer{ background:#E60000; padding:10px; color:#fff; font-size:12px; line-height:24px; text-align:center; margin-top:10px;}
.footer a{ color:#fff;}
.footer a:hover{ color:#fff;}
.logo{ height:100px; background:#fff url(../images/logo.jpg) no-repeat;}

.content{ margin-top:10px;}
.title{ height:36px; background:#E60000;}
.title span{ float:left; display:block; height:36px;  font-size:12px; color:#fff; line-height:36px; font-weight:bold;  padding-left:15px; background:url(../images/title.jpg) no-repeat;
    width: 52px;
}
.title a{ float:right; height:36px; color:#fff; font-size:12px; line-height:36px; padding-right:8px;}
.title a:hover{ color:#fff; text-decoration:underline;}
.nr{border:solid 1px #C02020; border-top:0;}

.list_news1{ height:36px; border-bottom:dashed 1px #999; background:url(../images/dot2.jpg) no-repeat left center; padding-left:10px;}
.list_news1 a{ height:36px; display:block; color:#000; font-size:12px; line-height:36px;}
.list_news1 a:hover{ color:#fd1b1c;}
.list_news1 span{ color:#666; font-size:12px; line-height:36px;  float:right;}

.list_pro{ width:128px;  float:left; text-align:center; margin:10px 10px 0px 10px; _display:inline; height:190px;}
.list_pro img{  width:120px; height:120px; border:solid 1px #aaa; padding:3px; background:#fff;}
.list_pro a{ font-size:12px; color:#000; line-height:30px;overflow:hidden;}
.list_pro a:hover{ color:#fd1b1c;}
.list_pro a:hover img{ border:solid 1px #666;}

.class_pro{ padding:0 10px 10px 0; background:#d0eeff; border-bottom:solid 1px #C02020;}
.class_pro_menu{ height:30px; border:solid 1px #C02020; float:left; margin:10px 0 0 10px;}
.class_pro_menu a{ display:block; height:30px; padding:0 10px; color:#fff; font-size:12px; line-height:30px;background:#C02020;}
.class_pro_menu a:hover{color:#fd1b1c;background:#fff  }
.font1{ color:#fd1b1c; font-size:12px; line-height:30px;}
.font1:hover{ color:#fd1b1c; text-decoration:underline;}

#kinMaxShow{visibility:hidden;width:100%; height:300px; overflow:hidden;}


#nav
{
    margin: 7px auto 0px;
    height: 210px;
}
#nav #hotnews
{
    border-bottom-width: 0px;
    height: 89px;
}
#Scroll
{
    clear: both;
    line-height: 35px;
    height: 180px;

}




.Questions_answers{  margin:10px 0; padding-bottom:5px; background:#eee;}
.Questions{ padding:0 10px 0 30px; border-bottom:dashed 1px #e60000; padding-bottom:5px; background:url(../images/wen.jpg) no-repeat left 6px;}
.Questions span{ color:#000; font-size:12px; line-height:30px;}
.Questions font{ color:#000;  font-size:12px; line-height:30px;}
.Questions p{ color:#000; font-size:14px; line-height:24px; padding-left:10px; font-weight:bold;}
.answers{ padding:0 10px 0 30px; background:url(../images/da.jpg) no-repeat left 6px;}
.answers span{ color:#000; font-size:12px; line-height:30px;}
.answers font{ color:#000; font-size:12px; line-height:30px;}
.answers p{ color:#000; font-size:14px; line-height:24px; padding-left:10px; font-weight:bold;}








#demo
{
    overflow: hidden;
    height:356px;
    margin: 0px auto;
}

#demo img
{
}

#indemo
{
    float: left;
    height: 800%;
}

#demo1
{
    float: left;
}

#demo2
{
    float: left;
}





#Div1
{
    overflow: hidden;
    width:740px;
    margin: 0px auto;
}

#Div1 img
{
}

#Div2
{
    float: left;
    width: 800%;
}

#Div3
{
    float: left;
}

#Div4
{
    float: left;
}






.box00
{
    display: none;
    position: absolute;
}
.box00 div
{
    text-align: center;
    
    line-height: 12px;
    width:110px;
}
.box00 div a
{
    display: block;
    font-size: 12px;
	width:110px;
	height:12px;
    background:#0072c2;
    font-weight: bold;
    color: #fff;
}
.box00 div a:hover
{
    color: #f0ff00;
    background: #005fa1;
}







/*永远用到的样式****/

.list5
{
    width: 98%;
    height: 30px;
    margin: 0px auto;
    border-bottom: dashed 1px #999;
    background: url(../images/dot2.gif) no-repeat left center;
    padding-left: 8px;
    overflow: hidden;
}

.font5
{
    font-size: 12px;
    color: #000;
    line-height: 30px;
    text-decoration: none;
}

.font5:hover
{
    color: #187ec9;
    text-decoration: none;
}

.title_4_5
{
    float: right;
    padding-right: 5px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
    font-family: Tahoma;
}
.font5_5
{
    font-size: 12px;
    color: #000;
    line-height: 30px;
    text-decoration: none;
}

.font5_5:hover
{
    color: #187ec9;
    text-decoration: none;
}

.proIntro
{
    font-size: 12px;
    color: #000;
    line-height: 30px;
    padding: 10px;
    overflow: hidden;
}
.proTitle
{
    line-height: 30px;
    color: #fd1b1c;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;

}
.prodetail
{
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    background:#81c88d;
    color: #fd1b1c;
    margin: 10px 0px;
    padding-left: 10px;
}
.proPic
{
    text-align: center;
    margin: 15px 0px 0px 0px;
}
.joblistT
{
    font-size: 14px;
    margin-bottom: 30px;
}
.caselist
{
    width: 168px;
    height: 158px;
    float: left;
    text-align: center;
    margin: 8px 0px 0px 15px;
    display: inline;
}
.caselist img
{
    width: 160px;
    height: 120px;
    border: solid 1px #bbb;
    padding: 3px;
    background: #fff;
}
.joblistL
{
    width: 20%;
    line-height: 30px;
    text-align: right;
    float: left;
}
.joblistR
{
    width: 75%;
    line-height: 30px;
    text-align: left;
    float: left;
}
.prev
{
    width: 75px;
    height: 30px;
    float: left;
    background: url(../images/dot_prev.gif);
    text-align: center;
  
}
.prev a
{
    width: 75px;
    height: 30px;
    display: block;
    color: #fd1b1c;
    font-size: 12px;
    line-height: 30px;
    font-weight:bold;
}
.prev a:hover
{
    color: #fd1b1c;
}
.next
{
    width: 75px;
    height: 30px;
    float: right;
    background: url(../images/dot_next.gif);
    text-align: center;
    
}
.next a
{
    width: 75px;
    height: 30px;
    display: block;
    color: #fd1b1c;
    font-size: 12px;
    line-height: 30px;
    font-weight:bold;
}
.next a:hover
{
    color: #fd1b1c;
}


.sy_pic img{ width:100%; text-align:center;}