﻿/*top*/
.first-wraper .content
{
    width: 66.67%;
    margin: 0 auto;
    font-size: 24px;
    line-height: 1.75;
    color: #333;
    text-align: center;
    font-family: "HarmonyOS_Sans_SC_Bold";
}
@media only screen and (max-width: 1599px)
{
    .first-wraper .content
    {
        font-size: 20px;
        line-height: 30px;
    }
}
@media only screen and (max-width: 1299px)
{
    .first-wraper .content
    {
        width: 73%;
    }
}
@media only screen and (max-width: 1024px)
{
    .first-wraper
    {
        padding-bottom: 0;
        margin-left: 3.8%;
        margin-right: 3.8%;
    }
    .first-wraper .content
    {
        width: 100%;
        font-size: 16px;
        line-height: 1.71;
        color: #707070;
    }
}
@media only screen and (max-width: 450px)
{
    .first-wraper .content
    {
        font-size: 14px;
    }
}/*内容*/
.industries-title
{
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-size: 40px;
    line-height: 1;
    text-align: center;
}
.industries-part2
{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.industries-item
{
    width: calc((100% - 32px) / 3);
    display: block;
    margin-right: 16px;
}
a.industries-item, a.industries-item:hover, a.industries-item:active, a.industries-item:visited, a.industries-item:link, a.industries-item:focus
{
    background: #f6f6f6;
}
.industries-item:nth-child(3n)
{
    margin-right: 0;
}
.part-item-img
{
    overflow: hidden;
    position: relative;
}
.part-item-img figure
{
    width: 100%;
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    padding-bottom: 56.19%;
}
.industries-part2 .industries-item:nth-child(1) figure
{
    background-image: url('/euwebsite/images/industries/part101.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.industries-part2 .industries-item:nth-child(2) figure
{
    background-image: url('/euwebsite/images/industries/part102.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.industries-part2 .industries-item:nth-child(3) figure
{
    background-image: url('/euwebsite/images/industries/part103.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.industries-part2 .industries-item:nth-child(4) figure
{
    background-image: url('/euwebsite/images/industries/part104.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.industries-part2 .industries-item:nth-child(5) figure
{
    background-image: url('/euwebsite/images/industries/part105.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.industries-part2 .industries-item:nth-child(6) figure
{
    background-image: url('/euwebsite/images/industries/part106.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.industries-part2 .industries-item:nth-child(7) figure
{
    background-image: url('/euwebsite/images/industries/part107.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.industries-part2 .industries-item:nth-child(8) figure
{
    background-image: url('/euwebsite/images/industries/part108.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.part-item-img .img-mask
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2d2d2d;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
}
.industries-item:hover .part-item-img figure
{
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.industries-item:hover .part-item-img .img-mask
{
    opacity: .3;
    -moz-opacity: .3;
    -webkit-opacity: .3;
    filter: alpha(opacity=30);
}
.industries-item .part-item-info
{
    padding-left: 24px;
    padding-right: 24px;
}
.industries-item .industries-title
{
    color: #004898;
    line-height: 1.25;
}
.industries-desc
{
    font-size: 18px;
    line-height: 2;
    color: #333;
    text-align: center;
}
@media only screen and (max-width: 1599px)
{
    .industries-title
    {
        font-size: 36px;
    }
    .industries-item .part-item-info
    {
        padding-left: 22px;
        padding-right: 22px;
    }
}
@media only screen and (max-width: 1299px)
{
    .industries-title
    {
        font-size: 32px;
    }
    .industries-desc
    {
        font-size: 16px;
    }
    .industries-item .part-item-info
    {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media only screen and (max-width: 1024px)
{
    .industries-title
    {
        font-size: 28px;
    }
    .industries-part2
    {
        display: block;
        margin-left: 3.8%;
        margin-right: 3.8%;
    }
    .industries-item
    {
        width: 100%;
        margin-right: 0;
    }
    .part-item-img .img-mask
    {
        display: none;
    }
    .industries-item:hover .part-item-img figure
    {
        transform: none;
        -o-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
    }
    .industries-item .part-item-info
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .industries-desc
    {
        font-size: 16px;
        color: #707070;
    }
}
@media only screen and (max-width: 450px)
{
    .industries-title
    {
        font-size: 24px;
    }
    .industries-desc
    {
        font-size: 14px;
    }
}
