* { margin: 0; padding: 0; } li { list-style: none; } a { text-decoration: none; } body { width: 100%; min-width:1440px; height: 100%; overflow: hidden; } .hed{ width: 100%; background-color: #342B2B; } .head { width: 58%; margin: 0 auto; height: 64px; background: #342B2B; display: flex; justify-content: flex-start; } .logo-big { width: 35px; height: 35px; margin: 15px 5px 13px 0px; } .head_text h6 { height: 20px; font-size: 20px; font-family: Source Han Sans SC; font-weight: bold; color: #fff; margin-top: 15px; } .head_text p { height: 12px; font-size: 14px; font-family: Source Han Sans SC; font-weight: bold; color: #fff; } .content { width: 100%; height: calc(100vh - 174px); background: url(../img/bg572.png) no-repeat; background-size: 100% 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; } .wrap_content { width: 84%; display: flex; justify-content: center; align-items: center; position: relative; } .layui-text h3 { font-size: 12px !important; font-family: Microsoft YaHei !important; font-weight: bold !important; color: #000 !important; } .layui-timeline-axis { width: 10px !important; height: 10px !important; top: 6px !important; left: 0px !important; background-color: #000 !important; } .layui-timeline-item:before { height: 113% !important; background-color: #000 !important; } .layui-form{ width:90%; min-width:500px !important; } .text_content { width: 80%; height: 80%; display: flex; justify-content: center; align-items: center; flex-direction: column; /* background-color: #00FF00; */ /* height: 60px; background: #FFFFFF; border: 3px solid #CCA65E; border-radius: 10px; */ } .text_content h3 { font-size: 50px; font-family: Microsoft YaHei; font-weight: bold; color: #000; text-align: center; } .layui-input-block { margin-left: 0px !important; } .layui-input-block span{ position: absolute; margin: 6px 20px 10px; width: 42px; height: 17px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #D09540; line-height: 48px; z-index: 99; } .layui-input-block i{ position: absolute; margin: 22px 70px 10px; z-index: 99; color: #D09540; } .layui-input { padding-right: 61px; position: relative; } .img_position { position: absolute; top: 28%; right: 3%; } .text_three{ width: 83%; /* height: 309px; */ height: 488px; min-height:300px; display: flex; justify-content: flex-start; align-items: flex-start; background:rgba(7,5,0,0.54); /* background: #072B55; opacity: 0.54; */ border-radius: 4px; overflow: hidden; } .text_three .title{ width: 100px; display: block; height: 20px; font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; line-height: 48px; margin-left: 20px; } .text_three .th_con{ width: 97%; height: 100%; /* min-height: 250px; */ /* margin-top: 20px; */ margin-left: 20px; position: relative; overflow-y: hidden; } .art{ margin-top: 10px; transform: scale(0.9); transform-origin: top left; } .art .t1{ font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; display: flex; align-items: center; } .art .t1 .sp1{ width: 151px; height: 27px; background: #CCA65E; border-radius: 4px; text-align: center; display: inline-block; line-height: 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 10px; } .art .t1>span:nth-child(2){ width: 800px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tx{ width: 100%; height: 15px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #C8DDF8; line-height: 24px; margin-top: 8px; display: flex; align-items: center; } .tx p{ color: #CCA65E ; } .more{ width: 100%; color: #fff; text-align: center; display: none; } .header-contanier { display: flex; align-items: center; justify-content: center; margin-bottom: 1%; margin-top: 4%; } .header-contanier img { width: 58px; height: 60px; margin-right: 20px; } .wrap_content ul { margin-right: 0px; } .totall { font-size: 20px; color: #FFFFFF; } #foot { width: 100%; height: 60px; background-color: #133A66; } .title { font-family: Microsoft YaHei; font-weight: bold; color: #0C67B0; line-height: 48px; font-size: 30px; } .search-area { background: #FFFFFF; border: 2px solid #3e3728; border-radius: 10px; width: 800px; height: 48px; margin: 10px 10px 20px 0px; box-sizing: border-box; padding: 10px 30px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .search-area .all { height: 61px; line-height: 60px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #534b3a; letter-spacing: 3px; } .search-area>div:nth-child(2) { text-align: left; width: 650px; } .search-area .ss-icon img{ width: 25px; height: 25px; cursor: pointer; color: #A79675; } div.search-area > div > form > div > div > div > input{ padding-right: 0px; border: none; padding-left: 0px; width: 60px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #A79675; letter-spacing: 3px; } div.search-area > div:nth-child(2) > form > div{ margin-left: 0px; } div.search-area > div:nth-child(2) > form > div > input{ border: none; } .tangchu { width: 761px; background-color: #FFF; border: 1px solid #CDE1F0; padding: 20px; box-sizing: border-box; position: absolute; display: none; max-height: 400px; overflow-y: auto; top: 64px; z-index: 999; } .tangchu-item { display: inline-block; width: 120px; height: 50px; font-size: 16px; background-color: #CDE1F0; color: #0C67B0; margin: 0px 20px 15px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 50px; text-align: center; cursor: pointer; } .tx span { display: inline-block; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 162px; } .more i { cursor: pointer; } .wrap_content ul { position: relative; } .sq { display: flex; align-items: center; } .ques { cursor:pointer; color: #FFF; position: absolute; right: 20px; top: 10px; font-size: 18px; } .ques:hover{ opacity: 0.8; } .quesTanchu { background-color: #FFF; width: 620px; display: none; margin-top: 20px; } .quesTanchu .layui-input, .layui-textarea { display: inline-block; width: 68%; padding-left: 10px; } .quesTanchu .layui-textarea { width: 68%; } .quesTanchu .layui-form-select .layui-edge{ right: 15px; } .quesTanchu .layui-form-select dl { left: 40px; } .wrapDiv{ height: 400px; overflow: hidden; } .wrapDiv ul { position: relative; } @keyframes side { from { transform: translate(640px, 0px) } to { transform: translate(100px, 0px) } } @media screen and (min-width:1440px) and (max-width:1680px){ .wrap_content { transform: scale(0.9); transform-origin: left center; } .text_three{ transform: scaleY(0.9); transform-origin: top; } } @media screen and (max-width:1200px){ body { overflow: hidden; } } .foot { width: 100%; height: 108px; min-width: 1300px; background-color: #A79675; overflow: hidden; } .foot_content { height: 110px; margin: 0 auto; /* padding-top: 24px; */ background-color: #A79675; display: flex; justify-content: center; align-items: center; } .three_pic { display: flex; } .three_pic>a:nth-child(1) { width: 49px; height: 60px; margin-right: 15px; } .three_pic>a:nth-child(2) { width: 36px; height: 60px; margin-right: 15px; } .three_pic>span:nth-child(3) { width: 110px; height: 55px; margin-right: 15px; cursor: pointer; } .f_text { color: #fff; font-size: 14px; line-height: 24px; padding-top: 8px; width: 727px; } .f_list { padding-top: 34px; } .f_list a, .f_list span { display: inline-block; color: #fff; font-size: 14.58px; margin-right: 6px; } @media screen and (max-width:1200px){ .foot { min-width: 0px; } }