html {
-webkit-text-size-adjust: none;
-ms-touch-action: none;
}
body {
width: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
.videoembed,
.videoobject {
width: 100%;
height: auto;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
input[type="password"],
select,
button,
textarea {
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
}
.css {
-webkit-touch-callout: none
}
a:hover {
color: #b23e2c;
}
a:visited {
color: rgba(0, 0, 0, 0);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
i {
font-style: normal;
}
li {
list-style: none
}
img {
border: 0;
max-width: 100%;
height: auto;
width: auto\9;
vertical-align: top;
object-fit: cover;
-o-object-fit: cover;
}
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
color: #333;
text-decoration: none;
outline: none;
}
em {
font-style: normal;
}
body {
background: #fff;
color: #333333;
font: 16px/30px"Microsoft Yahei", Helvetica, Tahoma, Arial, sans-serif;
}
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
/*ɨ³ý¸¡¶¯*/
.html.clearfix {
zoom: 1;
}
.fl {
float: left;
}
.fr {
float: right;
}
/* ------------------------------------------------------------------------------------------------------------------------- */
.c {
width: 100%;
}
.pchead {
position: relative;
background-color: #e4e4e4;
padding-top: 19px;
}
.pchead img {
width: 984px;
height: 141px;
margin: 0 auto;
}
.l_b {
height: 404px;
}
.center {
width: 984px;
height: 100%;
margin: 0 auto;
}
.lf {
float: left;
width: 436px;
height: 370px;
overflow: hidden;
}
.lf a {
border-bottom: 1px dashed #d2d2d2;
position: relative;
display: inline-block;
width: 400px;
height: 45px;
line-height: 54px;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 30px;
font-size: 16px;
}
.lf a i {
position: absolute;
left: 0;
top: 15px;
display: inline-block;
width: 20px;
height: 24px;
background: url('/static/frontend/cyykj/images/icon.png') no-repeat;
background-size: 100% 100%;
}
.rg {
position: relative;
float: right;
width: 524px;
height: 362px;
padding-top: 10px;
overflow: hidden;
}
.rg a {
display: block;
width: 100%;
height: 100%;
}
.rg a img {
width: 100%;
height: 311px;
}
.rg a div {
position: absolute;
bottom: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
letter-spacing: 1px;
width: 80%;
height: 47px;
line-height: 47px;
color: #020202;
}
.hd {
height: 15px;
overflow: hidden;
position: absolute;
right: 10px;
bottom: 12px;
z-index: 1;
}
.hd ul {
overflow: hidden;
zoom: 1;
float: left;
}
.hd ul li {
float: left;
margin-right: 5px;
width: 10px;
height: 10px;
line-height: 10px;
text-align: center;
background: #d2d2d2;
cursor: pointer;
border-radius: 8px;
}
.hd ul li.on {
background: #007ae6;
color: #fff;
}
.op {
background-color: #e4e4e4;
padding: 26px 0;
}
.tit {
width: 225px;
height: 42px;
line-height: 42px;
text-align: center;
background-color: #0268c2;
color: #fff;
font-size: 22px;
}
.content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height: auto;
margin-top: 28px;
}
.content .b {
width: 48%;
height: 128px;
margin-bottom: 19px;
}
.content .b .left {
float: left;
width: 40%;
height: 100%;
}
.content .b .left img {
width: 100%;
height: 100%;
}
.content .b .right {
float: right;
width: 57%;
height: 100%;
overflow: hidden;
}
.content .b .right p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 18px;
line-height: 22px;
}
.content .b .right span {
font-size: 14px;
display: inline-block;
height: 80px;
line-height: 28px;
margin-top: 10px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.wap {
display: none;
}
.pc {
display: block;
}
@media screen and (max-width: 1000px) {
.pchead,
.l_b,
.op {
padding: 0 2%;
}
.pchead {
padding-top: 19px;
}
.center {
width: 100%;
}
.lf {
width: 44%;
height: 9.84rem;
}
.lf a {
width: 90%;
height: 1.2rem;
line-height: 1.4rem;
padding-left: .8rem;
font-size: .5rem;
}
.lf a i {
top: .32rem;
width: .6rem;
height: .75rem;
}
.rg {
width: 53%;
height: 9.45rem;
padding-top: .3rem;
}
.rg a img {
height: 8.3rem;
}
.rg a div {
font-size: .5rem;
width: 80%;
height: 1rem;
line-height: 1.2rem;
}
.hd {
bottom: 0;
}
.l_b {
height: 10.8rem;
}
.op {
padding-top: .8rem;
padding-bottom: .8rem;
}
.content .b {
height: 3.4rem;
margin-bottom: .6rem;
}
.content .b .right p {
font-size: .6rem;
line-height: 1rem;
}
.content .b .right span {
font-size: .5rem;
height: unset;
line-height: .77rem;
margin-top: .2rem;
}
}
@media screen and (max-width: 680px) {
.pc {
display: none;
}
.wap {
display: block;
}
.pchead {
padding: 0;
}
.pchead img {
width: 100%;
height: 2.5rem;
left: 0;
}
.l_b {
height: auto;
padding: .5rem 2%;
}
.lf {
width: 100%;
height: auto;
float: unset;
}
.rg {
width: 100%;
float: unset;
margin-top: .5rem;
}
.lf a {
width: 93%;
}
.center {
height: auto;
}
.tit {
width: 6rem;
height: 1.6rem;
line-height: 1.6rem;
font-size: .7rem;
margin-bottom: .6rem;
}
.content {
display: unset;
flex-wrap: unset;
justify-content: unset;
margin-top: 0;
}
.content .b {
width: 100%;
}
.content .b .left {
width: 6rem;
}
.content .b .right {
width: calc((100% - 6.6rem));
}
}