@charset "utf-8";
/* CSS Document */


.ptb10{ padding:10px 0;}
.ptb20{ padding:20px 0;}

.plr30{ padding:0 30px;}

.mtb10{ margin:10px auto;}
.mtb20{ margin:20px auto;}
.mtb30{ margin:30px auto;}
.mtb40{ margin:40px auto;}

.mlr30{ margin:0 30px;}

.mAll30{ margin:30px;}

.fontsize12{ font-size:12px;}
.fontsize14{ font-size:14px;}
.fontsize16{ font-size:16px;}
.fontsize18{ font-size:18px;}
.fontsize24{ font-size:24px;}
.fontsize32{ font-size:32px;}

.bShadow59{ box-shadow:0 0 5px #999;}

ul{ list-style:none; margin:0; padding:0;}

body{ font-family:"思源宋体", "思源黑体", "微软雅黑", "宋体", Helvetica, Arial, sans-serif; line-height:1.5em; background: #FFF ;}
body > div{ max-width: 1920px; margin: auto;}
body.index::before{ content: " "; width: 100%; height: 140px; display: block;}


.green{ background:#232323;}
.greenTxt{ color:#232323;}



body.index .top{ border-bottom: 5px solid #ba0e02;}
.top{ width:100%; min-width: 1200px;  height:140px; position: fixed; top: 0; left: 50%; transform: translateX(-50%); padding: 0 20px; background-color: #FFF; background-color: rgba(255, 255, 255, 0.85); z-index: 99; border-bottom: 5px solid #ba0e02;}


.top .logo{
    line-height: 140px;
}
    .top .logo img{
        width: auto;
        height: 97px;
    }

    .topSearch{ width: 800px; float: right; margin-top: 14px; text-align: right; position: relative; z-index: 9;}
    .topSearch form{ border: 1px solid #CCC; display: inline-block; background-color: #FFF;}
    .topSearch input[type="text"]{ width: 150px; height: 18px; line-height: 18px; text-align: left; text-indent: 1em; border: 0;}
    .topSearch input[type="submit"]{ width: 18px; height: 18px; line-height: 18px; text-align: left; text-indent: -1000em; border: 0; background-color: #FFF; background-image: url(../images/searchBtn.png); background-repeat: no-repeat;}
    
    
    .topNav{ height:60px; float:left; margin-top: 18px;}
    .topNav a{ height:80px; display:block;}
    .topNav a:hover{ text-decoration: none;}
    
    .topNav dl{ width:100%; margin:0; padding:0;}
    .topNav dd{ width:120px; height:80px; line-height:80px; float:left; position: relative;}
    .topNav dd > a{ width:100%; height:85px; overflow:hidden; line-height:80px; font-size:16px; text-align:center; color:#333; background:none; transition:background 0.5s, color 0.5s; -moz-transition:background 0.5s, color 0.5s; -webkit-transition:background 0.5s, color 0.5s; -o-transition:background 0.5s, color 0.5s; text-transform: uppercase;}
    .topNav dd:hover > a, .topNav dd.active > a{ background:#ba0e02; color: #FFF;}
    .topNav dd:hover .topNavFlowNav, .topNav dt:hover .topNavFlowNav{ display: block;}
    
    .topNavFlowNav{ position: absolute; top: 85px; width: 240px; left: 50%; margin-left: -60px; background-color: #FFF; display: none; border-top: 1px solid #FFF; box-shadow: 0 0 5px #999; box-shadow: 0 0 5px rgba(0, 0, 0, 25%);}
    .topNavFlowNav::before{ content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #FFF; position: absolute; top: -4px; left: 60px; margin-left: -2px;}
    .topNavFlowNav a{ display: block; color: #333 !important; text-align: left; height: auto; line-height: 24px; font-size: 14px; padding: 16px 0; text-indent: 1em;}
    .topNavFlowNav a:hover{ color: #FFF !important; background-color: #ba0e02;}
    
    
    .topNavLan dl{ width:100%; margin:0; padding:0;}
    .topNavLan dd{ width:120px; height:80px; line-height:80px; float:left; position: relative;}
    .topNavLan dd > a{ width:100%; height:85px; overflow:hidden; line-height:80px; font-size:16px; text-align:center; color:#333; background:none; transition:background 0.5s, color 0.5s; -moz-transition:background 0.5s, color 0.5s; -webkit-transition:background 0.5s, color 0.5s; -o-transition:background 0.5s, color 0.5s; text-transform: uppercase;}
    /* .topNavLan dd:hover > a, .topNavLan dd.active > a{ background:#ba0e02; color: #FFF;}
    .topNavLan dd:hover .topNavFlowNav, .topNavLan dt:hover .topNavFlowNav{ display: block;} */
    
    
    .topSearch .topNavLan{ height: 23px; margin: 0;}
    .topSearch .topNavLan dd{ height: 23px;}
    .topSearch .topNavLan dd > a{ height: 26px; line-height: 23px; display: block;}
    .topSearch .topNavFlowNav img{ margin-right: 10px;}
    .topSearch .topNavFlowNav{ top: 23px;}
          

.indexBanner{
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
}
    .indexBanner__swiper{
        width: 100%;
        /* height: 800px; */
        overflow: hidden;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
    }
    .indexBanner .swiper-button-prev,
    .indexBanner .swiper-button-next{
        width: 45px;
        height: 45px;
        overflow: hidden;
        display: block;
        border-radius: 45px;
        position: absolute;
        bottom: 80px;
        right: 110px;
        left: auto;
        top: auto;
        background-color: #FFF;
        background-image: none;
        transition:all 0.5s;
        -moz-transition:all 0.5s;
        -webkit-transition:all 0.5s;
        -o-transition:all 0.5s;
    }
        .indexBanner .swiper-button-prev::before,
        .indexBanner .swiper-button-next::before{
            content: "";
            width: 16px;
            height: 2px;
            overflow: hidden;
            border-radius: 3px;
            background-color: #000;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: rotate(45deg) translate(-50%, -50%);
            z-index: 7;
            display: block;
        }
        .indexBanner .swiper-button-prev::after,
        .indexBanner .swiper-button-next::after{
            content: "";
            width: 16px;
            height: 2px;
            overflow: hidden;
            border-radius: 3px;
            background-color: #000;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: rotate(-45deg) translate(-40%, -50%);
            z-index: 6;
            display: block;
        }
        
        .indexBanner .swiper-button-prev::before,
        .indexBanner .swiper-button-prev::after,
        .indexBanner .swiper-button-next::before,
        .indexBanner .swiper-button-next::after{
            transition:all 0.5s;
            -moz-transition:all 0.5s;
            -webkit-transition:all 0.5s;
            -o-transition:all 0.5s;
        }
        .indexBannerItem{
            overflow: hidden;
            position: relative;
        }
        .indexBannerItem img{
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            max-width: 100%;
        }
    .indexBanner .swiper-button-prev{
        bottom: 80px;
        right: 170px;
        left: auto;
        top: auto;
        transform: scaleX(-1);
        background-color: #000;
    }
        .indexBanner .swiper-button-prev::before,
        .indexBanner .swiper-button-prev::after{
            background-color: #FFF;
        }
    
        .indexBanner .swiper-button-prev:hover,
        .indexBanner .swiper-button-next:hover{
            background-color: #ba0e02;
        }
        
        .indexBanner .swiper-button-prev:hover::before,
        .indexBanner .swiper-button-prev:hover::after,
        .indexBanner .swiper-button-next:hover::before,
        .indexBanner .swiper-button-next:hover::after{
            background-color: #FFF;
        }
        .indexBanner .swiper-button-next.swiper-button-disabled,
        .indexBanner .swiper-button-prev.swiper-button-disabled{
            pointer-events: auto;
        }

.indexContent{
    padding: 50px 0 50px;
}


.proType--index {
    margin: 0 0 85px;
  }
  .proType--index .proType__body {
    margin: 0;
    padding: 0;
  }
  .proType--index .proType__body .proType__li {
    list-style: none;
    width: 369px;
    float: left;
    margin: 0 30px 30px 0;
    background: #000;
  }
  .proType--index .proType__body .proType__li .proType__link {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-decoration: none;
    position: relative;
  }
  .proType--index .proType__body .proType__li .proType__link .proTypeImg {
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    opacity: 1;
  }
  .proType--index .proType__body .proType__li .proType__link:hover .proTypeInfo__content {
    /* height: 128px;
    opacity: 1; */
  }
  .proType--index .proType__body .proType__li .proType__link:hover .proTypeImg {
    -ms-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    opacity: .5;
  }
  .proType--index .proType__body .proType__li:nth-child(3) {
    margin: 0 0 30px 0;
  }
  .proType--index .proType__body .proType__li:nth-child(4) {
    width: 770px;
    list-style: none;
    float: left;
    margin: 0 30px 30px 0;
    background: #000;
  }
  .proType--index .proType__body .proType__li:nth-child(4) .proType__link {
    display: block;
    width: 100%;
    overflow: hidden;
    text-decoration: none;
    position: relative;
  }
  .proType--index .proType__body .proType__li:nth-child(4) .proType__link .proTypeInfo {
    width: 525px;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
    margin: 100px 125px;
    padding: 0;
    text-align: center;
    transform: translateY(0);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  .proType--index .proType__body .proType__li:nth-child(4) .proType__link .proTypeInfo .proTypeInfo__title {
    height: 72px;
    line-height: 72px;
    text-align: center;
    font-size: 72px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    margin: 70px 0 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  .proType--index .proType__body .proType__li:nth-child(4) .proType__link .proTypeInfo .proTypeInfo__content {
    height: 48px;
    opacity: 1;
    overflow: hidden;
    font-size: 30px;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 15px;
    color: #FFF;
    margin: 0;
    padding: 0 40px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  .proType--index .proType__body .proType__li:nth-child(4) .proType__link > img {
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    opacity: 1;
  }
  .proType--index .proType__body .proType__li:nth-child(4) .proType__link:hover .proTypeInfo {
    width: 775px;
    height: 450px;
    margin: 0;
    padding: 100px 125px;
  }
  .proType--index .proType__body .proType__li:nth-child(4) .proType__link:hover > img {
    -ms-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    opacity: .5;
  }
  .proType--index .proType__body .proType__li:nth-child(5) {
    overflow: hidden;
    margin: 0 0 30px 0;
  }
  .proTypeInfo {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    background: rgba(0, 0, 0, 0.5);
    margin: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  .proTypeInfo .proTypeInfo__title {
    height: 72px;
    line-height: 72px;
    text-align: center;
    font-size: 24px;
    color: #FFF;
    margin: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  .proTypeInfo .proTypeInfo__content {
    height: 0;
    overflow: hidden;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFF;
    margin: 0;
    padding: 0 40px;
    font-weight: normal;
    opacity: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
  }

.indexContent--about h5{ font-size: 24px; line-height: 60px; margin: 0; color: #333; text-align: center;}
.indexContent--about p{ font-size: 14px; line-height: 30px; margin: 0; padding: 0 130px; color: #555; text-align: center;}


.indexTitleBox{ width:244px; height:106px; padding:15px 0 0; background:#fd0002; text-align:center; margin:0 auto; position:absolute; z-index:999; margin-top:-36px; left:50%; margin-left:-122px;}
.indexTitleBox h5{ line-height:30px; font-size:24px; color:#FFF; margin:0; padding:0; text-transform: uppercase;}
.indexTitleBox p{ height:30px; line-height:24px; font-size:14px; color:#FFF; margin:0; padding:0;}
.indexTitleBox i{ width:34px; height:2px; overflow:hidden; background:#FFF; display:block; margin:0 auto;}
.indexTitleBox span{ width:25px; height:25px; overflow:hidden; background:#FFF; display:block; margin:0 auto; background:#fd0002; position:relative; transform:rotate(45deg); margin-top:10px;}

.indexNewsContent{ width:100%; overflow:hidden; text-align:left; margin-top: 100px;}
.indexNewsContent ul{ margin:0; padding:0;}
.indexNewsContent li{ width:49%; overflow:hidden; display:block; float:left; background:#FFF;}
.indexNewsContent li:nth-of-type(even){ margin-left:20px;}
.indexNewsContent a{ width:100%; overflow:hidden; display:block;}
.indexNewsContent dl{ width:100%; height:110px; overflow:hidden; padding:10px 10px 0; margin: 0; border-bottom:1px dotted #CCC;}
.indexNewsContent dt{ float:left; width:60px; text-align:center;}
.indexNewsContent dt p{ color:#000; font-family:"Times New Roman", Times, serif; width:60px; font-size:16px; line-height:24px; margin:10px 0 15px;}
.indexNewsContent dd{ width:490px; float:left;}
.indexNewsContent dd h3{ font-size:16px; color:#000; height:30px; line-height:24px; margin:10px 0 5px; padding:0;}
.indexNewsContent dd p{ font-size:12px; line-height:18px; height:36px; overflow:hidden; color:#666; margin:0; padding:0;}

.indexNewsContent a:hover{ background:#f1f1f1;}
.indexNewsContent a:hover dt p{ color:#000;}
.indexNewsContent a:hover dd h3{ color:#000;}
.indexNewsContent a:hover dd p{ color:#000;}


.copyright{ height: 60px; line-height: 60px; background-color: #EEE; margin-top: 80px; font-size: 14px; color: #666;}
.copyright p{ margin: 0; padding: 0;}
.copyrightNav{ font-size: 12px; color: #CCC;}
.copyrightNav a{ font-size: 14px; color: #666;}

.banner{
    width: 100%;
    min-width: 1200px;
    text-align: center;
    margin-top: 140px;
}
.banner img{
    width: 100%;
}

.content{ margin: 50px 0;}

.contentNewsList ul{ margin:0; padding:0;}
.contentNewsList li{ width:100%; overflow:hidden; display:block; float:left; background:#FFF;}
.contentNewsList li:nth-of-type(even){ float:right;}
.contentNewsList a{ width:100%; overflow:hidden; display:block;}
.contentNewsList dl{ width:100%; height:110px; overflow:hidden; margin:10px 10px 0; padding-top:15px; border-bottom:1px dotted #CCC;}
.contentNewsList dt{ float:left; width:80px; text-align:center;}
.contentNewsList dd{ width:990px; float:left;}
.contentNewsList dd h3{ font-size:16px; color:#000; height:30px; line-height:24px; margin:0; padding:0;}
.contentNewsList dd p{ font-size:12px; line-height:18px; height:36px; overflow:hidden; color:#666; margin:0; padding:0;}

.contentNewsList dt{ margin-right:10px; height:66px;}
.contentNewsList dt .newsListDate{ width:80px; height:100%; overflow:hidden; float:left; border-right:1px solid #999;}
.contentNewsList dt .newsListDate span{ font-size:24px; color:#999; line-height:24px; margin:0; padding:0; width:64px; text-align:center; display:block;}
.contentNewsList dt .newsListDate p{ font-size:14px; color:#999; line-height:22px; margin:5px 0; padding:0; width:64px; text-align:center; display:block;}
.contentNewsList dt .newsListDate b{ font-size:14px; color:#999; line-height:16px; margin:0; padding:0; width:64px; text-align:center; display:block;}

.contentNewsList li:hover{ background:#ba0e02;}
.contentNewsList li:hover *{ color:#FFF;}
.contentNewsList li:hover dt *{ color:#FFF;}
.contentNewsList li:hover dt .newsListDate{ border-right:1px solid #FFF;}

.new_view{ padding:0; margin:0;}
.new_title{ text-align:center; border-bottom:1px dotted #CCC;}
.new_title h3{ color:#000; line-height: 36px;}
.new_title p{ font-size:12px; line-height: 20px; color:#999;}

.new_info{ line-height:2em; min-height:520px; height:auto; _height:520px; overflow:auto; margin:30px 0 0;}


.pageBox{ text-align:center; margin:30px auto; clear:both}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#ba0e02; color:#FFF; border:1px solid #ba0e02;}
.pagination>li>a, .pagination>li>span{ color:#333;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ color:#ba0e02;}

.backMainBox{ margin-bottom:60px;}
.backBox{ width:100%; overflow:hidden; clear:both; border-top:1px dotted #CCC; padding-top: 30px;}
.backBox p{ width:50%; overflow:hidden; float:left; font-size:12px; color:#666; margin:0;}
.backBox a{ font-size:12px; color:#666; text-align:left;}
.backBox a:hover{ text-decoration:underline;}
.backBox p.ProBreak{ width: 102px; float:right;}
.ProBreak a{ display: block; width: 100px; height: 24px; border: 1px solid #CCC; font-size: 12px; text-align: center; line-height: 24px; color: #999; margin: 0; border-radius: 3px;}



.rczpBox { width:100%;}
.rczpBox .zp_search{ overflow:hidden; margin-bottom:30px; margin-top:60px;}
.rczpBox .zp_search select{ display:block; float:left; width:348px; height:33px; line-height:33px; border:1px solid #cecece; margin-right:20px; font-size:12px; color:#999; padding-left:10px;}
.rczpBox .zp_search .sbox{ overflow:hidden; width:458px; height:33px; background-color:#fff; border:1px solid #cecece;float:right}
.rczpBox .zp_search input{ display:block; font-size:12px; color:#999; line-height:33px;  float:left; width:370px; height:33px; border:none; outline:none; line-height:33px; margin-left:10px;}
.rczpBox .zp_search i{ display:block; width:60px; height:33px; float:right; cursor:pointer;}
.rczpBox .zpList{ width:100%; padding-top:20px;}
.rczpBox .zpList li{ width:100%; overflow:hidden; margin-bottom:20px; box-shadow:0 0 5px #CCC;}
.rczpBox .zpList li .tkBox{}
.rczpBox .zpList li .h5{ cursor:pointer; padding-left:20px;  line-height:50px; height:50px; background:url(../images/zhaopin02.png) no-repeat 1080px center;background-color:#FFF; margin:0;}
.rczpBox .zpList li .h5 span{font-size:16px; color:#333; font-weight:bold; display:block; width:80%; white-space:nowrap; overflow:hidden; float:left; text-overflow:ellipsis}
.rczpBox .zpList li .h5 em{ font-size:14px; color:#666;display:block; width:200px; float:left}


.rczpBox .zpList li:hover .h5 span,.rczpBox .zpList li.cur .h5 span,
.rczpBox .zpList li:hover .h5 em,.rczpBox .zpList li.cur .h5 em{ color:#fff}
.rczpBox .zpList li:hover .h5,.rczpBox .zpList li.cur .h5{background-color:#ba0e02;}

.rczpBox .zpList .zwjs{ overflow:hidden; width:100%; display:none; background-color:#fff; padding-top:30px;}
.rczpBox .zpList .zwjs h4{ font-size:20px; color:#333; margin-bottom:20px;}
.rczpBox .zpList .zwjs table{ overflow:hidden; width:100%; margin-bottom:40px;}
.rczpBox .zpList .zwjs tr{ overflow:hidden; height:40px; font-size:12px; color:#777; width:100%; text-align:center; border-bottom:1px solid #e7e7e7}
.rczpBox .zpList .zwjs .trh{ overflow:hidden; background-color:#f0f0f0;}
.rczpBox .zpList .zwjs td{ border-right:1px solid #e7e7e7}
.rczpBox .zpList .zwjs td.last{ border:none}
.rczpBox .zpList .zwjs .rzzg{ overflow:hidden; width:1080px; margin:0 auto; padding-bottom:30px; border-bottom:1px solid #e7e7e7; margin-bottom:25px;}
.rczpBox .zpList .zwjs .rzzg h6{ font-size:14px; color:#555; margin-bottom:15px;}
.rczpBox .zpList .zwjs .rzzg p{ font-size:14px; color:#777; line-height:30px;}
.rczpBox .zpList .zwjs span{ display:block; margin-bottom:70px; font-size:12px; color:#555; margin-left:60px;}
.rczpBox .zpList .zwjs span em{ color:#555;}
.rczpBox .zpList .zwjs b{ display:block; cursor:pointer; font-weight: normal; font-size:20px; color:#fff; width:180px; height:40px; text-align:center; line-height:40px; background-color:#CCC; margin-left:60px; margin-bottom:40px;}


.joinBox .rczpBox .zpList li .h5 span,.joinBox .rczpBox .zpList li .h5 em{ color:#fff}
.joinBox .rczpBox .zpList li .h5{background-color:#ba0e02;}
.joinBox .rczpBox .zpList li .h5 span{ width:150px;}
.joinBox .rczpBox .zpList li:first-child .zwjs{ display:block;}


.contentNav {
    width: 200px;
  }
  .contentNav__hd {
    height: 60px;
    line-height: 60px;
    border-bottom: solid 1px #ecebeb;
  }
  .contentNav__title {
    color: #000;
    text-transform: uppercase;
    text-indent: 5px;
    line-height: 60px;
    margin: 0;
    padding: 0;
  }
  .contentNav__bd {
    margin: 15px 0;
  }
  .contentNav__List {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .contentNav__Item {
    width: 100%;
    line-height: 48px;
    border-bottom: solid 1px #ecebeb;
  }
  .contentNav__link {
    font-size: 14px;
    color: #000;
    display: block;
  }
  .contentNav__link--active,.contentNav__link:hover {
    color: #c1261b;
    text-decoration: underline;
  }
  .flowNav {
    height: 0;
    width: 100%;
    overflow: hidden;
    margin: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  .flowNav__Item {
    margin: 5px auto;
    padding-left: 20px;
    line-height: 20px;
  }
  .flowNav__link {
    font-size: 12px;
    color: #000;
    text-decoration: none;
    display: block;
  }
  .flowNav__link--active,.flowNav__link:hover{
    color: #c1261b;
    text-decoration: underline;
  }
  .flowNav__num {
    font-size: 12px;
    color: #000;
    float: right;
  }
  .contentNav__Item:hover .flowNav {
    height: auto;
    margin: 5px 0 15px;
  }
  .contentNav__Item.active .flowNav {
    height: auto;
    margin: 5px 0 15px;
  }
  
.content__bd {
    width: 920px;
  }
  .content__title {
    height: 60px;
    line-height: 60px;
    border-bottom: solid 1px #CCC;
    margin-bottom: 30px;
  }
  .content__h1{ font-size: 30px; line-height: 60px;}
  .content__title b {
    float: right;
    font-size: 24px;
    color: #c40000;
    display: block;
    margin-left: 20px;
  }
  .content__title span {
    font-size: 16px;
    color: #999;
  }
  .content__title em {
    float: right;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border: solid 1px #999;
    border-radius: 30px;
    background: #FFF;
    color: #999;
    display: block;
    text-align: center;
    line-height: 28px;
    margin: 10px 0 10px 20px;
    font-style: normal;
    cursor: pointer;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  .content__h1 {
    margin: 0;
    padding: 0;
  }
  .content__info {
    margin: 30px 0;
  }
  .proListBody--content {
    width: 920px;
  }
  .proListBody__li{ width: 270px; padding: 10px; border: 1px solid #FFF; box-shadow: 0 0 5px #CCC; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);  text-align: center; float: left; margin: 0 15px 30px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }

  .proListBody__li:hover{ border: 1px solid #ba0e02; box-shadow: 0 0 15px #ba0e02; box-shadow: 0 0 15px rgba(186, 14, 2, 0.75);}
  .proListBody__li a{ text-decoration: none;}
  .proListBody__li img{ width: 250px; height: 250px;}
  .proListBody__li p{ font-size: 14px; color: #333; line-height: 40px; margin: 0;}

  .proListBody__link{ cursor: pointer;}

  .content__download {
    width: 100%;
  }
  .downloadListBody--content {
    width: 100%;
  }
  .downloadListBody--content  .proListBody__li{
    width: 260px;
  }
  .downloadListBody--content  .proListBody__li img{
    width: 100%;
    height: auto;
  }
  
  .searchSelect__link {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    padding: 0 5px;
    margin: 0 5px;
    display: inline-block;
  }
  .searchSelect__link .searchSelect__fa {
    color: #CCC;
  }
  .searchSelect__link:hover {
    color: #c1261b;
    text-decoration: none;
  }
  .searchSelect__link:hover .searchSelect__fa {
    color: #c1261b;
  }


  
.rightProBox{
	width:100%;
	text-align:center;
}
.rightProBox .title{
	width:100%;
	text-align:left;
}
.rightProBox .content{
	width:960px;
	margin:0 auto;
	text-align:left;
}
.productImg{
	margin:20px 0;
  text-align:center;
  position: relative;
}


.productImg__btn{ width: 100%; height: 100%; position: absolute; z-index: 9; left: 0; top: 0;}
.productImg__btnPrev{ position: absolute; left: 0; top: 50%;}
.productImg__btnNext{ position: absolute; right: 0; top: 50%;}
.productImg__btnPrev a, .productImg__btnNext a{ font-size: 48px; color: #333; opacity: 0.25; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.productImg__btnPrev a:hover, .productImg__btnNext a:hover{ color: #ba0e02; text-decoration: none; opacity: 1;}

.proTitle{
	height:46px;
	overflow:hidden;
	border-left:11px solid #BE0000;
	margin-bottom:10px;
}
.proTitle a{
	width:125px;
	height:46px;
	overflow:hidden;
	display:block;
	float:right;
	background:url(../images/proTypeMore.png) right top no-repeat;
	text-decoration:none;
}
.proTitleYang a{
	width:105px;
	height:46px;
	overflow:hidden;
	display:block;
	float:right;
	background:url(../images/proTypeYangMore.png) left top no-repeat;
	text-decoration:none;
}
.proTitle .proCanshu{
	height:20px;
	font-size:16px;
	line-height:20px;
	color:#BE0000;
	margin:0;
	padding:0;
	text-indent:10px;
}
.proTitle h2{
	height:26px;
	font-size:18px;
	line-height:26px;
	color:#000;
	margin:0;
	padding:0;
  text-indent:10px;
  font-weight: bold;
}
.proInfo{
	line-height:24px;
}
.proInfo > div{
	margin:10px 0;
}
.proInfo .title{
	width:100%;
	height:36px;
	border-left:11px solid #BE0000;
	font-size:18px;
	background:#f0f0f0;
	line-height:36px;
	color:#BE0000;
	text-indent:10px;
}

.proInfoTable{
	width:100%;
	margin:10px 0;
}
.proInfoTable th{
	text-align:center; background:#BE0000; color:#FFF; border-top:2px solid #710101; border-right:1px solid #FFF; padding:5px 0;
}
.proInfoTable th:last-child{
	text-align:center; background:#BE0000; color:#FFF; border-top:2px solid #710101; border-right:0; padding:5px 0;
}
.proInfoTable td{
	text-align:center; background:#CCC; color:#333; border-right:1px solid #FFF; padding:5px 0;
}
.proInfoTable td:last-child{
	text-align:center; background:#CCC; color:#333; border-right:0; padding:5px 0;
}