/*===== 列表页全局样式 =====*/
.list-main {
    width: 1200px;
    margin: 0px auto;
    position: relative;
}

.rec-pro {
    margin: 100px auto 0px;
    width: 1200px;
    overflow: hidden;
}

.rec-pro .sec-bg {
    height: 5px;
    background: url("../images/sec_h_bg.jpg") no-repeat center center;
}

.rec-pro .title {
    text-align: center;
    font-size: 24px;
    margin-top: 5px;
}

.rec-pro .pro-list {
    width: 1300px;
    margin-top: 60px;
}

.rec-pro .pro-list li {
    margin-right: 20px;
    float: left;
    margin-left: 10px;
}

.rec-pro .pro-list li {
    text-align: center;
}

.rec-pro .pro-list li img {
    -webkit-box-shadow: 1px 1px 10px #888;
}

/*========== 新闻列表页 ==========*/
.news-nav-wrap {
    overflow: hidden;
}

.news-nav-wrap .news-nav-list {
    width: 1300px;
}

.news-nav-wrap .news-nav-list li {
    float: left;
}

.news-nav-wrap .news-nav-list li a {
    display: block;
    width: 280px;
    height: 90px;
    background: #e5e6eb;
    color: #000;
    line-height: 90px;
    text-align: center;
    margin-right: 30px;
}

.news-nav-wrap .news-nav-list li .news-nav-active {
    background: #425494;
    color: #fff;
}

.news-nav-wrap .news-nav-list li a:hover {
    background: #425494;
    color: #fff;
}

.news-list {
    display: none;
}

.news-list-active {
    display: block;
}

.news-list ul li {
    list-style: none;
    padding: 20px 10px 20px 50px;
    width: 1200px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    position: relative;
}

.news-list ul li .d {
    display: block;
    width: 120px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #e5e6eb;
    font-size: 40px;
}

.news-list ul li .y-m {
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #e5e6eb;
    margin-top: 10px;
    font-size: 20px;
}

.news-list ul li .con {
    position: absolute;
    left: 200px;
    top: 20px;
}

.news-list ul li .con a {
    font-size: 18px;
    font-weight: 550;
}

.news-list ul li .con p {
    font-size: 16px;
    margin-top: 10px;
    line-height: 30px;
}

/*========== 新闻详情页 ==========*/
.news-info {
    
}

.news-info .news-head {
    margin-top: 20px;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.news-info .news-head .title {
    font-size: 18px;
}

.news-info .news-head .date {
    margin-top: 10px;
}

.news-info .news-head .back {
    width: 108px;
    height: 40px;
    background: url("../images/back.jpg") no-repeat left top;
    position: absolute;
    right: 0px;
    top: 0px;
}

.news-info .news-con {
    padding: 20px 10px;
}

.news-info .news-con table {
    width: 100%;
}


.news-info .news-bottom {
    height: 45px;
    background: #e5e6eb;
    border: 1px dashed #333;
    line-height: 45px;
}

.news-info .news-bottom .prev {
    display: block;
    height: 45px;
    width: 70px;
    background: #425494;
    text-align: center;
    line-height: 45px;
    color: #fff;
    float: left;
}

.news-info .news-bottom .p_title {
    float: left;
    padding: 0px 20px;
    width: 460px;
    border-right: 1px solid #999;
}

.news-info .news-bottom .n_title {
    float: right;
    padding: 0px 20px;
}

.news-info .news-bottom .next {
    display: block;
    height: 45px;
    width: 70px;
    background: #425494;
    text-align: center;
    line-height: 45px;
    color: #fff;
    float: right;
}

/*========== 产品中心 ==========*/
.list-main .left .pro-cat-nav li {
    width: 280px;
    height: 59px;
    text-align: center;
    line-height: 60px;
    background: #425494;
    color: #fff;
    font-size: 18px;
    border-top: 1px solid #fff;
}

.list-main .left .pro-cat-nav li:hover {
    background: #e8ae0c;
}

.list-main .left .pro-cat-nav li a {
    color: #fff;
}

.list-main .left .ask {
    width: 280px;
    height: 150px;
    background: url("../images/ask_bg.jpg") no-repeat left top;
    margin-top: 12px;
    position:absolute;
}

.list-main .left .ask a {
    width: 90px;
    height: 30px;
    background: url("../images/btn_ask.jpg") no-repeat left top;
    position: absolute;
    left: 50%;
    margin-left: -45px;
    bottom: 20px;
}

.list-main .right .cat_wrap {
    width: 900px;
    height: 400px;
    background: url("../images/cat_bg.jpg") no-repeat center center;
}

.list-main .right .cat_wrap .cat-list {
    width: 258px;
    height: 402px;
    background: url("../images/cat_list_bg.png") no-repeat left top;
    display: none;
}

.list-main .right .cat_wrap .cat-list .cat-name {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 26px;
    color: #fff;
}

.list-main .right .cat_wrap .cat-items li {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    text-align: left;
}

.list-main .right .cat_wrap .cat-items li a {
    color: #fff;
    font-size: 18px;
    padding-left: 30px;
}

.list-main .pro-list-wrap {
    margin-top: 50px;
}

.list-main .pro-list-wrap .pro-list-header {
    background: url("../images/sec_h_bg.jpg") no-repeat center top;
    text-align: center;
    font-size: 24px;
    padding: 10px;
}

.list-main .pro-list-wrap .pro-list-con {
    margin-bottom: 50px;
}

.list-main .pro-list-wrap .pro-list-con .pro-desc {
    width: 270px;
    height: 310px;
    float: left;
    position: relative;
}

.list-main .pro-list-wrap .pro-list-con .pro-desc .pro_desc_bg {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}

.list-main .pro-list-wrap .pro-list-con .pro-desc .c_name {
    text-align: center;
    color: #fff;
    position: absolute;
    width: 250px;
    padding: 10px;
    line-height: 30px;
    font-size: 20px;
    left: 0px;
    top: 0px;
        display: none;
}

.list-main .pro-list-wrap .pro-list-con .pro-desc .c_desc {
    text-align: center;
    color:#fff;
    position: absolute;
    width: 250px;
    max-height: 200px;
    padding: 10px;
    overflow: hidden;
    left: 0px;
    top: 30px;
        display: none;
}

.list-main .pro-list-wrap .pro-list-con .pro-desc a {
    display: block;
    width: 100px;
    height: 30px;
    border: 1px solid #fff;
    position: absolute;
    bottom: 20px;
    left: 10px;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.list-main .pro-list-wrap .pro-list-con .pro-list {
    width: 910px;
    height: 310px;
    float: right;
}

.list-main .pro-list-wrap .pro-list-con .pro-list .cat-items {
    height: 100px;
    position: relative;
}

.list-main .pro-list-wrap .pro-list-con .pro-list .cat-items .more {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 10px;
}

.list-main .pro-list-wrap .pro-list-con .pro-list .cat-items ul li {
    float: left;
    margin-right: 20px;
}

.list-main .pro-list-wrap .pro-list-con .pro-list .pro-items ul li {
    float: left;
    margin-right: 40px;
    position: relative;
}

.list-main .pro-list-wrap .pro-list-con .pro-list .pro-items ul li a {
    display: block;
}

.list-main .pro-list-wrap .pro-list-con .pro-list .pro-items ul li p {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #333;
    width: 100%;
}

/*========== 视频中心列表页 ==========*/
.list-main .video-list-wrap .video-list-head {
    background: url("../images/sec_h_bg.jpg") no-repeat center top;
    text-align: center;
    font-size: 24px;
    padding: 10px;
}

.list-main .video-list-wrap .video-list {
    overflow: hidden;
    padding-left: 40px;
}

.list-main .video-list-wrap .video-list ul {
    width: 1300px;
}

.list-main .video-list-wrap .video-list ul li {
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
    position: relative;
}

.list-main .video-list-wrap .video-list ul li a img {
    border:0px;
    vertical-align: -3px;
    /*3像素bug很重要*/
}

.list-main .video-list-wrap .video-list ul li a p {
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.list-main .video-list-wrap .video-list ul li a .video-ico {
    display: block;
    width: 62px;
    height: 35px;
    background: url("../images/video_n.png") no-repeat left top;
    position: absolute;
    left: 15px;
    bottom: 75px;
}

.list-main .video-list-wrap .video-list ul li a:hover .video-ico {
    background: url("../images/video_h.png") no-repeat left top;

}

.list-main .video-list-wrap .video-list ul li:hover {
    box-shadow: 2px 2px 4px #ccc;
    -ms-border: 1px solid #ccc;
    background-color: #efefef\9;
}

/*========== 工程案例表页 ==========*/
.list-main .case-list-wrap .case-list-head {
    background: url("../images/sec_h_bg.jpg") no-repeat center top;
    text-align: center;
    font-size: 24px;
    padding: 10px;
}

.list-main .case-list-wrap .case-list {
    overflow: hidden;
}

.list-main .case-list-wrap .case-list ul {
    width: 102%;
}

.list-main .case-list-wrap .case-list ul li {
    float: left;
    margin-right: 26px;
    margin-bottom: 5px;
    position: relative;
}

.list-main .case-list-wrap .case-list ul li a img {
    border:0px;
    vertical-align: -3px;
    /*3像素bug很重要*/
}

.list-main .case-list-wrap .case-list ul li a p {
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.list-main .case-list-wrap .case-list ul li a .case-ico {
    display: block;
    width: 62px;
    height: 35px;
    background: url("../images/case_n.png") no-repeat left top;
    position: absolute;
    left: 15px;
	top: 140px;
    bottom: 75px;
}

.list-main .case-list-wrap .case-list ul li a:hover .case-ico {
    background: url("../images/case_h.png") no-repeat left top;

}

.list-main .case-list-wrap .case-list ul li:hover {
    box-shadow: 2px 2px 4px #ccc;
    -ms-border: 1px solid #ccc;
    background-color: #efefef\9;
}

/*========== 工程案例详情页 ==========*/
.list-main .case_info_wrap .imglist {
    height: 510px;
    overflow: hidden;
}

.list-main .case_info_wrap .imglist .arr-left {
    float: left;
    height: 510px;
    width: 60px;
    font-weight: normal;
    background: url("../images/arr_l_n.jpg") no-repeat center center;
}

.list-main .case_info_wrap .imglist .arr-left:hover {
    background: url("../images/arr_l_h.jpg") no-repeat center center;
    cursor: pointer;
}

.list-main .case_info_wrap .imglist .img-items {
    width: 765px;
    height: 510px;
    /*background: red;*/
    position: absolute;
    left: 50%;
    margin-left: -383px;
    overflow: hidden;
}

.list-main .case_info_wrap .imglist ul {
    width: 5000px;
    position: absolute;
    height: 510px;
}

.list-main .case_info_wrap .imglist ul li {
    float: left;
}

.list-main .case_info_wrap .imglist .arr-right {
    float: right;
    height: 510px;
    width: 60px;
    background: url("../images/arr_r_n.jpg") no-repeat center center;
}

.list-main .case_info_wrap .imglist .arr-right:hover {
    cursor: pointer;
    background: url("../images/arr_r_h.jpg") no-repeat center center;
}

.list-main .case_info_wrap .info {
    margin-top: 40px;
}

.list-main .case_info_wrap .info .ans-header,
.page-header,
.fhxc-header {
    background: url("../images/sec_h_bg.jpg") no-repeat center top;
    text-align: center;
    font-size: 24px;
    padding: 10px;
}

/*========== 产品系列页 ==========*/
.list-main .pro-cat-wrap {
    overflow: hidden;
    width: 1200px;
}

.list-main .pro-cat-wrap .pro-cat-list {
    width: 1300px;
    overflow: hidden;
    margin-bottom: 50px;
}

 .list-main .pro-cat-wrap .pro-cat-list li {
    float: left;
    width: 200px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #e5e6eb;
    color: #000;
    margin-right: 25px;
}

 .list-main .pro-cat-wrap .pro-cat-list li:hover {
    background: #425494;
    color: #fff;
 }

  .list-main .pro-cat-wrap .pro-cat-list li:hover a {
    background: #425494;
    color: #fff;
 }

.list-main .pro-cat-wrap .leftimg {
    width: 585px;
    float: left;
}

 .list-main .pro-cat-wrap .rightinfo {
    width: 560px;
    height: 300px;
    text-align: left;
    padding: 0px 20px;
    position: relative;
    float: right;
 }

 .list-main .pro-cat-wrap .rightinfo .tel {
    position: absolute;
    bottom: 5px;
    display: block;
    width: 261px;
    height: 43px;
    background: url("../images/btn_tel.jpg") no-repeat left top;
 }

 .list-main .pro-cat-wrap .rightinfo .title {
    font-size: 24px;
    color: #425494;
    margin-bottom: 20px;
 }

 .pro-inner-items {
    width: 1200px;
    overflow: hidden;
    padding-left: 40px;
 }

.pro-inner-items ul {
    width: 1300px;
}

.pro-inner-items ul li {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}

.pro-inner-items ul li a p {
    position: absolute;
    bottom: 0px;
    width: 262px;
    background: #333;
    color: #fff;
    height: 40px;
    line-height:40px;
    text-align:center;
}

.fhxc-wrap {
    width: 1200px;
    margin: 0px auto;
}

.fhxc-wrap ul li {
    float: left;
    position: relative;
    margin: 0px 20px 20px 0px;
}

.fhxc-wrap ul li:first-child {
    width: 600px;
    height: 428px;
    /*background: red;*/
}

.fhxc-wrap ul li:first-child img {
    width: 100%;
}

.fhxc-wrap ul li p {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #000;
}

/*========== 产品详情页 ==========*/
.pinfo_left {
    width: 400px;
    float: left;
    overflow: hidden;
}

.pinfo_left .pinfo-left-mainimg {
    margin: 10px 0px;
}

.pinfo_left .pinfo-left-header {
    font-size: 20px;
    border-left: 5px solid #425494;
    padding: 2px 5px;
}

.pinfo_left .pinfo-left-case ul {
    width: 500px;
}

.pinfo_left .pinfo-left-case ul li {
    float: left;
    margin-right: 40px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.pinfo_left .pinfo-left-case ul li p {
    text-align: center;
}

.pinfo_left .pinfo-left-other-product ul {
    width: 500px;
}

.pinfo_left  .pinfo-left-other-product ul li {
    float: left;
    margin-right: 40px;
    margin-bottom: 10px;
/*    margin-top: 20px;*/
}

.pinfo_left  .pinfo-left-other-product ul li a {
    display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #425494;
    color: #fff;
}

.pinfo_left .pinfo-left-news ul li {
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-bottom: 5px;
    margin-top: 20px;
    background: url("../images/li_style1.jpg") no-repeat left center;
    padding-left: 20px;
}

.pinfo_left .pinfo-left-news ul li span {
    position: absolute;
    right: 0px;
    top: 0px;
}

.pinfo_left .pinfo-left-contact {
    margin-top: 20px;
    margin-bottom: 20px;
}

.pinfo_left .pinfo-left-contact .comp-name {
    font-size: 22px;
    padding: 10px;
    border-bottom: 1px dashed #ccc;
    background: #e7e7eb;
}

.pinfo_left .pinfo-left-contact ul li {
    padding: 5px 0px 5px 40px;
    background: #e7e7eb;
}

.pinfo_left .pinfo-left-contact ul .comp-tel {
    background: #e7e7eb url("../images/ico_hotline.jpg") no-repeat 10px center;

}

.pinfo_left .pinfo-left-contact ul .comp-mobile {
    background: #e7e7eb url("../images/ico_mobile.jpg") no-repeat 10px center;
}

.pinfo_left .pinfo-left-contact ul .comp-email {
    background: #e7e7eb url("../images/ico_email.jpg") no-repeat 10px center;
}

.pinfo_left .pinfo-left-contact ul .comp-address {
    background: #e7e7eb url("../images/ico_add.jpg") no-repeat 10px center;
}

.pinfo_right {
    width: 760px;
    float: right;
}

.pinfo_right .pro-info-name {
    font-size: 30px;
}

.pinfo_right .pro-info-desc {
    /*font-size: 30px;*/
    margin: 20px auto;
}

.pinfo_right .ans-pro-header {
    width: 760px;
    height: 37px;
    line-height: 37px;
    background: #e5e6eb url("../images/ans_f.jpg") no-repeat left center;
    font-size: 20px;
}

.pinfo_right .ans-pro-header {
    margin-bottom: 10px;
    margin-top: 20px;
}

.pinfo_right .ans-pro-header .ans-name {
    padding-left: 50px;
}

.pinfo_right .ans-pro-con {
    margin-bottom: 20px;
}