为什么第二个title到别的地方去了

body {
    margin: 0 auto;
    font-size: 16px;
    font-family: "微软雅黑";
    line-height: 22px;
    height: auto;
}
div,p,input,ul,li,h1,h2,h3 {
    height: auto;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    list-style: none;
}

a {
    color: #131313;
    text-decoration: none;
}
.web{
    width: 1024px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.videoContent {
    background-color: rgb(40, 46, 83);
    width: 100%;
    height: 100%;
}

.videoElement {
    object-fit: fill;
}
#nav{
    height: 45px;
    width: 100%;
    background: #313131;
}
#nav ul{
    padding: 0px;
}
#nav ul li{
    float: left;
    margin: 0px 43px;
}
#nav ul li a{
    line-height: 45px;
    font-size: 16px;
    color: #ffffff;
}
.main{
    height: auto;
    overflow: hidden;
}
.title{
    width: 200px;
    height: 50px;
    border-bottom: #e9421a 5px solid;
    line-height: 50px;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}


.ibox1{
    height: 335px;
}
.ibox1 ul{
    padding: 0px;    
}
.ibox1 ul li{
    float: left;
    margin: 0px 8px;
}
.ibox1 ul li h1{
    height: 45px;
    line-height: 45px;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
}
.ibox2{
    height: 335px;
}
.ibox2 img{
    float: left;
    margin-right: 20px;
    max-width: 250px;
    width:100%;
}
.ibox2 p{
    line-height: 20px;
    text-indent: 2em;
    font-size: 14px;
}

.foot{
    height: 70px;
    line-height: 30px;
    background: #cccccc;
    text-align: center;
    font-size: 14px;
}

没看到你的html标签，建议可以打开控制台，选择控制台左上角的箭头选择元素看一看，估计是你不小心写了别的样式在第二个title上，另外

被圈中的代码可以写为margin:20px auto;