﻿@media screen and (min-width:1200px)
{
    .companyActionNews dl dd
    {
        float: left;
        padding-left: 0;
        padding-top: 8px;
        width: 33%;
        transition: all 0.3s ease 0.1s;
    }

    .newslist
    {
        display: block;
    }
}

@media screen and (max-width:1200px)
{
    .companyActionNews dl dd
    {
        /*padding-left: 20px;*/
        width: 49%;
        float: left;
        padding-top: 8px;
        padding-left: 5px;
        transition: all 0.3s ease 0.1s;
    }

    .newslist
    {
        display: none;
    }
}

.mainContentArea
{
    width: 100%;
    margin: auto;
    text-align: center;
}

.contentListContent
{
    width: 80%;
    height: 400px;
    margin: auto;
    min-width: 905px;
    /*margin-top: 5px;*/
    text-align: center;
    /*border-top: 1px solid #b4b4b4;*/
    display: block;
    position: relative;
}

.productNews
{
    width: 100%;
    padding-top: 30px;
    /*border-top: 1px solid black;*/
}

    .productNews ul
    {
        list-style-type: none;
        float: left;
        width: 100%;
    }

        .productNews ul li
        {
            float: left;
            width: 33.33%;
            text-align: left;
        }

.productMainList
{
    width: 100%;
    margin-top: 20px;
}

    .productMainList ul
    {
        list-style-type: none;
        float: left;
        width: 100%;
        /*padding-top:20px;*/
    }

        .productMainList ul li
        {
            float: left;
            width: 33.33%;
            text-align: left;
            margin-top: 8px;
        }

            .productMainList ul li a
            {
                color: #4b4b4b;
                font-size: 15px;
                padding-left: 15px;
            }

.productMainImage
{
    padding-left: 15px;
    width: 90%;
    /*height: 200px;*/
    max-height: 200px;
    max-width: 324px;
    padding-top: 10px;
}

.companyActionNews
{
    padding-top: 0px;
    width: 33.33%;
    float: left;
}

    .companyActionNews dl
    {
        width: 100%;
    }

        .companyActionNews dl dt
        {
            color: #4b4b4b;
            font: 800 20px/40px "微软雅黑","黑体";
            text-align: left;
            height: 40px;
            line-height: 40px;
            width: 100%;
        }

            .companyActionNews dl dd .newsDate
            {
                width: 60px;
                height: 60px;
                background-color: #E9E8E3;
                float: left;
            }

                .companyActionNews dl dd .newsDate .newsDays
                {
                    display: block;
                    font: 36px/36px Arial;
                    color: #6c6c6c;
                }

                .companyActionNews dl dd .newsDate .newsYearsAndMonth
                {
                    font-family: Arial;
                    color: #6c6c6c;
                    font-size: 14px;
                    background-color: #cbcbcb;
                }

            .companyActionNews dl dd .newsContent
            {
                height: 60px;
                /*float:left;*/
                word-break: break-all;
                word-wrap: break-word;
                text-align: left;
                margin-left: 70px;
                /*line-height:60px;*/
                vertical-align: middle;
                line-height: 25px;
            }

                .companyActionNews dl dd .newsContent a
                {
                    color: #4b4b4b;
                    transition: all 0.3s ease 0.1s;
                }
                    .companyActionNews dl dd .newsContent a:hover
                    {
                        color: #b356a1;
                    }

.CompanyGloriesImg
{
    max-width: 240px;
    max-height: 150px;
}

#scrollCompanyGlories ul
{
    width: 100%;
}

    #scrollCompanyGlories ul li
    {
        list-style-type: none;
        width: 33%;
        float: left;
        min-height: 160px;
    }

        #scrollCompanyGlories ul li img
        {
            height: 150px;
            width: 200px;
        }

#imgshow
{
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    color: #fff;
    display: none;
}

.modeltitle
{
    padding-left: 10px;
    color: #b356a1;
}

.bg
{
    background-color: #c6c7c9;
}

.more
{
    /*background-color: #d7d7d7;*/
    /*float: right;*/
    padding-left: 2px;
    padding-right: 10px;
    font: 600 13px/40px "微软雅黑","黑体";
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

    .more a
    {
        color: #B356A1;
    }
        .more a:link
        {
            color:  #B356A1;
            transition: all 0.3s ease 0.1s;
        }

    .more:hover a
    {
        color: #46b98a;
        transition: all 0.3s ease 0s;
    }

.prod:hover
{
    color:#DD524D;
    transition: all 0.3s ease 0s;
}

.stu:hover
{
    color:#007aff;
    transition: all 0.3s ease 0s;
}
.cas:hover
{
     color:#dd524d;
    transition: all 0.3s ease 0s;
}