File: /www/wwwroot/www.ycfawu.com/wp-content/themes/twentytwentythree/assets/css/pc.index.css
* { margin: 0; padding: 0; list-style: none; color: inherit; text-decoration: none; }
section {
padding-bottom: 50px;
}
.w_1200 {
width: 1200px;
margin: 0 auto;
}
.title {
font-size: 14px;
padding: 50px 0 30px;
text-align: center;
}
.title h3 {
font-size: 36px;
font-weight: normal;
}
.swiper-container.swiper1 .swiper-slide {
display: block;
height: 620px;
background-position: center;
}
.swiper-container.swiper1 .swiper-pagination-bullet {
width: 100px;
height: 5px;
opacity: 1;
border-radius: 0;
background-color: #fff;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 20px;
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #23468c;
}
.part1 {
background-color: #f0f4f7;
}
.part1 ul {
height: 500px;
background-image: url(https://www.ycfawu.com/wp-content/themes/twentytwentythree/assets/images/index/part1_bg.png);
background-position: center bottom;
background-repeat: no-repeat;
position: relative;
}
.part1 ul li {
cursor: pointer;
position: absolute;
transition: all .8s;
}
.part1 ul li:nth-child(1) {
top: 385px;
}
.part1 ul li:nth-child(2) {
top: 180px;
left: 70px;
}
.part1 ul li:nth-child(3) {
top: 10px;
left: 480px;
}
.part1 ul li:nth-child(4) {
top: 180px;
left: 880px;
}
.part1 ul li:nth-child(5) {
top: 385px;
left: 945px;
}
.part1 ul li:hover {
transform: scale(1.1);
}
.part2 .c {
text-align: center;
}
.part2 .c ul {
display: flex;
margin-top: 50px;
margin-bottom: 100px;
justify-content: space-between;
}
.part2 .c ul li:hover {
color: #fff;
background-color: #23468c;
background-image: url(https://www.ycfawu.com/wp-content/themes/twentytwentythree/assets/images/index/part2_icon_hover.png);
}
.part2 .c ul li {
width: 280px;
height: 280px;
color: #333;
font-size: 12px;
padding-top: 200px;
box-sizing: border-box;
background-color: #f0f4f7;
background-image: url(https://www.ycfawu.com/wp-content/themes/twentytwentythree/assets/images/index/part2_icon.png);
}
.part2 .c ul li:nth-child(1) {
background-position: 0 -20px;
}
.part2 .c ul li:nth-child(2) {
background-position: 840px -20px;
}
.part2 .c ul li:nth-child(3) {
background-position: 560px -20px;
}
.part2 .c ul li:nth-child(4) {
background-position: 280px -20px;
}
.part2 .c ul li h5 {
font-size: 22px;
}
.part3 {
padding-top: 50px;
background-color: #f0f4f7;
}
.part3 .w_1200 {
display: flex;
justify-content: space-between;
}
.part3 .w_1200 .left {
width: 360px;
height: 619px;
background-image: url('https://www.ycfawu.com/wp-content/themes/twentytwentythree/assets/images/index/part1_img1.png');
background-repeat: no-repeat;
}
.part3 .w_1200 .left ul {
color: #333;
font-size: 20px;
padding-top: 40px;
line-height: 1.6;
position: relative;
left: 140px;
}
.part3 .w_1200 .right {
width: 820px;
background-color: #fff;
}
.part3 .w_1200 .head {
color: #fff;
line-height: 3;
padding: 0 10px;
background-color: #23468c;
}
.part3 .w_1200 .right ul {
padding: 8px 0;
}
.part3 .w_1200 .right li {
display: flex;
padding: 15px 30px;
}
.part3 .w_1200 .right li .desc h5 {
line-height: 2;
font-size: 18px;
color: #333;
}
.part3 .w_1200 .right li .desc hr {
width: 40px;
border-width: 3px;
border-top: none;
border-left: none;
border-right: none;
border-color: #23468c;
margin-bottom: 10px;
}
.part3 .w_1200 .right li .desc {
line-height: 1.5;
font-size: 14px;
padding: 0 20px;
color: #666;
}
.part3 .w_1200 .right .meta {
margin-top: 30px;
}
.part3 .w_1200 .right .meta a {
color: #fff;
padding: 5px 20px;
display: inline-block;
margin-right: 20px;
border-radius: 50px;
text-decoration: none;
background-color: #23468c;
}
.part3 .w_1200 .right .meta a:last-of-type {
background-color: #ff6349;
}
.part4 ul.w_1200 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.part4 ul.w_1200 li {
width: 24%;
cursor: pointer;
margin-bottom: 15px;
border-radius: 2px;
box-shadow: 0 0 5px 1px #f1f1f1;
}
.part4 ul.w_1200 li:hover {
box-shadow: 0 0 10px 1px #ccc;
}
.part5 {
background-image: url(https://www.ycfawu.com/wp-content/themes/twentytwentythree/assets/images/index/part5_bg.jpg);
}
.part5 .title {
color: #fff;
}
.part5 ul.w_1200 {
display: flex;
background-color: #fff;
}
.part5 ul.w_1200 li {
width: 25%;
text-align: center;
border-right: 1px solid #ccc;
}
.part5 ul.w_1200 li:last-of-type {
border-right: none;
}
.part5 ul.w_1200 li h5 {
font-size: 18px;
line-height: 3;
background-color: #dfe0e6;
}
.part5 ul.w_1200 li p {
font-size: 18px;
height: 100px;
color: #666;
display: flex;
align-items: center;
justify-content: center;
}
.part5 ul.w_1200 li p:nth-child(3) {
background-color: #f2f2f2;
}
.part5 ul.w_1200 li p:nth-child(5) {
color: #fff;
background-color: #3a5ea6;
}
.part6 .c.w_1200 {
display: flex;
justify-content: space-between;
}
.part6 .c.w_1200 .left {
width: 60%;
color: #999;
font-size: 14px;
line-height: 1.5;
}
.part6 .c.w_1200 .left h5 {
font-size: 24px;
line-height: 3;
color: #23468c;
}
.part6 .c.w_1200 .left a {
color: #666;
margin-top: 20px;
padding: 5px 40px;
display: inline-block;
text-decoration: none;
border: 1px solid #666;
}
.part6 .c.w_1200 .right {
width: 32%;
box-shadow: 0 0 10px 1px #ccc;
}
.part6 .c.w_1200 .right h5 {
font-size: 26px;
line-height: 3;
color: #23468c;
text-align: center;
}
.part6 .c.w_1200 .right form {
width: 68%;
margin: 0 auto;
}
.part6 .c.w_1200 .right .form-group {
margin-bottom: 20px;
}
.part6 .c.w_1200 .right .form-group input,
.part6 .c.w_1200 .right .form-group textarea {
width: 100%;
line-height: 3;
padding: 0 10px;
box-sizing: border-box;
border: 1px solid #ccc;
background-color: #f1f1f1;
}
.part6 .c.w_1200 .right .form-group button {
width: 100%;
color: #23468c;
line-height: 3;
margin-top: 20px;
padding: 0 10px;
box-sizing: border-box;
border: 1px solid #23468c;
border-radius: 50px;
background-color: #f1f1f1;
}
.part7 {
background-color: #f0f4f7;
}
.part7 ul.tab {
display: flex;
font-size: 18px;
justify-content: center;
}
.part7 ul.tab li {
color: #23468c;
line-height: 2;
padding: 0 20px;
margin: 0 20px;
border-radius: 50px;
border: 1px solid #23468c;
}
.part7 ul.tab li.a {
color: #fff;
background-color: #23468c;
}
.part7 .content li {
display: none;
margin-top: 40px;
justify-content: space-between;
}
.part7 .content li.a {
display: flex;
}
.part7 .content .left,
.part7 .content .right {
width: 49%;
}
.part7 .content .item {
padding: 10px;
margin-bottom: 14px;
background-color: #fff;
border-bottom: 2px solid #fff;
}
.part7 .content .item:hover {
border-bottom: 2px solid #23468c;
}
.part7 .content .meta span {
color: #999;
}
.part7 .content .meta {
margin-top: 10px;
display: flex;
line-height: 2;
justify-content: space-between;
}
.part7 .content .meta a {
color: #23468c;
text-decoration: none;
}
.part7 .content h5 {
color: #333;
font-size: 20px;
line-height: 3;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.part7 .content p {
color: #666;
line-height: 1.5;
}
.pc {
display: none;
}
.wap .mianbao {
color: #fff;
font-size: 14px;
padding: 5px 10px;
background-color: #2d3556;
}
.wap img {
width: 100%; display: block;
}
@media(max-width: 1200px) {
body {
width: 100%;
max-width: 750px;
margin: 0 auto;
}
body .wap {
display: block;
}
}
@media(min-width: 1200px) {
body .pc {
display: block;
}
body .wap {
display: none;
}
}
.m_part11 .title {
font-size: 1.6rem;
}
.m_part11 ul.tab {
display: flex;
width: 80%;
margin: 0 auto 1rem;
justify-content: space-around;
}
.m_part11 ul.tab li {
color: #2d3556;
font-size: 0.8rem;
padding: 0.4rem 1rem;
border-radius: 0.5rem;
border: 1px solid #2d3556;
}
.m_part11 ul.tab li.a {
color: #fff;
background-color: #2d3556;
}
.m_part11 ul.content {
padding: 0 1rem;
}
.m_part11 ul.content li {
display: none;
}
.m_part11 ul.content li.a {
display: block;
}
.m_part11 ul.content img {
margin-bottom: 2rem;
}
.m_part11 ul.content .list {
margin-bottom: 1rem;
}
.m_part11 ul.content h5 {
font-size: 1rem;
line-height: 2;
}
.m_part11 ul.content p {
color: #666;
line-height: 1.5;
font-size: 0.5rem;
}
.m_part11 ul.content p.meta {
display: flex;
line-height: 2;
justify-content: space-between;
}
.m_part12 {
background-size: 100%;
padding-bottom: 1rem;
}
.m_part12 .title {
color: #fff;
padding: 1.1rem 0;
font-size: 1.6rem;
}
.m_part12 ul {
display: flex;
justify-content: space-around;
}
.m_part12 ul li {
width: 32%;
}
.m_part12 ul input {
width: 100%;
border: none;
line-height: 2;
text-indent: 1em;
font-size: 0.8rem;
border-radius: 1rem;
}
.m_part12 button {
border: none;
margin: 1rem auto 0;
display: block;
line-height: 2;
font-size: 1rem;
padding: 0 1rem;
border-radius: 1rem;
}