@charset "utf-8";

/* CSS Document */
/*2021.09.14 css */

.fl {
    float: left;
}

.fr {
    float: right;
}

.pos {
    position: relative;
}

.box {
    overflow: hidden;
    position: relative;
}

img {
    max-width: 100%;
}

.container {
    max-width: 1540px;
    width: 90%;
}

html, body, .box {
    width: 100%;
    height: 100%;
}

.logo {
    position: absolute;
    left: calc((100% - 500px) / 2) !important;
    top: calc((100% - 500px) / 2) !important;
    max-width: 500px;
    /*left: 50%;
    top: 15%;*/
    /*width: 100%;
	height: 100%;
	text-align: center;	
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;*/
    z-index: 111;
}

.b-ul {
    cursor: pointer;
    z-index: 100;
}

    .b-ul ul {
        padding-left: 0;
    }

        .b-ul ul li {
            float: left;
            width: 50%;
            height: 50vh;
            position: relative;
            transition: all 1s;
            cursor: pointer;
        }

            .b-ul ul li .bic {
                /*position: absolute;
	left: 0px;
	top: 0px;
	background: #fff;
	display: inline-block;
	padding: 25px;
	*/
            }

            .b-ul ul li .bic {
                position: absolute;
                left: 0px;
                top: 0px;
                background: #fff;
                display: inline-block;
                padding: 25px 30px 30px 25px;
                border-bottom-right-radius: 50px;
                box-shadow: 0px 0px 2px 2px #333;
                /*width: 150px;
	height: 150px;*/
            }


            .b-ul ul li .bic2 {
                right: 0px;
                top: 0px;
                left: auto;
                border-bottom-right-radius: 0px;
                border-bottom-left-radius: 50px;
                padding: 25px 25px 30px 25px;
            }

            .b-ul ul li .bic3 {
                left: 0px;
                bottom: 0px;
                top: auto;
                border-bottom-right-radius: 0px;
                border-top-right-radius: 50px;
                padding: 25px 30px 20px 15px;
            }

            .b-ul ul li .bic4 {
                left: auto;
                top: auto;
                bottom: 0px;
                right: 0;
                border-bottom-right-radius: 0px;
                border-top-left-radius: 50px;
                box-shadow: 0px 0px 2px 2px #666;
                padding: 25px 20px 20px 35px;
            }


            .b-ul ul li h4 {
                font-size: 70px;
                font-weight: bold;
                color: #fff;
                text-shadow: 0px 5px 40px #000;
                z-index: 11;
                position: relative;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                text-align: center;
                display: -webkit-flex;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .b-ul ul li h4 span{


                }


                .b-ul ul li a {
                    text-decoration: none;
                    display: block;
                    height: 100%;
                    width: 100%;
                    cursor: pointer;
                }

            .b-ul ul li.li1 {
                background: url(../../images/bimg1.jpg) no-repeat center center;
                background-size: cover;
            }

            .b-ul ul li.li2 {
                background: url(../../images/bimg2.jpg) no-repeat center center;
                background-size: cover;
            }

            .b-ul ul li.li3 {
                background: url(../../images/bimg3.jpg) no-repeat center center;
                background-size: cover;
            }

            .b-ul ul li.li4 {
                background: url(../../images/bimg4.jpg) no-repeat center center;
                background-size: cover;
            }


            .b-ul ul li:hover {
                opacity: 0.8;
                transition: all 1s;
            }


@media (max-width: 1600px) {
    .b-ul ul li h4 {
        font-size: 50px;
    }

    .b-ul ul li .bic {
        padding: 20px;
    }

    .logo {
        max-width: 400px;
        left: calc((100% - 400px) / 2) !important;
        top: calc((100% - 400px) / 2) !important;
    }

    .b-ul ul li .bic img {
        width: 80px;
    }
}




@media (max-width: 1400px) {

    .b-ul ul li .bic img {
        width: 60px;
    }

    .b-ul ul li .bic {
        padding: 20px 30px;
    }

}




@media (max-width: 1200px) {


    /*中等屏幕设备 桌面*/

    .b-ul ul li .bic {
        padding: 15px 20px 20px 10px;
    }


    .b-ul ul li .bic2 {
        padding: 15px 15px 20px 15px;
    }

    .b-ul ul li .bic3 {
        padding: 15px 20px 10px 10px;
    }

    .b-ul ul li .bic4 {
        padding: 15px 20px 10px 20px;
    }
}

@media (max-width: 1100px) {

    .b-ul ul li h4 {
        font-size: 42px;
    }

    .b-ul ul li .bic {
        padding: 10px 20px;
    }
}




@media (max-width: 991px) {
    /*小屏幕设备 平板*/
    .container {
        width: 94%;
    }

    .b-ul ul li h4 {
        font-size: 36px;
    }


    .logo1 {
        padding: 20px 0;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        font-size: 2rem;
    }

        .logo1:hover {
            color: #fff;
        }
}

@media (max-width: 900px) {


    .b-ul ul li .bic img {
        width: 50px;
    }

    .b-ul ul li .bic {
        padding: 15px 20px 20px 10px;
    }


    .b-ul ul li .bic2 {
        padding: 15px 15px 20px 15px;
    }

    .b-ul ul li .bic3 {
        padding: 15px 20px 10px 10px;
    }

    .b-ul ul li .bic4 {
        padding: 15px 20px 10px 20px;
    }
}


@media (max-width: 767px) {
    /*超小屏幕设备 手机*/
    .right-nr table td,
    .right-nr table th {
        white-space: nowrap;
    }

    .logo {
        max-width: 250px;
        left: calc((100% - 250px) / 2) !important;
        top: calc((100% - 250px) / 2) !important;
    }

    .container {
        width: 100%;
    }


    .b-ul ul li h4 {
        font-size: 20px;
    }

    .site-tree-mobile {
        top: 10px;
    }
}