@import "./base.css";

.banner {width:100%;position: relative;}
.banner img {width:100%;}


.crm{line-height: 68rem; height: 68rem; overflow: hidden;background-color: #f1f1f1;font-size: 20rem;}
.crm i{font-size: 2rem; height: 68rem; display: inline-block; vertical-align: bottom;}
.crm span{display: inline-block;}
.crm a{line-height: 68rem; display: inline-block;}
.crm a:hover{color: #111; text-decoration: underline}

.news-box{margin-top:30rem;}
.news-left{float:left;width:850rem;}
.news-title{font-size: 30rem;color:#4d4d4d;margin:0 0 5rem 0;font-weight:normal;}
.news-date {font-size:12rem;color:#4d4d4d;height:20rem;line-height: 20rem;}
.news-content {font-size:16rem;color:#4d4d4d;border-top:1rem solid #4d4d4d;margin-top:10rem;padding-top:10rem;font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,sans-serif}
.news-content p {text-indent: 2em;line-height: 1.8;}
.news-content img {display: block;margin: 10rem auto;max-width: 90%;}

.news-foot{border: 1rem solid #4d4d4d;padding:20rem;margin-top:30rem;}
.news-foot p{height:25rem;line-height: 25rem;font-size:15rem;color:#4d4d4d}
.news-foot bold{font-weight:bold;}
.news-foot p a{color:#4d4d4d}

.news-right{float:left;width:300rem;margin-left:50rem;}

.news-hot {padding:10rem;border:1rem solid #a8a8a8;}
.news-hot h3 {font-size: 30rem;color:#4d4d4d;font-weight:normal;border-bottom:2rem solid #162987;}
.news-hot li a{color:#4d4d4d;height:35rem;line-height:35rem;font-size:16rem;border-bottom:1rem dashed rgba(77,77,77,0.4);display: block}


.hot-product-top {position: relative;height:40rem;margin:50rem 0;}
.hot-product-top h3{
    font-size:30rem;
    font-weight: bold;
    height:40rem;
    line-height: 40rem;
    border-left: 3rem solid;
    border-image: linear-gradient(to bottom, #162987 0%, #162987 50%, #FF9900 50%, #FF9900 100%) 1;
    padding-left:20rem;
}
.hot-product-top span {position: absolute;right: 10rem;top:20rem;}

.hot-product-bottom{width:100%;overflow:hidden;}
.hot-product-item {
    margin-bottom: 30rem;
    background: #ccc;
    padding: 15rem;
    /*width: 255rem!important;*/
    box-sizing: border-box;
}

.hot-product-item h3 a{
    font-size: 20rem;
    font-weight: normal;
    height: 40rem;
    line-height: 40rem;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#4d4d4d;
}

.hot-product-item img {
    width: 255rem;
    border:0;
    height:auto;
}

.hot-product-item .h4{
    font-size: 16rem;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#414040;
    background: #ededed;
    padding:0 10rem;
}

@media (max-width: 768px) {
    .news-left {width: 100%;float: none;}
    .news-content * {text-wrap-mode: wrap!important;}
    .news-right {width: 100%;float: none;margin-left: auto;margin-right: auto;margin-top: 20rem;}
    .hot-product-item img {width: 100%;}
}