@import "https://at.alicdn.com/t/font_2051371_65bse0t0bwj.css";
@import "https://at.alicdn.com/t/font_210935_ey3bc2kbk9.css";
@import "./base.css";
@import "./header.css";

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


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

.news-box{margin-top:30px;}
.news-left{float:left;width:850px;}
.news-title{font-size: 30px;color:#4d4d4d;margin:0 0 5px 0;font-weight:normal;}
.news-date {font-size:12px;color:#4d4d4d;height:20px;line-height: 20px;}
.news-content {font-size:16px;color:#4d4d4d;border-top:1px solid #4d4d4d;margin-top:10px;padding-top:10px;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: 10px auto;}

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

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

.news-hot {padding:10px;border:1px solid #a8a8a8;}
.news-hot h3 {font-size: 30px;color:#4d4d4d;font-weight:normal;border-bottom:2px solid #162987;}
.news-hot li {color:#4d4d4d;height:35px;line-height:35px;font-size:16px;border-bottom:1px dashed rgba(77,77,77,0.4); overflow: hidden;text-overflow: ellipsis;white-space: nowrap}


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

.hot-product-bottom{width:100%;overflow:hidden;}
.hot-product-item {
    margin-bottom: 30px;
    background: #ccc;
    padding: 15px;
}

.hot-product-item h3 {
    font-size: 16px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width:768px) {
    .crm {display: none}
    .news-left {float: none;width: 100%;}
    .news-right {float: none;width: 100%;margin-left: 0}
}