* {
padding: 0;
margin: 0;
list-style: none;
text-decoration: none
}
@charset "utf-8";
/* css document */
body {
margin: 0px;
padding: 0px;
font-family: "苹方";
color: #666666;
margin: 0px;
padding: 0px;
background-color: #fff;
overflow-x: hidden;
box-sizing: border-box;
}
* {
font-family: "苹方";
}
li {
list-style: none
}
ul {
padding-left: 0;
margin: 0 0
}
a {
color: #666;
}
.center {
max-width: 1200px;
margin: 0 auto
}
h2,
h3,
h4,
h5,
p {
margin: 0 0;
padding: 0 0;
font-weight: 500;
}
h1 {
font-size: 2rem;
}
.ctrl span {
float: left;
cursor: pointer;
}
input,
textarea,
select {
outline: none;
font-family: "苹方";
}
img {
border: none
}
.swiper-slide img {
width: 100%
}
.clear {
clear: both
}
@media screen and (min-width:320px) {
html {
font-size: 90%;
}
}
@media screen and (min-width:400px) {
html {
font-size: 90%
}
}
@media screen and (min-width:480px) {
html {
font-size: 97.5%
}
}
@media screen and (min-width:560px) {
html {
font-size: 100%
}
}
@media screen and (min-width:600px) {
html {
font-size: 112.5%
}
}
@media screen and (min-width:640px) {
html {
font-size: 100%
}
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img {
max-width: 100%;
}
/*清除浮动*/
.clearfix:after {
visibility: hidden;
clear: both;
display: block;
content: ".";
height: 0
}
.clearfix {
*zoom: 1
}
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentcolor;
overflow: hidden;
}
.three-card .ico svg {
font-size: 50px;
margin-right: 20px;
}
.card li svg {
font-size: 55px;
}
@font-face {
font-family: 'iconfont';
src: ;
src: format('embedded-opentype'), format('woff2'), format('woff'), format('truetype'), format('svg');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* 首页部分 */
.phone_nav_list {
display: none;
}
.banner_mo {
display: none;
}
/* 侧边栏 */
.tel_fixed {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
top: 0;
right: 150%;
}
.fix_display {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.fix_display .ico-phone {
margin-top: 18px;
margin-left: 10px;
margin-right: 5px;
color: #3e584d;
}
.fix_display .ico-phone i {
font-size: 30px;
}
.fix_display h4 {
font-size: 16px;
margin-top: 20px;
}
.phone i {
font-size: 40px;
color: #fff;
}
.fix_display span {
font-size: 14px;
}
.fix_display p {
color: #ff552e;
font-size: 30px;
margin: 15px 0;
font-family: impact;
}
.fix_display {
height: 100px;
color: #333;
background: none;
margin-left: 10px;
}
.tel_left img {
height: 130px;
}
.tel_cont img {
height: 130px;
width: 200px;
}
.tel_right img {
height: 130px;
}
.fix .phone {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
top: 17px;
right: 0;
width: 70px;
height: 70px;
padding: 10px;
background-color: #ff552e;
}
.fix .phone:hover {
cursor: pointer;
}
.back {
text-align: center;
color: #fff;
display: none;
}
.back i {
font-size: 40px;
}
.back:hover {
cursor: pointer;
}
.fix .back {
position: absolute;
top: 110px;
right: 0;
width: 70px;
height: 70px;
padding: 10px;
background-color: #ff552e;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
display: none;
}
.aside {
position: fixed;
top: 50%;
right: 0;
z-index: 9999999;
}
.fixed {
display: none;
}
.fixed {
display: none;
position: fixed;
top: 70%;
right: 0;
width: 4.0rem;
height: 4.0rem;
background: #ff552e;
border-radius: 50%;
color: #fff;
z-index: 9999;
}
.fixed a {
justify-content: center;
align-items: center;
flex-direction: column;
display: flex;
color: #fff;
font-size: 24px;
font-weight: 700;
height: 100%;
}
.fixed i {
color: #fff;
font-size: 30px;
}
.qq {
text-align: center;
color: #fff;
}
.qq i {
font-size: 40px;
}
.qq:hover {
cursor: pointer;
}
.fix .qq {
position: absolute;
top: -76px;
right: 0;
width: 70px;
height: 70px;
padding: 10px;
background-color: #ff552e;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.wei {
text-align: center;
color: #fff;
}
.wei i {
font-size: 40px;
}
.wei:hover {
cursor: pointer;
}
.fix .wei {
position: absolute;
top: -76px;
right: 0;
width: 70px;
height: 70px;
padding: 10px;
background-color: #ff552e;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.phone p,
.back p,
.qq p,
.wei p {
color: #fff;
font-size: 14px;
}
.ico-phone i {
color: #ff552e;
}
.fix_display .ico-text h4 {
color: #ff552e;
font-size: 14px;
text-align: left;
}
.fix_display .ico-text p {
color: #ff552e;
font-size: 30px;
}
.wei_hidden {
width: 150px;
height: 150px;
overflow: hidden;
position: absolute;
top: -110%;
right: 120%;
}
.wei_hidden img {
width: 100%;
}
.qq_hidden {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
top: 0;
right: 150%;
}
.fixeddd a {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #ff552e;
line-height: 50px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border-radius: 1rem 1rem 0 0;
z-index: 999;
}
.fixeddd a i {
font-size: 2rem;
color: #fff;
margin-right: 1rem;
}
.fixeddd a p {
font-size: 1.5rem;
color: #fff;
font-weight: bold;
}
.fixeddd {
display: none
}
.phone_nav_list {
display: none;
}
.banner_mo {
display: none;
}
/* 首页 */
.tabs-vertical .tabs-content-placeholder .banner_right {
opacity: 0;
position: absolute;
top: 0;
width: 100%;
left: 0;
}
.tabs-vertical .tabs-content-placeholder div.tab-content-active {
opacity: 1;
z-index: 99;
}
.header_top {
width: 100%;
background-color: #fafafa;
padding: 1rem 0;
}
.header_top_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.header_address {
display: flex;
justify-content: space-between;
align-items: center;
}
.header_address a {
display: flex;
justify-content: flex-start;
align-items: center;
}
.header_tel {
display: flex;
justify-content: space-between;
align-items: center;
}
.header_tel div {
display: flex;
justify-content: flex-start;
align-items: center;
}
.header_address a {
margin-right: 2rem;
}
.header_address a i {
color: #999;
font-size: 0.8rem;
}
.header_address a p {
font-size: 0.8rem;
color: #999;
margin: 0 0.3rem;
}
.header_address a:hover p {
color: #ff552e;
}
.header_address a:hover i {
color: #ff552e;
}
.header_tel p {
font-size: 0.8rem;
color: #999;
}
.header_tel i {
color: #999;
font-size: 0.8rem;
}
.header_tel div {
margin-left: 1.25rem;
}
.header_tel div i {
margin-right: 0.6rem;
}
.nav {
width: 100%;
background-color: #fff;
padding-top: 2rem;
}
.nav_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-end;
position: relative;
}
.nav_left {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo img {
width: 100%;
}
.logo_text {
padding-left: 1.25rem;
border-left: 1px solid #e5e5e5;
margin-left: 2rem;
}
.logo_text p {
font-size: 0.8rem;
color: #333;
margin-bottom: 0.3rem;
letter-spacing: 0.2rem;
}
.logo_text span {
color: #ff552e;
font-size: 1rem;
letter-spacing: 0.2rem;
}
.nav_list ul {
display: flex;
justify-content: space-between;
align-items: center;
}
.nav_list li a {
display: flex;
justify-content: center;
align-items: center;
}
.nav_list li div {
display: flex;
justify-content: center;
align-items: center;
}
.nav_list li {
margin: 0 1.5rem;
}
.nav_list li a p {
font-size: 1.25rem;
color: #000;
transition: all 0.3s;
}
.nav_list li a i {
font-size: 1.2rem;
color: #000;
margin-left: 0.6rem;
transition: all 0.3s;
}
.nav_list li div span {
font-size: 1.1rem;
color: #333;
}
.nav_list li div i {
font-size: 1.25rem;
margin-right: 0.3rem;
}
.nav_list li a span {
font-size: 1.1rem;
color: #333;
}
.nav_list li:hover a p {
color: #ff552e;
}
.nav_list li:hover a i {
color: #ff552e;
}
.nav_list .more_box_first,
.nav_list .more_box_wu,
.nav_list .more_box_si,
.nav_list .more_box_san,
.nav_list .more_box_second,
.nav_list .more_box_liu,
.nav_list .more_box_qi {
position: absolute;
top: 90%;
left: 50%;
transform: translatex(-50%);
max-width: 1440px;
width: 100%;
margin: 0 auto;
/* background-color: green; */
background-color: rgba(255, 255, 255, 1);
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
padding: 2rem 0 2rem 2rem;
display: none;
z-index: 9999;
}
.nav_list .more_box_list {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 20%;
margin: 0 1.5rem;
}
.nav_list .more_box_list h3 {
color: #ff552e;
font-size: 1.125rem;
}
.nav_list .more_box_list a {
font-size: 1rem;
color: #666;
margin-top: 0.6rem;
transition: all 0.3s;
}
.nav_list .more_box_list a:hover {
color: #ff552e;
}
.nav_list .more_box_list .small_list {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.nav_list .more_box_list span {
display: block;
width: 2px;
height: 16px;
background-color: #999;
margin: 0.6rem .3rem 0 .5rem;
}
.banner {
width: 100%;
background-color: #fafafa;
padding: 2rem 0;
margin-top: 2rem;
}
.banner_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
}
.tabs-vertical {
display: flex;
justify-content: space-between;
/* align-items: flex-start; */
height: 495px;
}
.banner_nav {
width: 20%;
}
.banner_content {
width: 80%;
overflow: hidden;
position: relative;
}
.banner_nav li {
background-color: #fff;
border-bottom: 1px solid #f8f8f8;
}
.banner_nav li a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.9rem 1.2rem;
}
.banner_nav li a div h3 {
font-size: 1.25rem;
margin-bottom: 0.3rem;
}
.banner_nav li a div p {
font-size: 1rem;
color: #999;
}
.banner_nav li a i {
color: #ccc;
font-size: 1.8rem;
}
.banner_nav li .tab-active {
border-left: 5px solid #ff552e;
}
.banner_nav li .tab-active div h3 {
color: #ff552e;
}
.banner_content img {
max-width: 100%;
vertical-align: middle;
}
.small {
float: right;
width: 25%;
background-color: #fff;
padding: 2rem 1.5rem 0 1.5rem;
height: 495px;
overflow: hidden;
overflow-y: scroll;
}
.small_list {
margin-bottom: 2rem;
}
.small_list div h3 {
color: #ff552e;
font-size: 1.125rem;
}
.small_list div div.ull {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.small_list div li {
margin-top: 0.6rem;
}
.small_list a {
color: #666;
font-size: 1rem;
}
.small_list span {
color: #999;
width: 2px;
height: 16px;
background-color: #999;
margin: 0 .5rem;
display: block;
}
.small_list div li a:hover {
color: #ff552e;
}
.card {
width: 100%;
background-color: #fafafa;
padding-bottom: 2rem;
}
.card_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.card_one {
width: 48%;
overflow: hidden;
}
.card_one img {
width: 100%;
}
.card_two {
width: 48%;
overflow: hidden;
}
.card_two img {
width: 100%;
}
.used {
width: 100%;
background-color: #fafafa;
padding-bottom: 3rem;
}
.used_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
}
.used_title h2 {
font-size: 1.75rem;
margin-bottom: 0.3rem;
}
.used_title p {
font-size: 0.8rem;
color: #999;
}
.used_list {
margin-top: 2rem;
}
.used_list ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start;
}
.used_list li {
width: 16%;
position: relative;
overflow: hidden;
}
.news {
width: 100%;
background-color: #fff;
padding-top: 3rem;
}
.news_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
}
.news_hd {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem;
}
.news_title {
display: flex;
justify-content: flex-start;
align-items: center;
width: 30%;
}
.news_title h2 {
font-size: 1.75rem;
color: #333;
margin: 0 0.6rem;
}
.news_title p {
color: #666;
font-size: 1rem;
}
.news_nav {
flex:1;
}
.news_nav ul {
display: flex;
justify-content: flex-end;
align-items: center;
}
.news_nav li a {
font-size: 1.2rem;
color: #666;
margin-left:1rem;
transition: all 0.3s;
}
.news_nav li a:hover {
color: #ff552e;
}
.news_bd {
display: flex;
justify-content: space-between;
margin-bottom: 2rem;
}
.news_bd_left {
width: 32%;
overflow: hidden;
position: relative;
}
.news_bd_left_up {
position: relative;
overflow: hidden;
}
.news_bd_left_up_img {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-top: 46%;
}
.news_bd_left_up_img img {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.news_bd_left_up_txt {
margin-top: 1rem;
}
.news_bd_left_up:hover .news_bd_left_up_txt h3 {
color: #ff552e;
}
.news_bd_left_up_txt h3 {
font-size: 1.2rem;
color: #333;
margin-bottom: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
transition: all 0.3s;
}
.news_bd_left_up_txt p {
font-size: 0.9rem;
color: #666;
line-height: 1.5rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.view {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 0.3rem;
}
.view div {
display: flex;
justify-content: center;
align-items: center;
margin: 0 0.6rem;
}
.view i {
color: #999;
}
.view p {
font-size: 0.9rem;
color: #999;
margin-left: 0.6rem;
}
.news_bd_left_down li {
margin-top: 1rem;
position: relative;
overflow: hidden;
}
.news_bd_left_down li:hover .news_bd_left_down_txt h3 {
color: #ff552e;
}
.news_bd_left_down li a {
display: flex;
justify-content: space-between;
align-items: center;
}
.news_bd_left_down_img {
position: relative;
overflow: hidden;
width: 30%;
height: 0;
padding-top: 20%;
}
.news_bd_left_down_img img {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.news_bd_left_down_txt h3 {
font-size: 1.2rem;
color: #333;
margin-bottom: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
transition: all 0.3s;
}
.news_bd_left_down_txt p {
font-size: 0.9rem;
color: #666;
line-height: 1.5rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_bd_left_down_txt {
width: 65%;
}
.news_bd_center {
width: 32%;
overflow: hidden;
}
.news_bd_center h3 {
font-size: 1.5rem;
color: #ff552e;
}
.news_bd_center_list li a {
display: flex;
justify-content: space-between;
align-items: center;
}
.news_bd_center_list li {
margin-top: 1.6rem;
overflow: hidden;
}
.time {
width: 20%;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.time span {
color: #333;
font-size: 2rem;
font-family: "黑体";
font-weight: bold;
}
.time p {
font-size: 1rem;
color: #333;
}
.news_bd_center_list_txt {
width: 80%;
overflow: hidden;
}
.news_bd_center_list li:hover .news_bd_center_list_txt h4 {
color: #ff552e;
}
.news_bd_center_list_txt h4 {
font-size: 1.2rem;
color: #333;
margin-bottom: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
transition: all 0.3s;
}
.news_bd_center_list_txt p {
font-size: 0.9rem;
color: #666;
line-height: 1.5rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_bd_right {
width: 32%;
overflow: hidden;
position: relative;
}
.news_bd_right_img {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-top: 34%;
}
.news_bd_right_img img {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.news_bd_right_txt {
margin-top: 1.5rem;
}
.news_bd_right_txt div {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 0.6rem;
}
.news_bd_right_up:hover .news_bd_right_txt h3 {
color: #ff552e;
}
.news_bd_right_txt h3 {
font-size: 1.3rem;
color: #333;
margin-right: 0.3rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.news_bd_right_txt p {
font-size: 1rem;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-left: 0.6rem;
}
.news_bd_right_txt i {
color: #666;
font-size: 1rem;
}
.news_bd_right_down h3 {
font-size: 1.25rem;
color: #ff552e;
margin-top: 2rem;
}
.news_bd_right_down li {
background-color: #fafafa;
margin-top: 1rem;
}
.news_bd_right_down li a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem;
}
.news_bd_right_down li a i {
color: #ff552e;
font-size: 4rem;
margin-right: 0.3rem;
}
.down_txt {
width: 72%;
overflow: hidden;
}
.news_bd_right_down li a h4 {
color: #333;
font-size: 1.2rem;
margin-bottom: 0.3rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
transition: all 0.3s;
}
.news_bd_right_down li a p {
font-size: 0.9rem;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.circle {
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
border-radius: 50%;
border: 1px solid #e5e5e5;
transition: all 0.3s;
}
.circle i {
font-size: 2rem !important;
color: #999 !important;
margin-right: 0 !important;
transition: all 0.3s;
}
.news_bd_right_down li:hover a h4 {
color: #ff552e;
}
.news_bd_right_down li:hover .circle {
border: 1px solid #ff552e;
}
.news_bd_right_down li:hover .circle i {
color: #ff552e !important;
}
.s_banner {
max-width: 1440px;
width: 98%;
margin: 0 auto;
}
.s_banner img {
width: 100%;
vertical-align: middle;
}
.footer {
width: 100%;
background-color: #333;
padding: 2rem 0;
}
.footer_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.footer_txt h3 {
font-size: 1.2rem;
color: #ccc;
margin-bottom: 1rem;
}
.footer_txt p {
font-size: 0.9rem;
color: #777;
margin-bottom: 0.3rem;
}
.footer_txt div {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 0.3rem;
}
.footer_txt div i {
font-size: 0.9rem;
margin-right: 0.3rem;
color: #777;
margin-bottom: 0.3rem;
}
.footer_txt div span {
color: #777;
font-size: 1.25rem;
}
.footer_txt a {
display: block;
padding: 0.6rem 1rem;
background-color: #ff552e;
text-align: center;
color: #fff;
font-size: 1rem;
border-radius: 2rem;
margin-top: 0.6rem;
}
.footer_txtp h3 {
font-size: 1.2rem;
color: #ccc;
margin-bottom: 1rem;
}
.footer_txtp p {
font-size: 0.9rem;
color: #777;
margin-bottom: 0.3rem;
}
.footer_txtp div {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 0.3rem;
}
.link {
width: 100%;
background-color: #333;
border-top: 1px solid #444;
padding: 1.5rem 0;
}
.links {
max-width: 1440px;
width: 98%;
margin: 0 auto;
}
.links ul {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.links li a {
font-size: 0.9rem;
color: #777;
}
.links li {
margin: 0 1rem;
}
.links p {
font-size: 0.9rem;
color: #777;
margin-left: 1rem;
margin-top: 1rem;
}
.links li span {
display: block;
width: 2px;
height: 1rem;
background-color: #444;
}
.information {
width: 100%;
background-color: #fff;
padding-top: 2rem;
}
.information_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
}
.information_tilte h2 {
font-size: 1.75rem;
font-weight: bold;
color: #000;
margin-bottom: 0.6rem;
}
.information_list {
display: flex;
justify-content: space-between;
margin-bottom: 2rem;
}
.information_left {
width: 32%;
overflow: hidden;
position: relative;
}
.information_left_img {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-top: 48%;
}
.information_left_img img {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.cover {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3rem;
line-height: 3rem;
text-align: center;
background-image: linear-gradient(to top, rgba(22, 26, 29, 0.5), rgba(64, 64, 60, 0.5));
}
.cover p {
font-size: 1rem;
color: #fff;
z-index: 999;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.information_center {
width: 32%;
overflow: hidden;
position: relative;
}
.information_right {
width: 32%;
overflow: hidden;
position: relative;
}
.y_banner {
max-width: 1440px;
width: 98%;
margin: 0 auto 0 auto;
}
.y_banner img {
width: 100%;
}
.information_left_txt {
margin-top: 1.5rem;
}
.information_left_txt li {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 0.6rem;
}
.information_left_txt li span {
height: 1rem;
width: 1px;
background-color: #999;
display: block;
margin: 0 1rem;
}
.tip {
font-size: 0.9rem;
color: #999;
}
.information_left_txt li a p {
font-size: 0.9rem;
color: #333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.tips {
flex: 1;
}
.information_left_txt li a:hover {
color: #ff552e;
}
.information_left_txt li a:hover p {
color: #ff552e;
}
.information_center_up li {
margin-bottom: 1.5rem;
overflow: hidden;
position: relative;
}
.information_center_up li a {
display: flex;
justify-content: space-between;
align-items: center;
}
.information_center_img {
position: relative;
overflow: hidden;
width: 30%;
height: 0;
padding-top: 22%;
}
.information_center_img img {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.information_center_txt {
width: 65%;
}
.information_center_txt h3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-size: 1.2rem;
color: #333;
margin-bottom: 0.3rem;
}
.information_center_up li:hover .information_center_txt h3 {
color: #ff552e;
}
.information_center_txt p {
font-size: 0.9rem;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.5rem;
}
.information_right_title {
display: flex;
justify-content: flex-start;
align-items: center;
}
.information_right_title span {
display: block;
width: 5px;
height: 1.5rem;
background-color: #ff552e;
margin-right: 0.3rem;
}
.information_right_title h3 {
font-size: 1.5rem;
color: #333;
font-weight: bold;
}
.information_right_list ul {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.information_right_list ul::after {
content: "";
width: 30%;
}
.information_right_list li {
width: 30%;
margin-top: 1rem;
text-align: center;
}
.information_right_list a {
display: block;
padding: 0.6rem 0.8rem;
border: 1px solid #999;
border-radius: 5px;
color: #333;
font-size: 1rem;
transition: all 0.3s;
}
.information_right_list li:hover a {
background-color: #ff552e;
color: #fff;
border: 1px solid #ff552e;
}
.information_right_img {
margin-top: 1.2rem;
}
.information_right_img img {
width: 100%;
}
.banne_two {
width: 100%;
background-color: #fafafa;
margin-top: 2rem;
padding: 2rem 0;
}
.banne_two_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
}
.banne_two_nav {
width: 20%;
background-color: #fff;
}
.banne_two_nav li a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.47rem 1.5rem;
}
.banne_two_nav li a div {
display: flex;
justify-content: flex-start;
align-items: center;
}
.banne_two_nav {
height: 435px;
position: relative;
overflow: hidden;
background-color: #fff;
transition: all 0.3s;
}
.banne_two_nav:hover {
height: 100%;
position: relative;
overflow: visible;
z-index: 999999;
transition: all 0.3s;
}
.banne_two_nav li a {
background-color: #fff;
}
.banne_two_nav_title {
background-color: #ff552e;
padding: 1rem 1.2rem;
}
.banne_two_nav_title h2 {
font-size: 1.5rem;
color: #fff;
font-weight: bold;
}
.banne_two_nav li a p {
font-size: 1.2rem;
color: #333;
transition: all 0.3s;
}
.banne_two_nav li a img {
transition: all 0.3s;
}
.banne_two_nav li:hover a p {
color: #ff552e;
margin-left: 1rem;
}
.banne_two_nav li:hover a img {
color: #ff552e;
margin-right: -0.5rem;
font-weight: bold;
}
.banner_center {
width: 65%;
background-color: #fff;
padding: 2rem 0 0 2rem;
position: relative;
}
.banne_two_right_nav h3 {
color: #000;
font-size: 1.25rem;
margin-bottom: 1rem;
}
.banne_two_right_nav div.ull {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.banne_two_right_nav div.ull {
margin: 0 1rem;
}
.banne_two_right_nav div.ull a {
font-size: 1rem;
color: #666;
margin-bottom:0.5rem;
}
.banne_two_right_nav div.ull span {
display: block;
width: 2px;
height: 1rem;
background-color: #ccc;
margin: 0 1rem 0.5rem 1rem;
}
.banne_two_right_nav {
height: 66px;
}
.banne_two_right_nav div.ull a:hover {
color: #ff552e;
}
.zhaojiazheng {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 8.2rem;
}
.slogan span {
color: #333;
font-size: 1.25rem;
}
.slogan p {
font-size: 1rem;
color: #666;
margin-top: 0.6rem;
}
.slogan a {
display: block;
padding: 0.8rem 1rem;
border-radius: 5px;
background-color: #ff552e;
text-align: center;
color: #fff;
margin-top: 2rem;
}
.banne_two_right {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.banner_two_card {
width: 30%;
}
.banner_two_card .banner_two_card1 {
margin-bottom: 2rem;
background-color: #fff;
}
.banner_two_card .banner_two_card1 a {
padding: 3.9rem 1rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.banner_two_card .banner_two_card1 a div {
margin-left: 1.5rem;
}
.banner_two_card .banner_two_card1 a div span {
color: #333;
font-size: 1.25rem;
font-weight: bold;
margin-bottom: 0.6rem;
display: block;
}
.banner_two_card .banner_two_card1 a div p {
color: #666;
font-size: 0.9rem;
}
.s_tu {
margin-top: 2rem;
}
.s_tu img {
width: 100%;
}
.fu_nav {
width: 100%;
background-color: #fff;
padding: 2rem 0 1.5rem 0;
margin-top: 2rem;
}
.fu_nav_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
display: flex;
justify-content: flex-start;
align-items: center;
}
.fu_nav_con a {
font-size: 0.9rem;
color: #333;
}
.fu_nav_con p {
font-size: 0.9rem;
color: #333;
}
.fu_nav_con i {
color: #333;
margin: 0 0.3rem;
}
.fu_nav_con a:hover {
color: #ff552e;
}
.product_card {
width: 100%;
background-color: #fff;
}
.product_card_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.product_card_left {
width: 30%;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.product_card_right {
width: 68%;
}
.one {
overflow: hidden;
position: relative;
width: 100%;
height: 0;
padding-top: 102%;
margin-bottom: 0.3rem;
}
.one img {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.two {
display: flex;
justify-content: flex-start;
align-items: center;
}
.two img {
width: 25%;
margin: 0 0.3rem;
border: 1px solid transparent;
transition: all 0.3s;
}
.two .active {
border: 1px solid #ff552e;
}
.two img:hover {
border: 1px solid #ff552e;
transform: scale(1.1);
cursor: pointer;
}
.product_card_right h2 {
color: #000;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 2rem;
}
.product_card_right div {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 2rem;
}
.product_card_right span {
font-size: 1rem;
color: #333;
}
.product_card_right p {
font-size: 1rem;
color: #333;
flex: 1;
}
.button {
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
width: 18rem;
height: 4rem;
background-color: #ff552e;
line-height: 4rem;
text-align: center;
margin-top: 5rem;
}
.button i {
color: #fff;
font-size: 1.25rem;
margin-right: 0.6rem;
}
.button b {
font-size: 1.5rem;
color: #fff;
display: block;
font-weight: bold;
}
.product_card2 {
width: 100%;
background-color: #fff;
padding-top: 2rem;
}
.product_card2_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
}
.product_card2_wenben {
display: flex;
justify-content: space-between;
align-items: flex-start;
border-bottom: 1px solid #e5e5e5;
margin-top: 3rem;
}
.product_ico {
display: flex;
flex-direction: column;
align-items: center;
width: 20%;
}
.product_ico p {
color: #333;
font-size: 1.25rem;
font-weight: bold;
margin-top: 0.6rem;
}
.product_card2_text {
width: 80%;
}
.product_card2_text p {
font-size: 0.9rem;
color: #333;
line-height: 1.8rem;
margin-bottom: 1.5rem;
}
.product_card2_tu {
width: 80%;
}
.product_card2_tu ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.product_card2_tu li {
width: 32%;
position: relative;
overflow: hidden;
margin-bottom: 1.5rem;
}
.tu {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-top: 72%;
}
.tu img {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.fu_nav2 {
width: 100%;
background-color: #fafafa;
padding: 2rem 0;
margin-top: 2rem;
}
.news_show {
width: 100%;
background-color: #fafafa;
}
.news_show_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.news_show_left {
width: 66%;
overflow: hidden;
background-color: #fff;
padding: 2rem;
}
.news_show_right {
width: 27%;
overflow: hidden;
}
.views {
display: flex;
justify-content: flex-start;
align-items: center;
}
.views div {
display: flex;
justify-content: flex-start;
align-items: center;
margin-right: 1.5rem;
}
.news_show_title h1 {
font-size: 1.5rem;
color: #000;
font-weight: bold;
margin-bottom: 0.6rem;
}
.views i {
color: #999;
}
.views p {
font-size: 0.9rem;
color: #999;
margin-left: 0.3rem
}
.news_show_title {
padding-bottom: 1rem;
border-bottom: 1px solid #e5e5e5;
}
.news_show_text {
margin-top: 2rem;
}
.news_show_text p {
font-size: 0.9rem;
color: #333;
line-height: 1.8rem;
margin-bottom: 1rem;
}
.news_show_img {
margin: 1rem auto 1rem auto;
text-align: center;
}
.news_show_img img {
max-width: 100%;
}
.news_tip {
display: flex;
justify-content: flex-end;
align-items: center;
color: #999;
font-size: 0.9rem;
margin-top: 2rem;
}
.fan div {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 2rem 0;
}
.fan p {
font-size: 1rem;
color: #666;
}
.fan a {
font-size: 1rem;
color: #666;
}
.fan a:hover {
color: #ff552e;
}
.read_title {
padding-bottom: 0.6rem;
border-bottom: 1px solid #e5e5e5;
}
.read_title h2 {
font-size: 1.5rem;
color: #ff552e;
font-weight: bold;
}
.read_list {
margin-top: 1.5rem;
}
.read_list ul {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.read_list li {
width: 48%;
overflow: hidden;
margin-bottom: 1.5rem;
}
.read_list li a {
display: flex;
justify-content: flex-start;
align-items: center;
}
.read_list li a i {
display: block;
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
background-color: #999;
margin-right: 0.6rem;
}
.read_list li a p {
font-size: 1rem;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
flex: 1;
}
.read_list li:hover a i {
background-color: #ff552e;
}
.read_list li:hover a p {
color: #ff552e;
}
.news_show_right_one {
background-color: #fff;
padding: 1.5rem;
}
.news_show_right_two {
padding: 1.5rem;
background-color: #fff;
margin-top: 2rem;
}
.news_show_right_one_title {
display: flex;
justify-content: space-between;
align-items: center;
}
.news_show_right_one_title h2 {
font-size: 1.5rem;
color: #ff552e;
font-weight: bold;
}
.news_show_right_one_title a p {
color: #333;
font-size: 1rem;
}
.news_show_right_one_list li {
position: relative;
overflow: hidden;
margin-top: 2rem;
}
.news_show_right_one_img {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-top: 35%;
}
.news_show_right_one_img img {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.news_show_right_one_txt {
margin-top: 0.6rem;
}
.news_show_right_one_list li:hover .news_show_right_one_txt h3 {
color: #ff552e;
}
.news_show_right_one_txt h3 {
color: #333;
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 0.3rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.news_show_right_one_txt div {
display: flex;
justify-content: flex-start;
margin-bottom: 0.6rem;
}
.news_show_right_one_txt div i {
color: #666;
font-size: 1rem;
margin-top: 0.3rem;
}
.news_show_right_one_txt div p {
font-size: 0.9rem;
color: #666;
margin-left: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_show_right_two {
background-color: #fff;
padding: 2rem;
}
.news_show_right_two li {
margin-top: 1.5rem;
}
.news_show_right_two li a {
display: flex;
justify-content: space-between;
}
.news_show_right_two li a span {
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 5px;
text-align: center;
display: block;
color: #333;
background-color: #e5e5e5;
}
.text_tex {
width: 80%;
flex: 1;
margin-left: 0.6rem;
}
.text_tex h3 {
font-size: 1.2rem;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-bottom: 0.6rem;
}
.text_tex p {
font-size: 0.9rem;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: none;
transition: all 0.3s;
line-height: 1.5rem;
}
.news_show_right_two .current span {
background-color: #ff552e;
color: #fff;
}
.news_show_right_two h2 {
font-size: 1.5rem;
color: #000;
font-weight: bold;
}
.rot_curr .text_tex h3 {
color: #ff552e;
}
.news_show_right_two ul .rot_curr span {
background-color: #ff552e;
color: #fff;
}
.news_show_right_two ul .rot_curr .text_tex p {
display: block;
}
.news_list {
width: 100%;
background-color: #fafafa;
}
.news_list_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.news_list_left {
width: 71%;
overflow: hidden;
}
.news_list_left h1 {
font-size: 1.5rem;
color: red;
}
.news_list_right {
width: 26%;
overflow: hidden;
}
.news_list_right .news_show_right_two {
margin-top: 0;
}
.product_list {
width: 100%;
background-color: #fafafa;
}
.product_list_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.product_list_left {
width: 71%;
overflow: hidden;
}
.product_list_right {
width: 27%;
overflow: hidden;
}
.product_list_left_hot {
background-color: #fff;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
position: relative;
overflow: hidden;
margin-bottom: 1rem;
}
.product_list_left_hot a {
padding: 1.5rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.product_list_left_hot_img {
width: 35%;
position: relative;
overflow: hidden;
height: 0;
padding-top: 23%;
}
.product_list_left_hot_img img {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.product_list_left_hot_txt {
width: 62%;
overflow: hidden;
}
.product_list_left_hot_txt div {
display: flex;
justify-content: flex-start;
}
.product_list_left_hot_title {
margin-bottom: 1rem;
display: flex;
justify-content: flex-start;
align-items: center;
}
.ptoduct_fff {
flex-direction: column;
display: flex;
align-items: flex-start;
}
.ptoduct_fff div {
margin-top: 0.6rem;
}
.product_list_left_hot_title h3 {
font-size: 1.25rem;
color: #000;
font-weight: bold;
margin-right: 0.3rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.product_list_left_hot_txt i {
font-size: 1rem;
color: #999;
margin-right: 0.6rem;
margin-top: 0.3rem;
}
.product_list_left_hot_txt p {
color: #999;
font-size: 0.9rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.hot_tel {
margin-top: 1.5rem !important;
}
.hot_tel i {
font-size: 1.25rem;
color: #ff552e;
margin-right: 0.6rem;
}
.hot_tel span {
color: #ff552e;
font-size: 1.5rem;
font-weight: bold;
}
.product_list_left_hot .product_list_left_hot_title h3:hover {
color: #ff552e;
}
.product_list_left_list {
background-color: #fff;
padding: 2rem 2rem 0 2rem;
}
.product_list_left_list .divwu {
padding: 2rem 2rem 0.5rem 2rem;
}
.product_list_left_list .divwu img {
max-width: 100%;
}
.product_list_left_list li {
margin-bottom: 2rem;
position: relative;
overflow: hidden;
}
.product_list_left_list li a {
display: flex;
justify-content: space-between;
align-items: center;
}
.product_list_left_list_img {
width: 32%;
height: 0;
position: relative;
overflow: hidden;
padding-top: 23%;
}
.product_list_left_list_img img {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.product_list_left_list_text {
width: 65%;
overflow: hidden;
}
.product_list_left_list_text h3 {
font-size: 1.2rem;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-bottom: 0.6rem;
}
.product_list_left_list li:hover .product_list_left_list_text h3 {
color: #ff552e;
}
.product_list_left_list_text p {
font-size: 0.9rem;
color: #666;
line-height: 1.8rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.title_tie {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 2rem;
}
.tie {
display: flex;
justify-content: flex-start;
align-items: center;
}
.title_tie div {
display: flex;
justify-content: flex-start;
align-items: center;
}
.tie div {
margin-right: 1.5rem;
}
.title_tie div i {
color: #999;
margin-right: 0.3rem;
}
.title_tie div p {
color: #999;
font-size: 0.9rem;
}
.yema {
margin: 2rem 0;
}
.yema_con ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.yema_con li {
margin: 0 1rem 2rem 1rem;
padding: 0.5rem 1rem;
border-radius: 5px;
background-color: #fff;
color: #333;
text-align: center;
transition: all 0.3s;
}
.yema_con li:hover {
box-shadow: 3px 3px 10px rgba(255, 85, 46, 0.3);
background-color: #ff552e;
color: #fff;
}
.yema_con li:hover a {
color: #fff;
}
.news_list_left_hot {
padding: 2rem 2rem 0.5rem 2rem;
background-color: #fff;
margin-bottom: 1.5rem;
}
.news_list_left_hot li {
margin-bottom: 2rem;
}
.news_list_left_hot li a {
display: flex;
justify-content: space-between;
align-items: center;
}
.news_list_left_hot_img {
width: 35%;
position: relative;
overflow: hidden;
height: 0;
padding-top: 23%;
}
.news_list_left_hot_img img {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.news_list_left_hot_txt {
width: 62%;
overflow: hidden;
}
.news_list_left_hot_txt div {
display: flex;
justify-content: flex-start;
}
.hots {
margin-bottom: 0.8rem;
}
.news_list_left_hot_txt i {
font-size: 1rem;
color: #999;
margin-right: 0.6rem;
margin-top: 0.3rem;
}
.news_list_left_hot_txt p {
color: #999;
font-size: 0.9rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_list_left_hot_title {
margin-bottom: 1rem;
display: flex;
justify-content: flex-start;
align-items: center;
}
.news_list_left_hot_title h3 {
font-size: 1.25rem;
color: #000;
font-weight: bold;
margin-right: 0.3rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.news_list_left_hot li:hover .news_list_left_hot_title h3 {
color: #ff552e;
}
.news_list_left_hot .hot_tel {
margin-top: 1.5rem !important;
}
.news_list_left_hot .hot_tel i {
font-size: 1.25rem;
color: #ff552e;
margin-right: 0.6rem;
}
.news_list_left_hot .hot_tel span {
color: #ff552e;
font-size: 1.5rem;
font-weight: bold;
}
.news_list_left_list_con {
padding: 2rem 2rem 0.5rem 2rem;
background-color: #fff;
}
.news_list_left_list_con .divwu {
padding: 2rem 2rem 0.5rem 2rem;
}
.news_list_left_list_con .divwu img {
max-width: 100%;
}
.news_list_left_list_con li {
margin-bottom: 2rem;
}
.news_list_left_list_con li a {
display: flex;
justify-content: space-between;
align-items: center;
}
.news_list_left_list_con .hot_tel {
margin-top: 1.5rem !important;
}
.news_list_left_list_con .hot_tel i {
font-size: 1.25rem;
color: #ff552e;
margin-right: 0.6rem;
}
.news_list_left_list_con .hot_tel span {
color: #ff552e;
font-size: 1.5rem;
font-weight: bold;
}
.news_list_left_list_con li:hover .news_list_left_hot_title h3 {
color: #ff552e;
}
.yema_con .current {
box-shadow: 3px 3px 10px rgba(255, 85, 46, 0.3);
background-color: #ff552e;
color: #fff;
}
.yema_con .current a {
box-shadow: 3px 3px 10px rgba(255, 85, 46, 0.3);
background-color: #ff552e;
color: #fff;
}
#box {
padding: 2rem;
background: rgba(255, 255, 255, 0.8);
margin-bottom: 2rem;
display: flex;
flex-direction: column;
align-items: flex-start;
}
#box dl {
margin: 0 20px 15px 20px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
#box dt {
color: #999;
font-size: 16px;
}
#box dd {
color: #252525;
margin: 0 20px 20px 20px;
font-size: 16px;
cursor: pointer;
}
#box dd.active {
color: #ff552e;
font-weight: bold;
}
#box dl.select {
background: #fff;
margin: 0;
padding: 0 20px;
}
#box dl.select dd {
border: 1px solid #ff552e;
height: 25px;
line-height: 25px;
padding: 5px 10px;
border-radius: 3px;
background-color: #fff;
color: #ff552e;
}
#box dl.select dd.clear {
border: 1px solid #0a6eeb;
color: #0a6eeb;
}
#box dl.select dd span {
width: 20px;
height: 20px;
display: inline-block;
text-align: center;
line-height: 20px;
color: #ff552e;
margin-left: 5px;
cursor: pointer;
border-radius: 5px;
}
.search_button {
position: relative;
}
.search_box {
position: fixed;
top: 18%;
left: 0;
width: 100%;
padding: 2rem 0;
background-color: rgba(255, 255, 255, 0.6);
display: none;
z-index: 9999;
}
.sear {
text-align: center;
margin: 0 auto;
width: 60%;
display: flex;
justify-content: center;
align-items: center;
}
.sear input {
border: none;
outline: none;
width: 50%;
height: 50px;
line-height: 50px;
padding-left: 1.25rem;
border: 1px solid #fff;
}
.sear input:focus {
border: 1px solid #ff552e;
}
.sear button {
outline: none;
border: 1px solid #ff552e;
border-left: none;
height: 52px;
line-height: 52px;
width: 10%;
background-color: #ff552e;
color: #fff;
font-size: 1rem;
}
.sear button:hover {
cursor: pointer;
}
input::-webkit-input-placeholder {
color: #999;
}
input:-moz-placeholder {
color: #999;
}
input::-moz-placeholder {
color: #999;
}
input:-ms-input-placeholder {
color: #999;
}
.search_button:hover {
cursor: pointer;
color: #ff552e;
}
.search_button:hover span {
color: #ff552e;
}
.answer a:hover span {
color: #ff552e;
}
.answer:hover a i {
color: #ff552e;
}
.product_ico i {
font-size: 3rem;
}
.news_tip i {
margin-right: 0.3rem;
}
.banne_two_nav li a i:nth-child(1) {
color: #ff552e;
font-size: 1.5rem;
margin-right: 0.5rem;
}
.swiper-container {
float: left;
width: 69%;
}
.small::-webkit-scrollbar {
width: 6px;
border-radius: 20px;
background-color: #e5e5e5;
}
.small::-webkit-scrollbar-thumb {
height: 30px;
background-color: #ccc;
border-radius: 30px;
}
object .tel_btn {
display: none;
}
object .tel_btn2 {
display: none !important;
}
.hot_rrr {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.banne_two_mo {
display: none;
}
.banner_mos {
display: none;
}
.mos_title {
display: none;
}
.used_more {
display: none;
}
.swiper-pagination {
width: 100%;
height: 75px;
line-height: 55px;
position: absolute;
bottom: 17px;
left: 0;
background: rgba(0, 0, 0, 0.2);
margin: 0 auto;
}
.swiper-pagination-bullet {
padding: 1rem 1.2rem;
text-align: center;
line-height: 20px;
font-size: 1rem;
color: #fff;
opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
border-right: 1px solid #fff;
width: 24%;
margin: 10px 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
border: none;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
display: flex;
justify-content: center;
align-items: center;
}
.swiper-pagination-bullet-active {
color: #ff552e;
font-weight: bold;
}
.footer_logo{
margin-top:3.5rem;
}
.footer_ma img {
width: 130px;
}
@media screen and (max-width:750px) {
.nav_list {
display: none;
}
object .tel_btn2 {
display: block !important;
}
.footer_ma {
display: none;
}
.footer_con {
flex-wrap: wrap;
}
.aside {
display: none;
}
.fixeddd {
display: block;
}
.footer_logo {
width: 100%;
margin: 0 auto 1.5rem auto;
text-align: center;
}
.fu_nav_con {
flex-wrap: wrap;
}
.news_show_con {
flex-wrap: wrap;
}
.news_show_left {
width: 100%;
padding: 1rem;
}
.news_show_right {
width: 100%;
padding: none;
}
.header_tel {
flex-direction: column;
}
.product_card_con {
flex-wrap: wrap;
}
.product_card_left {
width: 100%;
align-items: center;
}
.product_card_right {
width: 100%;
margin-top: 2rem;
padding: 0 1rem;
}
.button {
margin: 0 auto;
}
.product_card_right h2 {
text-align: center;
}
.news_list_con {
flex-wrap: wrap;
}
.news_list_left {
width: 100%;
}
.news_list_right {
width: 100%;
}
#box {
padding: 1rem;
}
#box dl {
margin: 0 0 1rem 0;
}
#box dd {
margin: 0 0.3rem 1rem 0.3rem;
}
#box dl.select {
padding: 0;
}
.news_list_left_hot {
padding: 0.6rem 1rem 0.3rem 1rem;
}
.news_list_left_list_con {
padding: 0.6rem 1rem;
}
.news_show_right_two {
padding: 1rem;
}
.product_list_con {
flex-wrap: wrap;
}
.product_list_left {
width: 100%;
}
.product_list_right {
width: 100%;
}
.product_list_left_list {
padding: 2rem 1rem 0 1rem;
}
.product_list_left_list ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.product_list_left_list li {
width: 48%;
}
.product_list_left_list li a {
flex-direction: column;
}
.product_list_left_list_img {
width: 100%;
}
.product_list_left_list_text {
width: 100%;
}
.product_list_left_list_img {
padding-top: 79%;
}
.title_tie {
flex-wrap: wrap;
margin-top: 0.6rem;
}
.tie {
flex-wrap: wrap;
}
.phone_nav_list {
display: block;
}
.fu_nav2,
.fu_nav {
padding: 0.6rem 0;
}
.tie div {
display: none;
}
.news_list_left_hot .hot_tel {
display: none;
}
.news_list_left_list_con .hot_tel {
display: none;
}
.information_list {
flex-wrap: wrap;
}
.information_left {
width: 100%;
padding: 0 1rem;
}
.information_center {
width: 100%;
padding: 0 1rem;
margin-top: 1.2rem;
}
.information_right {
width: 100%;
padding: 0 1rem;
margin-top: 1.2rem;
}
.information_tilte h2 {
padding: 0 1rem;
}
.news_bd {
flex-wrap: wrap;
}
.news_bd_left {
width: 100%;
padding: 0 1rem;
}
.news_bd_center {
width: 100%;
padding: 0 1rem;
margin-top: 1.5rem;
}
.news_bd_right {
width: 100%;
padding: 0 1rem;
margin-top: 1.5rem;
}
.news_title {
width: 70%;
}
.used_more {
width: 30%;
}
.used_list ul {
flex-wrap: wrap;
}
.product_ico p {
font-size: 0.9rem;
}
.product_ico i {
font-size: 1.5rem;
}
.product_list_left_hot a {
padding: 0.6rem;
}
.product_list_left_hot_txt .hot_tel {
display: none;
}
.news_nav li a {
font-size: 1rem;
}
.yema_con ul {
justify-content: flex-start;
}
.footer_txtp {
display: none;
}
.footer_txt {
margin: 0 auto;
text-align: center;
}
.product_card2_text {
padding: 0 1rem;
}
.logo_text {
margin-left: 0.6rem;
}
.product_list_left_hot_img {
width: 30%;
}
.product_list_left_hot_txt {
width: 67%;
}
object .tel_btn {
padding: 0;
display: block;
}
.ptoduct_fff .rrr {
display: none;
}
.product_list_left_hot_txt div {
margin-top: 0;
}
.product_list_left_hot a {
align-items: flex-start;
}
.product_list_left_hot {
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.05);
}
.tel_btn {
display: block;
width: 2.8rem;
height: 2.8rem;
line-height: 2.8rem;
text-align: center;
border-radius: 50%;
border: 1px solid #ff552e;
}
.tel_btn i {
color: #ff552e;
font-size: 1.5rem;
margin-right: 0;
}
.product_list_left_hot_txt i {
color: #ff552e;
font-size: 1.5rem;
}
.product_list_left_hot_title {
margin-bottom: 0.6rem;
}
#box dd {
margin: 0 0.6rem;
line-height: 2rem;
}
#box dl {
margin: 0 0 0.3rem 0;
}
#box dd {
font-size: 1rem;
}
.text_tex h3 {
font-size: 1.1rem;
}
.hot_text .hots {
display: none;
}
.news_list_left_hot_txt div {
margin-top: 0;
}
.news_list_left_hot_txt i {
margin-right: 0;
color: #ff552e;
}
.hot_text {
display: flex;
justify-content: space-between;
align-items: center;
}
object .tel_btn2 {
width: 2.8rem;
height: 2.8rem;
border-radius: 50%;
border: 1px solid #ff552e;
line-height: 2.8rem;
text-align: center;
display: block !important;
}
object .tel_btn2 i {
font-size: 1.5rem;
}
.news_list_left_hot_txt i {
font-size: 1.3rem;
}
.news_list_left_hot_title {
margin-bottom: 0.6rem;
}
.information_tilte h2 {
font-size: 1.5rem;
}
.banne_two {
display: none;
}
.banne_two_mo {
display: block;
}
.mo_img {
padding: 1.5rem 1rem;
}
.mo_img img {
width: 100%;
vertical-align: middle;
border-radius: 0.6rem;
}
.banner_two_card_mo ul {
display: flex;
justify-content: space-between;
align-items: center;
}
.mo_list ul {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.mo_list li {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.mo_list li a {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.mo_icon {
width: 4rem;
height: 4rem;
background: linear-gradient(to top, #ff552e, #f68908);
line-height: 4rem;
border-radius: 50%;
text-align: center;
}
.mo_icon img {
color: #fff;
font-size: 2rem;
}
.mo_list li {
width: 25%;
margin-top: 1rem;
}
.mo_list li p {
color: #333;
font-size: 1rem;
margin-top: 0.6rem;
}
.banner_two_card_mo li a {
display: flex;
justify-content: space-between;
align-items: center;
}
.banner_two_card_mo li {
background-color: #fff;
width: 42%;
overflow: hidden;
padding: 0.6rem;
}
.banner_two_card_mo li img {
width: 15%;
margin-right: 0.6rem;
}
.banner_two_card_mo li span {
font-size: 1.2rem;
color: #333;
}
.banner_two_card_mo li p {
font-size: 0.9rem;
color: #666;
margin-top: 0.3rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.banner_two_card_mo {
margin: 1rem 0;
padding: 0 1rem;
}
.banne_two_mo {
background-color: #fafafa;
}
.banner {
display: none;
}
.card {
display: none;
}
.used {
display: none;
}
.news_nav {
display: none;
}
.news_title h2 {
font-size: 1.5rem;
}
.used_title h2 {
font-size: 1.5rem;
}
.banner_mos {
display: block;
background-color: #fafafa;
}
.mos_img {
padding: 1.5rem 1rem;
}
.mos_img img {
width: 100%;
vertical-align: middle;
border-radius: 0.6rem;
}
.used_title {
padding: 0 1rem;
}
.used_mos {
background-color: #fafafa;
}
.used_mos_list {
padding: 1rem 1rem 1.5rem 1rem;
}
.used_mos_list ul {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.used_mos_list ul::after {
content: "";
width: 23%;
}
.used_mos_list li {
margin-right:1rem;
overflow: hidden;
background-color: #fff;
border-radius: 0.3rem;
margin-top: 0.8rem;
}
.used_mos_list li a {
display: block;
padding: 0.3rem 1rem;
background-color: #fff;
text-align: center;
color: #333;
}
.csrd_mos img {
width: 100%;
}
.csrd_mos .swiper-container2 {
width: 100%;
overflow: hidden;
}
.csrd_mos .swiper-container2 .swiper-wrapper {
width: 100%;
}
.used_more {
display: flex;
justify-content: flex-end;
}
.used_more p {
display: inline;
font-size: 0.9rem;
color: #999;
}
.used_more i {
color: #999;
}
.news_title {
display: none;
}
.mos_title {
display: flex;
justify-content: flex-start;
align-items: center;
}
.mos_title img {
margin-right: 0.6rem;
}
.mos_title h3 {
font-size: 1.3rem;
color: #333;
}
.mos_title p {
font-size: 1rem;
color: #666;
}
.nav_left {
justify-content: flex-start;
}
.logo {
width: 32%;
}
.nav {
padding: 1rem 0;
}
.logo_text {
padding-left: 1rem;
}
.header_tel {
display: none;
}
.link {
margin-bottom: 3rem;
}
.fu_nav2,
.fu_nav {
margin-top: 0 !important;
}
}
.changecitydiv {
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
padding: 2%;
text-align: left;
background-color: #ffffff;
height: 100%;
}
#crumb .pre {
width: auto !important
}
#clist {
width: auto;
height: auto;
overflow: auto;
}
.province dl {
padding: 5px 20px;
clear: both;
zoom: 1;
width: 100%
}
.province dt {
font-size: 14px;
padding-top: 7px;
width: 50px;
text-align: right;
float: left;
font-weight: bold;
display: block;
margin-bottom: 3px;
margin-top: 3px;
}
.province dd {
float: right;
margin-bottom: 3px;
padding-right: 20px;
width: 840px;
display: block;
margin-top: 3px;
}
.province dd a {
white-space: nowrap;
font-size: 14px;
margin: 7px 11px 0 0;
display: block;
float: left
}
.pinyin dl {
padding: 5px 20px;
clear: both;
zoom: 1;
margin: 0;
width: 100%
}
.pinyin dt {
font-size: 14px;
padding-top: 7px;
width: 4%;
float: left;
font-weight: bold;
display: block;
margin: 3px 0;
}
.pinyin dd {
float: left;
width: 94%;
display: block;
margin: 3px 0;
}
.pinyin dd a {
white-space: nowrap;
font-size: 14px;
margin: 7px 11px 0 0;
display: block;
float: left
}
.pinyin dd a:hover {
color: #f1940f;
}
#blist {
font-size: 14px;
padding-top: 5px
}
#blist a {
margin-right: 10px;
text-decoration: underline;
font-weight: bold
}
.lines {
display: block;
clear: both;
font-size: 0;
height: 15px;
margin-bottom: 10px;
line-height: 0;
overflow: hidden;
border-bottom: 1px solid #e1e1e1
}
#main {
width: 100%;
max-width: 1200px;
margin: 1.4rem auto;
}
.crumb {
background: #faebd7;
height: 2rem;
padding: 1%;
width: 98%;
}
.crumb p {
color: #222;
font-size: 1.1rem;
line-height: 2rem;
}
.renmen_city {
margin-top: 2rem;
}
.renmen_city .box {
background: #f1f1f1;
overflow: hidden;
padding: 1%;
width: 98%;
}
.renmen_city p {
font-size: 1rem;
color: #222;
float: left;
line-height: 2rem;
}
.renmen_city a {
margin: 0 0.7%;
float: left;
font-size: 0.96rem;
color: #555;
line-height: 2rem;
}
.renmen_city a:hover {
color: #f1940f;
}
.renmen_city img {
margin-right: 1rem;
float: left;
margin-top: 0.2rem;
}
@media screen and (max-width:640px) {
.renmen_city p {
padding: 0 1%;
}
}
.mod18 {
width: 677px;
position: relative;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
}
.mod18 .btn {
position: absolute;
cursor: pointer;
z-index: 99;
font-size: 50px;
font-weight: bold;
}
.mod18 .prev {
left: 10px;
background: no-repeat;
}
.mod18 #prevtop,
.mod18 #nexttop {
top: 250px;
width: 32px;
height: 48px;
}
.mod18 #prev,
.mod18 #next {
top: 490px;
width: 10px;
height: 16px;
}
.mod18 #prevtop {
background: 0 0 no-repeat;
}
.mod18 #nexttop {
background: 0 0 no-repeat;
}
.mod18 .next {
right: 10px;
background: no-repeat;
}
.mod18 li {
float: left;
}
.mod18 .cf li {
position: relative;
color: #fff;
}
.mod18 .cf a {
display: block;
width: 526px;
height: 377px;
position: absolute;
color: #fff;
}
.mod18 .cf li span {
display: block;
width: 486px;
position: absolute;
left: 75px;
bottom: 0;
padding: 10px 20px;
line-height: 22px;
text-align: left;
background: rgba(0, 0, 0, 0.6);
filter: progid: dximagetransform.microsoft.gradient( gradienttype=0, startcolorstr="#60000000", endcolorstr="#60000000");
}
.mod18 .picbox {
width: 526px;
height: 394px;
padding-left: 75px;
padding-right: 76px;
position: relative;
overflow: hidden;
padding-top: 40px;
}
.mod18 .picbox ul {
height: 377px;
position: absolute;
left: 0;
}
.mod18 .picbox li {
padding-left: 46px;
padding-right: 1px;
width: 526px;
height: 377px;
}
.mod18 .listbox {
width: 642px;
height: 100px;
margin: 0 auto;
position: relative;
padding-top: 15px;
overflow: hidden;
}
.mod18 .listbox ul {
height: 88px;
position: absolute;
padding-left: 12px;
}
.mod18 .listbox li {
width: 125px;
height: 77px;
cursor: pointer;
position: relative;
padding: 5px 0 0 0;
opacity: 1;
}
.mod18 .listbox li i {
display: none;
}
.mod18 .listbox li a {
display: block;
width: 95px;
height: 70px;
}
.mod18 .listbox img {
background-color: #cfa972;
opacity: 0.6;
}
.mod18 .listbox .on a {
opacity: 1;
}
.mod18 .listbox .on img {
opacity: 1;
}
.mod18 .listbox .on i {
display: block;
}
.listbox img {
width: 100%
}
@media screen and (max-width:750px) {
.mod18 .picbox li {
padding-left: 0;
}
.mod18 .listbox ul {
padding-left: 0;
}
.mod18 .listbox li {
width: 85px;
height: 77px;
cursor: pointer;
position: relative;
padding: 5px 0 0 0;
opacity: 1;
}
.mod18 .listbox li a {
display: block;
width: 70px;
height: 70px;
}
}
.add_top {
width: 100%;
background-color: #fff;
margin-top: 1rem;
}
.add_top_con {
max-width: 1440px;
width: 98%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.add_right {
display: flex;
justify-content: flex-end;
align-items: center;
}
.search {
border: 1px solid #e5e5e5;
width: 380px;
height: 40px;
line-height: 40px;
text-align: left;
padding: 0 1rem;
border-radius: 35px;
display: flex;
justify-content: space-between;
align-items: center;
margin-right: 2rem;
}
.search input {
border: none;
outline: none;
font-size: 0.8rem;
width:90%;
}
.search button:hover {
cursor: pointer;
}
.search button {
border: none;
outline: none;
font-size: 1rem;
color: #ff552e;
background: none !important;
}
.answer {
display: block;
background-color: #ff552e;
width: 100px;
height: 40px;
line-height: 40px;
color: #fff;
font-size: 1rem;
border-radius: 35px;
text-align: center;
}
.nav_list {
width: 100%;
}
.small_list a {
margin: 0.3rem;
}
@media screen and (max-width:750px) {
.add_right {
display: none;
}
.ll_bad_con p {
font-size: 1.5rem;
text-align: center;
margin: 1rem 0;
}
.ll_bad_con b {
font-size: 1rem;
}
}