/*��Ʒ�б�*/
.product{
    margin-top: 5px;
    padding: 20px 0 50px;
    background: #ffffff;
}
.picScroll-left {
    margin-bottom: 18px;
    width: 920px;
    padding: 38px 0;
    height: 104px;
    background: #dcdcdc;
    overflow: hidden;
    position: relative;
}

.picScroll-left .hd {
    /*overflow: hidden;*/
    /*height: 44px;*/
    /*padding: 0 10px;*/
}

.picScroll-left  .prev, .picScroll-left  .next {
    position: absolute;
    display: block;
    top: 68px;
    width: 44px;
    height: 44px;
    overflow: hidden;
    cursor: pointer;
}

.picScroll-left  .prev {
    left: 8px;
    background: url("../images/icon3.png") no-repeat;
}
.picScroll-left .hd .next {
    right:  8px;
    background: url("../images/icon4.png") no-repeat;
}

.picScroll-left .bd {
    width: 805px;
    margin: 0 auto;
}
.picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picScroll-left .bd ul li {
    margin: 0 5px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 147px;
    height: 100px;
    border: 2px solid #bababa;
    display: table-cell;
    vertical-align:middle;
    *display: block;
    *font-size: 175px;
    position: relative;
    line-height: 100px;
    background: #ffffff;
}

.picScroll-left .bd ul li .picImg {
    text-align: center;
    background: #ffffff;
}

.picScroll-left .bd ul li .picImg img {
    max-width: 147px;
    max-height: 100px;
    vertical-align:middle;
    display: inline-block;


}

.picScroll-left .bd ul li .picImg a:hover img {
    border-color: #999;
}
.left{
    margin-left: 9px;
    float: left;
    width: 211px;
}
.leftTit{
    margin-bottom: 5px;
    text-align: right;
    padding: 0 15px;
    height: 32px;
    line-height: 32px;
    background: #d80101;
    color: #ffffff;
    font-size: 18px;
}
.sideMenu {

}

.sideMenu h3 {
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
    border-bottom: 1px solid #cccccc;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
}

.sideMenu h3 em {
    margin-top: 15px;
    margin-right: 5px;
    float: right;
    display: block;
    width: 7px;
    height: 7px;
    background: url(../images/icon5.png) no-repeat;
    cursor: pointer;
}
.sideMenu h3.on{
    color: #d80101;
    border-bottom: 1px solid #d80101;
}
.sideMenu h3.on em {
    background: url(../images/icon6.png) no-repeat;
}
.sideMenu h3.on a{
    color: #d80101;
}
.sideMenu ul {
    width: 100%;
    color: #999;
    display: none; /* Ĭ�϶����� */
}
.sideMenu ul li{
    margin: 8px 0;
    padding:0  11px;
    height: 28px;
    line-height: 28px;
    background: #e8e8e8;
	overflow: hidden; 
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sideMenu ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.sideMenu ul li:hover {
    background: #d80101;
}
.sideMenu ul li:hover a{
    color: #ffffff;
}
.sideMenu ul li.bg{
    background: #d80101;
}
.sideMenu ul li.bg a{
    color: #ffffff;
}
.right{
    margin-right: 9px;
    float: right;
    width: 669px;
}
.productList li{
    margin-right: 8px;
    float: left;
    width: 215px;
    height: 176px;
}

.productList li .img{
    width: 213px;
    height: 134px;
    border: 1px solid #d3d3d3;
    display: table-cell;
    vertical-align:middle;
    text-align:center;
    *display: block;
    *font-size: 175px;
    *font-family:Arial;
    line-height: 134px;
}

.productList li .img img{
    vertical-align:middle;
    display: inline-block;
    max-width: 213px;
    max-height: 134px;
}
.productList li p{
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.productList li .img:hover{
    border: 1px solid #e30a00;
}
.productList li p a:hover{
    color: #e30a00;
}
/**/
.paging {
    padding-right: 20px;
    text-align: right;
    margin: 20px 0;
    height: 24px;
    line-height: 24px;
    color: #8b8b89;
    overflow: hidden;
}

.paging li {
    display: inline-block;
    margin-left: 8px;
    height: 22px;
}

.paging li a {
    display: inline-block;
    color: #555;
    /*margin-left: 8px;*/
    padding: 0 10px;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #dedede;
}

.paging li span {
    font-size: 12px;
    display: inline-block;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #e66d21;
    background: #e30a00;
    color: #ffffff;
}

.paging li a:hover {
    border: 1px solid #e66d21;
    background: #e30a00;
    color: #ffffff;
}
/*��Ʒ����*/
.productCon{

}
.proConTit{
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    background: #d80101;
    color: #ffffff;
}
.proConTit a,.proConTit span{
    color: #ffffff;
}
.proCon{
    padding: 20px 10px 50px;
    background: #ffffff;
}
.proCon p{
    line-height: 28px;
}

.banner {
    margin: 20px auto 0;
    width: 900px;
    overflow: hidden;
}

.large_box {
    margin-bottom:20px;
    width: 900px;
    height: 402px;
    overflow: hidden;

}
.small_list ul li {
    display: table-cell;
    vertical-align:middle;
    text-align:center;
    *display: block;
    *font-size: 175px;
    *font-family:Arial;
    position: relative;
    float: left;
    margin-right: 16px;
    width: 116px;
    height: 109px;
    line-height: 109px;
    border: 1px solid #cecece;
}

.large_box li{
    margin: 0 auto;
    width:571px;
    height: 402px;
    display: block;
    vertical-align:middle;
    text-align:center;
    line-height: 402px;
}
.large_box img {
    vertical-align:middle;
    display: inline-block;
    max-width:571px;
    max-height: 402px;
}

.small_box {
    width: 900px;
    height: 111px;
    overflow: hidden;
}

.small_list {
    margin-left: 20px;
    position: relative;
    float: left;
    width: 815px;
    height:111px;
    overflow: hidden;
}

.small_list ul {
    height: 111px;
    overflow: hidden;
}

.small_list ul li {
    display: table-cell;
    vertical-align:middle;
    text-align:center;
    *display: block;
    *font-size: 175px;
    *font-family:Arial;
    position: relative;
    float: left;
    margin-right: 16px;
    width: 116px;
    height: 109px;
    line-height: 109px;
    border: 1px solid #cecece;
}

.small_list ul li img{
    vertical-align:middle;
    display: inline-block;
    max-width: 116px;
    max-height: 109px;
}
.small_list ul li.on {
    border: 1px solid #d80101;
}

.btn {
    margin-top: 26px;
    display: block;
    width: 29px;
    height: 55px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;

}

.left_btn {
    float: left;
    margin-right: 5px;
    background: url(../images/icon7.png) repeat;
    background-position:0 0 ;
}

.right_btn {
    float: right;
    background: url(../images/icon7.png) repeat;
    background-position: -31px 0 ;
}

.proDetail{
    margin-top: 30px;
    text-align:left;
}
.proDetail .hd{
    height:27px;
    position:relative;
}
.proDetail .hd ul{
    float:left;
    position:absolute;
    left:0;
    top:0;
    height:27px;
}
.proDetail .hd ul li{
    margin-right: 20px;
    float:left;
    height: 27px;
    line-height: 28px;
    color: #000000;
    text-align: center;
    width: 99px;
    cursor:pointer;
    background: url("../images/bg2.png") no-repeat;

}
.proDetail .hd ul li.on{
    background: url("../images/bg1.png") no-repeat;

}
.proDetail .bd .bdCon{
    padding: 30px;
    border: 1px solid #cccccc;
    zoom:1;
}
.proDetail .bd .bdCon img{
    display: block;
    margin: 20px 0;
}
/*��������*/
.slide {
    width: 100%;
}
.slide img {
    display: block;
    width: 100%;
}
.insetTit{
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    background: #d80101;
    color: #ffffff;
    overflow: hidden;
}
.insetTit h3{
    float: left;
    font-size: 16px;
    color: #ffffff;
    font-weight: normal;
}
.insetTit .local{
    float: right;
    color: #ffffff;
}
.insetTit a,.insetTit span{
    color: #ffffff;
}
.netWork{
    padding: 20px 0  50px;
    background: #ffffff;
}
.netWork h3{
    text-align: center;
    font-weight: normal;
    line-height: 60px;
    font-size: 22px;
    color: #000;
}
.netWork img{
    display: block;
    margin: 5px auto;
}
.netWork p{
    text-align: justify;
    padding: 0  10px;
    line-height: 2em;
}

/*��������*/
.leftNav a{
    display: block;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
    border-bottom: 1px solid #cccccc;
    cursor: pointer;
    font-weight: normal;
}
.leftNav a em {
    margin-top: 15px;
    margin-right: 5px;
    float: right;
    display: block;
    width: 7px;
    height: 7px;
    background: url(../images/icon5.png) no-repeat;
    cursor: pointer;
}
.leftNav a.bg{
    color: #d80101;
    border-bottom: 1px solid #d80101;
}
.leftNav a.bg em {
    background: url(../images/icon6.png) no-repeat;
}
.leftNav a.bg a{
    color: #d80101;
}
.leftNav a:hover{
    color: #d80101;
    border-bottom: 1px solid #d80101;
}
.leftNav a:hover em {
    background: url(../images/icon6.png) no-repeat;
}
.leftNav a:hover a{
    color: #d80101;
}
.about{

}
.aboutTit{
    margin-bottom: 10px;
    height: 36px;
    line-height: 36px;
    color: #ffffff;
    padding-left: 212px;
    background: #d80101;
    font-size: 18px;
}
.about img,.about p img{
    display: block;
    margin: 20px auto;
}
.about p{
    text-align: justify;
    line-height: 2em;
}
.publish{
    text-align: center;
     height: 35px;
    line-height: 35px;
    margin: 15px 0;
}
.publish span{
    margin:0 15px ;
}
/*�����豸*/
.case{
    padding-bottom: 30px;
    background: #ffffff;
}
.caseList{
    margin: 10px 0 40px;
}
.caseList li{
    margin: 12px 0 0 12px;
    position: relative;
    float: left;
    width: 290px;
    height: 204px;
}
.caseList li a{
    display: block;
    width: 100%;
    height: 100%;
}
.caseList li .img{
    width: 290px;
    height: 204px;
}
.caseList li img{
    width: 290px;
    height: 204px;
}
.caseList li p{
    text-align: center;
    color: #000000;
    font-size: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 34px;
    line-height: 34px;
    background: url("../images/bg3.png") repeat;
}
.caseList li a:hover p{
    color: #fff;
    background: url("../images/bg4.png") repeat;
}
/*���߶���*/
.orderList{
    padding: 30px 20px  10px;
}
.orderList li{
    margin-bottom: 20px;
    vertical-align: top;
    margin-right: 30px;
    float: left;
    overflow: hidden;
}
.orderList li span{
    font-size: 16px;
    float: left;
    line-height: 38px;
}
.orderList li .inputTxt{
    float: left;
    width: 350px;
    padding: 0 5px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #cccccc;
}
.orderList li textarea{
    float: left;
    width: 630px;
    height: 160px;
    padding:5px;
    line-height: 30px;
    border: 1px solid #cccccc;
}
.subRes input{
    margin-right: 20px;
    height: 40px;
    line-height: 40px;
    width: 146px;
    border: none;
    outline: none;
    font-size: 16px;
    cursor: pointer ;
}
.subRes input.sub{
    margin-left: 68px;
    color: #fff;
    background: #e30a00;
}
.subRes input.res{
    background: #dddddd;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #cccccc;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cccccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #cccccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #cccccc;
}
/*��ϵ����*/
.contact{
   padding: 10px 0 50px;
}
.contactLeft{
    padding-top: 60px;
    margin-left: 65px;
    float: left;
    width: 535px;
}
.contactLeft p{
    line-height: 35px;
}
.contact img{
    display: block;
    float: left;
    width: 249px;
    height: 248px;
}
/*���������б�*/


.newsList {
    margin-top: -16px;
}

.newsList li {
    padding: 10px 0 5px;
    border-bottom: 1px solid #cccccc;
}
.newsList li h3{
    height: 33px;
    line-height: 33px;
}
.newsList li h3 a{
    font-weight: normal;
    font-size: 16px;
    color: #000;
}
.newsList li p{
    line-height: 22px;
    font-size: 12px;
}
.newsList li .newsMore{
    line-height: 33px;
    display: block;
    font-size: 14px;
    color: #000;
}
.newsList li h3 a:hover{
    color: #d80101;
}
.newsList li .newsMore:hover{
    color: #d80101;
}

    /*�˲���Ƹ�б�*/
.jobTable{
    margin: 30px 0 45px;
    width: 100%;
}
.jobTable thead tr{
    height: 53px;
    line-height: 53px;
    background: #000000;
}
.jobTable thead tr th{
    font-weight: normal;
    font-size: 16px;
    color: #ffffff;
}
.jobTable tbody tr{
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #cccccc;
}
.jobTable tbody tr td{
    text-align: center;
}
.jobTable tbody tr td a{
    display: block;
    width: 100%;
    height: 100%;
}
.jobTable tbody tr:hover{
    background: #d30a00;
}
.jobTable tbody tr:hover td a{
    color: #fff;
}