﻿
.pro-nav {
    background-color: #a12424;
    padding-left: 15%;
    height: 28px;
    font-size: 14px;
    color: #fff;
}

    .pro-nav p img {
        width: 20px;
        height: 20px;
        margin-top: 4px;
        vertical-align: bottom;
        margin-right: 8px;
        display: inline-block;
    }

.news-item {
    width: 80%;
    margin: 0px auto;
    margin-top: 40px;
    padding-bottom: 60px;
}

    .news-item .item-left {
        float: left;
        width: 28%;
        padding: 1%;
        background-color: #fdf7e1;
        padding-bottom: 20px;
    }

.left-title {
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 2px dashed #dededf;
}

    .left-title .title {
        font-size: 24px;
    }

    .left-title span {
        font-size: 14px;
        color: #a12424;
    }

.sear-left {
    display: block;
    width: 12px;
    height: 12px;
    border-left: 1.4px solid #333;
    border-top: 1.4px solid #333;
}

.pro-search {
    width: 100%;
    background-color: #eeeeee;
    padding-bottom: 20px;
}

.search-title {
    padding: 10px 4%;
}

.sear-btn {
    padding: 0 4%;
}

.sear-txt {
    width: 66%;
    height: 36px;
    padding: 0 2%;
    border: 1.4px solid #dfdfde;
}

.sear-btn .btn {
    width: 20%;
    margin-left: 2%;
    border-style: none;
    height: 36px;
    background-color: #333;
    color: #fff;
}

.list-item .list-item-title > a {
    height: 48px;
    line-height: 48px;
    color: #444;
    font-weight: 600;
    display: block;
    background-color: #fdf7e1 !important;
    border-bottom: 1px solid #e8e8e8;
    padding-left: 2%;
    /*background: url('../images/menu.png') no-repeat;*/
    background-size: 20px;
    background-position: 96% 52%;
    font-size: 14px;
}

.list-item .list-item-title ul li {
    border-bottom: 1px dashed #e3e3e3;
}

    .list-item .list-item-title ul li a {
        line-height: 24px;
        display: inline-block;
        padding-left: 1%;
        padding: 8px 4%;
        font-size: 14px;
        color: #666;
    }

.item-right {
    width: 68%;
    float: right;
}

.right-title {
    padding: 2%;
    background-color: #fdf7e1;
}

    .right-title p:first-child {
        line-height: 32px;
        display: block;
        /* border-bottom: 1.4px solid #f5f5f5; */
        /* font-weight: bold; */
        font-size: 22px;
    }

    .right-title p span {
        display: inline-block;
        height: 22px;
        width: 2px;
        background-color: #a12424;
        margin-right: 10px;
    }

.pro-intro {
    font-size: 14px;
    margin: 10px 0;
    line-height: 28px;
    color: #666;
    text-indent: 32px;
    border-top: 1.4px solid #f5f5f5;
}
.right-list a{
    display:block;
    overflow:hidden;
}
.right-list dl {
    margin-top: 10px;
    background-color: #fdf7e1;
    padding: 1%;
    overflow:hidden;
}

    .right-list dl dt {
        width: 194px;
        height: 130px;
        margin: auto;
        float: left;
        overflow: hidden;
    }


    .right-list dl dd {
        width: 74%;
        margin-right: 2%;
        text-align: left;
        float: right;
    }

@media (max-width: 1780px) {
    .right-list dl dd {
        width: 72% !important;
        margin-right: 2%;
        text-align: left;
        float: right;
    }
}

@media (max-width: 1680px) {
    .right-list dl dd {
        width: 70% !important;
        margin-right: 2%;
        text-align: left;
        float: right;
    }
}

@media (max-width: 1580px) {
    .right-list dl dd {
        width: 68% !important;
        margin-right: 2%;
        text-align: left;
        float: right;
    }
}

@media (max-width: 1480px) {
    .right-list dl dd {
        width: 66% !important;
        margin-right: 2%;
        text-align: left;
        float: right;
    }
}

@media (max-width: 1366px) {
    .right-list dl dd {
        width: 64% !important;
        margin-right: 2%;
        text-align: left;
        float: right;
    }
}

.right-list dl dd.news-title {
    border-bottom: 1px #f3f3f3 dashed;
    font-size: 20px;
    color: #333;
    line-height: 36px;
    padding-bottom: 6px;
}

    .right-list dl dd.news-title p.title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

.news-time img {
    width: 16px;
    vertical-align: bottom;
    display: inline-block;
}

.news-detail {
    color: #666;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 10px;
}

.news-time {
    font-size: 12px;
    color: #999;
    line-height: 16px;
}

.news-list {
    background-color: #fdf7e1;
    margin-top: 10px;
    padding: 2%;
    overflow: hidden;
}

    .news-list h3 {
        font-size: 24px;
        font-weight: normal;
        text-align: center;
    }

.detail-time {
    text-align: center;
    border-bottom: 1px dashed #ccc;
    padding: 10px 0;
    font-size: 16px;
    text-indent: 0 !important;
}

    .detail-time img {
        width: 22px;
        vertical-align: sub;
    }

.news-list p {
    font-size: 14px;
    color: #666;
    line-height: 32px;
    text-indent: 28px;
}

.right-news-title .news-list {
    margin-top: 0 !important;
}

.my-map {
    margin: 10px auto;
    width: 100%;
    height: 240px;
}

    .my-map .icon {
        background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat;
    }

    .my-map .icon-cir {
        height: 31px;
        width: 28px;
    }

    .my-map .icon-cir-red {
        background-position: -11px -5px;
    }

.amap-container {
    height: 100%;
}

.myinfowindow {
    width: 240px;
    min-height: 50px;
}

    .myinfowindow h5 {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        font-size: 14px;
        font-weight: bold;
        width: 220px;
        text-overflow: ellipsis;
        word-break: break-all;
        white-space: nowrap;
    }

    .myinfowindow div {
        margin-top: 10px;
        min-height: 40px;
        line-height: 20px;
        font-size: 13px;
        color: #6f6f6f;
    }

.teams-right .news-list .teams-person {
    width: 23%;
    padding: 1%;
    margin: 1%;
    border: 1px solid #ddd;
    box-sizing: border-box;
    float: left;
}

    .teams-right .news-list .teams-person p {
        text-indent: 0;
        text-align: center;
        color: #333;
    }

.teams-right .person-detail .person-img {
    width: 20%;
    float: left;
}

.teams-right .person-detail .person-infor {
    width: 74%;
    text-align: left;
    float: right;
    text-indent: 0px !important;
}

    .teams-right .person-detail .person-infor h3 {
        text-align: left !important;
        color: #a12424;
        margin-bottom:20px;
    }

    .teams-right .person-detail .person-infor p {
        text-indent: 0px !important;
    }
.teams-right .news-list .synopsis{
    display:block;
    background-color:#a12424;
    color:#fff;
    margin:20px 0;
    border-radius:8px;
    font-size:18px;
    padding:6px 0;font-size:16px;
}
.customer ul li {
    width: 33.33333%;
    float: left;
    text-align: center;
    margin-bottom: 36px;
}
    .customer ul li img {
        width: auto !important;
        height: 40px;
    }

.product .news-list p.pro-item {
    display: block;
    width: 50%;
    text-align: center;
    float: left;
    text-indent: 0 !important;
    margin-top:20px;
}
    .product .news-list p.pro-item b {
        font-size: 16px;
        background: #a12424;
        color: #fff;
        display: inline-block;
        padding: 4px 20px;
        border-radius: 8px;
    }
    .product .news-list p.pro-item span{
        display:block;
    }
.pro3 .news-list p.pro-item {
    text-align: left;
    width: 100%;
}
.pro4 .news-list p.pro-item {
    float:none;
    text-align: left;
    width: 100%;
}
.synopsis-detail p{
	background-color: rgb(253 247 225) !important;
}