@charset "utf-8";
/* CSS Document */
*, html, body, div, p {
color: #666;
line-height: 1.8em;
}
footer {
clear: both;
}
.clear {
clear: both;
}
.company {
overflow: hidden;
margin: 0 auto 40px;
padding: 50px 40px;
border: 2px solid #ddd;
height: 100%;
}
.company h2 {
font-size: 16px;
font-weight: bold;
color: #444;
padding-left: 26px;
text-indent: 0;
}
.company img {
max-width: 100%;
}
/* about_us */
.about_left {
margin: 0 auto 40px;
float: left;
width: 63%;
height: 100%;
padding: 50px 40px;
border: 2px solid #ddd;
}
.about_right {
margin: 0 0 40px;
float: right;
width: 25%;
height: 100%;
padding: 0px 5px;
}
.about_left img {
width: 100%;
max-width: 100%;
margin-top: 40px;
margin-bottom: 15px;
}
.about_right img {
width: 100%;
max-width: 100%;
margin-bottom: 15px;
}
.about_left h2 {
font-size: 20px;
color: #222;
margin-bottom: 15px;
margin-left: 26px;
color: #444;
font-weight: bold;
}
.about_left p {
text-indent: 2em;
}
/* certificate */
.certificate {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.certificate img {
margin: 2px;
}
/* safe */
.safe {
overflow: hidden;
height: 100%;
margin-bottom: 50px;
clear: both;
font-size: .8rem;
}
.safe .photo {
float: left;
width: 10%;
}
.safe .cont {
float: right;
width: 85%;
}
.cont h2 {
font-size: 26px;
font-weight: bold;
color: #176155;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
margin-bottom: 15px;
margin-top: 0px;
padding-left: 0px;
}
.col {
margin: 0 -15px;
}
.col-3-2 {
float: left;
width: 66.6%;
}
.divpd15 {
padding: 0 15px;
}
.safe .cont h3, .h3_all {
border-bottom: 1px solid #ddd;
padding-bottom: 6px;
}
.safe .cont h3 span.lb, .h3_all span.lb {
border-left: 4px solid #cf1010;
padding-left: 15px;
font-size: 18px;
font-weight: bold;
display: inline-block;
color: #222;
line-height: 1.5em;
}
.sm_txt {
font-size: 16px;
color: #176155;
}
.grid1 {
border: 1px solid #ddd;
}
.grid1 .bt, .qp .bt {
border-bottom: 1px solid #ddd;
padding-left: 15px;
font-size: 16px;
padding: 4px 0 4px 15px;
color: #222;
}
.num-pd {
list-style-type:decimal;
padding-left:30px;
}
.col-3-1 {
float: left;
width: 33.3%;
}
.prog-jg {
margin-top: 60px;
}
.safe .col-4-1 {
float: left;
width: 29%;
}
.safe .col-4-2 {
float: left;
width: 42%;
}
.col-4-2, .col-2-1 {
float: left;
width: 50%;
}
.qp .bt {
border-bottom: 0;
background: url(/html/enpublic/images/fk.png) no-repeat left center;
padding-left: 20px;
}
.fl48 {
float: left;
width: 48%;
}
.fr48 {
float: right;
width: 48%;
}
.warring img {
display: block;
margin: 5px auto 20px;
}
.grid-pd {
padding:10px;
}
/* history */
.stripe {
/*width: 98%;*/
border-collapse: collapse;
margin: 30px 20px;
border-top: 1px solid #ddd;
}
.stripe tr {
border-bottom: 1px solid #ddd;
}
.stripe th {
padding: 10px 20px;
text-align: left;
font-size: 16px;
color: #fff;
background: #a9a6a6;
border-left: 1px solid #ccc;
}
.stripe td {
padding: 10px 20px;
border-left: 1px solid #ccc;
}
.stripe th:nth-child(3n+1), .stripe td:nth-child(3n+1) {
border-left: none;
}
.stripe tr:nth-child(2n+1) {
background: #e0e0e0;
;
}
@media screen and (max-width:767px) {
.company img {
width: 100%;
}
.about_left {
margin: 0 auto 10px;
float: none;
width: 95%;
height: 100%;
padding: 20px;
border: 3px solid #f2f2f2;
;
}
.about_right {
margin: 0 auto 40px;
float: none;
width: 100%;
height: 100%;
padding: 0px;
}
.about_left img, .about_right img {
margin: 0 auto 10px;
}
.about_right img {
width: 100%;
margin: 0 5px 10px;
}
.safe .photo {
float: none;
width: 25%;
}
.col-3-2, .col-3-1, .safe .col-4-1, .safe .col-4-2, .safe .cont, .col-2-1 {
float: none;
width: 100%;
}
.safe .col-4-2, .safe .col-4-1, .divpd15.mt40 {
margin-top: 15px;
}
}
.topemail .btn_red .zixun, .topemail a.btn_red .zixun{
color:#FFFFFF;
}
.text-area .tophotline {
line-height: 1.4em;
}