.rellist-container{width: 100%;padding-top: 68px;}
.rellist{width: 1280px;margin: 0 auto;}
.rellist ul{margin-left: -0.333333333333%;width: 30%;}
.rellist ul li{width: 90%;float: left;margin-left: 3.3333333333333%;}
.rellist-tit{width: 100%;overflow: hidden;}
.rellist-tit h6{padding-left: 32px;background: url('../images/weizhi.png') no-repeat left center /20px auto;font-size: 30px;color: #0f0f0f;font-family: '\5FAE\8F6F\96C5\9ED1';}
.rellist-words{width: 100%;overflow: hidden;padding-left: 32px;}
.rellist-words h6{width: 100%;margin-top: 16px;}
.rellist-words h6 b{font-size: 24px;color: #333;font-weight: normal;display: block;}
.rellist-words h6 span{font-size: 16px;color: #666;line-height: 24px;margin-top: 6px;display: block;}
.relform-container{width: 100%;overflow: hidden;padding: 82px 0 100px;}
.relform{width: 1280px;margin: 0 auto;box-shadow: 0 0 12px 4px #f3f3f3;}
.relform-size{width: 100%;padding: 160px 120px 54px;position: relative;}
.relform-tit{position: absolute;font-size: 116px;color: #f3f3f3;font-family: '\5FAE\8F6F\96C5\9ED1';top: 40px;left: 72px;}
.relform-ic{position: absolute;width: 60px;height: 64px;top: 62px;right: 88px;background: url('../images/sayhi.png') no-repeat;}
.relform-fonts{width: 100%;overflow: hidden;}
.relform-fonts h6{font-size: 43px;color: #232323;font-weight: bold;}
.relform-fonts p{font-size: 18px;color: #666;margin-top: 8px;}
.relform-data{width: 100%;overflow: hidden;}
.relform-data h5 input{width: 48%;border-radius: 30px;height: 52px;border: 1px solid #e5e5e5;font-size: 16px;color: #999;padding: 0 42px 0 24px;margin-top: 40px;}
.relform-data h5 input:first-child{background: url('../images/name.png') no-repeat right 18px center;float: left;}
.relform-data h5 input:last-child{background: url('../images/emil.png') no-repeat right 18px center;float: right;}
.relform-data textarea{width: 100%;height: 150px;border: 1px solid #e5e5ee;padding: 24px;font-size: 16px;color: #999;border-radius: 30px;margin-top: 40px;resize: none;}
.relform-data h6{width: 100%;margin-top: 40px;}
.relform-data h6 input{width: 200px;border-radius: 30px;height: 52px;border: 1px solid #e5e5e5;font-size: 16px;color: #999;padding:0 24px;}
.relform-data h6 span{width: 180px;border-radius: 30px;height: 52px;display: inline-block;vertical-align: middle;user-select: none;margin-left: 16px;}
.relform-data h6 span img{width: 100%;height: 100%;object-fit: fill;}
.relform-data button{width: 166px;height: 52px;margin-top: 30px;border-radius: 30px;background-image: linear-gradient(to right,#f18501,#e60c10);font-size: 16px;color: #fff;border: none;font-weight: bold;cursor: pointer;}







/* -------------------------PC端--------------------------- */

@media all and (max-width:1320px) {
    .rellist,.relform {width: 92%;}
}

@media all and (max-width:1200px) {}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .rellist-container {padding-top: 10px;}
    .rellist ul {margin-left: 0%;width:100%}
    .boximg{
        margin-top: 50px;
        width: 100%;
    }
    .rellist ul li {width: 100%;margin-left: 0%;margin-top: 32px;}
    .rellist-tit h6{font-size: 26px;}
    .rellist-words h6 {margin-top: 10px;}
    .rellist-words h6 span {line-height: 22px;margin-top: 4px;}
    .relform-container {padding: 40px 0 44px;}
    .relform-size {padding: 100px 20px 34px;}
    .relform-tit {font-size: 72px;top: 20px;left: 10px;}
    .relform-ic {top: 18px;right: 18px;}
    .relform-fonts h6 {font-size: 32px;}
    .relform-data h5 input {width: 100%;border-radius: 20px;height: 44px;margin-top: 20px;padding: 0 42px 0 18px;}
    .relform-data textarea {height: 200px;padding: 16px 18px;font-size: 16px;border-radius: 20px;margin-top: 20px;}
    .relform-data h6{margin-top: 20px;}
    .relform-data h6 input {width: 140px;border-radius: 20px;height: 44px;padding: 0 18px;}
    .relform-data h6 span {width: 126px;border-radius: 20px;height: 44px;margin-left: 12px;}
    .relform-data button {width: 154px;height: 44px;margin-top: 24px;border-radius: 20px;}
}