/*公共*/
body {
    background-color: #f4f5f5;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}

.colorful {
    background-color: #f5f6f6;
}

.nonecolor {
    background-color: white;
}

a {
    text-decoration: none !important;
    color: #404d5b;
}
 a:hover {
        color: #404d5b;
        cursor: pointer;
    }

div {
    text-align: center;
}

h2 {
    color: #404d5b;
    margin: 0;
}

#content .head {
    padding: 5px;
}

#content small {
    color: #404d5b;
}

#content .bottom {
    padding: 20px;
}
/*主图*/
/*#homepage a {
    background-position: center;
    background-size: cover;
    display: table;
    width: 100%;
    height: 550px;
    color: #202945;
}*/

#homepage .t1 {
    font-family: "brandon-grotesque","Brandon Grotesque","Helvetica","Arial",sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 46px;
    margin-bottom: 20px;
}

#homepage .t2 {
    font-family: "museo-sans","Museo Sans","Helvetica","Arial",sans-serif;
    font-size: 18px;
    /*font-weight: bold;*/
    letter-spacing: 0.16em;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#homepage a:hover {
    cursor: pointer;
}

#homepage .test_bottom {
    width: 180px;
    z-index: 1000;
    font-family: "brandon-grotesque","Brandon Grotesque","Helvetica","Arial",sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    background-color: rgb(24, 86, 116);
    border-radius: 4px;
    display: inline-block;
    padding: 10px 20px;
    transition: background-color 0.25s ease 0s;
    color: white;
}

    #homepage .test_bottom:hover {
        cursor: pointer;
        background-color: rgba(24, 86, 116,0.7);
    }

#main_img .bg1 {
    background-image: url('');
}

    #main_img .bg1 div {
        position: relative;
        /*left: -200px;*/
        top: 20px;
    }

#main_img .bg2 {
    background-image: url('/images/main2.jpg');
}

    #main_img .bg2 div {
        position: relative;
        /*left: 200px;*/
        top: 20px;
    }
#part_one {
    padding: 10px 6%;
    margin: 0 auto;
    /*max-width: 1300px;*/
}
 #part_one a {
        display: inline-block;
        position: relative;
        vertical-align: top;
        background-size: cover;
        height: 460px;
        width: 45%;
    }

    #part_one .imgone {
        background-image: url('/Images/index/pt1.jpg');
        margin-bottom: 5px;
    }

        #part_one .imgone .divone {
            position: relative;
            left: 380px;
            top: 100px;
            width: 40%;
        }

    #part_one .imgtwo {
        background-image: url('/Images/index/pt2.jpg');
    }

        #part_one .imgtwo .divtwo {
            position: relative;
            left: 10px;
            top: 100px;
            width: 42%;
        }
/*第二块*/
#part_two {
    padding: 0 6%;
}

    #part_two a {
        height: auto !important;
    }

    #part_two .head .br {
        display: none;
    }

    #part_two span {
        /*position: relative;*/
        border: 1px solid #0c4d6c;
        border-radius: 5px;
        color: #0c4d6c;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.16em;
        line-height: 1.325em;
        width: 240px;
        padding: 10px;
    }

    #part_two .bac {
        width: 100%;
        height: 100%;
        position: relative;
    }


    #part_two .block1, .block2, .block3 {
        padding: 0 20px;
        display: inline-block;
        position: relative;
        vertical-align: top;
        width: 30%;
        background-size: cover;
    }

    #part_two img {
        width: 100%;
    }

    #part_two .hover {
        background-color: rgba(244, 245, 245, 0.9);
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity 0.2s ease 0s;
        width: 100%;
        height: 100%;
        padding-top: 5%;
    }

        #part_two .hover:hover {
            opacity: 1;
        }
         .hover p {
        font-size:20px;
        padding:10px 15px;
        text-align:left ;
        text-indent :2em;
    }
/*-------------1k屏幕-----------*/
@media(max-width:1366px) {
    #part_one .imgone .divone {
        position: relative;
        left: 300px;
        top: 100px;
    }
    #main_img .bg5 div {
        position: relative;
        left: -140px;
        top: 90px;
    }
     .hover p {
        font-size:16px;
        padding:10px 15px;
        text-align:left ;
        text-indent :2em;
    }
   
}
/*------------平板-------------*/
@media(max-width:1024px) {
    #main_img .bg1 div {
        position: relative;
        left: -100px;
        top: 90px;
    }
     .hover p {
        font-size:x-large;
        padding:10px 15px;
        text-align:left ;
        text-indent :2em;
    }
    #main_img .bg2 div {
        position: relative;
        left: 140px;
        top: 90px;
    }

    #main_img .bg4 div {
        position: relative;
        left: -130px;
        top: 100px;
    }

    #main_img .bg5 div {
        position: relative;
        left: -120px;
        top: 90px;
    }

    
       
}
/*-----------手机-------------*/
@media(max-width:768px) {
    .hover p {
        font-size:14px;
        padding:10px 15px;
        text-align:left ;
        text-indent :2em;
    }
   #homepage .t1 {
        font-size: 20px;
        font-weight: bold;
        line-height: 35px;
     
    }

    #homepage .t2 {
        font-size: 15px;
        font-weight: bold;
        line-height: 30px;
        margin-bottom: 10px;
    }

    #homepage .test_bottom {
        font-size: 10px;
    }
   
    #content small {
        font-size: 15px;
    }
    /*主图*/
    #main_img .bg1 {
        background-image: url('/images/main2.jpg');
    }
 
    #main_img .bg2 {
        background-image: url('/images/main2.jpg');
    }

    #main_img .bg1 div {
        left: 0px;
        top: 40px;
    }

    #main_img .t1 {
        font-size: 20px;
        font-weight: bold;
        line-height: 35px;
      
    }

    #main_img .bg2 div {
        left: 0;
        top: 30px;
    }

    #main_img .t2 {
        font-size: 15px;
        font-weight: bold;
        line-height: 20px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    #main_img .bg3 div {
        position: relative;
        left: 0px;
        top: 80px;
    }

    #main_img .bg3 .br {
        display: inherit !important;
    }

    #main_img .bg4 div {
        left: 0;
        top: 35px;
    }

    #main_img .br1 {
        display: none;
    }
     #main_img .bg5 div {
        left: 0;
        top: 0px;
    }
    

    /*第一块*/
    #part_one {
        padding: 5px;
    }

        #part_one a {
            display: inline-block;
            position: relative;
            vertical-align: top;
            background-size: cover;
            width: 25%;
            height: 200px;
            background-image: url('/Images/index/member1.jpg');
        }

        #part_one .imgone .divone {
            left: 0;
            top: 25px;
            width: 100%;
        }

        #part_one .imgtwo .divtwo {
            left: -35px;
            top: 0;
            width: 100%;
        }

            #part_one .imgtwo .divtwo .t1 {
                position: relative;
                /*left: 30px;*/
                text-align: right;
                top: 20px;
                width: 100%;
            }

            #part_one .imgtwo .divtwo .t2 {
                position: relative;
                left: 20px;
                top: 30px;
                width: 60%;
                float: right;
                margin-right: 10px;
                text-align: right !important;
            }

            #part_one .imgtwo .divtwo .t1 .br {
                display: none;
            }

            #part_one .imgtwo .divtwo .test_bottom {
                position: relative;
                left: 50px;
                top: 290px;
                /*float: right;*/
                margin-right: 30px;
                width: 130px;
            }

        #part_one .imgone {
            background-image: url('/Images/index/pt21.jpg');
        }

        #part_one .imgtwo {
            background-image: url('/Images/index/pt22.jpg');
        }
    /*第二块*/
    #part_two .head .br {
        display: initial;
    }

    #part_two .head {
        margin: 50px 0 10px 0;
    }

    #part_two {
        padding: 5px;
    }

        #part_two .block1, .block2, .block3 {
            padding: 0 5px;
            display: inherit;
            position: relative;
            width: 100%;
        }
}