@charset "UTF-8";
.more-btn{
    background:#186fad;
    color:#fff;
    display:inline-block;
    padding: 10px 20px;
    font-size:14px;
}
.more-btn-div{
    text-align: center;
    margin-top: 20px;
}
.more-btn .jiantou{
    font-size:16px;
}
.about-div{
    background: #f1f1f1;
    padding-bottom: 70px;
}
.about-div > div{
    background:#fff;
    padding:70px;
    margin-top: -60px;
    position: relative;
}
.about-div > div .title-div{
    width: 230px;
    color:#444444;
}
.about-div > div .content-div{
    width: calc(100% - 230px);
}
.about-div > div .title-div .zh{
    font-size: 36px;
    font-weight: bold;
}
.about-div > div .title-div .en{
    font-size:18px;
}
.about-div > div .des{
    color:#666666;
    line-height: 28px;
}

.product-div{
    background:#fff;
    padding:70px 0;
}
.product-div .bigtitle{
    text-align: center;
    color:#444444;
    margin-bottom:35px;
}
.product-div .bigtitle .zh{
    font-size:30px;
    margin-bottom: 5px;
}
.product-div .bigtitle .en{
    font-size:18px;
}
.product-div .productlist{
    position:relative;
}
.product-div .productlist .fun-btn{
    position:absolute;
    top:calc(50% - 22.5px);
}
.product-div .productlist .fun-btn.pre-btn{
    left:-50px;
}
.product-div .productlist .fun-btn.next-btn{
    right:-50px;
}
.product-div .productlist .item{
    display: block;
    width:280px;
    height: 320px;
    border:1px solid #dcdcdc;
    margin-left:20px;
}
.product-div .productlist .item img{
    width:240px;
    height:240px;
    margin:10px auto 20px;
}
.product-div .productlist .item .product-msg{
    color:#444444;
    font-size:16px;
    text-align:center;
}
.product-div .more-btn{
    margin:25px auto 0;
}
.news-div{
    background:#f1f1f1;
    padding:70px 0;
}
.news-div .bigtitle{
    text-align: center;
    color:#444444;
    margin-bottom:35px;
}
.news-div .bigtitle .zh{
    font-size:30px;
    margin-bottom: 5px;
}
.news-div .bigtitle .en{
    font-size:18px;
}
.news-div .newslist .item{
    display: block;
}
.news-div .newslist .left-content{
    width:680px;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative
}
.news-div .newslist .left-content .msg{
    background-color: rgba(0,0,0,0.6);
    color:#fff;
    padding:20px 45px;
    position:absolute;
    bottom:0;
    left:0;
}
.news-div .newslist .left-content .msg .date{
    width:90px;
    margin-right:40px;
    text-align:center;
}
.news-div .newslist .left-content .msg .date div:first-child{
    background:#fff;
    color:#444444;
    font-size:30px;
}
.news-div .newslist .left-content .msg .date div:last-child{
    font-size:20px;
}
.news-div .newslist .left-content .msg .title-des{
    width:calc(100% - 130px);
}
.news-div .newslist .left-content .msg .title-des .title{
    font-size:16px;
    margin-bottom:15px;
}
.news-div .newslist .left-content .msg .title-des .des{
    font-size:14px;
}
.news-div .newslist .right-content{
    width: calc(100% - 680px);
    background:#fff;
}
.news-div .newslist .right-content .item{
    padding:20px 50px;
}
.news-div .newslist .right-content .msg .date{
    width:90px;
    margin-right:40px;
    text-align:center;
    color:#186fad;
}
.news-div .newslist .right-content .msg .date div:first-child{
    font-size:40px;
}
.news-div .newslist .right-content .msg .date div:last-child{
    font-size:14px;
}
.news-div .newslist .right-content .msg .title-des{
    width:calc(100% - 130px);
}
.news-div .newslist .right-content .msg .title-des .title{
    font-size:16px;
    margin-bottom:15px;
    color:#444444;
}
.news-div .newslist .right-content .msg .title-des .des{
    font-size:14px;
    color:#7b7b7b;
}
.news-div .newslist .right-content .item:hover{
    background:#186fad;
    transform: translateX(-6px) scaleX(1.02);
}
.news-div .newslist .right-content .item:hover *{
    color:#fff!important;
}

.case-div{
    background:url(/images/index_case_bg.jpg) no-repeat;
    background-size:cover;
    padding:70px 0;
}
.case-div .bigtitle{
    text-align: center;
    color:#444444;
    margin-bottom:35px;
}
.case-div .bigtitle .zh{
    font-size:30px;
    margin-bottom: 5px;
}
.case-div .bigtitle .en{
    font-size:18px;
}
.case-div .list{
    flex-wrap: wrap;
}
.case-div .list .item{
    width:385px;
    margin-bottom:25px;
}
.case-div .list .item img{
    width:100%;
}
.case-div .list .item .title{
    color:#444444;
    text-align:center;
    padding:15px 0;
}
.case-div .list .item:hover .title{
    background:#186fad;
    color:#fff;
}