.model-banner .banner-title {
    font-size: 36px;
    line-height: 52px;
    padding-top: 138px;
}
.banner-but {
    margin-top: 40px;
}
.banner-but a {
    display: block;
    width: 200px;
    height: 60px;
    background: #80241C;
    border-radius: 4px;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
}
.proHd-box {
    padding: 20px 20px 30px;
    background: #fff;
    transition: .3s;
}
.proHd-img {
    overflow: hidden;
    border-radius: 6px;
}
.proHd-img img {
    width: 100%;
    transition: .3s;
}
.proIndex-head {
    padding: 0px 0 40px;
    background: #F6F6F6;
}
.proHd-info {
    margin-top: 30px;
    text-align: center;
}
.proHd-tit {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}
.proHd-tit a {
    color: #111;
}
.proHd-tit a:hover {
    color: #80241C;
}
.proHd-post {
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
    color: #7C7C6B;
    height: 22px;
    overflow: hidden;
}
.proIndex-main {
    padding: 40px 0;
}
.proIndex-left {
    width: 50%;
    float: left;
    overflow: hidden;
}
.proIndex-cls {
    background: #F6F6F6;
}
.proIndex-left img {
    width: 100%;
    transition: .3s;
}
.proIndex-left:hover img {
    transform: scale(1.02);
}
.proIndex-right {
    width: 50%;
    float: left;
    padding: 60px;
}
.proIndex-title {
    font-size: 30px;
    line-height: 42px;
    color: #111;
    font-weight: bold;
}
.proIndex-title a{
    color:black;}
.proIndex-intro {
    font-size: 16px;
    line-height: 28px;
    margin-top: 20px;
    color: #7C7C6B;
}
.proIndex-tag {
    font-size: 0;
    margin-top: 25px;
}
.proIndex-tag span {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #80241C;
    background: #fff;
    border-radius: 4px;
    padding: 0 20px;
    margin-right: 10px;
    font-weight: bold;
}
.proIndex-case {
    padding-top: 40px;
    margin-top: 37px;
    border-top: 1px solid #F0F0F0;
}
.proIndexC-t {
    font-size: 18px;
    color: #111;
    font-weight: bold;
}
.proIndexC-x {
    padding-top: 5px;
}
.proIndexC-x p {
    font-size: 16px;
    color: #222;
    margin-top: 15px;
}
.proIndexC-x p span {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #666;
    position: relative;
    top: -2px;
    margin-right: 10px;
}
.proIndexC-x a:hover {
    color: #80241C;
}
.proIndex-main .proHd-box {
    background: #F6F6F6;
    border-radius: 4px;
}
.proHd-but {
    font-size: 0;
    text-align: center;
    margin-top: 20px;
}
.proHd-but a {
    display: inline-block;
    width: 50%;
    height: 40px;
    background: #fff;
    border-radius: 4px 0px 0px 4px;
    font-size: 16px;
    color: #7C7C6B;
    line-height: 40px;
}
.proHd-but .bts2 {
    border-radius: 0px 4px 4px 0px;
    background: #80241C;
    color: #fff;
}
.proHd-main {
    margin-top: 20px;
}
.proIndex-all {
    margin-top: 60px;
}
.proIndex-all:first-child {
    margin-top: 0;
}
.block1 {
    background: #F6F6F6;
    padding: 40px 0;
}
.block1-titie {
    text-align: center;
    font-size: 40px;
    line-height: 56px;
    color: #111;
    font-weight: bold;
}
.tz-box {
    display: block;
    background: #fff;
    padding: 40px 40px 58px;
    transition: .3s;
}
.tz-ico {
    text-align: center;
}
.tz-ico img {
    width: auto!important;
}
.tz-tle {
    font-size: 20px;
    line-height: 28px;
    color: #222;
    font-weight: bold;
    margin-top: 32px;
    text-align: center;
}
.tz-intro {
    font-size: 16px;
    line-height: 28px;
    color: #555;
    margin-top: 25px;
    height: 84px;
}
.tz-post {
    margin-top: 40px;
}
.tz-post {
    display: block;
    height: 50px;
    line-height: 50px;
    width: 100%;
    border: 1px solid #80241C;
    border-radius: 4px;
    font-size: 16px;
    color: #80241C;
    text-align: center;
}
.tz-main {
    margin-top: 40px;
}
.tz-box:hover {
    margin-top: -10px;
    box-shadow: 0px 8px 18px rgb(0 0 0 / 4%);
}
.tz-box:hover .tz-post {
    background: #80241C;
    color: #fff;
}
.block2 {
    background: #F2F2F2;
    padding: 40px 0;
}
.relNew-tle {
    font-size: 24px;
    line-height: 33px;
    color: #111;
    font-weight: bold;
    float: left;
}
.relNew-post {
    float: right;
    line-height: 33px;
    font-size: 14px;
    color: #999;
}
.relNew-post a {
    display: block;
    padding-left: 23px;
    background: url(../images/post.png) no-repeat 0 center;
}

.relNew-img img {
    width: 100%;
}

.relNew-box {
    padding: 30px 30px 38px;
    background: #fff;
    border-radius: 4px;
}
.relNew-info {
    margin-top: 20px;
}
.relNew-tit {
    font-size: 20px;
    line-height: 28px;
    color: #3c3a3a;
    overflow: hidden;
}
.relNew-tit a{
    color:#3a3838;
}
.relNew-box:hover .relNew-tit a,
.relNew-noi .relNew-box:hover .relNew-tit{
    color: #a22615;
}
.relNew-time {
    font-size: 12px;
    line-height: 17px;
    color: #999;
    margin-top: 12px;
}
.relNew-intro {
    font-size: 14px;
    line-height: 26px;
    color: #666;
    margin-top: 15px;
    height: 52px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.relNew-noi .relNew-info {
    margin-top: 0;
    height: 152px;
}
.relNew-noi {
    padding: 0 30px 16px;
    background: #fff;
    border-radius: 4px;
}
.relNew-noi .relNew-box {
    padding: 40px 0;
    border-top: 1px dashed #D1D1D1;
}
.relNew-noi .relNew-box:first-child {
    border: 0;
}
.relSp-box {
    background: #fff;
    padding: 30px 30px 0;
    height: 230px;
    position: relative;
    border-radius: 4px;
}
.relSp-video {
    position: relative;
}
.relSp-video img {
    position: absolute;
    width:100%;
}
.video-ico {
    font-size: 20px;
    line-height: 44px;
    width: 154px;
    height: 44px;
    font-weight: bold;
    color: #fff;
    padding-left: 54px;
    background: url(../images/video1.png) no-repeat 0 center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.relSp-tuk img {
    width: 100%;
    border-radius: 4px;
    display: inline-block;
}
.relSp-main .tkk {
    margin-top: 20px;
}
.relSp-tuk span {
    font-size: 20px;
    line-height: 44px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 93px;
    bottom: 0;
    margin: auto;
    height: 44px;
    width: 85px;
}
.relNew-head {
    margin-bottom: 20px;
}
.case-det {
    width: 500px;
    float: left;
}
.case-det .pd-img .carousel-inner {
    height: 375px;
}
.case-det .pd-img .carousel-indicators li .img-box {
    height: 56px;
}
.proDtail-head {
    background: #f6f6f6;
    padding: 20px 0 40px;
}
.proDtailH-right {
    width: 620px;
    float: right;
}
.proDtailH-title {
    font-size: 30px;
    line-height: 32px;
    color: #111;
    font-weight: bold;
}
.proDtailH-intro {
    background: #fff;
    padding: 30px;
    border-top: 1px solid #DADEE2;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    margin-top: 28px;
}
.proDtailH-intro span {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    display: block;
    margin-bottom: 14px;
}
.proDtailH-tag p {
    font-size: 14px;
    line-height: 26px;
    color: #31373F;
    margin-top: 5px;
}
.proDtailH-tag p strong {
    color: #222;
}
.proDtailH-tag {
    padding-top: 22px;
}
.proDtailH-but {
    font-size: 0;
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #EAEAEA;
}
.proDtailH-but .bts1 {
    width: 240px;
    height: 50px;
    background: #80241C;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
}
.proDtailH-but .bts2 {
    width: 240px;
    height: 50px;
    display: inline-block;
    border: 1px solid #80241C;
    line-height: 50px;
    font-size: 16px;
    color: #80241C;
    position: relative;
    top: 1px;
    margin-left: 10px;
    text-indent: 77px;
    border-radius: 4px;
    background: url(../images/dh.png) no-repeat 47px center;
}
.proDtailH-es {
    margin-top: 30px;
}
.proDtailH-es a {
    float: left;
    font-size: 16px;
    line-height: 50px;
    font-weight: bold;
    color: #222;
    padding-left: 60px;
    margin-left: 38px;
}
.proDtailH-es a:first-child {
    margin-left: 0;
}
.proDtailH-es .es1 {
    background: url(../images/es001.png) no-repeat 0 center;
}
.proDtailH-es .es2 {
    background: url(../images/es002.png) no-repeat 0 center;
}
.proDtailH-es .es3 {
    background: url(../images/es003.png) no-repeat 0 center;
}
.left-block {
    width: 860px;
    float: left;
}
.wsc-editTit {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    color: #31373F;
    position: relative;
}
.right-block {
    width: 280px;
    float: right;
    padding-top: 20px;
}
.left-block .wsc-edit {
    margin-top: 0;
    padding: 30px 0;
    border-top: 1px dashed #CCCCCC;
}
.left-block .wsc-edit:first-child {
    border: 0;
}
.proTk-box {
    background: #F6F6F6 url(../images/tkbgg.png) no-repeat center 30px;
    padding: 30px;
    border-radius: 4px;
    position: relative;
    margin-top: 20px;
    transition: .3s;
}
.proTk img {
    margin: 0;
    width: 100%;

}
.proTk-tit a {
    font-size: 20px;
    line-height: 28px;
    color: #222;
}
.proTk-tit a:hover {
    color: #80241C;
}
.proTk-tit {
    padding-top: 40px;
}
.proTk-time {
    font-size: 14px;
    color: #666;
    margin-top: 12px;
}
.proTk-ico {
    position: absolute;
    width: 25px;
    height: 20px;
    right: 30px;
    bottom: 30px;
    background: url(../images/tkico.png) no-repeat center;
    background-size: cover;
}
.proCs-img img {
    width: 100%;
}
.proCs-box {
    background: #F6F6F6;
    padding: 30px 50px;
    border-radius: 4px;
    margin-top: 20px;
    transition: .3s;
}
.proCs-tit a {
    font-size: 20px;
    line-height: 34px;
    color: #222222;
    display: block;
    height: 68px;
    overflow: hidden;
    font-weight: 700;
}
.proCs-tit a:hover {
    color: #80241C;
}
.proCs-tag {
    font-size: 14px;
    line-height: 26px;
    color: #666;
    margin-top: 20px;
}
.proCs-info {
    margin-top: 30px;
}
.wsc-abo {
    padding-top: 30px;
    border-top: 1px dashed #ccc;
}
.wscAb {
    width: 100%;
    padding: 60px 60px 213px;
    background: url(../images/probgg.jpg) no-repeat center top;
    background-size: cover;
    margin-top: 20px;
}
.wscAb-title {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
}
.wscAb-intro {
    margin-top: 20px;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    width: 350px;
}
.wscAb-nu {
    padding: 30px 0;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    margin-top: 30px;
}
.wscNu-box {
    float: left;
    text-align: center;
    width: 25%;
    background: url(../images/linnn.png) no-repeat 0 center;
}
.wscNu-box:first-child {
    background: none;
}
.wscNu-tit {
    font-size: 36px;
    color: #80241C;
    font-weight: bold;
}
.wscNu-tit span {
    display: inline-block;
    font-size: 12px;
}
.wscNu-tex {
    font-size: 14px;
    color: #555;
}
.wscIe {
    background: #F6F6F6;
    margin-top: 40px;
}
.wscIe-left {
    float: left;
    width: 50%;
    padding: 60px 40px;
}
.d-content {
    margin-top: 0;
}
.wscIe-img {
    float: left;
    width: 50%;
}
.wscIe-img img {
    width: 100%;
}
.wscIe-tit {
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    color: #222;
}
.wscIe-intro {
    font-size: 14px;
    line-height: 26px;
    color: #555;
    margin-top: 20px;
}
.wscIe:nth-child(2) .wscIe-left {
    float: right;
}
.block3 {
    padding: 40px 0;
}
.relBk-box {
    background: #F6F6F6;
    padding: 40px 30px;
    border-radius: 4px;
    transition: .3s;
}
.relBk-tit {
    font-size: 20px;
    line-height: 28px;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
.relBk-time {
    font-size: 12px;
    color: #999;
    margin-top: 20px;
}
.relBk-intro {
    font-size: 14px;
    line-height: 26px;
    color: #666;
    margin-top: 12px;
    height: 52px;
    overflow: hidden;
}
.side-pro .proHd-box {
    background: #f6f6f6;
}
.side-zh {
    padding: 30px 20px;
    background: url(../images/sidb.png) no-repeat center top;
    background-size: cover;
    text-align: center;
    margin-top: 20px;
    border-radius: 4px;
}
.sideZh-tit {
    font-size: 20px;
    line-height: 24px;
    color: #222;
    font-weight: bold;
}
.sideZh-bs {
    padding-top: 10px;
}
.sideZh-bs a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 48px;
    border: 1px solid #80241C;
    border-radius: 4px;
    font-size: 16px;
    color: #80241C;
    margin-top: 10px;
}
.sideZh-bs a:first-child {
    color: #fff;
    background: #80241C;
}
.sideZh-bs a:hover {
    color: #fff;
    background: #80241C;
}
.sideZh-but {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px dashed #999999;
}
.sideZh-main a {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    color: #666;
}
.sideZh-main a:hover {
    color: #80241C;
}
.sideZh-main {
    margin-top: 20px;
}
.sideZh-main span {
    width: 1px;
    height: 12px;
    display: inline-block;
    background: url(../images/xiao107.png) no-repeat right center;
    margin: 0 24px;
}
.proList-head {
    background: #f6f6f6;
    padding: 10px 0 30px;
}
.proaha-box {
    width: 160px;
    text-align: center;
    padding: 24px 0;
    background: #fff;
    border-top: 1px solid #808598;
    float: left;
    margin-left: 10px;
    border-radius: 0px 0px 4px 4px;
}
.proaha {
    margin-left: -10px;
}
.proaha-img {
    width: 56px;
    height: 56px;
    margin: 0 auto;
}
.proaha-box .md1 {
    background: url(../images/td2.png) no-repeat center;
}
.proaha-box .md2 {
    background: url(../images/td2.png) no-repeat center;
}
.proaha-box .md3 {
    background: url(../images/td3.png) no-repeat center;
}
.proaha-box .md4 {
    background: url(../images/td4.png) no-repeat center;
}
.proaha-box .md5 {
    background: url(../images/td5.png) no-repeat center;
}
.proaha-box .md6 {
    background: url(../images/td6.png) no-repeat center;
}
.proaha-box .md7 {
    background: url(../images/td7.png) no-repeat center;
}
.proaha-tit {
    font-size: 16px;
    line-height: 22px;
    margin-top: 16px;
    color: #808598;
    font-weight: bold;
}
.proaha-box:hover .proaha-tit {
    color: #fff;
}
.proaha-box:hover {
    background: #80241C;
    border-color: #80241C;
}
.proaha-box:hover .md1 {
    background: url(../images/td1h.png) no-repeat center;
}
.proaha .active .md1 {
    background: url(../images/td1h.png) no-repeat center;
}
.proaha-box:hover .md2 {
    background: url(../images/td2h.png) no-repeat center;
}
.proaha .active .md2 {
    background: url(../images/td2h.png) no-repeat center;
}
.proaha-box:hover .md3 {
    background: url(../images/td3h.png) no-repeat center;
}
.proaha .active .md3 {
    background: url(../images/td3h.png) no-repeat center;
}
.proaha-box:hover .md4 {
    background: url(../images/td4h.png) no-repeat center;
}
.proaha .active .md4 {
    background: url(../images/td4h.png) no-repeat center;
}
.proaha-box:hover .md5 {
    background: url(../images/td5h.png) no-repeat center;
}
.proaha .active .md5 {
    background: url(../images/td5h.png) no-repeat center;
}
.proaha-box:hover .md6 {
    background: url(../images/td6h.png) no-repeat center;
}
.proaha .active .md6 {
    background: url(../images/td6h.png) no-repeat center;
}
.proaha-box:hover .md7 {
    background: url(../images/td7h.png) no-repeat center;
}
.proaha .active .md7 {
    background: url(../images/td7h.png) no-repeat center;
}
.proaha .active {
    background: #80241C;
    border-color: #80241C;
}
.proaha .active .proaha-tit {
    color: #fff;
}
.listBar .sideZh-tit {
    background: url(../images/liaqiu.png) no-repeat center;
    text-align: center;
}
.listBar {
    background: #f6f6f6;
    padding: 30px 20px 20px;
    border-radius: 4px;
}
.listBar-main {
    padding-top: 24px;
}
.listBar-main a {
    width: 100%;
    display: block;
    border-radius: 4px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    font-size: 16px;
    color: #666;
    text-indent: 35px;
    position: relative;
    margin-top: 4px;
}
.listBar-main a span {
    width: 4px;
    height: 4px;
    background: url(../images/yuandia.png) no-repeat center;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.listBar-main em {
    width: 8px;
    height: 11px;
    background: url(../images/gouzi.png) no-repeat center;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.listBar-main a:hover {
    color: #fff;
    background: #80241C;
}
.listBar-main a:hover span {
    background: url(../images/yuandiah.png) no-repeat center;
}
.listBar-main .active {
    color: #fff;
    background: #80241C;
}
.listBar-main .active span {
    background: url(../images/yuandiah.png) no-repeat center;
}
.list-style1 .proHd-box {
    background: #f6f6f6;
    margin-top: 20px;
}
.words-main{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}
.words-main .item{
    width: 18%;
    display: block;
    border-radius: 4px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    font-size: 16px;
    color: #666;
    text-align: center;
    margin: 5px 0;
}
.words-main .item:hover,
.words-main .item.active{
    background: #80241C;
    color: #fff;
}

.news-ban {
    line-height: 1.4;
}
.newsBam-tle {
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    padding-top: 138px;
}
.newsBam-sea input {
    float: left;
    width: 580px;
    border-radius: 4px 0px 0px 4px;
    height: 60px;
    background: #fff;
    font-size: 14px;
    text-indent: 20px;
    color: #222;
    outline: none;
    border: 0;
}
.newsBam-sea {
    width: 700px;
    margin: 40px auto 0;
    overflow: hidden;
}
.newsBam-sea input::placeholder {
    color: #7C7C6B;
}
.newsBam-sea button {
    width: 120px;
    height: 60px;
    float: left;
    color: #fff;
    background: #80241C;
    font-size: 16px;
    border-radius: 0px 4px 4px 0px;
    outline: none;
    border: 0;
}
.newsBam-sea button:hover {
    background: #9F2C23;
}
.newsBam-hot {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-top: 16px;
}
.newsBam-hot a {
    display: inline-block;
    margin-right: 15px;
    color: white;
}
.newsBam-hot a:hover {
    font-weight: bold;
}
.bs-bread .wsc-bread {
    background: #fff;
}
.newsHe {
    padding: 14px 0 40px;
}
.newsHe-img {
    position: relative;
    display: block;
}
.newsHe-img img {
    width: 100%;
}
.newsHe-hot {
    position: absolute;
    border-radius: 4px 0px 20px 0px;
    width: 140px;
    height: 58px;
    background: #80241C;
    text-align: center;
    line-height: 58px;
    font-size: 20px;
    color: #fff;
    left: 0;
    top: 0;
}
.newsHe-bot {
    width: 100%;
    padding: 40px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.newsHe-tit {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
.newsHe-time {
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    margin-top: 20px;
}
.newsHe-cont {
    background: #f6f6f6;
    padding: 40px;
    border-radius: 4px;
    margin-top: 20px;
    transition: .3s;
    display: block;
}
.newsHe-cont:first-child {
    margin-top: 0;
}
.newsHe-title {
    font-size: 20px;
    line-height: 28px;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
.newsHe-times {
    font-size: 12px;
    line-height: 17px;
    color: #999;
    margin-top: 10px;
}
.newsHe-intro {
    font-size: 14px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    margin-top: 39px;
    color: #666;
}
.newI-nav {
    position: relative;
}
.newI-nav a {
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    color: #31373F;
    margin-right: 40px;
}
.newI-nav a:hover {
    color: #80241C;
}
.newsHe-cont:hover {
    border: 1px solid rgba(128,36,28,0.3);
}
.newsHe-cont:hover .newsHe-title {
    color: #80241C;
}
.newI-nav .gdxw {
    font-size: 14px;
    color: #999;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 42px;
    margin-right: 0;
    display: block;
    padding-left: 23px;
    background: url(../images/post.png) no-repeat 0 center;
}
.indI .media {
    background: #fff;
    padding: 30px 30px 30px 40px;
}
.indI .media-left, .indI .media > .pull-left {
    padding-right: 0;
    padding-left: 40px;
}
.indI .media-left a {
    width: 182px;
}
.indI .media-heading {
    font-size: 20px;
    line-height: 28px;
    color: #222;
}
.indI .media:hover .media-heading {
    color: #80241C;
}
.indI .media-info {
    font-size: 12px;
    line-height: 17px;
    color: #999;
}
.indI .media-text {
    font-size: 14px;
    line-height: 26px;
    color: #666;
    margin-top: 25px;
}
.newI-nav {
    margin-bottom: 30px;
}
.relMedia-img img {
    width: 100%;
}
.relMedia {
    background: #f6f6f6;
    padding: 20px 20px 30px;
    transition: .3s;
}
.relMedia-img {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.relMedia-img span {
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background: url(../images/video1.png) no-repeat center;
    background-size: cover;
}
.relMedia-img strong {
    position: absolute;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    color: #fff;
    font-weight: bold;
    background: rgba(0,0,0,0.6);
    padding: 0 6px;
    right: 15px;
    bottom: 15px;
}
.relMedia-info {
    margin-top: 30px;
}
.relMedia-tit {
    font-size: 20px;
    line-height: 28px;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
.relMedia-intro {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}
.relMedia-img em {
    width: 100%;
    text-align: center;
    position: absolute;
    color: #fff;
    font-size: 14px;
    bottom: 20px;
    left: 0;
}
.block1 .relBk-box {
    background: #fff;
    margin-bottom: 20px;
}
.proList .media {
    background: #f6f6f6;
}
.block1 .relMedia {
    background: #fff;
}
.d-ha {
    background: #F0F0F0;
    padding: 30px;
}
.newsDetail .d-info {
    margin-top: 15px;
}
.d-mai {
    background: #fff;
    padding: 30px 40px;
}
.newsDetail .d-intro {
    margin-top: 0;
    background: none;
    padding: 0;
    font-size: 14px;
    line-height: 26px;
    color: #888888;
    font-weight: bold;
    padding-bottom: 30px;
    border-bottom: 1px solid #EAEAEA;

}
.newsDetail .d-intro p {
    display:-webkit-box;/**对象作为伸缩盒子模型展示**/
    -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
    -webkit-line-clamp:2;/**显示的行数**/
    overflow:hidden;/**隐藏超出的内容**/
    line-height: 26px;
    height: 52px;
}
.dl-prev {
    width: 50%;
    float: left;
}
.wsc-detlink .dl-next{
    width: 50%;
    float: left;
    margin-top: 0;
    padding-left: 40px;
}
.dp-arr, .dn-arr {
    position: static;
    display: block;
}
.dp-text, .dn-text {
    display: block;
    padding-left: 0;
    font-size: 14px;
    color: #383838;
    margin-top: 15px;
}
.wsc-detlink {
    background: url(../images/xuxian.png) no-repeat center;
}
.dp-text:hover, .dn-text:hover {
    color: #80241C;
}
.newsDetail .listBar {
    background: #fff;
}
.newsDetail .side-zh {
    background: url(../images/sidb2.png) no-repeat center top;
    background-size: cover;
}
.block3 .proHd-box {
    background: #f6f6f6;
}
.pdTab li {
    background: url(../images/nage.png) no-repeat 0 center;
}
.pdTab li:first-child {
    background: none;
}
.block1 .proHd-but .bts1 {
    background: #f6f6f6;
}
.relNew-tle span {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    color: #666;
    font-weight: 400;
    margin-left: 40px;
}
.relNew-tle em {
    width: 1px;
    height: 12px;
    display: inline-block;
    background: #ccc;
    margin: 0 20px;
}
.block3 .proTk-box {
    background-size: 300px 260px;
}
.block3 .proTk-box:hover {
    background-size: 300px 260px;
}
.block3 .proTk {
    margin-top: -20px;
}
.tk-list {
    margin-top: -20px;
}
.tkDea {
    background: #f6f6f6;
    padding: 20px 0 40px;
}
.tkDea-head {
    background: #fff;
    padding: 40px 60px;
}
.tkDea-title {
    font-size: 24px;
    font-weight: bold;
    color: #383838;
}
.tkDea-intro {
    font-size: 14px;
    line-height: 26px;
    color: #666;
    margin-top: 40px;
}
.tkDea-intro p {
    margin-top: 20px;
}
.tkDea-intro p:first-child {
    margin-top: 0;
}
.tkDea-info {
    width: 630px;
    float: left;
}
.tkDea-img {
    width: 370px;
    float: right;
}
.tkDea-zt img {
    width: 100%;
}
.tkDea-ft {
    text-align: center;
    position: relative;
    top: -1px;
}
.tkDea-main .proTk-box {
    background: #fff;
}
.tkDea-main .proTk-img img {
    width: 100%;
}
.tkDea-main .proTk-tit {
    padding-top: 20px;
}
.tkDea-main {
    padding-top: 20px;
}
.tp-del {
    background: #F0F0F0;
    padding: 40px;
    border-radius: 4px 4px 0px 0px;
    position: relative;
}
.tp-detail {
    background: #f6f6f6;
    padding: 20px 0 40px;
}
.tp-del li {
    margin-right: 32px;
}
.tp-del .d-info {
    margin-top: 15px;
}
.tp-all {
    position: absolute;
    right: 40px;
    bottom: 40px;
    color: #999;
}
.tp-all span {
    display: inline-block;
    width: 10px;
    height: 7px;
    margin: 0 4px;
}
.tp-all .fa1 {
    background: url(../images/shang.png) no-repeat center;
    margin-left: 10px;
}
.tp-all .fa2 {
    background: url(../images/xia.png) no-repeat center;
    margin-right: 10px;
}
.tp-all em {
    width: 1px;
    height: 10px;
    display: inline-block;
    background: url(../images/xiao107.png) no-repeat center;
    margin: 0 15px;
}
.tp-all a {
    display: inline-block;
    padding-left: 20px;
    background: url(../images/fannhui.png) no-repeat 0 center;
}
.tp-qt {
    background: #fff;
    padding: 40px 108px;
}
.tp-dow {
    padding: 20px;
    background: #f6f6f6 url(../images/line33.png) no-repeat center;
    margin-top: 40px;
}
.tpDf-img {
    width: 125px;
    height: 94px;
    float: left;
}
.tpDf-img img {
    width: 125px;
    height: 94px;
}
.tpDf-info {
    float: left;
    margin-left: 30px;
    margin-top: 20px;
}
.tpDf-bt {
    font-size: 14px;
    line-height: 18px;
    color: #999;
}
.tpDf-tit {
    font-size: 16px;
    color: #383838;
    margin-top: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
.tp-df {
    width: 50%;
    float: left;
}
.tp-dr .tpDf-img {
    float: right;
}
.tp-dr .tpDf-info {
    float: right;
    text-align: right;
    margin-right: 30px;
}
.video-list .relMedia {
    margin-top: 20px;
}
.video-list {
    margin-top: -20px;
}
.sp-all {
    background: #fff;
}
.spTop-left {
    padding: 40px;
    float: left;
    width: 798px;
    border-right: 2px solid #F0F0F0;
}
.spTop-title {
    font-size: 20px;
    line-height: 28px;
    color: #333;
}
.spTop-right {
    width: 380px;
    float: left;
    padding: 40px;
}
.spTop-text {
    font-size: 14px;
    line-height: 26px;
    color: #555;
    margin-top: 20px;
}
.sp-rel {
    padding: 40px;
    border-top: 2px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}
.sp-rel .relMedia {
    background: none;
    padding: 0;
}
.sp-rel .relMedia-tit {
    font-size: 16px;
}
.sp-rel .relMedia-info {
    margin-top: 18px;
}
.sp-rel .relMedia-img span {
    width: 32px;
    height: 32px;
    background-size: cover;
}
.sp-tag {
    padding: 30px 40px 40px;
}
.sp-tag .wsc-tags {
    margin-top: 0;
}
.spRel-title {
    font-size: 20px;
    line-height: 28px;
    color: #383838;
    margin-bottom: 20px;
}
.caseTop {
    background: #f6f6f6;
    padding: 10px 0 60px;
}
.caseTop-tle {
    font-size: 16px;
    line-height: 22px;
    color: #222;
    float: left;
    font-weight: bold;
    width: 80px;
}
.caseTop-tex {
    float: left;
    width: 1100px;
    padding-left: 10px;
}
.caseTop-tex {
    font-size: 16px;
    color: #666;
    margin-top: -20px;
}
.caseTop-tex a {
    display: inline-block;
    padding-left: 26px;
    margin-left: 30px;
    background: url(../images/fang.png) no-repeat 0 center;
    margin-top: 20px;
}
.caseTop-box {
    margin-top: 30px;
}
.caseTop-box:first-child {
    margin-top: 0;
}
.caseTop-tex .all {
    margin-left: 0;
    margin-right: 10px;
}
.sf {
    width: 1000px;
    float: left;
}
.sf a {
    width: 78px;
}
.caseTop-tex .active {
    background: url(../images/fangh.png) no-repeat 0 center;
}
.case-list {
    padding: 40px 0;
}
.caseList .proCs-box {
    padding: 30px;
}
.caseList {
    margin-top: -20px;
}
.caseDp {
    padding: 60px 0;
    background: url(../images/casedib.png) no-repeat center top;
    background-size: cover;
}
.caseDp-left {
    width: 370px;
    float: left;
}
.caseDp-tle {
    font-size: 30px;
    line-height: 42px;
    font-weight: bold;
    color: #111;
}
.caseDp-tex {
    font-size: 14px;
    line-height: 24px;
    color: #555;
    margin-top: 20px;
}
.caseDp-but {
    padding-top: 50px;
}
.caseDp-but a {
    display: block;
    margin-top: 10px;
}
.caseDp-but .bts1 {
    width: 240px;
    height: 50px;
    border-radius: 4px;
    background: #80241C;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
}
.caseDp-but .bts1:hover {
    background: #9F2C23;
}
.caseDp-but .bts2 {
    width: 240px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #80241C;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #80241C;
}
.caseDp-but .bts2:hover {
    background: #80241C;
    color: #fff;
}
.caseDp-box {
    display: block;
    background: #fff;
    text-align: center;
    padding: 25px 0;
    margin-top: 20px;
}
.caseDp-img {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}
.caseDp-box .ck1 {
    background: url(../images/ck1.png) no-repeat center;
}
.caseDp-box .ck2 {
    background: url(../images/ck2.png) no-repeat center;
}
.caseDp-box .ck3 {
    background: url(../images/ck3.png) no-repeat center;
}
.caseDp-box .ck4 {
    background: url(../images/ck4.png) no-repeat center;
}
.caseDp-box .ck5 {
    background: url(../images/ck5.png) no-repeat center;
}
.caseDp-box .ck6 {
    background: url(../images/ck6.png) no-repeat center;
}
.caseDp-tit {
    font-size: 20px;
    line-height: 28px;
    margin-top: 20px;
    color: #808598;
    font-weight: bold;
}
.caseDp-right {
    width: 700px;
    float: right;
    margin-top: -20px;
}
.caseDp-box:hover .caseDp-tit {
    color: #80241C;
}
.caseDp-box:hover .ck1 {
    background: url(../images/ck1h.png) no-repeat center;
}
.caseDp-box:hover .ck2 {
    background: url(../images/ck2h.png) no-repeat center;
}
.caseDp-box:hover .ck3 {
    background: url(../images/ck3h.png) no-repeat center;
}
.caseDp-box:hover .ck4 {
    background: url(../images/ck4h.png) no-repeat center;
}
.caseDp-box:hover .ck5 {
    background: url(../images/ck5h.png) no-repeat center;
}
.caseDp-box:hover .ck6 {
    background: url(../images/ck6h.png) no-repeat center;
}
.hb-all {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.hb-all a {
    width: 240px;
    height: 50px;
    border: 1px solid #762B21;
    border-radius: 4px;
    line-height: 48px;
    display: inline-block;
    color: #80241C;
    font-size: 16px;
}
.hb-all a:hover {
    background: #80241C;
    color: #fff;
}
.caseTop-gm a {
    background: url(../images/yuanaa.png) no-repeat 0 center;
}
.caseTop-gm .active {
    background: url(../images/yuanh.png) no-repeat 0 center;
}
.case-details {
    padding: 40px 0;
    border-bottom: 1px solid #E0E0E0;
}
.caseDe-head {
    background: #f6f6f6;
    padding: 40px 50px;
    border-radius: 4px;
}
.caseDe-tle {
    font-size: 24px;
    color: #383838;
}
.caseDe-info {
    padding-top: 20px;
}
.caseDe-info p {
    width: 50%;
    float: left;
    font-size: 16px;
    color: #555;
    margin-top: 20px;
}
.caseDe-but {
    font-size: 0;
    margin-top: 30px;
}
.caseDe-but a {
    width: 240px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    border-radius: 4px;
    font-size: 16px;
}
.caseDe-but .bts1 {
    background: #80241C;
    color: #fff;
}
.caseDe-but .bts1:hover {
    background: #9F2C23;
}
.caseDe-but .bts2 {
    line-height: 48px;
    border: 1px solid #80241C;
    color: #80241C;
    margin-left: 10px;
}
.caseDe-but .bts2:hover {
    background: #80241C;
    color: #fff;
}
.caseDe-img {
    background: #F2F2F2;
    border-radius: 4px;
    padding: 40px 110px;
}
.caseDe-img .pd-img .carousel-inner {
    height: 472px;
}
.caseDe-img .pd-img .carousel-control.left {
    left: -50px;
}
.caseDe-img .pd-img .carousel-control.right {
    right: -50px;
}
.caseDe-img .carousel-indicators {
    background: rgba(0, 0, 0, 0.6);
    width: 82px;
    height: 16px;
    border-radius: 25px;
    margin-left: 0;
    left: 0;
    right: 0;
    bottom: 30px;
    margin: auto;
}
.pd-img .carousel-indicators li {
    width: 6px;
    height: 6px;
    background: rgba(255,255,255,0.6);
    margin: 0 1px;
    border: 0;
    position: relative;
    top: -4px;
}
.pd-img .carousel-indicators li.active {
    background: rgba(255,255,255,1);
}
.caseDe-bt {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    color: #31373F;
    float: left;
}
.caseDe-hd {
    margin-bottom: 20px;
}
.caseDe-intro {
    font-size: 14px;
    line-height: 26px;
    color: #777;
}
.caseDe-box {
    padding: 30px 0;
    border-top: 1px dotted #CCCCCC;
}
.caseDe-post {
    float: right;
    line-height: 26px;
}
.caseDe-post a {
    display: block;
    padding-left: 23px;
    font-size: 14px;
    color: #999;
    font-weight: 400;
    background: url(../images/post.png) no-repeat 0 center;
}
.caseDe-box .proHd-box {
    background: #f6f6f6;
}
.caseDe-zz {
    font-size: 14px;
    line-height: 26px;
    color: #555;
    margin-top: 20px;
}
.caseDe-zz img {
    display: block;
    margin: 10px auto 0;
}
.caseDe-box .proCs-box {
    margin-top: 0;
}
.caseDe-box:first-child {
    padding-top: 40px;
    border: 0;
}
.caseDe-box:last-child {
    padding-bottom: 0;
}
.caseDetail {
    position: relative;
    overflow: hidden;
}
.caseDetail .listBar-main .active a {
    color: #fff;
    background: #80241C;
}
.gd-left {
    width: 880px;
    float: left;
}
.gd-right {
    width: 280px;
    float: right;
}
.caseDetail .fixed {
    position: absolute;
    right: 0;
}
.proHd-sea {
    width: 100%;
    padding: 19px 40px;
    background: #fff;
    border-radius: 40px;
    margin-top: 20px;
}
.proHd-sea {
    font-size: 16px;
    font-weight: bold;
    color: #80241C;
}
.proHd-sea a {
    color: #666;
    font-weight: 400;
    display: inline-block;
}
.proHd-sea a:first-child {
    margin-left: 10px;
}
.proHd-sea span {
    width: 1px;
    height: 12px;
    background: #ccc;
    margin: 0 15px;
    display: inline-block;
}
.proHd-sea a:hover {
    color: #80241C;
}
.hy-ew {
    font-size: 16px;
    line-height: 38px;
    color: #666;
    margin-top: 30px;
}
.hy-ew a {
    display: block;
}
.hy-ew span {
    display: inline-block;
    width: 11px;
    height: 14px;
    background: url(../images/huo.png) no-repeat center;
    margin-left: 7px;
    display: none;
}
.hy-ew a:hover {
    color: #80241C;
}
.hy-ew a:nth-child(1) span {
    display: inline-block;
}
.hy-ew a:nth-child(2) span {
    display: inline-block;
}
.hy-ew a:nth-child(3) span {
    display: inline-block;
}
.bk-title {
    width: 100%;
    height: 68px;
    background: #EDEDED;
    border-radius: 4px 4px 0 0;
    padding: 20px 40px;
    font-size: 20px;
    line-height: 28px;
    color: #80241C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    font-weight: bold;
}
.bk-intro {
    background: #F6F6F6;
    border-radius: 0 0 4px 4px;
    font-size: 14px;
    line-height: 26px;
    padding: 30px 40px 40px;
}
.bk-box {
    margin-top: 20px;
    transition: .3s;
    display: block;
}
.bk-list {
    margin-top: -20px;
}
.soude .side-zh {
    margin-top: 0;
}
.xz-zj .wscIe:first-child {
    margin-top: 20px;
}
.sou-pro .proHd-box {
    background: #f6f6f6;
}
.proSou-img img {
    width: 100%;
}
.proSou-info {
    background: #F6F6F6;
    padding: 30px 30px 40px;
}
.proSou-intro {
    font-size: 14px;
    line-height: 26px;
    color: #777;
    height: 78px;
    overflow: hidden;
    margin-top: 20px;
}
.proSou-tit {
    font-size: 20px;
    line-height: 28px;
    color: #222;
}
.proSou-tit:hover {
    color: #80241C;
}
.proSou-post a {
    display: block;
    width: 160px;
    height: 50px;
    border-radius: 4px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #80241C;
    background: #fff;
}
.proSou-post a:hover {
    color: #fff;
    background: #80241C;
}
.proSou-post {
    margin-top: 30px;
}
.proSou {
    margin-top: 20px;
}
.souD-tit {
    font-size: 30px;
    line-height: 42px;
    font-weight: bold;
    color: #111;
}
.souD-intro {
    border-top: 1px solid rgba(218, 222, 226, 0.5);
    background: #fff;
    padding: 30px;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    margin-top: 28px;
}
.souD-intro span {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #222;
    padding-bottom: 15px;
}
.souD-but {
    font-size: 0;
    margin-top: 44px;
}
.souD-but a {
    width: 240px;
    height: 50px;
    font-size: 16px;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
}
.souD-but .bts1 {
    line-height: 50px;
    background: #80241C;
    color: #fff;
}
.souD-but .bts1:hover {
    background: #9F2C23;
}
.souD-but .bts3 {
    line-height: 48px;
    border: 1px solid #80241C;
    color: #80241C;
    margin-left: 10px;
}
.souD-but .bts3 span {
    width: 22px;
    height: 19px;
    display: inline-block;
    background: url(../images/dh33.png) no-repeat center;
    margin-right: 9px;
    position: relative;
    top: 2px;
}
.souD-but .bts3:hover {
    background: #80241C;
    color: #fff;
}
.souD-but .bts3:hover span {
    background: url(../images/dh2323.png) no-repeat center;
}
.banner-but a:hover {
    background: #9F2C23;
}
.proIndex-title:hover {
    color: #80241C;
}
.proHd-but .bts2:hover {
    background: #9F2C23;
}
.proIndex-main .proHd-box:hover .proHd-but .bts1 {
    background: #f6f6f6;
}
.relNew-tit:hover {
    color: #80241C;
}
.relSp-box:hover {
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.04);
}
.sideZh-bs a:first-child:hover {
    background: #9F2C23;
}
.proDtailH-but .bts1:hover {
    background: #9F2C23;
}
.proDtailH-but .bts2:hover {
    color: #fff;
    background: #80241C url(../images/dh2323.png) no-repeat 47px center;
}
.proDtailH-es .es1:hover {
    color: #80241C;
    background: url(../images/es001h.png) no-repeat 0 center;
}
.proDtailH-es .es2:hover {
    color: #80241C;
    background: url(../images/es002h.png) no-repeat 0 center;
}
.proDtailH-es .es3:hover {
    color: #80241C;
    background: url(../images/es003h.png) no-repeat 0 center;
}
.proDtailH-es .es3 {
    position: relative;
}
.proDtailH-es .es3 .er-ew {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 99;
    display: none;
}
.proDtailH-es .es3:hover .er-ew {
    display: block;
}
.relNew-post a:hover {
    color: #80241C;
    background: url(../images/posth.png) no-repeat 0 center;
}
.ft-btn .ft-btn1:hover {
    background: #9F2C23;
}
.relMedia-tit:hover {
    color: #80241C;
}
.tp-all a:hover {
    color: #80241C;
}
.tpDf-tit:hover {
    color: #80241C;
}
.list-style2 .media {
    transition: .3s;
    border: 1px solid transparent;
}
.newsDetail .d-info.list-inline li {
    margin-left: 40px;
    margin-right: 0;
}
.newsDetail .d-info.list-inline li:first-child {
    margin-left: 0;
}
.newI-nav .gdxw:hover {
    background: url(../images/posth.png) no-repeat 0 center;
}
.relMedia:hover .relMedia-img span {
    background: url(../images/video1h.png) no-repeat center;
    background-size: cover;
}
.caseDe-post a:hover {
    color: #80241C;
    background: url(../images/posth.png) no-repeat 0 center;
}
.bk-box:hover {
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.04);
}
.bk-box:hover .bk-intro {
    background: #fff;
}
.bk-box:hover .bk-title {
    background: #80241C;
    color: #fff;
}
.relSp-yy {
    position: absolute;
    bottom: -20px;
    left: 0;
    text-align: center;
    width: 100%;
}
.relSp-video {
    z-index: 6;
}
.video-ico {
    z-index: 7;
}
.video-ico:hover {
    color: #fff;
}
.indI-main .indI {
    display: none;
}
.indI-main .indI:first-child {
    display: block;
}
.newI-mll .active {
    color: #80241C;
}
.more-newI a {
    display: none;
}
.more-newI a:first-child {
    display: block;
}

.proHd-posts {
    text-align: center;
    margin-top: 20px;
}
.proHd-posts a {
    width: 200px;
    height: 50px;
    border: 1px solid #80241C;
    display: inline-block;
    color: #80241C;
    line-height: 48px;
    font-size: 16px;
    border-radius: 4px;
}
.proHd-posts a:hover {
    color: #fff;
    background: #80241C;
}
.qishi p {
    line-height: 40px;
    padding-left: 40px;
    background: url(https://static.westarcloud.com/6244ff862da0fa004e7c6ccb/images/pbiao.png) no-repeat 0 center;
    background-size: 22px;
}
.bwc .proHd-img {
    width: 240px;
    float: left;
}
.bwc .proHd-info {
    width: 240px;
    float: left;
    text-align: left;
    margin-left: 30px;
}
.relSp-tuk {
    position: relative;
}
.proTk-tdd {
    font-size: 14px;
    color: #888;
    margin-top: 10px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.relNew-tle em:last-child {
    display: none;
}
.relNew-noi .relNew-intro {
    font-size: 14px;
    line-height: 26px;
    color: #666;
    margin-top: 15px;
    height: 78px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media (max-width:1239px) and (min-width:992px){
    .proIndex-right {
        padding: 30px;
    }
    .proIndex-case {
        margin-top: 20px;
        padding-top: 20px;
    }
    .relNew-noi .relNew-box {
        padding: 25px 0;
    }
    .relSp-box {
        height: 200px;
    }
    .relSp-video img {
        width: 100%;
    }
    .proDtailH-right {
        width: 420px;
    }
    .proDtailH-but .bts1 {
        width: 200px;
    }
    .proDtailH-but .bts2 {
        width: 200px;
        text-indent: 47px;
        background: url(../images/dh.png) no-repeat 17px center;
    }
    .proDtailH-es a {
        margin-left: 20px;
    }
    .left-block {
        width: 640px;
    }
    .newsHe-intro {
        margin-top: 9px;
    }
    .newsHe-cont {
        padding: 31px;
    }
    .tkDea-info {
        width: 430px;
    }
    .spTop-left {
        width: 100%;
        float: none;
        border: 0;
    }
    .spTop-right {
        width: 100%;
        float: none;
        padding-top: 0;
    }
    .caseTop-tex {
        width: 850px;
    }
    .sf {
        width: 750px;
    }
    .caseDp-right {
        width: 560px;
        float: right;
        margin-top: -20px;
    }
    .gd-left {
        width: 100%;
        float: none;
    }
    .gd-right {
        display: none;
    }
    .bwc .proHd-img {
        width: 150px;
        float: left;
        margin-top: 20px;
    }
    .pdTab li a {
        padding: 0 46px;
    }
    .relNew-tit {
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
}


@media (max-width:991px){
    .model-banner .banner-title {
        font-size: 20px;
        line-height: 30px;
        padding-top: 20px;
    }
    .banner-but {
        margin-top: 20px;
    }
    .banner-but a {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .proIndex-head {
        padding: 10px 0 30px;
    }
    .proHd-box {
        margin-top: 10px;
    }
    .proHd-main {
        margin-top: 0;
    }
    .proIndex-left {
        width: 100%;
        float: none;
    }
    .proIndex-right {
        width: 100%;
        padding: 20px;
        float: none;
    }
    .proIndex-title {
        font-size: 24px;
        line-height: 32px;
    }
    .proIndex-intro {
        margin-top: 10px;
    }
    .proIndex-tag {
        margin-top: 10px;
    }
    .proIndex-case {
        padding-top: 20px;
        margin-top: 20px;
    }
    .proIndexC-x p {
        font-size: 14px;
        margin-top: 5px;
    }
    .proIndex-all {
        margin-top: 30px;
    }
    .proIndex-main {
        padding: 30px 0;
    }
    .tz-box {
        padding: 20px 15px;
        margin-top: 10px;
    }
    .tz-box:first-child {
        margin-top: 10px;
    }
    .proHd-box {
        padding: 15px;
    }
    .proHd-but {
        margin-top: 0;
    }
    .proHd-but a {
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    .proHd-info {
        margin-top: 15px;
    }
    .proHd-tit {
        font-size: 16px;
        line-height: 26px;
    }
    .proIndex-tag span {
        margin-top: 10px;
        height: auto;
        line-height: 18px;
        background: none;
        padding: 0;
    }
    .proIndex-tag {
        margin-top: 0;
    }
    .tz-tle {
        font-size: 16px;
    }
    .tz-intro {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
    }
    .tz-post {
        margin-top: 20px;
    }
    .block1-titie {
        font-size: 24px;
        line-height: 34px;
    }
    .block1 {
        padding: 30px 0;
    }
    .tz-main {
        margin-top: 20px;
    }
    .tz-tle {
        margin-top: 12px;
    }
    .block2 {
        padding: 30px 0;
    }
    .relNew-tle {
        font-size: 20px;
    }
    .relNew-head {
        margin-bottom: 10px;
    }
    .relNew-box {
        padding: 15px;
        margin-top: 10px;
    }
    .relNew-tit {
        font-size: 16px;
        line-height: 26px;
    }
    .relNew-time {
        margin-top: 5px;
    }
    .relNew-intro {
        margin-top: 8px;
    }
    .relNew-info {
        margin-top: 10px;
    }
    .relNew-noi {
        padding: 0 15px 6px;
    }
    .relNew-noi .relNew-box {
        padding: 15px 0;
    }
    .relSp {
        margin-top: 20px;
    }
    .relSp-box {
        height: auto;
        padding: 15px;
    }
    .relSp-video img {
        position: static;
        width: 100%;
    }
    .proaha-box {
        width: 48.2%;
        margin-left: 0;
        border: 0;
        margin-top: 5px;
        margin-left: 5px;
    }
    .proaha {
        margin-left: -5px;
    }

    .proaha-box {
        padding: 12px 0;
    }
    .proaha-tit {
        margin-top: 6px;
        font-size: 14px;
    }
    .proList-head {
        padding: 10px 0 30px;
    }
    .side-zh {
        display: none;
    }
    .listBar-main {
        padding-top: 10px;
    }
    .listBar {
        padding: 20px;
    }
    .wsc-page {
        margin-top: 20px;
    }
    .proDtail-head {
        padding: 10px 0 30px;
    }
    .case-det {
        width: 100%;
        float: none;
    }
    .case-det .pd-img .carousel-inner {
        height: unset;
    }
    .proDtailH-right {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    .proDtailH-title {
        font-size: 20px;
        line-height: 24px;
    }
    .proDtailH-intro {
        padding: 15px;
        margin-top: 14px;
    }
    .proDtailH-intro span {
        margin-bottom: 6px;
    }
    .proDtailH-tag {
        padding-top: 11px;
    }
    .proDtailH-but .bts1 {
        display: block;
        width: 100%;
    }
    .proDtailH-but .bts2 {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 8px;
        background: none;
        text-indent: 0;
        text-align: center;
    }
    .proDtailH-but {
        margin-top: 12px;
        padding-top: 15px;
    }
    .proDtailH-es {
        margin-top: 20px;
    }
    .proDtailH-es a {
        margin-left: 0;
        margin-right: 24px;
        margin-top: 5px;
    }
    .left-block {
        width: 100%;
        float: none;
    }
    .left-block .wsc-edit {
        padding: 20px 0;
    }
    .wsc-editTit {
        font-size: 18px;
    }
    .proTk-box {
        padding: 15px;
    }
    .proTk-tit {
        padding-top: 20px;
    }
    .proCs-box {
        padding: 20px 15px;
    }
    .proCs-tag {
        margin-top: 10px;
    }
    .proCs-tit a {
        height: auto;
    }
    .proCs-info {
        margin-top: 20px;
    }
    .proCs-tit a {
        font-size: 16px;
        line-height: 24px;
    }
    .proTk-tit a {
        font-size: 16px;
        line-height: 24px;
    }
    .wscAb {
        padding: 50px 40px 120px;
        margin-top: 20px;
    }
    .wscAb-nu {
        margin-top: 20px;
        padding: 10px 0;
    }
    .wscNu-box {
        width: 50%;
        padding: 5px 0;
        background: none;
    }
    .wscNu-tit {
        font-size: 28px;
    }
    .wscIe-left {
        width: 100%;
        float: none;
        padding: 20px 15px;
    }
    .wscIe-img {
        width: 100%;
        float: none;
    }
    .wscIe-tit {
        font-size: 18px;
        line-height: 26px;
    }
    .wscIe-intro {
        margin-top: 10px;
    }
    .wscIe {
        margin-top: 20px;
    }
    .pd-main {
        padding-bottom: 30px;
    }
    .block3 {
        padding: 30px 0;
    }
    .relBk-box {
        margin-top: 10px;
        padding: 20px 15px;
    }
    .relBk-tit {
        font-size: 16px;
        line-height: 24px;
    }
    .relBk-time {
        margin-top: 10px;
    }
    .relBk-intro {
        height: auto;
    }
    .newsBam-sea {
        display: none;
    }
    .newsBam-tle {
        padding-top: 60px;
        font-size: 28px;
    }
    .newsHe-bot {
        padding: 20px 15px;
    }
    .newsHe-tit {
        font-size: 16px;
    }
    .newsHe-cont {
        padding: 20px 15px;
    }
    .newsHe-title {
        font-size: 16px;
        line-height: 24px;
    }
    .newsHe-intro {
        margin-top: 10px;
        height: auto;
    }
    .newsHe-cont {
        margin-top: 10px;
    }
    .newsHe-cont:first-child {
        margin-top: 10px;
    }
    .newsHe {
        padding-bottom: 30px;
    }
    .newI-nav {
        margin-bottom: 20px;
    }
    .newI-nav a {
        font-size: 22px;
        margin-right: 20px;
    }
    .relMedia {
        margin-top: 10px;
        padding: 20px 15px;
    }
    .relMedia-tit {
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
    }
    .relMedia-info {
        margin-top: 15px;
    }
    .relMedia-intro {
        margin-top: 5px;
    }
    .indI .media {
        padding: 20px 15px;
    }
    .indI {
        margin-top: 20px;
    }
    .newsDetail .list-bar {
        display: none;
    }
    .wsc-layout-d {
        padding: 20px 0 30px;
    }
    .d-ha {
        padding: 20px 15px;
    }
    .newsDetail .d-info {
        margin-top: 8px;
    }
    .d-mai {
        padding: 20px 15px;
    }
    .newsDetail .d-intro {
        padding-bottom: 15px;
    }
    .newsDetail .wsc-edit {
        margin-top: 15px;
    }
    .wsc-detlink .dl-prev {
        width: 100%;
        float: none;
    }
    .wsc-detlink .dl-next {
        width: 100%;
        float: none;
        padding-left: 0;
        margin-top: 10px;
    }
    .wsc-detlink {
        padding: 20px 0;
        margin-top: 15px;
        background: none;
    }
    .dp-text, .dn-text {
        margin-top: 5px;
    }
    .wsc-tags {
        margin-top: 13px;
    }
    .relNew-tle span {
        display: block;
        margin-left: 0;
        margin-top: 6px;
        font-size: 14px;
    }
    .relNew-tle span em {
        margin: 0 10px;
    }
    .block3 .proTk {
        margin-top: -10px;
    }
    .proTk-box {
        background-image: none;
    }
    .tkDea-main .proTk-box {
        margin-top: 10px;
    }
    .tkDea-main {
        padding-top: 10px;
    }
    .tkDea-head {
        padding: 20px 15px;
    }
    .tkDea-info {
        width: 100%;
        float: none;
    }
    .tkDea-img {
        width: 100%;
        float: none;
    }
    .tkDea-ft img {
        width: 90%;
    }
    .tkDea-title {
        font-size: 20px;
    }
    .tkDea-intro {
        margin-top: 10px;
    }
    .tkDea-intro p {
        margin-top: 5px;
    }
    .tkDea-img {
        margin-top: 20px;
    }
    .tp-all {
        display: none;
    }
    .tp-del {
        padding: 20px 15px;
    }
    .tp-del .d-info {
        margin-top: 5px;
    }
    .albumShowListCon {
        display: none;
    }
    .tp-qt {
        padding: 20px 15px;
    }
    .albumShowimgn {
        right: 20px;
    }
    .albumShowimgp {
        left: 20px;
    }
    .tp-dow {
        margin-top: 20px;
    }
    .tp-dow {
        background-image: none;
        padding: 20px 15px;
    }
    .tp-df {
        width: 100%;
        float: none;
        margin-top: 10px;
    }
    .tp-dr .tpDf-img {
        float: left;
    }
    .tp-dr .tpDf-info {
        float: left;
        margin-right: 0;
        text-align: left;
    }
    .tpDf-info {
        margin-left: 10px;
    }
    .video-list .relMedia {
        margin-top: 10px;
    }
    .video-list {
        margin-top: -10px;
    }
    .spTop-left {
        width: 100%;
        float: none;
        border: 0;
        padding: 20px 15px;
    }
    .spTop-right {
        width: 100%;
        float: none;
        padding: 0 15px 20px;
    }
    .spTop-text {
        margin-top: 5px;
    }
    .d-video {
        margin-top: 0;
    }
    .sp-rel {
        padding: 20px 15px;
    }
    .spRel-title {
        margin-bottom: 10px;
    }
    .sp-tag {
        padding: 10px 15px 20px;
    }
    .tp-detail {
        padding: 20px 0 30px;
    }
    .caseTop-tle {
        width: 100%;
        float: none;
        background: url(../images/xuanzhuan.png) no-repeat right center;
    }
    .lsser {
        background: url(../images/xuanzhuan12.png) no-repeat right center;
    }
    .caseTop-box .llsb {
        background: none;
    }
    .caseTop-tex {
        width: 100%;
        float: none;
        overflow: hidden;
        margin-top: 1px;
        height: 70px;
    }
    .caseTop-tex a {
        margin-left: 0;
        display: block;
        width: 50%;
        float: left;
        margin-top: 10px;
    }
    .sf {
        width: 100%;
        float: none;
    }
    .caseTop-tex .all {
        float: none!important;
    }
    .caseTop-box {
        margin-top: 0;
        padding: 10px 0;
        border-bottom: 1px solid #ededed;
    }
    .caseTop {
        padding: 0 0 30px;
    }
    .caseList .proCs-box {
        padding: 15px;
        margin-top: 10px;
    }
    .case-list {
        padding: 40px 0 30px;
    }
    .caseTop-tex {
        padding-left: 0;
    }
    .caseDp-left {
        width: 100%;
        float: none;
    }
    .caseDp-tex {
        margin-top: 10px;
    }
    .caseDp-tle {
        font-size: 20px;
        line-height: 32px;
    }
    .caseDp-but {
        padding-top: 20px;
    }
    .caseDp-but .bts1, .caseDp-but .bts2 {
        width: 100%;
    }
    .caseDp-right {
        width: 100%;
        float: none;
        margin-top: 10px;
    }
    .caseDp {
        padding: 30px 0;
    }
    .hb-all {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .hb-all a {
        width: 100%;
    }
    .case-details {
        padding: 30px 0;
    }
    .caseDe-head {
        padding: 20px;
    }
    .caseDe-tle {
        font-size: 20px;
    }
    .caseDe-info p {
        font-size: 14px;
        width: 100%;
        margin-top: 10px;
    }
    .caseDe-info {
        padding-top: 2px;
    }
    .caseDe-but {
        margin-top: 10px;
    }
    .caseDe-but a {
        width: 100%;
        margin-top: 10px;
    }
    .caseDe-but .bts2 {
        margin-left: 0;
    }
    .caseDe-img {
        padding: 20px;
    }
    .caseDe-img .pd-img .carousel-control.right {
        right: 10px;
    }
    .caseDe-img .pd-img .carousel-control.left {
        left: 10px;
    }
    .caseDe-img .pd-img .carousel-inner {
        height: 225px;
    }
    .caseDe-img .carousel-indicators {
        bottom: 10px;
    }
    .caseDe-box {
        padding: 20px 0;
    }
    .caseDe-box:first-child {
        padding-top: 30px;
    }
    .caseDetail .list-bar {
        display: none;
    }
    .caseDe-box .proCs-box {
        margin-top: 10px;
    }
    .wscAb-intro {
        width: 100%;
    }
    .indI .media-left a {
        width: 120px;
    }
    .newI-nav .gdxw {
        top: -5px;
    }
    .gd-left {
        width: 100%;
        float: none;
    }
    .gd-right {
        display: none;
    }
    .proHd-sea {
        display: none;
    }
    .bk-box {
        margin-top: 10px;
    }
    .bk-list {
        margin-top: 20px;
    }
    .bk-title {
        padding: 20px 15px;
    }
    .bk-intro {
        padding: 15px 15px 20px;
    }
    .proSou {
        margin-top: 10px;
    }
    .proSou-box {
        margin-top: 10px;
    }
    .proSou-info {
        padding: 20px 15px;
    }
    .proSou-intro {
        margin-top: 10px;
    }
    .proSou-post {
        margin-top: 15px;
    }
    .souD-tit {
        font-size: 20px;
        line-height: 30px;
    }
    .souD-intro {
        padding: 20px 15px;
        margin-top: 15px;
    }
    .souD-intro span {
        padding-bottom: 7px;
    }
    .souD-but {
        margin-top: 20px;
    }
    .souD-but a {
        width: 100%;
    }
    .souD-but .bts3 {
        margin-left: 0;
        margin-top: 10px;
    }
    .relSp-yy {
        display: none;
    }
    .bwc .proHd-img {
        width: 100%;
        float: none;
    }
    .bwc .proHd-info {
        width: 100%;
        float: none;
        text-align: center;
        margin-left: 0;
    }
}

@media (max-width: 767px){
    .list-style1 .proHd-box {
        margin-top: 10px;
    }
    .caseDp-box {
        margin-top: 10px;
    }
    .newsDetail .d-info.list-inline li {
        margin-left: 5px;
        margin-right: 0;
    }
}



@media (min-width:991px){
    .proTk-box:hover {
        background: #fff url(../images/tkbgg.png) no-repeat center 30px;
        box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.04);
    }
    .proCs-box:hover {
        background: #fff;
        box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.04);
    }
    .proHd-box:hover {
        background: #fff;
        box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.04);
    }
    .relBk-box:hover {
        background: #fff;
        box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.04);
    }
    .relBk-box:hover .relBk-tit {
        color: #80241C;
    }
    .list-style1 .proHd-box:hover .proHd-but .bts1 {
        background: #f6f6f6;
    }
    .pd-img .carousel-control.left:hover {
        background: url(../images/pd-prev211.png) no-repeat center center;
    }
    .pd-img .carousel-control.right:hover {
        background: url(../images/pd-next211.png) no-repeat center center;
    }
    .side-pro .proHd-box:hover {
        background: #f6f6f6;
        box-shadow: none;
        position: relative;
        top: 0;
    }
    .tkDea-main .proTk-box:hover {
        background-image: none;
    }
    .relMedia:hover {
        background: #fff;
        box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.04);
    }
    .list-style2 .media:hover {
        background: #fff;
        box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.04);
        border: 1px solid rgba(128,36,28,0.3);
    }
    .list-style2 .media:hover .media-heading a,
    .list-style2 .media:hover .media-heading b{
        color: #80241C;
    }
    .newsHe-cont:hover {
        background: #fff;
        box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.04);
    }
    .sp-rel .relMedia:hover {
        box-shadow: none;
    }
    .proSou-box:hover {

        box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.04);
    }
    .proSou-box:hover .proSou-info {
        background: #fff;
    }
    .proSou-box:hover .proSou-post a {
        background: #f6f6f6;
        color: #80241C;
    }

}


.abb2-img-b .item-row {
    height: auto;

}
.proCs-tag p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}