@charset "utf-8";

.crumbs {

    height: 60px;

    line-height: 60px;

}



/* 项目库 */



.top-classify {

    padding: 5px 30px;

    background: #fff;

    overflow: hidden;

    border: 1px solid #82d3b5;

}



.top-classify dl {

    display: block;

    padding-top: 10px;

    padding-bottom: 8px;

    overflow: hidden;

    border-bottom: 1px solid #ECEDF6;

}



.top-classify dl:last-child {

    border-bottom: 0;

}



.top-classify dt {

    float: left;

    width: 80px;

    height: 30px;

    line-height: 30px;

    color: #333;

    font-weight: bold;

}



.top-classify dd {

    float: left;

    overflow: hidden;

    position: relative;

    float: left;

    width: 1050px;

    line-height: 30px;

}



.top-classify dd ul {

    overflow: hidden;

}



.top-classify dd ul li {

    float: left;

    margin-bottom: 6px;

    padding-right: 10px;

}



.top-classify dd ul li a {

    display: block;

    margin-top: 5px;

    font-size: 12px;

    padding: 0 8px;

    line-height: 22px;

}



.top-classify dd ul li.on a {

    color: #fff !important;

    background: #ee0f15;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -o-border-radius: 2px;

}



.top-classify .sub_box i {

    position: absolute;

    right: 0;

    bottom: 3px;

    width: 64px;

    height: 26px;

    padding: 0 10px;

    font-size: 14px;

    color: #999;

    line-height: 24px;

    cursor: pointer;

    border: 1px solid #ccc;

    background: #fff;

}



.top-classify .sub_box i::before {

    position: absolute;

    right: 8px;

    font-size: 16px;

}



.top-classify .sub_box .fa-angle-down {

    z-index: 10;

}



/* */



.inner-content {

    margin-bottom: 50px;

}



.inner-content>.fl {

    width: 880px;

}



.project-content {

    padding: 0 30px;

    background: #fff;

}



.project-top {

    height: 50px;

    line-height: 50px;

}



.project-top h2 {

    float: left;

    font-size: 16px;

    color: #333;

}



.project-top span {

    float: right;

    font-size: 12px;

    color: #999;

}



.project-top span em {

    font-size: 12px;

    color: #ee0f15;

}



.item-list {

    border-top: 1px solid #dfdfdf;

}



.item-list li {

    padding: 20px 0;

    border-bottom: 1px solid #dfdfdf;

    overflow: hidden;

}



.item-list li .li-le {

    width: 180px;

}



.item-list li .li-mid {

    width: 410px;

    margin-left: 20px;

}



.item-list li .li-mid div a {

    font-size: 18px;

    color: #333;

    font-weight: bold;

}



.item-list li .li-mid div span {

    font-size: 12px;

    color: #999;

}



.item-list li .li-mid p {

    margin-top: 15px;

    font-size: 12px;

    overflow: hidden;

}



.item-list li .li-mid p span {

    float: left;

    min-width: 150px;

    font-size: 12px;

    color: #999;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.item-list li .li-mid p em {

    font-size: 12px;

}



.item-list li .li-mid p b {

    font-size: 15px;

    color: #ed625e;

}



.item-list li .li-mid p i {

    float: left;

    width: 78px;

    height: 22px;

    background: url(../images/yx-icon.png) no-repeat;

}



.item-list li .fr {

    width: 80px;

}



.item-list li .fr span {

    display: block;

    width: 100%;

    height: 30px;

    margin-bottom: 21px;

    text-align: center;

    font-size: 12px;

    color: #ee0f15;

    line-height: 28px;

    border: 1px solid #ee0f15;

    border-radius: 100px;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    -ms-border-radius: 100px;

    -o-border-radius: 100px;

}



.item-list li .fr:hover span {

    background: #ee0f15;

    color: #fff;

}



.pagCon {

    height: 60px;

    padding: 10px;

    background: #fff;

    line-height: 40px;

    text-align: center;

}



.pagCon li {

    display: inline-block;

    vertical-align: top;

    margin: 0 4px;

}



.pagCon li a, .pagCon li span {

    display: block;

    padding: 0 10px;

}



.pagCon li.thisclass a, .pagCon li.thisclass span {

    color: #ee0f15;

}



.pagCon li b {

    font-weight: bold;

    color: #333;

}



/* 右侧边栏 */



.right-sidebar {

    width: 290px;

}



.right-sidebar>div {

    margin-bottom: 20px;

    padding-bottom: 15px;

    background: #fff;

}



.side-box {

    padding: 0 20px;

    padding-top: 16px;

    background: #fff;

    border: 1px solid #dfdfdf;

    border-top: 2px solid #ee0f15;

}



.side-box h2 {

    margin-bottom: 10px;

    font-size: 16px;

    color: #ee0f15;

}



.join-butler {

    position: relative;

    padding-bottom: 10px;

}



.join-butler .swiper-slide {

    overflow: hidden;

}



.join-butler .swiper-slide img {

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    -o-border-radius: 100%;

}



.join-butler .swiper-slide div {

    width: 160px;

    margin-left: 15px;

}



.join-butler .swiper-slide strong {

    display: block;

    color: #333;

}



.join-butler .swiper-slide p {

    margin-top: 7px;

    font-size: 12px;

    color: #333;

}



.join-butler .swiper-slide a {

    display: block;

    width: 120px;

    height: 26px;

    margin-top: 10px;

    text-align: center;

    font-size: 12px;

    color: #ee0f15;

    line-height: 24px;

    border: 1px solid #ee0f15;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -o-border-radius: 2px;

}



.swiper-button {

    position: absolute;

    top: 24px;

    left: -10px;

    cursor: pointer;

    outline: none;

}



.swiper-button.btn-next {

    left: auto;

    right: -10px;

}



.swiper-button i {

    font-size: 36px;

    color: #ccc;

}



.new-brand, .hot-trade {

    overflow: hidden;

}



.new-brand a, .hot-trade a {

    float: left;

    width: 50%;

    margin-bottom: 8px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 12px;

}



.hot-trade a {

    width: 33.33%;

}



/*  */



.rqb-list li {

    height: 40px;

    line-height: 40px;

    overflow: hidden;

}



.rqb-list li i {

    display: inline-block;

    vertical-align: middle;

    width: 20px;

    height: 20px;

    margin-right: 10px;

    background: #ccc;

    text-align: center;

    font-size: 12px;

    color: #fff;

    line-height: 20px;

}



.rqb-list li a {

    display: inline-block;

    vertical-align: middle;

    max-width: 150px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #333;

}



.rqb-list li:nth-of-type(-n+3) a {

    font-weight: bold;

}



.rqb-list li:nth-of-type(1) i {

    background: url(../images/1.png) center no-repeat;

}



.rqb-list li:nth-of-type(2) i {

    background: url(../images/2.png) center no-repeat;

}



.rqb-list li:nth-of-type(3) i {

    background: url(../images/3.png) center no-repeat;

}



.rqb-list li:nth-of-type(4) i::before {

    content: '4';

}



.rqb-list li:nth-of-type(5) i::before {

    content: '5';

}



.rqb-list li:nth-of-type(6) i::before {

    content: '6';

}



.rqb-list li:nth-of-type(7) i::before {

    content: '7';

}



.rqb-list li:nth-of-type(8) i::before {

    content: '8';

}



.rqb-list li:nth-of-type(9) i::before {

    content: '9';

}



.rqb-list li:nth-of-type(10) i::before {

    content: '10';

}



.rqb-list li span {

    padding-right: 22px;

    color: #999;

    background-image: url(../images/huo04.png);

    background-position: right center;

    background-repeat: no-repeat;

    background-size: 14px;

}



.rqb-list li:nth-of-type(1) span {

    background-image: url(../images/huo01.png);

}



.rqb-list li:nth-of-type(2) span {

    background-image: url(../images/huo02.png);

}



.rqb-list li:nth-of-type(3) span {

    background-image: url(../images/huo03.png);

}



.mob-item h2 {

    height: 50px;

    padding: 0 20px;

    margin-bottom: 15px;

    line-height: 50px;

    font-size: 16px;

    color: #fff;

    background: #ee0f15;

}



.mob-item div {

    padding: 0 20px;

}



.mob-item div img {

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

}



.mob-item div p {

    display: inline-block;

    vertical-align: middle;

}



.mob-item div p strong {

    display: block;

    color: #333;

}



.mob-item div p span {

    display: block;

    padding-left: 22px;

    margin-top: 10px;

    background: url(../images/ss-icon.png) 0 center no-repeat;

    font-size: 12px;

    color: #333;

}



/* 新闻列表 */



.infor-content {

    background: #fff;

}



.infro-list {

    padding: 0 25px;

}



.infro-list li {

    padding: 25px 0;

    overflow: hidden;

    border-bottom: 1px solid #dfdfdf;

}



.infro-list li img {

    width: 230px;

}



.infro-list li .listent {

    width: 570px;

    margin-left: 25px;

}



.infro-list li .listent a {

    display: block;

    font-size: 18px;

    color: #333;

    font-weight: bold;

}



.infro-list li .listent p {

    height: 70px;

    overflow: hidden;

    margin: 15px 0;

    line-height: 24px;

}



.infro-list li .listent i {

    margin-right: 6px;

    font-size: 18px;

    color: #999;

}



.infro-list li .listent span {

    display: inline-block;

    vertical-align: top;

    margin-right: 30px;

    font-size: 12px;

    color: #999;

}



.new-sort {

    width: 100%;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.new-sort a {

    width: 100px;

    padding-left: 23px;

    margin-bottom: 12px;

    background: url(../images/icon-img1.png) left center no-repeat;

}



.new-sort-2 {

    padding-top: 12px;

    border-top: 1px dashed #d8d8d8;

}



.new-sort-2 a {

    background: url(../images/icon-img2.png) left center no-repeat;

}



.hot-article li {

    position: relative;

    padding-left: 12px;

    margin-top: 10px;

    overflow: hidden;

}



.hot-article li::before {

    position: absolute;

    content: '';

    left: 0;

    top: 50%;

    width: 4px;

    height: 4px;

    margin-top: -2px;

    background: #999;

}



.hot-article li a {

    float: left;

    max-width: 180px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 12px;

    color: #333;

}



.hot-article li span {

    float: right;

    font-size: 12px;

    color: #999;

}



.hot-tags a {

    display: inline-block;

    vertical-align: top;

    margin-bottom: 12px;

    margin-right: 14px;

    font-size: 12px;

}



.hot-tags i {

    margin-right: 4px;

    font-size: 16px;

    color: #999;

}



/* 项目详情 */



.wrap-box {

    padding-bottom: 30px;

    background: #fff;

}



.item-detail-top>.fl {

    width: 480px;

}



.item-slide {

    margin-bottom: 10px;

}



.item-slide-nav .swiper-slide {

    border: 1px solid transparent;

}



.item-slide-nav .item-active {

    border: 1px solid #ee0f15;

}



.item-slide-nav .swiper-button-white {

    width: 20px;

    height: 42px;

    left: 0;

    background-color: rgba(0, 0, 0, .5);

    background-size: 9px;

}



.item-slide-nav .swiper-button-next {

    left: auto;

    right: 0;

}



.item-detail-top>.fr {

    width: 680px;

}



.item-detail-top>.fr h2 {

    font-size: 22px;

    color: #333;

    line-height: 46px;

}



.item-detail-top>.fr .box01 {

    margin-top: 30px;

    margin-bottom: 20px;

}



.item-detail-top>.fr .box01>span {

    display: inline-block;

    vertical-align: top;

    padding-right: 36px;

    line-height: 40px;

    border-right: 1px solid #e5e5e5;

}



.item-detail-top>.fr .box01 b {

    font-size: 16px;

    color: #ee0f15;

}



.item-detail-top>.fr .box01 em {

    font-size: 30px;

    color: #ee0f15;

}



.item-detail-top>.fr .box01 p {

    display: inline-block;

    vertical-align: top;

    width: 270px;

    margin-left: 36px;

}



.item-detail-top>.fr .box01 p span {

    display: inline-block;

    vertical-align: top;

    margin-right: 15px;

    margin-top: 4px;

    font-size: 12px;

}



.item-detail-top>.fr .box02 {

    line-height: 80px;

    border-top: 1px dashed #e5e5e5;

    border-bottom: 1px dashed #e5e5e5;

}



.item-detail-top>.fr .box02 span {

    display: inline-block;

    vertical-align: top;

    margin-right: 30px;

    font-size: 16px;

}



.item-detail-top>.fr .box02 i {

    width: 40px;

    height: 40px;

    margin-right: 10px;

    background: #e6e6e6;

    font-size: 22px;

    color: #fff;

    text-align: center;

    line-height: 40px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.item-detail-top>.fr .box03 {

    margin-top: 16px;

    overflow: hidden;

}



.item-detail-top>.fr .box03 span {

    float: left;

    width: 64px;

    font-size: 12px;

}



.item-detail-top>.fr .box03 ul {

    overflow: hidden;

}



.item-detail-top>.fr .box03 li {

    float: left;

    width: 25%;

    margin-bottom: 15px;

    font-size: 12px;

}



.item-detail-top>.fr .box03 li i {

    margin-right: 5px;

    color: #ee0f15;

}



.item-detail-top>.fr .box04 {

    margin-top: 15px;

    overflow: hidden;

}



.item-detail-top>.fr .box04 a {

    float: left;

    width: 170px;

    height: 50px;

    background: #ee0f15;

    font-size: 16px;

    color: #fff !important;

    text-align: center;

    line-height: 50px;

    border-radius: 6px;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

}



.item-detail-top>.fr .box04 a:first-child {

    width: 200px;

    margin-right: 30px;

    color: #ee0f15 !important;

    background: #fff;

    border: 1px solid #ee0f15;

}



.item-detail-top>.fr .box04 i {

    margin-right: 10px;

    font-size: 20px;

    color: #fff;

}



.item-detail-top>.fr .box04 a:first-child i {

    color: #ee0f15;

}



/*  */



.item-detail-content {

    background: #fff;

    border: 1px solid #dfdfdf;

}



.nav-box {

    position: relative;

    height: 54px;

}



.item-nav {

    width: 880px;

    height: 54px;

    line-height: 52px;

    background: #fff;

    text-align: center;

    border-bottom: 2px solid #ee0f15;

}



.item-nav ul {

    float: left;

    overflow: hidden;

}



.item-nav li {

    float: left;

    width: 110px;

}



.item-nav li a {

    display: block;

    font-size: 16px;

}



.item-nav li a.active {

    color: #fff;

    background: #ee0f15!important;

}



.item-nav span {

    position: relative;

    width: 110px;

    margin-right: 10px;

    font-size: 16px;

    color: #e55450!important;

    font-weight: bold;

    cursor: pointer;

}



.item-nav span::after {

    position: absolute;

    content: '';

    top: 5px;

    right: 0;

    width: 18px;

    height: 18px;

    background: url(../images/call-icon.gif);

    background-size: 100%;

}



.item-nav-fixed {

    z-index: 999;

    position: fixed;

    top: 0;

    box-shadow: 5px 0 10px rgba(0, 0, 0, .15);

}



.item-con-box {

    padding: 30px;

    padding-bottom: 0;

}



.item-con-box p {

    margin-top: 20px;

    line-height: 28px;

    font-size: 15px;

    text-align: justify;

}



.item-con-box p img {

    margin: 0 auto;

}



.item-con-tit {

    font-size: 20px;

    color: #ee0f15;

    font-weight: bold;

}



.item-con-box ul {

    overflow: hidden;

    margin: 0 -8px;

    padding: 20px 0;

}



.item-con-box ul li {

    float: left;

    width: 25%;

    margin-bottom: 10px;

    padding: 0 8px;

}



/* 新闻详情 */



.art-content {

    padding: 30px 40px;

    background: #fff;

    box-shadow: 0 0 6px 0 rgba(204, 204, 204, .5);

}



.art-content h1 {

    font-size: 22px;

    color: #333;

    line-height: 32px;

    text-align: center;

}



.art-message {

    padding: 15px 0;

    text-align: center;

    border-bottom: 1px solid #e5e5e5;

}



.art-message span {

    display: inline-block;

    vertical-align: top;

    margin: 0 10px;

    font-size: 12px;

    color: #777;

}



.remark {

    margin-top: 30px;

    padding: 15px;

    line-height: 26px;

    background: #f4f5fa;

    text-align: justify;

}



.art-body p, .art-body div {

    margin-top: 24px;

    font-size: 16px;

    line-height: 30px;

    text-align: justify;

}



.art-body img {

    margin: 0 auto;

}



.related-tags {

    margin-top: 40px;

    color: #999;

}



.related-tags a {

    display: inline-block;

    height: 28px;

    padding: 0 8px;

    margin-right: 12px;

    line-height: 26px;

    border: 1px solid #9195ac;

    border-radius: 14px;

    -webkit-border-radius: 14px;

    -moz-border-radius: 14px;

    -ms-border-radius: 14px;

    -o-border-radius: 14px;

}



.turn-page {

    margin-top: 40px;

    overflow: hidden;

}



.turn-page li {

    float: left;

    width: 48%;

    color: #ee0f15;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.turn-page li:last-child {

    float: right;

}



/* 留言咨询 */



.message-box {

    background: #fff;

    border: 1px solid #dfdfdf;

}



.message-box-top {

    height: 50px;

    padding: 0 30px;

    overflow: hidden;

    font-size: 18px;

    color: #fff;

    font-weight: bold;

    line-height: 50px;

    background: #ee0f15;

}



.message-box-top p {

    float: right;

    color: #fff;

    font-weight: normal;

}



.message-box-top p i {

    vertical-align: middle;

    margin-top: -2px;

    font-size: 20px;

    color: #ffff;

}



.message-box-top p b {

    font-size: 20px;

    color: #fff

}



.message-box-form {

    position: relative;

    padding: 30px;

}



.message-box-form label {

    display: block;

    margin-bottom: 20px;

    overflow: hidden;

    line-height: 40px;

}



.message-box-form label span {

    position: relative;

    float: left;

    width: 64px;

    padding-left: 11px;

    font-size: 16px;

}



.message-box-form label b {

    position: absolute;

    left: 0;

    font-size: 16px;

    color: #ee0f15;

}



.message-box-form label input {

    float: left;

    width: 340px;

    height: 40px;

    padding: 0 10px;

    border: 1px solid #e5e5e5;

}



.message-box-form .liuyan {

    width: 100%;

}



.message-box-form .liuyan input {

    width: 100%;

    height: 140px;

    padding-bottom: 100px;

}



.message-box-form .submit {

    overflow: hidden;

    padding-left: 64px;

}



.message-box-form .submit input {

    width: 340px;

    height: 50px;

    background: #ee0f15;

    font-size: 18px;

    color: #fff;

    font-weight: bold;

    cursor: pointer;

}



.message-box-form .submit p {

    display: block;

    width: 340px;

    margin-top: 6px;

    font-size: 12px;

    line-height: 22px;

}



.message-box-form .submit p b {

    font-size: 12px;

    color: #ee0f15;

}



.form-kjly {

    position: absolute;

    top: 190px;

    right: 30px;

    width: 370px;

}



.form-kjly strong {

    position: relative;

    display: block;

    height: 40px;

    padding-left: 20px;

    background: #fa6165;

    font-size: 16px;

    color: #fff;

    line-height: 40px;

}



.form-kjly strong::before {

    position: absolute;

    content: '';

    top: 50%;

    left: -12px;

    margin-top: -6px;

    border: 6px solid transparent;

    border-right-color: #fa6165;

}



.form-kjly ul {

    padding: 16px;

    border: 1px solid #fa6165;

    border-top: 0;

}



.form-kjly ul li {

    position: relative;

    padding-left: 10px;

    margin-bottom: 13px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #999;

    cursor: pointer;

}



.form-kjly ul li:hover {

    color: #ee0f15;

}



.form-kjly ul li::before {

    position: absolute;

    content: '';

    left: 0;

    top: 50%;

    width: 4px;

    height: 4px;

    margin-top: -2px;

    background: #e5e5e5;

}



/* 加盟留言 */



.join-form {

    background: #fff;

    box-shadow: 0 0 6px 0 rgba(204, 204, 204, .5);

    overflow: hidden;

}



.join-form .fl {

    width: 310px;

    padding-bottom: 60px;

    text-align: center;

    background: #f3fbf8;

}



.join-form .fl img {

    margin: 40px auto 20px;

}



.join-form .fl strong {

    display: block;

    font-size: 20px;

    color: #ee0f15;

}



.join-form .fl span {

    display: block;

    margin-top: 3px;

    color: #ee0f15;

}



.join-form .fr {

    width: 570px;

    padding: 30px 80px;

}



.join-form .fr label {

    display: block;

    height: 40px;

    margin-bottom: 18px;

    overflow: hidden;

    line-height: 40px;

}



.join-form .fr label span {

    float: left;

    width: 60px;

    padding-right: 10px;

    text-align: right;

    color: #333;

}



.join-form .fr label input {

    float: left;

    width: 340px;

    height: 40px;

    padding: 0 10px;

    border: 1px solid #ddd;

}



.join-form .submit {

    padding-left: 60px;

}



.join-form .submit input {

    display: block;

    width: 340px;

    height: 40px;

    background: #ee0f15;

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    cursor: pointer;

    ;

}



/* 相关资讯 */



.art-information {

    background: #fff;

    box-shadow: 0 0 6px 0 rgba(204, 204, 204, .5);

}



.art-information h2 {

    height: 50px;

    padding-left: 20px;

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    line-height: 50px;

    background: #ee0f15;

}



.art-information ul {

    overflow: hidden;

    padding: 10px 30px 30px;

}



.art-information ul li {

    position: relative;

    float: left;

    width: 50%;

    margin-top: 16px;

    padding-left: 12px;

    padding-right: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.art-information ul li::before {

    position: absolute;

    content: '';

    top: 50%;

    left: 0;

    width: 4px;

    height: 4px;

    margin-top: -2px;

    background: #ee0f15;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    -o-border-radius: 100%;

}



.related-new {

    padding: 20px 30px;

    background: #fff;

    border: 1px solid #dfdfdf;

}



.related-new>div {

    width: 46%;

}



.related-new h2 {

    margin-bottom: 15px;

    font-size: 18px;

    color: #333;

    line-height: 35px;

}



.related-new h2 a {

    color: #999;

    font-weight: normal;

}



.fir-nbox {

    margin-bottom: 20px;

    overflow: hidden;

}



.fir-nbox img {

    float: left;

    width: 170px;

    margin-right: 15px;

}



.fir-nbox h3 {

    max-height: 40px;

    color: #333;

    line-height: 22px;

    overflow: hidden;

}



.fir-nbox p {

    max-height: 60px;

    overflow: hidden;

    margin-top: 5px;

    font-size: 12px;

    color: #999;

    line-height: 20px;

}



.fir-nbox span {

    display: block;

    margin-top: 4px;

    text-align: right;

    font-size: 12px;

    color: #999;

}



.related-new ul li {

    position: relative;

    margin-top: 15px;

    padding-left: 10px;

    overflow: hidden;

    line-height: 18px;

}



.related-new ul li::before {

    position: absolute;

    content: '';

    left: 0;

    top: 50%;

    width: 4px;

    height: 4px;

    margin-top: -2px;

    background: #ee0f15;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    -o-border-radius: 100%;

}



.related-new ul li a {

    float: left;

    max-width: 310px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.related-new ul li span {

    float: right;

    font-size: 12px;

    color: #999;

}



/*  */



.brand-recome li {

    margin-top: 20px;

    overflow: hidden;

}



.brand-recome li img {

    margin-right: 15px;

}



.brand-recome li h3 {

    color: #333;

}



.brand-recome li p {

    margin-top: 3px;

    font-size: 12px;

}



.brand-recome li em {

    font-size: 12px;

    color: #ee0f15;

}



.join-information li {

    position: relative;

    padding-left: 12px;

    margin-top: 13px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.join-information li::before {

    position: absolute;

    content: '';

    top: 50%;

    left: 0;

    width: 4px;

    height: 4px;

    margin-top: -2px;

    background: #ee0f15;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    -o-border-radius: 100%;

}



.join-information li a {

    font-size: 12px;

    color: #333;

}



/* 排行榜 */



.phb-box {

    width: 291px;

    background: #fff;

    box-shadow: 0 0 10px 0 rgba(204, 204, 204, .5);

}



.phb-title {

    height: 50px;

    padding: 0 10px;

    line-height: 50px;

    background: #f0f7ff;

    font-size: 16px;

    color: #39f;

    font-weight: bold;

}



.phb-title i {

    margin-right: 8px;

    font-size: 20px;

    color: #39f;

}



.phb-box-nav {

    display: flex;

    justify-content: space-between;

    margin: 0 10px;

    padding: 15px 0 6px 0;

    border-bottom: 1px dashed #dfdfdf;

}



.phb-box-nav span {

    font-size: 12px;

    color: #999;

}



.phb-box ul {

    padding: 0 10px;

    padding-bottom: 21px;

}



.phb-box ul li {

    margin-top: 12px;

    overflow: hidden;

    line-height: 20px;

}



.phb-box ul li i {

    float: left;

    width: 18px;

    height: 20px;

    font-size: 12px;

    color: #999;

    text-align: center;

    background: url(../images/rank-icon3.png) no-repeat;

}



.phb-box ul li:nth-of-type(-n+3) i {

    background: url(../images/rank-icon2.png) no-repeat;

    font-weight: bold;

    color: #333;

}



.phb-box ul li i::before {

    content: '1';

}



.phb-box ul li:nth-of-type(2) i::before {

    content: '2';

}



.phb-box ul li:nth-of-type(3) i::before {

    content: '3';

}



.phb-box ul li:nth-of-type(4) i::before {

    content: '4';

}



.phb-box ul li:nth-of-type(5) i::before {

    content: '5';

}



.phb-box ul li:nth-of-type(6) i::before {

    content: '6';

}



.phb-box ul li:nth-of-type(7) i::before {

    content: '7';

}



.phb-box ul li:nth-of-type(8) i::before {

    content: '8';

}



.phb-box ul li:nth-of-type(9) i::before {

    content: '9';

}



.phb-box ul li:nth-of-type(10) i::before {

    content: '10';

}



.phb-box ul li h3 {

    float: left;

    width: 100px;

    margin-left: 10px;

    font-size: 13px;

}



.phb-box ul li em {

    float: left;

    margin-left: 10px;

    /*margin-left: 20px;*/

    font-size: 12px;

}



.phb-box ul li span {

    float: right;

    font-size: 12px;

    color: #999;

}



.phb-box ul li .beli {

    overflow: hidden;

}



.phb-box ul li .afli {

    display: none;

    padding-top: 15px;

}



.phb-box ul li .afli img {

    float: left;

    margin-right: 20px;

}



.phb-box ul li .afli p {

    margin-bottom: 4px;

    font-size: 12px;

}



.phb-box ul li.active em {

    display: none;

}



.phb-box ul li.active h3 {

    width: 170px;

}



.phb-box ul li.active .afli {

    display: block;

    overflow: hidden;

}



.phb-middle {

    width: 592px;

    margin-left: 12px;

}



.phb-recommend {

    padding: 0 10px;

    margin-top: 10px;

    background: #fff;

}



.phb-recommend h2 {

    height: 48px;

    line-height: 48px;

    font-size: 18px;

    color: #ee0f15;

}



.phb-recommend h2 i {

    margin-right: 5px;

    font-size: 20px;

    color: #ee0f15;

}



.relist-1 {

    height: 102px;

    margin: 0 -5px;

}



.relist-1 li {

    float: left;

    width: 25%;

    padding: 0 5px;

    transition: all .3s ease;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

}



.relist-1 li a {

    position: relative;

    display: block;

}



.relist-1 li p {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 22px;

    padding: 0 10px;

    font-size: 12px;

    color: #fff;

    text-align: center;

    line-height: 22px;

    background: rgba(0, 0, 0, .3);

}



.relist-1 li:hover {

    transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

    -moz-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    -o-transform: translateY(-5px);

}



.relist-2 {

    overflow: hidden;

    padding: 7px 0;

}



.relist-2 li {

    position: relative;

    float: left;

    width: 25%;

    padding: 0 12px;

    margin-top: 6px;

}



.relist-2 li::before {

    position: absolute;

    content: '';

    top: 50%;

    left: 0;

    width: 3px;

    height: 3px;

    margin-top: -1px;

    background: #999;

}



.relist-2 li a {

    display: block;

    font-size: 12px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.rank-bot-content .fl {

    width: 880px;

}



.new-product ul {

    margin: 0 -8px;

    padding-top: 5px;

    overflow: hidden;

}



.new-product ul li {

    float: left;

    width: 20%;

    padding: 0 8px;

    margin-bottom: 15px;

}



.new-product ul li a {

    display: block;

    padding-bottom: 10px;

    background: #fff;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.new-product ul li a:hover {

    transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

    -moz-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    -o-transform: translateY(-5px);

}



.new-product ul li h3 {

    padding: 0 10px;

    margin-top: 8px;

    font-weight: normal;

}



.new-product ul li p {

    margin-top: 4px;

    padding: 0 10px;

    overflow: hidden;

}



.new-product ul li b {

    float: left;

    font-size: 12px;

    color: #E65450;

}



.new-product ul li span {

    float: right;

    font-size: 12px;

    color: #999;

}



.new-information {

    width: 300px;

    margin-top: 5px;

    margin-bottom: 50px;

}



.new-infor-box {

    padding: 15px;

    background: #fff;

    box-shadow: 0 0 4px 0 rgba(204, 204, 204, .5);

}



.new-infor-box>a {

    display: block;

    overflow: hidden;

}



.new-infor-box h3 {

    margin-bottom: 10px;

    color: #333;

}



.new-infor-box img {

    float: left;

    margin-right: 15px;

}



.new-infor-box p {

    height: 60px;

    font-size: 12px;

    line-height: 20px;

    overflow: hidden;

}



.new-infor-box span {

    display: block;

    text-align: right;

    font-size: 12px;

    color: #999;

}



.new-infor-box ul li {

    position: relative;

    padding-left: 12px;

    margin-top: 13px;

    overflow: hidden;

}



.new-infor-box ul li::before {

    position: absolute;

    content: '';

    top: 50%;

    left: 0;

    width: 4px;

    height: 4px;

    margin-top: -2px;

    background: #999;

}



.new-infor-box ul li a {

    float: left;

    width: 200px;

    font-size: 12px;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.new-infor-box ul li span {

    float: right;

    font-size: 12px;

    color: #999;

}



@media screen and (max-width:768px) {

    .top-classify {

        padding: 5px;

    }

    .top-classify dl {

        padding: 10px;

    }

    .top-classify dd {

        width: 100%;

        height: auto !important;

        padding: 0;

    }

    .top-classify dd ul li {

        padding-right: 10px;

        margin-bottom: 0;

    }

    .top-classify dd ul li a {

        font-size: 12px;

    }

    .top-classify .sub_box i {

        display: none;

    }

    /* 项目库 */

    .inner-content>.fl {

        float: none;

        width: 100%;

    }

    .project-content {

        padding: 0 13px;

    }

    .item-list li .li-le {

        width: 110px;

    }

    .item-list li .li-mid {

        width: calc(100% - 110px);

        margin-left: 0;

        padding-left: 10px;

    }

    .item-list li .li-mid div a {

        font-size: 16px;

    }

    .item-list li .li-mid div span {

        display: none;

    }

    .item-list li .li-mid p {

        margin-top: 0;

    }

    .item-list li .li-mid p span {

        min-width: 100px;

        margin-top: 3px;

    }

    .pagCon li {

        margin: 0;

    }

    .pagCon li b {

        font-size: 0;

    }

    .pagCon li a, .pagCon li span {

        padding: 0 6px;

    }

    /*  */

    .crumbs {

        padding: 0 10px;

    }

    /*  */

    .related-new {

        padding: 20px;

        padding-bottom: 0;

    }

    .related-new div {

        width: 100%;

        margin-bottom: 20px;

    }

    /* 文章详情 */

    .art-content {

        padding: 30px 20px;

    }

    .art-content h1 {

        font-size: 18px;

    }

    .art-infro span {

        font-size: 12px;

    }

    .turn-page li {

        width: 100%;

        line-height: 50px;

    }

    .join-form .fr {

        width: 100%;

        padding: 20px 15px;

    }

    .join-form .fr label input {

        width: calc(100% - 60px);

    }

    .join-form .submit input {

        width: 100%;

    }

    .art-information ul li {

        width: 100%;

        padding-right: 0;

    }

    /* 留言咨询 */

    .message-box-top {

        padding: 0 20px;

    }

    .message-box-top p {

        margin-top: 6px;

        font-size: 12px;

    }

    .message-box-top p span {

        font-size: 12px;

    }

    .message-box-form {

        padding: 20px;

    }

    .message-box-form label {

        width: 100%;

        margin-bottom: 10px;

    }

    .message-box-form label span {

        font-size: 14px;

        display: block;

    }

    .message-box-form label input {

        width: 100%;

    }

    .message-box-form .submit {

        padding: 0;

        margin-top: 20px;

    }

    .message-box-form .submit input {

        width: 100%;

        height: 40px;

        font-size: 16px;

        -webkit-appearance: none;

    }

    /* 项目详情 */

    .item-detail-top {

        padding: 0 10px;

    }

    .item-detail-top>.fl {

        width: 100%;

    }

    .item-slide {

        margin-bottom: 10px;

    }

    .item-detail-top>.fr {

        width: 100%;

        margin-top: 20px;

    }

    .item-detail-top>.fr h2 {

        max-height: 64px;

        font-size: 16px;

        line-height: 30px;

    }

    .item-detail-top>.fr .box01 {

        margin-top: 5px;

    }

    .item-detail-top>.fr .box01>span {

        display: block;

        padding: 0;

        border: 0;

        line-height: 24px;

    }

    .item-detail-top>.fr .box01 p {

        display: block;

        width: 100%;

        margin: 0;

    }

    .item-detail-top>.fr .box01 em {

        font-size: 18px;

    }

    .item-detail-top>.fr .box04 a {

        width: 40%;

        height: 36px;

        line-height: 36px;

        font-size: 14px;

    }

    .item-detail-top>.fr .box04 a:first-child {

        width: 44%;

    }

    .item-nav {

        width: 100%;

        height: 40px;

        line-height: 40px;

    }

    .item-nav ul {

        display: block!important;

        width: 100%;

    }

    .item-nav li {

        width: 20%;

    }

    .item-nav li a {

        font-size: 13px;

    }

    .item-con-box {

        padding: 15px;

    }

    .item-con-box ul li {

        width: 50%;

    }

    /* 新闻资讯 */

    .infro-list {

        padding: 0 15px;

    }

    .infro-list li img {

        width: 120px;

    }

    .infro-list li .listent {

        width: calc(100% - 135px);

        margin-left: 15px;

    }

    .infro-list li .listent a {

        font-size: 15px;

    }

    .infro-list li .listent p {

        height: 40px;

        margin: 6px 0;

        font-size: 12px;

        line-height: 20px;

    }

    .infro-list li .listent span {

        margin-right: 10px;

    }

    /* 排行榜 */

    .phb-box {

        width: 100%;

    }

    .phb-box ul li.active .afli {

        display: none;

    }

    .phb-box ul li.active em {

        display: block;

    }

    .phb-box ul li h3, .phb-box ul li.active h3 {

        width: 110px;

    }

    .new-information {

        width: 100%;

    }

}