.w1300 .yewu{
    display: flex;
    padding: 100px 0;
}
.w1300 .yewu .left{
    margin-right: 40px;
}
.w1300 .yewu .left span{
    width: 31.8px;
    display: block;
    height: 2px;
    background: #B3B3B3;
}
.w1300 .yewu .left .Etitle{
    font-weight: 700;
    font-size: 38.54px;
    color: #B3B3B3;
    margin: 27px 0;
}
.w1300 .yewu .left .title{
    font-weight: 700;
    font-size: 28.91px;
    color: #333333;
    line-height: 30px;
}
.w1300 .yewu .right{

}
.w1300 .yewu .right .listItem{
    display: flex;
    flex-wrap: wrap;
}
.w1300 .yewu .right .listItem .list{
    margin-left: 14px;
    width: 239.41px;
    height: 177.05px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #ffffffff;
    padding: 38px;
    box-sizing: border-box;
}
.w1300 .yewu .right .listItem .list:first-child:hover{
    background-image: url('../image/bg1.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(2):hover{
    background-image: url('../image/bg2.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(3):hover{
    background-image: url('../image/bg3.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(4):hover{
    background-image: url('../image/bg4.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(5):hover{
    background-image: url('../image/bg5.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(6):hover{
    background-image: url('../image/bg6.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(7):hover{
    background-image: url('../image/bg7.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(8):hover{
    background-image: url('../image/bg8.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(n+5){
    margin-top: 24px;
}
.w1300 .yewu .right .listItem .list:first-child .image{
    background-image: url('../image/yewu1.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(2) .image{
    background-image: url('../image/yewu2.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(3) .image{
    background-image: url('../image/yewu3.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(4) .image{
    background-image: url('../image/yewu4.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(5) .image{
    background-image: url('../image/yewu5.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(6) .image{
    background-image: url('../image/yewu6.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(7) .image{
    background-image: url('../image/yewu7.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(8) .image{
    background-image: url('../image/yewu8.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:first-child:hover .image{
    background-image: url('../image/byewu1.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(2):hover .image{
    background-image: url('../image/byewu2.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(3):hover .image{
    background-image: url('../image/byewu3.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(4):hover .image{
    background-image: url('../image/byewu4.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(5):hover .image{
    background-image: url('../image/byewu5.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(6):hover .image{
    background-image: url('../image/byewu6.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(7):hover .image{
    background-image: url('../image/byewu7.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:nth-child(8):hover .image{
    background-image: url('../image/byewu8.png');
    background-size: 100% 100%;
}
.w1300 .yewu .right .listItem .list:hover .listTitle,.w1300 .yewu .right .listItem .list:hover .ElistTitle{
     color: #fff;
}
.w1300 .yewu .right .listItem .list .image{
    margin: 0 auto;
    display: flex;
    width: 40.47px;
    height: 43.36px;
}
.w1300 .yewu .right .listItem .list .listTitle{
    text-align: center;
    margin: 8px 0;
    font-size: 19.27px;
    color: #333;
}
.w1300 .yewu .right .listItem .list .ElistTitle{
    text-align: center;   
    font-size: 15.42px;
    color: #333;
}
/* about */
.about{
    width: 100%;
    height: 807.45px;
    background-image: url('../image/aboutBg.png');
    background-size: 100% 100%;
    padding: 66px 0;
}
.about .w1300 .title{
    text-align: center;
}
.about .w1300 .title div{
    opacity: 0.15;
    font-size: 54.73px;
    color: #FFFFFF;
    letter-spacing: 5px;
}
.about .w1300 .title span{
    font-size: 34.69px;
    color: #FFFFFF;
    font-weight: bold;
}
.about .w1300 .jieshao{
    font-size: 15.42px;
    text-align: center;
    color: #FFFFFF;
    margin: 44px 0 100px 0;
}
.about .w1300 .mid{
    display: flex;
}
.about .w1300 .mid .left{
    width: 832.5px;
    background: #ffffffff;
    height: 313.15px;
    padding: 39px 240px 51px 68px;
    box-sizing: border-box;
}
.about .w1300 .mid .left .title{
    font-size: 25.05px;
    text-align: left;
    color: #000;
    font-weight: bold;
}
.about .w1300 .mid .left .Etitle{
    font-size: 19.27px;
    text-align: left;
    color: #FFFFFF 100%;
    letter-spacing: 5px;
    margin: 25px 0 34px 0;
}
.about .w1300 .mid .left span{
    width: 118.52px;
    height: 1.93px;
    display: block;
    background: #000;
}
.about .w1300 .mid .left .content{
    font-size: 15.42px;
    margin-top: 37px;
}
.about .w1300 .mid .right{
    width: 640.76px;
    height: 328.6px;    
    margin: 26px 0 0 -200px;
}
.about .w1300 .mid .right img{
    width: 100%;
    height: 100%;
}
.about .w1300 .bot{
    display: flex;
    justify-content: space-between;
    margin-top: 46px;
    margin-bottom: 72px;
}
.about .w1300 .bot img{
    width: 399.63px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    height: 258.71px;
}


/* 必要布局样式css */
.product-number-info {
    background: url(../image/info.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: 200px;
}

.product-number-info .product-number-inner {
    width: 1300px;
    margin: 0 auto;
}

.product-number-info ul {
    padding: 85px 0;
    display: flex;
    justify-content: space-between;
}

.q {
    zoom: 1; }

.product-number-info li {
    float: left;
    width: 239px;
    height: 90px;
    text-align: center;
    color: #333333;
    padding-top: 1px;
}

.product-number-info li b {
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 15px 0 10px;
}

.product-number-info li p {
    font-size: 20px;
}

.product-number-info li b i {
    font-style: normal;
}

.product-number-info li b sup {
    position: absolute;
    font-size: 20px;
    right: -15px;
    top: -3px;
}

.product-number-info li.li-2 b, .product-number-info li.li-2 p {
    padding-left: 70px;
}

.product-number-info li b em {
    font-style: normal;
    font-size: 16px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -4px;
}

.product-number-info li.li-3 b, .product-number-info li.li-3 p {
    padding-left: 70px;
}

.product-number-info li.li-4 b, .product-number-info li.li-4 p {
    padding-left: 78px;
}

.product-number-info li.li-5 {
    text-align: right;
}


.newst{
    background-image: url('../image/newbg.png');
    background-size: 100% 100%;
}
.new{
    padding: 85px 0 95px 0;
}
.new .tabs ul{
    display: flex;
    justify-content: right;
    margin-bottom: 34px;
}
.new .tabs ul li{
    margin-left: 48px;
    color: #333333;
    cursor: pointer;
    font-size: 17.34px;
}
.new .tabs ul li.active{
    color: #9C2226;
}

.newN{
    display: none;    
}

.new .newList{
    display: flex;
    justify-content: space-between;
}
.new .newList .left{
    width: 349.89px;
    height: 534.88px;
    position: relative;
}
.new .newList .left img{
    width: 100%;
    height: 100%;
}
.new .newList .left .title{
    position: absolute;
    left: 41px;
    top: 69px;
    font-size: 38.54px;
    font-weight: bold;
    color: #fff;
}
.new .newList .left .title span{
    display: block;
    margin-top: 26px;
    font-size: 28.91px !important;
}
.new .newList .mid{

}
.new .newList .mid .top{
    width: 455.09px;
    height: 267.3px;
    position: relative;
}
.new .newList .mid .top img{
    width: 100%;
    height: 100%;
}
.new .newList .mid .top .mid_bot{
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #110604;
    color: #fff;
    padding: 15px 20px;
    font-size: 16px;
}
.new .newList .mid .top .mid_bot .date{
    margin-right: 20px;
}
.new .newList .mid .top .mid_bot .mid_title{
    flex: 1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.new .newList .mid .bot{
    width: 455.09px;
    height: 267.3px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 44px 42px;
    color: #333333;
    box-sizing: border-box;
}
.new .newList .mid .bot .bot_title{
    font-size: 23.13px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.new .newList .mid .bot .bot_date{
    font-size: 15.42px;
    margin: 33px 0 28px 0;
}
.new .newList .mid .bot .bot_content{
    font-size: 17.34px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.ollaborators{
    padding-bottom: 100px;
}
.ollaborators .w1300 .title{
    text-align: center;
    margin-bottom: 88px;
}
.ollaborators .w1300 .title div{
    opacity: 0.15;
    font-size: 54.73px;
    color: #B3B3B3;
    letter-spacing: 5px;
}
.ollaborators .w1300 .title span{
    font-size: 34.69px;
    color: #333333;
    font-weight: bold;
}
.ollaborators >img{
    width: 100%;
    height: 544px;
}