body,html{
			height: 100% ;
			background-color: #333 ;
		}
		#MyMian{
			height: 100%;
			position: relative;

			display: block;
		}
		/* .main,.section{
			height: 100%;
		} */
		
		
		.IndexPage{
			width: 100%;
			height: 100%!important;
			overflow: hidden;
			position: relative;
		}
		.IndexPage1{
			position: relative;
            background-image:url('../images/backgrounds/banner.jpg');
		}
		.IndexPage1 .AnimationFont{
			position: absolute;
			left: 50%;
			top: 30vh;
			transform: translateX(-50%) ;
			color:#fff;
			font-size: 60px;
			text-align: center;
			width: 100%;
		}
		.IndexPage1 .ViceFont{
			
			color:#fff;
			font-size: 1.5vw;
			text-align: center;
			font-weight: 300;
			padding: 0 10%;
			padding-top: 15px;
		}
		.PulicColorRed{
			color: var(--colorRed);
		}
        .AnimationFontText {
            display: flex;
            justify-content: center;
        }

        .IndexPage1 .AnimationFont .AnimationFontDynamic {
            white-space: nowrap;
            overflow: hidden;
            vertical-align: bottom;
            position: relative;
        }
		.AnimationFont b{
			font-weight: 400;
		}
		.Ft-visible{
			display: inline-block;
		}
		.Ft-hidden{
			display: none;
		}
		/*.IndexPage1 .AnimationFont .AnimationFontDynamic ::after {
		    content: '';
		    position: absolute;
		    top: 0;
		    right: 0;
		    width: 2px;
		    height: 100%;
		    background-color: #fff;
		}*/
        .IndexPage1 .AnimationFont .AnimationFontDynamic {
            border-right: 2px solid #fff;
        }
        .Vice {
            position: absolute;
            left: 0px;
            /* top: 100%; */
            top: 0%;
            text-align: center;
            width: 100%;
            height: 100%;
        }
		.ViceTtitle{
			position: absolute;
			left: 50%;
			top: calc(69px + 10px);
			transform: translateX(-50%) ;
			text-align: center;
			width: 60%;
		}
		.ViceTtitleChName{
			font-size: 24px;
		}
		.ViceTtitleChName span{
			padding: 0 40px;
			border-bottom: 2px solid #999;
			color: #fff;
		}
		.ViceTtitleEnName{
			padding: 20px;
		}
		.ViceTtitleEnName span{
			background-color: var(--colorRed);
			padding: 5px;
			border-radius: 5px;
			color: #fff;
		}
		.CaseBlock{
			position: absolute;
			left: 50%;
			top: calc(168px + 5px);
			transform: translateX(-50%) ;
			text-align: center;
			width: 100%;
		}
		.CaseRowBox{
			padding:  10px;
			position: relative;
		}
		.CaseRowBox .thumbnail{
			width: 100%;
			height: 32vh;
			transition:  all .5s; 
			position: relative;
			cursor: pointer;
			overflow: hidden;
			margin-bottom: 5vh;
		}
        .thumbnailImg {
            height: calc(100% - 50px);
            position: relative;
            overflow: hidden;
        }
        .CaseRowBox .thumbnail img {
            width: 100%;
        }
		.CaseRowBox .thumbnail:hover{
			/* width: calc(100% + 15px);
			height: calc(100% + 15px); */
			transform: scale(1.05,1.05);
		}
		.CaseRowBox .thumbnail .caption{
			background-color: #444;
			transition: all .5s;
		
		}
		.CaseRowBox .thumbnail .caption{
			padding: 0 20px;
			text-align: left;
			color: #fff;
		}
		.CaseRowBox .thumbnail .caption_Title{
			font-size: 15px;
		
			line-height: 25px;
		}
		.CaseRowBox .thumbnail .caption_Subtitle{
			color: #999;
			font-size: 13px;
	
			line-height: 25px;
		}
		.CaseRowBox .thumbnail:hover .caption{
			background-color: var(--colorRed);
		}
		@keyframes mymove
		{
			from {top:100%;}
			to {top:0px;}
		}
		
		@-webkit-keyframes mymove /* Safari and Chrome */
		{
			from {top:100%;}
			to {top:0px;}
		}
		
		.PubliceSmallModule{
			padding: 0 20px;
		}
		.PubliceSmallModule a{
			    text-decoration: none;
		}
		.PubliceSmallModule .thumbnail{
			transition: all .5s;
		}
		.thumbnail{
			background: none;
			border: none;
		}
		.PubliceSmallModule .thumbnail:hover .PubliceSmallModuleIoc{
			transform: scale(1.2);
			background-color: var(--colorRed);
		}
		.PubliceSmallModule .thumbnail:hover .PubliceSmallModuleTitle{
			color: var(--colorRed);
		}
		.PubliceSmallModule .PubliceSmallModuleTitle{
			color: #fff;
			padding-top: 30px;
			padding-bottom: 15px;
			transition: all .5s;
			word-break: break-all;
		}
		.PubliceSmallModule .PubliceSmallModuleIoc{
			background-color: #444;
			border-radius: 30%;
			width: 80px;
			height: 80px;
			margin: 0 auto;
			line-height: 80px;
			transition: all .5s;
		}
		.PubliceSmallModule .PubliceSmallModuleText{
			word-break: break-all;
			color: #999;
			line-height: 25px;
		}
		
		#page4 .CaseRow{
			background: url('../assets/images/backgrounds/Black.png');
			padding-top: 50px;
			padding-bottom: 60px;
			background-size: 100% 100%;
		}
		#page5 .panel-title{
			color: #fff;
		}
		#page5 .panel-body{
			background-color: #fff;
			line-height: 25px;
			padding-bottom: 0px;
			min-height: 100px;
		}
		#page5 .panel-body span	{
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
		}
		#page5 .panel-body .panel-body_Date{
			    padding-top: 10px;
			    text-align: right;
			    color: var(--colorRed);
		}
		.footerPage{
			position: relative;
		}
		footer{
			position: absolute;
			width: 100%;
			bottom: 0px;
		}
		.PubliceCustomer img{
			width: 100%;
		}
		.footerPage .CaseRow{
			position: relative;
			overflow: hidden;
			height: 200px;
			background-color: #444;
			padding-top: 50px;
			padding-bottom: 50px;
		}
		.footerPage .CaseRow .CustomerBox{
			height: 100%;
			width: 100%;
			position: relative;
			overflow: hidden;
		}
		.footerPage .CaseRow .CustomerFBox{
			position: absolute;
			overflow: hidden;
			/* transition: all 1s; */
			width: calc(17% - 20px);
			height: 100%;
		}
		.footerPage .CaseRow .CustomerFBox img{
			width: 100%;
			height: 100%;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translateX(-50%) translateY(-50%);
			
		}
		/*轮播*/
		
		/*编辑页面*/
		.feedback *{
			text-align: left;
		}
		.contact-form span {
		    color: #5A5A5A;
		    display: block;
		    font-size: 0.8125em;
		    padding-bottom: 5px;
		}
		.contact-form h3{
			padding-bottom: 10px;
		}
		.contact-form input[type="text"], .contact-form textarea {
		    color: #fff;
		    background: #303030;
		    border: 1px solid #222222;
		    font-family: Arial, Geneva,Helvetica, sans-serif;
		    padding: 5px;
		    display: block;
		    width: 98%;
		    outline: none;
		    -webkit-appearance: none;
		    text-transform: capitalize;
		}
		.feedback{
			background-color: #161515;
			padding: 20px;
			border-radius: 10px;
		}
		.contact-form textarea {
		    resize: none;
		    height: 90px;
		}
		.pt-5, .py-5{
			padding-top: 1rem !important;
		}
		.span_1_of_3 h3 {
		    color: #969696;
		    text-transform: capitalize;
		    font-size: 1.5em;
		    font-weight: normal;
		    font-family: 'Anaheim', sans-serif;
		}
		.map {
		    margin-top: 6%;
		}
		.contact-form {
		    position: relative;
		    padding-bottom: 30px;
		}
		.span_2_of_3 h3 {
		    color: #969696;
		    text-transform: capitalize;
		    font-size: 2em;
		    font-weight: normal;
		    font-family: 'Anaheim', sans-serif;
		}

		.span_2_of_3 form {
		    margin-top: 2%;
		}
		.contact-form div {
		    padding: 3px 0;
		}
		.company_address p {
		    font-size: 0.8125em;
		    color: #fff;
		    line-height: 1.8em;
		    padding: 2px 0;
		}
		.company_address p span {
		    cursor: pointer;
		    color: var(--colorRed) ;
		}
		.img-slider{
			width: 200px;
		}
		#img-slider .img .label{
			background:rgba(195, 13, 35, .8)
		}
		
		.index_w{
			height: 100%;
		}
		.index_hz{
			position: absolute;
			width: 100%;
			top: 50%;
			transform: translateY(-50%);
		}
		.applicationIntroduceF{
			background-color: #444;
		}
		.applicationIntroduce{
			padding: 2vw;
		}
		.applicationIntroduce h4{
			color: var(--colorRed) ;
			position: relative;
		}
		.applicationIntroduce h4:after {
		    content: '';
		    background:var(--colorRed) ;
		    width: 30%;
		    padding: 1px;
		    position: absolute;
		    bottom: -0.3rem;
		    left: 0px;
		}
.EnterpriseIocT {
    padding-left: 0.8vw;
}
    .EnterpriseIocT::before {
        content: " ";
        width: 2px;
        background: #ccc;
        height: 9vh;
        display: block;
        float: left;
        line-height: 9vh;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
    }

    .EnterpriseIocText {
        color: var(--colorRed);
        font-size: 2vh;
    }

.EnterpriseIocT p {
    font-size: 3.5vh;
    margin: 0px;
    font-weight: 700;
    display:inline-block;
}
.EnterpriseIocT   span{
    font-size:1vw;
    padding-left:2vh;
}
		/* .mt-5{
			margin: 0px;
			padding: 0px;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		} */