.whyNeeederContent .flex-item>div:first-child
{
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.body_center
{
	width: 100%;
	/*height: 860px;*/
}
.center_cssImg
{
	width: 1000px;
	height: 750px;
	position: absolute;
	top: 20px;
	left: 0px;
	background-color: rgb(197,223,218);
	z-index: 1;
}
.center_cssImg img
{
	max-width: 100%;
	max-height: 100%;
}
.center_infor
{
	/*width: 60%;
	height: 600px;
	position: absolute;
	right: 0px;
	bottom: 20px;
	padding: 5%;*/
	background-color: rgb(249,250,252);
	/*z-index: 2;*/
}
.center_infor>span
{
	width: 100%;
	/*text-align: left;*/
	color: rgb(96,96,106);
}
.box_title1
{
	line-height: 80px;
	font-size: 48pt;
	font-weight: bolder;
}
.box_title2
{
	font-size: 32pt;
}
.box_title3
{
	margin: 50px 0px;
	font-size: 16pt;
    text-align:center;
}
.box_botton
{
	/*margin-top: 20px;*/
}
.botton_index
{
	width: 240px;
	height: 50px;
	margin: 10px;
	cursor: pointer;
}
.botton_index span
{
	cursor: pointer;
	font-size: 14pt;
	line-height: 50px;
	color: rgb(255, 255, 255);
}
.botton_index span:nth-child(2)
{
	left: 0px;
	-moz-transition: left 1s;
	-webkit-transition: left 1s;
	-o-transition: left 1s;
	transition: left 1s;
}
.botton_index:hover span:nth-child(2)
{
	left: 50px;
}
.botton_index:nth-child(1)
{
	background-color: rgb(33, 128, 191);
}
.botton_index:nth-child(2)
{
	background-color: rgb(213,213,213);
}

.content {
    background: #e7ebec;
}
.present{
    width:1080px;
    margin:0 auto;
} 
.present span {
   width:330px;
   margin-right:2px;
}

/*Ӣ��*/
.fullMade {
   
    background-image: url(../image/home/FullCustom2.png);
    background-repeat:no-repeat;
    background-size:cover;
    display:block;
    height:121px;
}
.fullMade:hover {
        background-image: url(../image/home/FullCustom1.png);
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 121px;
    }
.semiMade {
    border-top: 2px solid #fff;
    background-image: url(../image/home/SemiCustom2.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 121px;
}

.semiMade:hover {
        border-top: 2px solid #fff;
        background-image: url(../image/home/SemiCustom1.png);
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 121px;
    }
.readyMade {
    border-top: 2px solid #fff;
    background-image: url(../image/home/Ready-Made2.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 121px;
}

.readyMade:hover {
        border-top: 2px solid #fff;
        background-image: url(../image/home/Ready-Made1.png);
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 121px;
    }


/*����*/
.fullMadeC {
    background-image: url(../image/home/cfullmade1.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 121px;
    line-height: 121px;
    font-size: 28px;
    color: #fff;
}

    .fullMadeC:hover {
        background-image: url(../image/home/cfullmade2.png);
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 121px;
        line-height: 121px;
        font-size: 28px;
        color: #fff;
    }

.semiMadeC {
    border-top: 2px solid #fff;
    background-image: url(../image/home/csemimade1.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 121px;
    line-height: 121px;
    font-size: 28px;
    color: #fff;
}

    .semiMadeC:hover {
        border-top: 2px solid #fff;
        background-image: url(../image/home/csemimade2.png);
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 121px;
        line-height: 121px;
        font-size: 28px;
        color: #fff;
    }

.readyMadeC {
    border-top: 2px solid #fff;
    background-image: url(../image/home/creadymade1.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 121px;
    line-height: 121px;
    font-size: 28px;
    color: #fff;
}

    .readyMadeC:hover {
        border-top: 2px solid #fff;
        background-image: url(../image/home/creadymade2.png);
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 121px;
        line-height: 121px;
        font-size: 28px;
        color: #fff;
    }

/*����*/
.fullMadeJ {
    background-image: url(../image/home/jfullmade1.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 121px;
}

    .fullMadeJ:hover {
        background-image: url(../image/home/jfullmade2.png);
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 121px;
    }

.semiMadeJ {
    border-top: 2px solid #fff;
    background-image: url(../image/home/jsemimade1.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 121px;
}

    .semiMadeJ:hover {
        border-top: 2px solid #fff;
        background-image: url(../image/home/jsemimade2.png);
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 121px;
    }

.readyMadeJ {
    border-top: 2px solid #fff;
    background-image: url(../image/home/jreadymade1.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 121px;
}

    .readyMadeJ:hover {
        border-top: 2px solid #fff;
        background-image: url(../image/home/jreadymade2.png);
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 121px;
    }



.aboutBox{
    height:60px;
    margin-top:15px;
}
    .aboutBox .p1 {
        font-weight: bolder;
        font-size: 16px;
        height: 16px;
        line-height:16px;
    }
    .aboutBox .p2 {
        font-weight: bolder;
        font-size: 14px;
        color: #868887;
    }
.border {
    width: 168px;
    height: 1px;
    margin: 4px auto;
    background: #868887;
   

}
.vedio {
    height: 600px;
    margin-top: 28px;
    margin-bottom: 10px;
}
.vedio video
{
    position: absolute;
    width: 100%;
    height: auto;
    top: 0px;
    left: 0px;
}
.vedio .video_bg
{
    position: absolute;
    width: 100%;
    height: auto;
    top: 0px;
    left: 0px;
}
.vedioContent {
    height: 600px;
    position:relative;
    z-index:100;
    color:#fff;
    text-align:center;
}
    .vedioContent h1 {
      
        height: 128px;
        line-height: 128px;
        font-size: 56px;
        padding: 20px;
    }
    .vedioContent h3 {
        font-size: 28px;
        padding: 20px;
        margin-top:80px;
    }

    .vedioContent .flex {
     width:1280px;
        margin: 0 auto;
        display: flex;
      
    }

    .vedioContent .flex-item {
        flex: 1;
    }

        .vedioContent .flex-item .block {
            margin-top: 28px;
            padding:0 15px;
        }

            .vedioContent .flex-item .block .title {
                margin-bottom: 12px;
                font-size: 18px;
                width: 200px;
                padding-bottom: 12px;
                margin: 0 auto;
            }

            .vedioContent .flex-item .block .subtext {
                font-size: 14px;
              
              
            }


.whyNeeederContent {
    width: 100%;
    height: 560px;
    background: #0057a7;
    text-align: center;
    color: #fff;
}
    .whyNeeederContent h1 {
        height: 128px;
        line-height: 128px;
        font-size: 56px;
        padding: 20px;
    }
    .whyNeeederContent .flex {
        width: 1280px;
        margin: 0 auto;
        display: flex;
        margin-top: 60px;
    }
    .whyNeeederContent .flex-item {
        flex: 1;
        padding:0 30px;
    }
        .whyNeeederContent .flex-item .block {
            margin-top: 28px;
           
        }
            .whyNeeederContent .flex-item .block .title {
                margin:0 auto;
                margin-bottom: 12px;
                font-size: 18px;
                width: 200px;
                padding-bottom: 12px;
                border-bottom: 2px solid #ecfeff;
            }
            .whyNeeederContent .flex-item .block .subtext {
                font-size: 14px;
                line-height:24px;
            }