@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{ height:40px; background:#0746A5;}
.nemu{ width:20%; height:40px; font-size:12px; line-height:40px; float:left; text-align:center; font-weight:bold;}
.nemu a{ color:#fff;}
.nemu a:hover{ color:#fff;}

.banner{ margin:0 auto; margin:10px 5px 0 5px; overflow:hidden;;}
.banner img{ max-width:100%;}

.main{ padding:0 5px;}
.footer{ background:#0746A5; 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 img{ max-width:100%;}

.content{ margin-top:10px;}
.title{ height:36px; background:#0746A5;}
.title span{ float:left; display:block; height:36px;  font-size:12px; color:#fff; line-height:36px; font-weight:bold;  padding-left:15px; 
    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 #0746A5;border-top:0;}

.list_news1{ height:36px; border-bottom:dashed 1px #999; background:url(../images/dot22.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:50%;height:190px;float:left; text-align:center; margin-top:10px; display:block; }
.list_pro img{max-height:85%;display:block;margin-left:5px; margin:0 auto;}
.list_pro a{ font-size:12px; color:#000; line-height:30px;overflow:hidden;}
.list_pro a:hover{ color:#fd1b1c;}


.class_pro{ padding:0 10px 10px 0; background:#d0eeff; border-bottom:solid 1px #0854C5;}
.class_pro_menu{ height:30px; width:46%;border:solid 1px #0746A5; float:left; margin:6px 0 0 10px;}
.class_pro_menu a{ display:block; height:30px; padding:0 10px; color:#fff; font-size:14px; line-height:30px;background:#0746A5;}
.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;

}


/*footer*/
.lfooter { width:100%; height:70px; background-color:#0061a8; position:fixed; bottom:0px;  }
.lfooter ul li { width:25%; height:auto; float:left; text-align:center; padding:10px 0px; }
.lfooter ul li a { color:#FFF; line-height:12px; font-size:12px;}


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