article h1,
article h2,
article h3 {
line-height: 1.6;
color: #101f3a;
}
article h1 {
font-size: 56px;
}
article h2 {
font-size: 36px;
text-align: center;
}
article .wpb_wrapper h3 {
font-size: 24px;
}
article h4 {
font-size: 20px;
}
article p {
font-size: 16px;
line-height: 1.83;
color: #303c42;
}
article img {
height: auto;
width: initial;
} .subtitle-info {
font-size: 30px;
line-height: 1.6;
} .banner-info {
font-size: 22px;
line-height: 1.83;
} .same-width {
width: 1200px;
margin: 0 auto;
}
.display-flex {
width: 1200px;
margin: 0 auto;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
} article svg {
width: 82px;
height: 82px;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
} .btn-link a {
min-width: 190px;
padding: 0 25px;
border-radius: 8px;
display: inline-block;
text-align: center;
line-height: 50px;
font-size: 18px;
vertical-align: top;
position: relative;
cursor: pointer;
overflow: hidden;
background-color: #006ee1;
color: #fff;
}
.btn-link a:hover {
text-decoration: none;
}
.animation-btn:hover:after {
content: "";
display: inline-block;
-moz-animation: aperture 0.7s;
-webkit-animation: aperture 0.7s;
animation: aperture 0.7s;
width: 35px;
height: 35px;
position: absolute;
background: rgba(206, 235, 247, 0.2);
border-radius: 50%;
animation-iteration-count: infinite;
animation-duration: 1.3s;
left: 0;
right: 0;
top: 0.5vw;
margin: auto;
line-height: 30px;
}
@keyframes aperture {
0% {
transform: scale(1);
}
10% {
transform: scale(2);
}
20% {
transform: scale(3);
}
30% {
transform: scale(4);
}
40% {
transform: scale(5);
}
50% {
transform: scale(6);
}
60% {
transform: scale(7);
}
70% {
transform: scale(8);
}
80% {
transform: scale(9);
}
90% {
transform: scale(10);
}
100% {
transform: scale(11);
}
}
.template-dot .dot::before {
background: url(//www.yeastar.cn/wp-content/uploads/svg/dagou-lvse.svg) center no-repeat;
background-size: cover;
}
.template-dot .dot {
margin-bottom: 8px;
padding-left: 25px;
position: relative;
}
.template-dot .dot::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 7px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 1500px) and (min-width: 768px) {
.display-flex,
.same-width {
width: 1100px;
max-width: 90%;
}
}
@media (max-width: 1300px) {
.same-width,
.display-flex {
width: 90%;
}
}
@media (max-width: 768px) {
#primary h1 {
font-size: 30px;
}
#primary h2 {
font-size: 25px;
}
#primary .wpb_wrapper h3 {
font-size: 20px;
}
#primary .subtitle-info {
font-size: 24px;
}
.display-flex,
.same-width {
display: block;
width: 90%;
}
.display-flex .content-left,
.display-flex .content-right {
width: 100% !important;
max-width: initial;
}
}