@charset "utf-8";
*
{
    margin: 0;
    padding: 0;
}
body
{
    margin: 0;
    padding: 0;
    font-family:Arial;
    background:url(../images/bg_body.jpg) repeat-x;
    
}
a
{
    text-decoration: none;
}
.End
{
    font: 0px/0px sans-serif;
    clear: both;
    display: block;
}
ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
h2,span,font,a,b,p,i
{
    margin: 0;
    padding: 0;
}
img{ border:none;}
.time{ width:980px; height:36px; margin:0 auto; background:url(../images/time.jpg) no-repeat;}
.header{ width:980px; height:100px; margin:0 auto; overflow:hidden;}
.nav{ width:980px; height:40px; margin:0 auto; overflow:hidden;}
.banner{ width:980px; height:250px;margin:0 auto; margin-top:10px; overflow:hidden;}
.main{ width:980px; margin:0 auto;}
.content{ padding-top:10px;}
.content1{ margin-top:10px; border:solid 1px #1f63b4;}
.title{ height:36px; background:url(../images/bg_title.jpg);}
.font111{ color:#000; font-size:12px; line-height:36px; font-weight:normal;}
.font111:hover{ color:Red; text-decoration:underline;}
.nr{}
.title_pic{ height:30px; float:left; color:#1f63b4; font-size:14px; font-weight:bold; line-height:30px; padding-left:17px; padding-top:6px;}
.more{ height:36px; padding-right:10px; float:right;}
.more a{ color:#fff; font-size:12px; line-height:36px;}
.more a:hover{ color:red;}
.list_news{ height:29px; border-bottom:dashed 1px #bbb; margin:0 5px; background:url(../images/dot1.gif) no-repeat left center; padding-left:15px;}
.list_news a{ color:#000; font-size:12px; line-height:29px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list_news a:hover{ color:Red;}
.list_news span{ color:#666; font-size:12px; line-height:29px; float:right}
.font1{ color:Red; font-size:12px; line-height:30px;}
.font1:hover{ color:Red;}
.product_list{ width:208px; height:188px; float:left; margin:10px 10px 0 20px; display:inline; text-align:center;}
.product_list img{ width:200px; height:150px; border:solid 1px #ababab; padding:3px; background:#fff; display:block;}
.product_list a{ color:#000; font-size:12px; line-height:30px;}
.product_list a:hover{ color:red;}
.footer{ background:#e2ecff; border-top:solid 2px #174fc4; margin-top:10px; text-align:center; padding:20px 0; color:#666; font-size:12px; line-height:24px;}
.menu{ width:90px; height:40px; float:left; text-align:center;}
.menu a{ display:block;width:90px; height:40px; color:#fff; font-size:12px; font-weight:bold; line-height:40px; }
.menu a:hover{ color:#fff; background:#31baff;}
.line{ width:2px; height:40px; margin:0 9px; background:url(../images/line.jpg) no-repeat; float:left; display:inline;}
.logo{ width:434px; height:54px; float:left; background:url(../images/logo.jpg) no-repeat; margin-top:25px;}
.logo a{ display:block; width:434px; height:54px;}
.menu_sc{ width:134px; height:24px; background:url(../images/bg_menu_sc.jpg) no-repeat; float:right; text-align:center;}
.menu_sc a{ font-size:12px; color:#000; line-height:24px; margin:0 6px;}
.menu_sc a:hover{ color:red;}
.phone{ width:315px; height:31px; background:url(../images/phone.jpg) no-repeat; float:left; margin:28px 0 0 226px;}
.left{ width:250px; float:left;}
.right{ width:720px; float:right;}
.list_pro{ width:208px; height:188px; float:left; text-align:center; margin:10px 10px 0 20px; display:inline;}
.list_pro img{ width:200px; height:150px; border:solid 1px #bbb; padding:3px; background:#fff;}
.list_pro a{ color:#5c0b04; font-size:12px; line-height:30px;}
.list_pro a:hover{ color:Red;}
.list_link{ width:184px; height:40px; float:left; margin:10px 0 0 10px;}
.list_link img{ width:184px; height:40px;}
/*banner*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}
#focus {width:322px; height:215px; overflow:hidden; position:relative;}
#focus ul {height:322px; position:absolute;}
#focus ul li {float:left; width:322px; height:215px; overflow:hidden; position:relative;}
#focus .btn {position:absolute; height:18px; right:5px; bottom:10px;}
#focus .btn span { border:solid 1px #0054ff; background:#fff; display:inline-block; _display:inline; _zoom:1; width:16px; height:16px; line-height:16px; text-align:center; font-size:12px; font-family:Arial; margin-right:5px; cursor:pointer; color:#0054ff;}
#focus .btn span.on {background:#0054ff; color:#fff; font-size:14px; font-weight:bold;}

.banner1{width:322px; height:215px; margin:0 auto; margin-top:3px;}
.banner1 img{ display:block;}





/*永远用到的样式****/
#demo
{
    overflow: hidden;
    width:968px;
    margin: 0px auto;
}

#demo img
{
}

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

#demo1
{
    float: left;
}

#demo2
{
    float: left;
}
.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: 14px;
    color: #000;
    line-height: 30px;
    padding: 10px;
    overflow: hidden;
}
.proTitle
{
    line-height: 30px;
    background: #70a3ef;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.prodetail
{
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    background: #70a3ef;
    color: #fff;
    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: 80px;
    height: 30px;
    float: left;
    background: url(../images/dot_prev.gif);
    text-align: center;
    margin-top: 110px;
}
.prev a
{
    width: 80px;
    height: 30px;
    display: block;
    color: #666;
    font-size: 12px;
    line-height: 30px;
}
.prev a:hover
{
    color: #000;
}
.next
{
    width: 80px;
    height: 30px;
    float: right;
    background: url(../images/dot_next.gif);
    text-align: center;
    margin-top: 110px;
}
.next a
{
    width: 80px;
    height: 30px;
    display: block;
    color: #666;
    font-size: 12px;
    line-height: 30px;
}
.next a:hover
{
    color: #000;
}