img {
	width: 100%;
}
.layui-body {
	background: #EDF3FD;
	padding: 15px;
}
.layui-body-content {
	background: #fff;
}
.layui-table-cell {
	text-align: center;
	height: auto;
	white-space: normal;
}
.iframe-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
.iframe-box iframe {
	width: 100%;
	height: 100%;
}
.iframe-box .iframe-close {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
	cursor: pointer;
}
.iframe-box .iframe-close i {
	font-size: 35px;
}
.video-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
.video-box video {
	width: 100%;
	height: 100%;
	background: #000;
}
.video-box .video-close {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
	cursor: pointer;
	z-index: 1;
}
.video-box .video-close i {
	font-size: 35px;
}
 @media (max-width: 989px) {
.body-container {
	padding-top: 50px;
}
}
 @media screen and (max-width: 475px) {
.page-introduce {
	margin: 60px auto 30px !important;
}
.page-introduce>div:nth-child(1) {
	display: none;
}
.page-introduce>div:nth-child(2) {
	display: none;
}
}

        .page-introduce{
            margin: 300px auto 0;
            width: 85vw;
            max-width: 1200px;
            color: #fff;
        }
        @media screen and (max-width: 475px){
            .page-introduce{
                width: 90vw;
            }
        }
        .page-introduce>div:nth-child(1){
            font-size: 32px;
            font-weight: 700;
            line-height: 1.4em;
        }
        .page-introduce>div:nth-child(2){
            margin-top: 10px;
            line-height: 1.7em;
            font-size: 16px;
            font-weight: 400;
        }
        .page-introduce>div:nth-child(3){
            padding: 10px 0;
        }
        .page-introduce>div:nth-child(3) .layui-breadcrumb a{
            color: #fff !important;
        }
        .page-introduce>div:nth-child(3) .layui-breadcrumb a:last-child{
            color: rgba(255,255,255,0.64) !important;
        }
        .page-container{
            background: #fff;
        }
        .page-container .company-introduce{
            margin: 0 auto;
            padding: 60px 0 30px;
            width: 85vw;
            max-width: 1200px;
            color: #222;
        }
        .page-container .company-introduce>div:nth-child(1){
            font-size: 32px;
            line-height: 1.4em;
            text-align: center;
        }
        .page-container .company-introduce>div:nth-child(2){
            margin-top: 15px;
            font-size: 18px;
            text-indent: 2em;
            line-height: 1.5em;
        }
        .page-container .company-introduction-video-box{
            background: linear-gradient(to bottom, transparent 78%, #D20104 79%, #D20104 100%);
        }
        .page-container .company-introduction-video-box .company-introduction-video{
            position: relative;
            margin: auto;
            width: 85vw;
            max-width: 1200px;
            min-height: 90px;
            cursor: pointer;
        }
        .page-container .company-introduction-video-box .company-introduction-video .icon-company-introduction-play{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
        }
        .page-container .company-introduction-video-box .company-introduction-video .icon-company-introduction-play i{
            font-size: 50px;
        }
        .page-container .company-introduce2-box{
            padding: 60px 0;
            background: #D20104;
        }
        .page-container .company-introduce2{
            margin: auto;
            width: 85vw;
            max-width: 1200px;
            line-height: 2.5em;
            word-break: break-word;
            color: #fff;
        }
        .page-container .company-introduce2 div{
            width: 85vw;
            max-width: 1200px;
        }
        .page-container .company-introduce2>div>i{
            margin-right: 5px;
            font-weight: bold;
        }
        .page-container .company-introduction-img-box{
            margin: 70px;
        }
        @media screen and (max-width: 475px){
            .page-container .company-introduction-img-box{
                margin: 70px 20px;
            }
        }
        .page-container .company-introduction-img-box .company-introduction-img-list{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin: auto;
            width: 85vw;
            max-width: 1200px;
        }
        @media screen and (max-width: 475px){
            .page-container .company-introduction-img-box .company-introduction-img-list{
                display: unset;
            }
        }
        .page-container .company-introduction-img-box .company-introduction-img-list .company-introduction-img-item{
            margin-bottom: 20px;
            width: 49%;
        }
        @media screen and (max-width: 475px){
            .page-container .company-introduction-img-box .company-introduction-img-list .company-introduction-img-item{
                margin-bottom: 10px;
                width: unset;
            }
        }
       
        .page-container .company-other-info-box .company-other-info{
            display: flex;
            margin: auto;
            width: 85vw;
            max-width: 1200px;
        }
        @media screen and (max-width: 475px){
            .page-container .company-other-info-box .company-other-info{
                display: unset;
            }
        }
        .page-container .company-other-info-box .company-other-info .company-other-info-item{
            padding: 40px 20px 80px;
            flex: 1;
            background-color: rgba(0,0,0,0.3);
            color: #fff;
        }
        @media screen and (max-width: 475px){
            .page-container .company-other-info-box .company-other-info .company-other-info-item{
                margin-bottom: 10px;
            }
        }
        @media screen and (max-width: 475px){
            .page-container .company-introduction-img-box .company-introduction-img-list .company-introduction-img-item{
                width: unset;
            }
        }
        .page-container .company-other-info-box .company-other-info .company-other-info-item .company-other-info-icon{
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 20px;
            width: 80px;
            height: 80px;
            background: #0c6abc;
            border-radius: 50%;
        }
        .page-container .company-other-info-box .company-other-info .company-other-info-item .layui-icon{
            font-size: 34px;
            border-radius: 50px;
        }
        .page-container .company-other-info-box .company-other-info .company-other-info-item .company-other-info-title{
            font-size: 24px;
            font-weight: 400;
            line-height: 1.4em;
        }
        .page-container .company-other-info-box .company-other-info .company-other-info-item .company-other-info-desc{
            margin-top: 10px;
            line-height: 2em;
        }
        .page-container .company-other-info-box .btn-contact-us{
            margin-top: 50px;
        }
        .btn{
            display: table;
            margin: 30px auto;
            padding: 20px 40px;
            border: 1px solid #c9d0d6;
            cursor: pointer;
           
            transition: all .5s;
        }
        .btn:hover{
            background-color: #D20104;
        }

    .right-contact{
        position: fixed;
        right: 10px;
        top: 75%;
        transform: translateY(-50%);
        z-index: 99;
    }
    .right-contact-container{
        background: rgba(0,0,0,0.3);
        border-radius: 30px;
    }
    .right-contact-list{
    }
    .right-contact-item{
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .right-go-top i{
        font-size: 42px;
    }
    .is-top .right-go-top{
        display: none !important;
    }
    .right-contact .right-contact-item:hover{
        background: #D20104;
        border-radius: 0 30px 30px 0;
    }
    .right-contact .right-go-top:hover{
        border-radius: 30px;
    }
    .right-contact-item i,.right-contact-item span{
        font-size: 28px;
        color: #fff;
    }
    .right-contact-content-box{
        position: absolute;
        top: 0;
        right: 0;
        width:0;
        height: 100%;
        overflow: hidden;
    }
    .right-contact-content{
        position: absolute;
        top: 0;
        right: 50px;
        transform: translateX(100%);
        padding: 0 15px;
        height: 100%;
        transition: all .3s;
        z-index: -1;
        white-space: nowrap;
        font-size: 14px;
        color: #fff;
        background: #D20104;
        border-radius: 30px 0 0 30px;
    }
    .right-contact-content img{
        width: 100px;
        height: 100px;
    }
    .right-contact .right-contact-item:hover .right-contact-content-box{
        overflow: unset
    }
    .right-contact .right-contact-item:hover .right-contact-content{
        transform: translateX(0);
    }
    .right-contact-mobile{
        display: none;
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 3px;
        z-index: 99;
    }
    .right-contact-mobile .right-contact-list{
        display: flex;
        height: 50px;
        border-radius: 30px;
        background: rgba(0,0,0,0.3)
    }
    .right-contact-mobile .right-contact-list .right-contact-item{
        flex: 1;
        height: 100%;
    }
    .right-contact-mobile .right-contact-list .right-contact-item:not(:first-child){
        border-left: 1px solid #d3d3d3;
    }
    @media (max-width: 989px){
        .right-contact-mobile{
            display: block;
        }
        .right-contact{
            display: none;
        }
    }
	    .subscribe{
        background-color: #f5f5f5;
        padding: 90px 0 60px;
    }
    .subscribe-text1{
        text-align: center;
        font-weight: bold;
        font-size: 30px;
    }
    .subscribe-text2{
        margin-top: 10px;
        text-align: center;
        font-size: 17px;
        color: #8e9193;
    }
    .subscribe-form{
        display: flex;
        justify-content: center;
        margin-top: 50px;
    }
    .subscribe-input{
        border: 1px solid #e8e8e8;
    }
    .subscribe-input input{
        padding-left: 8px;
        width: 30vw;
        min-width: 210px;
        height: 58px;
        line-height: 58px;
        font-size: 16px;
        color: #333;
        border: 0;
    }
    .btn-subscribe-submit{
        padding: 0 24px;
        line-height: 58px;
        font-size: 16px;
        color: #fff;
        background-color: #D20104;
    }
    @media (max-width: 989px){
        .subscribe-input input{
            width: 60vw;
        }
    }
	    .tab-list{
        display: flex;
        margin-top: 25px;
    }
    /* @media screen and (max-width: 475px){
        .tab-list{
            display: unset;
            position: relative;
            left: -7.5vw;
        }
    } */
    .tab-list .tab-item{
        flex: 1;
        height: 80px;
        line-height: 80px;
        text-align: center;
        color: #333;
        background-color: #f9f9f9;
        transition: all .5s;
        cursor: pointer;
        white-space: nowrap;
    }
    /* @media screen and (max-width: 475px){
        .tab-list .tab-item{
            width: 100vw;
        }
    } */
    .tab-list .tab-item:hover, .tab-list .tab-item.active{
        background-color: #D20104;
        color: #fff;
    }