html {
/* max-width: 1920px; */
margin: 0 auto;
}
.dialog {
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
z-index: 99;
}
.dialog .content {
max-width: 1000px;
width: 90%;
margin: 50px auto;
position: relative;
z-index: 9;
padding: 50px;
top: 50%;
transform: translate(0%, -50%);
background: rgba(0, 0, 0, 0.8);
}
.dialog .content .title {
text-align: center;
line-height: 50px;
font-size: 14px;
color: #fff;
margin-top: 20px;
}
.dialog .content {
width: 100%;
text-align: center;
}
.dialog .content img {
max-width: 100%;
}
.dialog .bg {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background: rgba(0, 0, 0, 0.5);
}
/* 头部导航 */
.header {
width: 100%;
background-color: #fff;
height: 100px;
position: fixed;
left: 0;
top: 0;
z-index: 99;
}
.header .nav {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.header .nav .lang {
}
.header .nav .lang a {
font-size: 14px;
display: flex;
align-items: center;
}
.header .nav .lang a img {
margin-right: 10px;
}
.header .nav .nav-list li {
position: relative;
width: 150px;
}
.header .nav .nav-list li> a:before{
position: absolute;
width: 100%;
height: 3px;
background: #bf170c;
bottom: 0;
left: 0;
}
.header .nav .nav-list li:hover> a:before,
.header .nav .nav-list li.active> a:before{
display: block;
content: '';
}
.header .nav .nav-list li>a {
color: #212121;
font-size: 16px;
width: 100%;
text-align: center;
position: relative;
display: inline-block;
line-height: 100px;
height: 100px;
}
.header .nav .nav-list li .sut_list {
position: absolute;
display: none;
top: 100px;
width: 100%;
left: 0;
}
.header .nav .nav-list li:hover .sut_list{
display: block;
}
.header .nav .nav-list li .sut_list a {
width: calc(100% + 140px);
display: inline-block;
line-height: 45px;
text-align: center;
font-size: 14px;
transition: 0.5s;
background: #fff;
padding: 0 20px;
text-align: left;
}
.header .nav .nav-list li .sut_list a:hover {
color: #fff;
background:#bf170c url("../images/icon4.png") 90% center no-repeat;
}
.nav-container {
width: 96%;
margin: 0 auto;
height: 100px;
display: flex;
justify-content: space-between;
align-items: center;
}
.header .other a img {
margin-right: 10px;
}
.header .other .phone a {
color: #e32422;
}
.header .other a:hover {
color: #e32422;
}
.header .other .email,
.header .other .search,
.header .other .lang {
padding: 0 20px;
position: relative;
}
.header .other .lang span {
font-size: 14px;
}
.header .other .search::before {
display: block;
content: '';
left: 0;
width: 1px;
top: 50%;
margin-top: -6px;
height: 13px;
position: absolute;
background: #cecece;
}
.header .other .search::after {
display: block;
content: '';
right: 0;
width: 1px;
top: 50%;
margin-top: -6px;
height: 13px;
position: absolute;
background: #cecece;
}
.header .other {
display: flex;
align-items: center;
}
.header .other a {
display: flex;
align-items: center;
font-size: 20px;
}
.header .other a.phone {
color: #e32422;
}
.header .logo {
}
.logo img {
}
.nav-list {
display: flex;
color: #000;
font-size: 16px;
width: 100%;
justify-content: flex-end;
}
/* 轮播图（简单示例，可替换为更复杂的轮播组件） */
.banner {
width: 100%;
/* 替换实际轮播图地址 */
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 36px;
font-weight: bold;
}
.banner {
width: 100%;
overflow: hidden;
}
.banner .swiper-slide>div {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.banner .swiper-slide>div .p1 {
font-size: 56px;
line-height: 60px;
margin-bottom: 45px;
text-transform: uppercase;
font-weight: 400;
}
.banner .swiper-slide>div .p2 {
font-size: 14px;
line-height: 20px;
width: 720px;
text-align: left;
font-weight: 400;
line-height: 40px;
margin-bottom: 90px;
}
.banner .swiper-slide>div .p3 a {
width: 165px;
height: 50px;
line-height: 50px;
text-align: center;
display: inline-block;
text-align: center;
border-radius: 10px;
color: #fff;
background: #ed7000;
font-size: 14px;
font-weight: 400;
}
.banner .swiper-slide>div .p3 {
}
.banner {
width: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
}
.mm_bg2 {
top: 0;
height: 100%;
width: 100%;
background: url(../images/hhbg2.png) no-repeat left top;
z-index: 3;
background-size: 100% 100%;
position: absolute;
}
.banner .txt {
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
width: 100%;
height: 100%;
text-align: center;
}
.banner .txt {}
.fade-in-box {
opacity: 0; /* 初始状态为透明 */
animation: fadeIn 5s forwards; /* 触发动画 */
}
.banner .txt .p1 {
font-size: 48px;
line-height: 50px;
margin-bottom: 50px;
}
.banner .txt .p2 {
font-size: 36px;
line-height: 50px;
margin-bottom: 60px;
}
.banner .txt .p3 a {
display: inline-block;
width: 150px;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
background: #eb0e00;
font-size: 14px;
border-radius: 8px;
}
@keyframes fadeIn {
to {
opacity: 1; /* 最终状态为不透明 */
}
}
.common_title {
font-size: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.common_title i {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100px;
background: #000;
margin-right: 15px;
margin-left: 10px;
}
.common_title .span1 {
font-weight: bold;
}
.common_title .span2 {
background: #eb0e00;
padding: 0 20px;
border-radius: 30px;
line-height: 55px;
color: #fff;
font-weight: bold;
}
.common_title1 {
font-size: 16px;
color: #797979;
text-align: center;
margin-top: 20px;
margin-bottom: 70px;
}
.chanpintuijian {
padding-top: 70px;
background: #f2f5fa;
}
.chanpintuijian .list {
display: flex;
justify-content: space-between;
text-align: center;
padding-bottom: 60px;
}
.chanpintuijian .list .text {
font-size: 16px;
color: #212121;
margin-top: 20px;
font-weight: bold;
transition: 0.5s;
}
.chanpintuijian .list a .pic1 {
border-radius: 10px;
height: 83px;
overflow: hidden;
}
.chanpintuijian .list a:hover .pic1 img {
transform: scale(1.1);
transition: 0.5s;
}
.chanpintuijian .list a {
cursor: pointer;
}
.chanpintuijian .list a:hover .text {
color: #e32422;
}
.chanpintuijian1 .swiper-container{
padding-bottom: 50px;
}
.chanpintuijian1 .list {
display: flex;
margin-top: 40px;
flex-wrap: wrap;
justify-content: space-between;
}
.chanpintuijian1 .list .item {
text-align: center;
margin-bottom: 30px;
border-bottom: 1px solid #e8ebef;
width: 23%;
margin-right: 2%;
}
.chanpintuijian1 .list .item:nth-child(4n) {
margin-right: 0;
}
.chanpintuijian1 .list .item .pic {
max-width: 368px;
width: 100%;
overflow: hidden;
}
.chanpintuijian1 .list .item .pic img{
transition: 0.5s;
}
.chanpintuijian1 .list .item:hover .pic img{
transform: scale(1.1);
}
.chanpintuijian1 .list .item .text {
height: 65px;
line-height: 65px;
width: 100%;
padding: 0 20px;
overflow: hidden;
transition: 0.5s;
white-space: nowrap;
text-overflow: ellipsis;
background: #f2f5fa;
font-size: 16px;
color: #000;
font-weight: bold;
}
.chanpintuijian1 .list .item:hover .text {
color: #e32422;
}
.chanpintuijian1 .swiper-container .swiper-pagination-bullet {
background: #e5e5e5;
opacity: 1;
width: 12px;
height: 12px;
}
.chanpintuijian1 .swiper-container .swiper-pagination-bullet-active{
background: #eb0e00;
opacity: 1;
}
.guanyuwomen {
padding: 110px 0;
background: url("../images/pic13.png") no-repeat center;
margin-top: 30px;
background-attachment: fixed;
position: relative;
background-size: cover;
}
.guanyuwomen .w_100 {
position: relative;
z-index: 9;
}
.guanyuwomen .right_pic {
position: absolute;
right: 0;
width: 50%;
z-index: 1;
top: 0;
height: 100%;
overflow: hidden;
display: flex;
align-items: center;
}
.guanyuwomen .right_pic img {
width: 100%;
height: 100%;
}
.guanyuwomen .common_title {
justify-content: flex-start;
color: #fff;
}
.guanyuwomen .common_title i {
background: #fff;
}
.guanyuwomen .info {
color: #fff;
margin-top: 50px;
width: 100%;
}
.guanyuwomen .info div {
width: 690px;
}
.guanyuwomen .info div p {
font-size: 16px;
line-height: 35px;
}
.guanyuwomen .list {
display: flex;
margin-top: 40px;
}
.guanyuwomen .list .item .text {
text-align: center;
}
.guanyuwomen .list .item span {
transition: 0.5s;
}
.guanyuwomen .list .item .span1 {
font-size: 48px;
color: #eb0e00;
font-weight: bold;
transition: 0.5s;
}
.guanyuwomen .list .item .span2 {}
.guanyuwomen .list .item {
width: 190px;
border-radius: 10px;
margin-right: 30px;
background: #FFF;
padding: 45px 30px;
cursor: pointer;
transition: 0.5s;
}
.guanyuwomen .list .item .label{
color: #515151;
font-size: 14px;
line-height: 20px;
text-align: center;
margin-top: 15px;
transition: 0.5s;
}
.guanyuwomen .list .item:hover {
background: #eb0e00;
}
.guanyuwomen .list .item:hover span {
color: #fff;
}
.guanyuwomen .list .item:hover .label {
color: #fff;
}
.shengchanshili {
padding: 80px 0;
}
.shengchanshili .tab {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 45px;
}
.shengchanshili .tab a {
display: inline-block;
text-align: center;
width: 150px;
height: 50px;
line-height: 50px;
font-size: 18px;
color: #515151;
border-radius: 8px;
cursor: pointer;
transition: 0.5s;
margin: 0 16px;
border: 1px dashed #eb0e00
}
.shengchanshili .tab a.active,
.shengchanshili .tab a:hover {
background: #eb0e00;
color: #fff;
border: 1px solid #eb0e00;
}
.shengchanshili .swiper-container {
padding-bottom: 80px;
}
.shengchanshili .swiper-container .swiper-pagination-bullet {
background: #e5e5e5;
opacity: 1;
width: 12px;
height: 12px;
}
.shengchanshili .swiper-container .swiper-pagination-bullet-active{
background: #eb0e00;
opacity: 1;
}
.shengchanshili .swiper-slide {
overflow: hidden;
}
.shengchanshili .swiper-slide img {
transition: 0.5s;
cursor: pointer;
border-radius: 20px;
}
.shengchanshili .swiper-slide:hover img {
transform: scale(1.1);
}
.xinwenzhongxin {
background: #f6f7fb;
padding: 75px 0;
}
.xinwenzhongxin .list {
display: flex;
}
.xinwenzhongxin .list .item {
width: calc(100% - 120px);
margin-right: 40px;
border-radius: 5px;
overflow: hidden;
background: #fff;
border-bottom: 5px solid #cacdd2;
transition: 0.5s;
box-shadow: 0 0 10px #ccc;
}
.xinwenzhongxin .list .item .pic {
overflow: hidden;
}
.xinwenzhongxin .list .item .pic img {
transition: 0.5s;
width: 100%;
}
.xinwenzhongxin .list .item:hover .pic img {
transform: scale(1.1);
}
.xinwenzhongxin .list .item:last-child {
margin-right: 0;
}
.xinwenzhongxin .list .item .info {
padding: 15px 15px 45px;
}
.xinwenzhongxin .list .item:hover {
border-bottom: 5px solid #eb0e00;
}
.xinwenzhongxin .list .item:hover .info .name {
color: #eb0e00;
}
.xinwenzhongxin .list .item .info .details {
color: #858585;
font-size: 14px;
line-height: 25px;
}
.xinwenzhongxin .list .item .info .name {
color: #000000;
transition: 0.5s;
font-size: 18px;
line-height: 25px;
height: 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: bold;
margin-bottom: 10px;
}
.xinwenzhongxin .list .item .info .date {
margin-bottom: 10px;
color: #565756;
}
.xinwenzhongxin .more {
text-align: center;
margin-top: 50px;
}
.xinwenzhongxin .more a {
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
background: #eb0e00;
width: 150px;
height: 50px;
border-radius: 8px;
}
.products {
background: linear-gradient(to right, #f5f5f5 50%, white 50%);
}
.products .w_100{
display: flex;
}
.products .w_100 .nav {
background: #f5f5f5;
width: 270px;
padding: 85px 0 185px;
}
.products .w_100 .nav .name {
font-size: 36px;
color: #bf170c;
font-weight: 500;
line-height: 40px;
height: 40px;
text-transform: uppercase;
margin-bottom: 35px;
}
.products .w_100 .nav a:hover ,
.products .w_100 .nav a.active {
color: #bf170c;
border-bottom: 1px solid #bf170c;
background: url("../images/icon_right1.png") no-repeat left center;
background-size: 10px;
}
.products .w_100 .nav a {
display: flex;
height: 60px;
line-height: 60px;
background: url("../images/icon_right.png") no-repeat left center;
background-size: 10px;
padding-left: 25px;
border-bottom: 1px solid #e1e1e1;
width: 100%;
}
.products .w_100 .swiper {
width: calc(100% - 270px);
background: #fff;
padding: 85px 55px 185px;
position: relative;
}
.products .w_100 .swiper .swiper-slide {
text-align: center;
cursor: pointer;
}
.products .w_100 .swiper .swiper-slide:hover .name{
color: #bf170c;
}
.products .w_100 .swiper .swiper-slide .name {
width: 100%;
margin-top: 10px;
line-height: 50px;
font-size: 16px;
transition: 0.5s;
}
.products .w_100 .swiper .swiper-slide .more a {
display: inline-block;
width: 100%;
line-height: 45px;
height: 45px;
text-align: center;
color: #6c6c6c;
font-size: 14px;
border-radius: 4px;
background: #e6f1ff;
transition: 0.5s;
}
.products .w_100 .swiper .swiper-slide:hover .more a {
background: #e97900;
color: #fff;
}
.products .bottom {
position: absolute;
left: 0;
bottom: 90px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.products .swiper-pagination1 {
margin: 4px 5px 0;
}
.products .swiper-pagination1 .swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 0 7px;
}
.products .swiper-pagination1 .swiper-pagination-bullet-active {
background: #ed7000;
}
.index_bg {
background: url("../images/index_bg1.png") no-repeat center;
background-size: cover;
}
.control,
.news {
padding-bottom: 80px;
}
.control .w_100 .title ,
.news .w_100 .title {
height: 144px;
line-height: 144px;
font-size: 36px;
color: #bf170c;
font-weight: 500;
}
.control .w_100 {
display: flex;
justify-content: space-between;
}
.control .w_100 .item {
width: calc((100% - 90px) / 3);
margin-right: 45px;
position: relative;
}
.control .w_100 .item:last-child {
margin-right: 0;
}
.control .w_100 .item .pic {
position: relative;
overflow: hidden;
}
.control .w_100 .item .pic img {
width: 100%;
transition: 0.5s;
}
.control .w_100 .item:hover .pic img {
transform: scale(1.2);
}
.control .w_100 .item .pic::before {
position: absolute;
width: 90%;
height: 90%;
border: 1px solid #fff;
top: 5%;
opacity: 0.3;
border-radius: 8px;
left: 5%;
display: block;
content: '';
}
.control .w_100 .item .info {
position: absolute;
left: 10%;
bottom: 10%;
color: #fff;
font-size: 24px;
}
.control .w_100 .item .info .icon {
margin-bottom: 25px;
}
.control .w_100 .item .info .icon img {
width: 42px;
}
.news .w_100 {
display: flex;
justify-content: space-between;
}
.news .w_100 .left_info {
background: #fff;
}
.news .w_100 .left_info ,
.news .w_100 .right_info {
width: calc(50% - 15px);
}
.news .w_100 .left_info .pic {
width: 100%;
}
.news .w_100 .left_info .pic img {
width: 100%;
}
.news .w_100 .left_info .other {
width: 100%;
background: #fff;
padding: 31px;
}
.news .w_100 .left_info .other .name {
color: #282828;
font-size: 18px;
width: 100%;
height: 30px;
line-height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: bold;
}
.news .w_100 .left_info .other .details {
line-height: 26px;
overflow: hidden;
font-size: 14px;
color: #676767;
margin-bottom: 10px;
}
.news .w_100 .left_info .other .more a {
color: #ed7000;
font-size: 14px;
}
.news .w_100 .right_info {
}
.news .w_100 .right_info a {
background: #f9f9f9;
display: inline-flex;
padding: 28px 40px;
width: 100%;
box-sizing: border-box;
border-left: 3px solid #f9f9f9;
border-bottom: 1px solid #e9e9e9;
}
.news .w_100 .right_info a .date {
text-align: center;
padding-right: 50px;
}
.news .w_100 .right_info a .date .p1 {
font-size: 36px;
line-height: 40px;
transition: 0.5s;
margin-bottom: 10px;
}
.news .w_100 .right_info a .date .p2{
font-size: 14px;
transition: 0.5s;
}
.news .w_100 .right_info a:hover {
color: #fff;
background: #bf170c;
border-left: 3px solid #ed7000;
}
.news .w_100 .right_info a .info .name {
font-size: 18px;
height: 25px;
line-height: 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 15px;
color: #282828;
}
.news .w_100 .right_info a .info {
width: calc(100% - 110px);
}
.news .w_100 .right_info a:hover .info .name {
color: #fff;
}
.news .w_100 .right_info a:hover .info .details {
color: #93c1f2;
}
.news .w_100 .right_info a .info .details {
font-size: 14px;
height: 25px;
line-height: 25px;
color: #676767;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.parnter {
padding: 60px 0;
}
.parnter .top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 60px;
}
.parnter .top .operation {
display: flex;
}
.parnter .top .operation img {
width: 14px;
cursor: pointer;
}
.parnter .top .operation .swiper-button-next3{
margin-left: 35px;
}
.parnter .swiper-slide {
border: 1px solid #f1f1f1;
height: 115px;
display: flex;
align-items: center;
justify-content: center;
}
.footer {
background: #15161e;
border-top: 6px solid #e32422;
background-size: 100% 100%;
padding-top: 135px;
width: 100%;
color: #fff;
}
.footer .w_100 {
display: flex;
justify-content: space-between;
}
.footer .w_100 .item1 {
}
.footer .w_100 .item1 form {
display: flex;
width: 380px;
height: 45px;
margin-bottom: 40px;
}
.footer .w_100 .item1 form input {
width: calc(100% - 50px);
height: 45px;
background: none;
border: 1px solid rgba(255, 255, 255, 0.2);
outline: none;
padding: 0 15px;
color: #fff;
}
.footer .w_100 .item1 form button {
width: 50px;
height: 45px;
background: #e97900;
border: none;
cursor: pointer;
}
.footer .w_100 .item2 .name,
.footer .w_100 .item .txt .p1{
position: relative;
padding-bottom: 20px;
}
.footer .w_100 .item1 .txt .p1 {
font-size: 18px;
color: #fff;
margin-bottom: 45px;
}
.footer .w_100 .item2 .name::before,
.footer .w_100 .item .txt .p1::before {
width: 40px;
height: 3px;
content: '';
display: block;
background: #fff;
bottom: 0;
position: absolute;
}
.footer .w_100 .item1 .txt .p2 {
color: #acacac;
font-size: 14px;
margin-bottom: 25px;
}
.footer .w_100 .item1 .txt .p3 {
color: #acacac;
font-size: 18px;
margin-bottom: 25px;
}
.footer .w_100 .item2 .name {
font-size: 18px;
margin-bottom: 45px;
}
.footer .w_100 .item3 .list{
width: 440px;
flex-wrap: wrap;
display: flex;
}
.footer .w_100 .item3 a {
width: 300px;
background: url("../images/icon5.png") no-repeat left center;
padding-left: 20px;
}
.footer .w_100 .item2 a {
display: flex;
color: #fff;
opacity: 0.6;
line-height: 40px;
font-size: 16px;
cursor: pointer;
}
.footer .w_100 .item2 .info {
display: flex;
align-items: center;
color: #acacac;
font-size: 16px;
margin-bottom: 20px;
}
.footer .w_100 .item2 .tips {
font-size: 16px;
}
.footer .w_100 .item2 .info .txt {
margin-left: 20px;
}
.footer .w_100 .item2 .info .txt p:first-child {
margin-bottom: 20px;
}
.footer .bottom {
text-align: center;
font-size: 16px;
margin-top: 110px;
line-height: 90px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.common_banner {
margin-top: 100px;
position: relative;
}
.common_banner .txt {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.common_banner .txt .p1 {
font-size: 36px;
font-weight: bold;
line-height: 40px;
margin-bottom: 20px;
}
.common_banner .txt .p2 {
font-size: 18px;
text-transform: uppercase;
}
.common_address {
/* background: #f2f2f2; */
border-bottom: 1px solid #efefef;
}
.common_address .w_100 {
display: flex;
height: 70px;
align-items: center;
color: #4f4f4f;
font-size: 14px;
}
.common_address .w_100 img {
margin-right: 10px;
}
.common_address .w_100 a:hover {
color: #e32422;
}
.common_address .w_100 span {
margin: 0 4px;
}
.type_list {
width: 100%;
margin: 60px auto;
}
.type_list .w_100 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.type_list .w_100 a:hover,
.type_list .w_100 a.active {
background: #e32422;
color: #fff;
}
.type_list .w_100>a ,
.type_list .w_100 div.item>a {
display: inline-block;
border: 1px dashed #ffd2d2;
text-align: center;
color: #212121;
font-size: 16px;
margin: 0 10px;
border-radius: 30px;
width: auto;
transition: 0.5s;
height: 60px;
padding: 0 30px;
line-height: 60px;
}
.type_list .w_100 div.item {
position: relative;
margin-bottom: 20px;
}
.type_list .w_100 div.item .list {
position: absolute;
padding-top: 10px;
top: 60px;
left: 50%;
transform: translateX(-50%);
display: none;
z-index: 9;
width: 100%;
width: calc(100% + 40px);
}
.type_list .w_100 div.item .list> div {
box-shadow: 0 0 10px #ccc;
border-radius: 8px;
background: #fff;
}
.type_list .w_100 div.item .list a {
display: block;
width: 100%;
text-align: center;
padding: 10px 0;
border-bottom: 1px solid #eee;
color: #212121;
}
.type_list .w_100 div.item:hover .list {
display: block;
}
.type_list .w_100 div.item a.active,
.type_list .w_100 div.item a:hover,
.type_list .w_100 div.item:hover>a {
background: #e32422;
color: #fff;
}
.news_list .item {
display: flex;
border: 1px solid #eeeeee;
padding: 20px;
align-items: center;
margin-bottom: 40px;
}
.news_list .item .pic {
width: 370px;
height: 260px;
overflow: hidden;
}
.news_list .item .pic img {
transition: 0.5s;
width: 100%;
min-height: 100%;
}
.news_list .item:hover .pic img {
transform: scale(1.1);
}
.news_list .item .txt .more a {
color: #9d9d9d;
font-size: 14px;
}
.news_list .item .txt .date {
color: #e32422;
font-size: 18px;
line-height: 20px;
margin-bottom: 20px;
}
.news_list .item .txt .msg {
color: #797979;
font-size: 14px;
margin-bottom: 20px;
line-height: 25px;
}
.news_list .item .txt .name {
font-weight: bold;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #212121;
height: 35px;
line-height: 35px;
font-size: 18px;
margin-bottom: 20px;
}
.news_list .item .txt {
width: calc(100% - 420px);
margin-left: 50px;
}
.about_box .info p {
color: #515151;
font-size: 18px;
line-height: 45px;
text-indent: 20px;
}
.about_box {
padding: 50px 0;
}
.box_title {
font-size: 36px;
font-weight: bold;
color: #212121;
line-height: 40px;
line-height: 40px;
position: relative;
padding-bottom: 30px;
text-align: center;
margin-bottom: 50px;
margin-top: 50px;
}
.box_title::after {
content: '';
display: inline-block;
background: #e32422;
position: absolute;
left: 50%;
margin-left: -30px;
bottom: 0;
height: 5px;
width: 60px;
}
.about_box .list .item .text {
text-align: center;
}
.about_box .list{
display: flex;
width: 100%;
box-shadow: 0 10px 20px #ccc;
border-radius: 10px;
margin-top: 40px;
}
.about_box .list .item span {
transition: 0.5s;
}
.about_box .list .item .span1 {
font-size: 48px;
color: #eb0e00;
font-weight: bold;
transition: 0.5s;
}
.about_box .list .item .span2 {}
.about_box .list .item {
width: 25%;
border-radius: 10px;
background: #FFF;
padding: 45px 30px;
cursor: pointer;
transition: 0.5s;
position: relative;
}
.about_box .list .item::before {
width: 1px;
height: 80px;
background: #ccc;
display: block;
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -40px;
}
.about_box .list .item:last-child:before {
display: none;
}
.about_box .list .item .label{
color: #515151;
font-size: 14px;
line-height: 20px;
text-align: center;
margin-top: 15px;
transition: 0.5s;
}
.about_box1 {
background: #f5f5f5;
border-bottom: 5px solid #ff0000;
}
.about_box1 .swiper-container {
padding-bottom: 80px;
}
.about_box1 .swiper-container .swiper-pagination-bullet {
background: #e5e5e5;
opacity: 1;
width: 12px;
height: 12px;
}
.about_box1 .swiper-container .swiper-pagination-bullet-active{
background: #eb0e00;
opacity: 1;
}
.contact_box .contact {
display: flex;
background: url("../images/bg1.png") center no-repeat;
padding-bottom: 100px;
}
.contact_box .contact .left_info .title {
font-size: 24px;
color: #212121;
line-height: 30px;
margin-bottom: 30px;
}
.contact_box .contact .left_info {
width: 50%;
padding: 50px 0 0;
}
.contact_box .contact .left_info .contact_info .item {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.contact_box .contact .left_info .contact_info .item p {
color: #515151;
font-size: 16px;
line-height: 30px;
}
.contact_box .contact .left_info .contact_info .item .icon {
margin-right: 20px;
}
.contact_box .contact .right_info p {
color: #515151;
font-size: 18px;
margin-bottom: 30px;
}
.contact_box .contact .right_info {
width: 50%;
background: #f8f8f8;
padding: 50px 40px;
border-radius: 8px;
}
.contact_box .contact .right_info textarea ,
.contact_box .contact .right_info input {
width: 100%;
outline: none;
height: 45px;
border: 1px solid #eeeeee;
background: #fff;
padding: 0 20px;
margin-bottom: 20px;
}
.contact_box .contact .right_info textarea {
height: 110px;
padding: 20px;
}
.contact_box .contact .right_info button {
width: 100%;
height: 55px;
border: none;
background: #e32422;
color: #fff;
font-size: 14px;
cursor: pointer;
transition: 0.5s;
}
.products_box {
}
.products_box .w_100 {
display: flex;
}
.products_box .w_100 .products_details {
width: 100%;
}
.products_box .nav .name{
width: 100%;
height: 140px;
line-height: 140px;
padding: 0 35px;
color: #fff;
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
background: url("../images/bg1.png") no-repeat center;
}
.products_box .nav {
width: 270px;
background: linear-gradient(to bottom, #f7f9fa, white);
}
.products_box .nav .list {
margin-bottom: 60px;
}
.products_box .nav .list a {
display: inline-block;
width: 100%;
height: 55px;
line-height: 55px;
transition: 0.5s;
padding: 0 30px;
border-bottom: 1px solid #eaeef3;
color: #4e4e4e;
font-size: 16px;
}
.products_box .nav .list a.active ,
.products_box .nav .list a:hover {
color: #fff;
background: #f08519;
}
.products_box .nav .tel {
padding: 0 16px 30px;
width: 100%;
box-sizing: border-box;
}
.products_box .nav .tel .pic {
width: 100%;
margin-bottom: 25px;
}
.products_box .nav .tel .pic img {
width: 100%;
}
.products_box .nav .tel .other {
margin-left: 12px;
}
.products_box .nav .tel .info {
display: flex;
}
.products_box .nav .tel .info .p1 {
color: #686868;
font-size: 14px;
margin-bottom: 8px;
}
.products_box .nav .tel .info .p2 {
color: #f08519;
font-size: 18px;
}
.products_box .right_list {
width: calc(100% - 270px);
padding: 0 60px;
background: #f7f9fa;
box-sizing: border-box;
background: url("../images/index_bg2.png") no-repeat top center;
background-size: cover;
background: linear-gradient(to bottom, #f7f9fa, white);
}
.products_box .right_list .title::before {
width: 7px;
height: 7px;
background: #bf170c;
position: absolute;
left: 0;
margin-top: -3px;
top: 50%;
display: block;
content: '';
}
.products_box .right_list .title {
font-size: 24px;
color: #010101;
line-height: 70px;
box-sizing: border-box;
margin-top: 35px;
border-bottom: 1px solid #eaeef3;
padding-left: 20px;
margin-bottom: 35px;
position: relative;
}
.products_box .right_list .list {
display: flex;
flex-wrap: wrap;
}
.products_box .right_list .list a {
display: inline-block;
margin-right: 15px;
width: calc((100% - 30px) / 3);
margin-bottom: 15px;
background: #fff;
padding: 12px;
}
.products_box .right_list .list a:hover .name {
color: #f08519;
}
.products_box .right_list .list a .name {
text-align: center;
line-height: 55px;
height: 55px;
transition: 0.5s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.products_box .right_list .list a .pic {
width: 100%;
overflow: hidden;
}
.products_box .right_list .list a .pic img {
width: 100%;
transition: 0.5s;
}
.products_box .right_list .list a:hover .pic img {
transform: scale(1.2);
}
.products_box .right_list .list a:nth-child(3n) {
margin-right: 0;
}
.products_box .right_details .title {
font-size: 24px;
color: #010101;
line-height: 70px;
box-sizing: border-box;
margin-top: 35px;
border-bottom: 1px solid #eaeef3;
padding-left: 20px;
margin-bottom: 35px;
position: relative;
}
.products_box .right_details {
width: calc(100% - 270px);
padding: 0 60px;
background: #f7f9fa;
box-sizing: border-box;
background: url("../images/index_bg2.png") no-repeat top center;
background-size: cover;
background: linear-gradient(to bottom, #f7f9fa, white);
}
.products_box .details_info {
padding: 32px;
margin-bottom: 50px;
display: flex;
justify-content: space-between;
background: #fff;
border: 1px solid #eeeeee;
}
.products_box .details_info .txt {
width: calc(100% - 760px);
}
.products_box .details_info .txt .name {
font-size: 32px;
color: #212121;
line-height: 100px;
font-weight: bold;
border-bottom: 1px solid #eeeeee;
margin-bottom: 30px;
}
.products_box .details_info .txt .type {
font-size: 16px;
line-height: 60px;
border-bottom: 1px solid #eaeef3;
color: #515151;
margin-bottom: 60px;
}
.products_box .details_info .txt .msg {
line-height: 30px;
color: #656565;
font-size: 14px;
padding-bottom: 30px;
border-bottom: 1px solid #eaeef3;
}
.products_box .details_info .pic {
width: 720px;
margin-right: 40px;
}
.products_box .other_info a {
line-height: 60px;
transition: 0.5s;
}
.products_box .other_info a:hover {
color: #e32422;
}
.products_box .other_info {
display: flex;
border-bottom: 1px solid #eaeef3;
justify-content: space-between;
}
.products_box .details_content {
padding-bottom: 50px;
border-bottom: 1px solid #eaeef3;
}
.products_box .details_content .txt {
margin-top: 50px;
color: #515151;
}
.products_box .details_content .txt p {
line-height: 40px;
color: #515151;
font-size: 16px;
}
.products_box .details_info .pic img {
width: 100%;
}
.products_box .tab_title {
border-bottom: 1px solid #eaeef3;
}
.products_box .tab_title span {
display: inline-block;
width: 175px;
background: #e32422;
color: #fff;
height: 60px;
font-size: 16px;
line-height: 60px;
text-align: center;
}
.products_box .details_info .txt .operation{}
.products_box .details_info .txt .operation a {
display: inline-block;
width: 125px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 5px;
color: #fff;
margin-right: 25px;
}
.products_box .details_info .txt .operation a.a1 {
background: #0445bb;
}
.products_box .details_info .txt .operation a.a2 {
background: #eb0e00;
}
.products_box .right_details .other_info {
display: flex;
margin: 80px 0;
justify-content: space-between;
padding: 20px;
border: 1px solid #eaeef3;
font-size: 14px;
color: #666666;
}
.products_box .right_details .other_info a {
transition: 0.5s;
color: #222222;
line-height: 30px;
}
.products_box .right_details .other_info a:hover {
color: #f08519;
}
.products_box .right_details .about_info {
font-size: 16px;
color: #515151;
}
.products_box .right_details .about_info p {
line-height: 35px;
margin-bottom: 20px;
}
.products_box .contact_details {
display: none;
}
.products_box .contact_details0 {
display: block;
}
.products_box .right_details .contact_info .name{
font-size: 24px;
color: #0443b9;
margin-bottom: 40px;
}
.products_box .right_details .contact_info .pic{
margin-top: 70px;
}
.products_box .right_details .contact_info .txt{
font-size: 16px;
line-height: 40px;
color: #515151;
}
.products_box .right_details .contact_info .pic{
position: relative;
}
.products_box .right_details .contact_info form {
margin-top: 50px;
}
.products_box .right_details .contact_info form .row {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.products_box .right_details .contact_info form .row input {
width: calc((100% - 30px) / 2);
border: 1px solid #e5e5e5;
height: 50px;
text-indent: 20px;
outline: none;
}
.products_box .right_details .contact_info form .row button {
color: #fff;
width: 150px;
height: 50px;
border: none;
outline: none;
font-size: 16px;
cursor: pointer;
background: #f08519;
}
.products_box .right_details .contact_info form .row textarea {
width: 100%;
border: 1px solid #e5e5e5;
height: 195px;
padding: 20px;
outline: none;
}
.products_box .right_details .contact_info .pic .text {
position: absolute;
left: 45px;
top: 0;
bottom: 0;
margin: 0 auto;
display: inline-flex;
align-items: center;
width: 280px;
flex-wrap: wrap;
}
.products_box .right_details .contact_info .pic .text p {
width: 100%;
color: #fff;
font-size: 18px;
line-height: 40px;
}
.products_box .about_details {
display: none;
}
.products_box .about_details0 {
display: block;
}
.products_box .right_details .news_list {
}
.products_box .right_details .news_list a {
display: flex;
border: 1px solid #eaeef3;
border-left: 5px solid #aaaaaa;
padding: 15px;
transition: 0.5s;
margin-bottom: 25px;
justify-content: space-between;
}
.products_box .right_details .news_list a:hover {
border-left: 5px solid #f08519;
}
.products_box .right_details .news_list a .pic {
width: 290px;
height: 210px;
overflow: hidden;
}
.products_box .right_details .news_list a .pic img {
width: 100%;
transition: 0.3s;
}
.products_box .right_details .news_list a:hover .pic img {
transform: scale(1.1);
}
.products_box .right_details .news_list a .info .details {
color: #515151;
font-size: 16px;
line-height: 26px;
height: 52px;
margin-bottom: 25px;
}
.products_box .right_details .news_list a .info .name {
color: #000;
font-size: 18px;
line-height: 25px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 20px;
}
.products_box .right_details .news_list a .info {
width: calc(100% - 330px);
}
.products_box .right_details .news_list a .date {
display: flex;
align-items: center;
font-size: 14px;
color: #8f8f8f;
}
.products_box .right_details .news_list a .date img {
margin-right: 5px;
}
.products_box .right_details .news_content {
}
.products_box .right_details .news_content .other {
text-align: center;
}
.products_box .right_details .news_content .other span {
line-height: 65px;
color: #85848c;
margin: 0 15px;
}
.products_box .right_details .news_content .name {
font-size: 30px;
line-height: 45px;
padding-bottom: 40px;
text-align: center;
border-bottom: 1px solid #efefef;
}
.products_box .right_details .news_content .zw p {
line-height: 35px;
color: #515151;
}
.products_box .right_details .news_content .zw img {
margin: 50px auto;
display: block;
}
.products_box .list a .pic,
.other_list .list a .pic {
overflow: hidden;
}
.products_box .list a .pic img ,
.other_list .list a .pic img {
transition: 0.5s;
}
.products_box .list a:hover .name ,
.other_list .list a:hover .name {
color: #e32422;
}
.products_box .list a:hover .pic img ,
.other_list .list a:hover .pic img {
transform: scale(1.1);
}
.products_box .list a .name ,
.other_list .list a .name {
height: 65px;
line-height: 65px;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #212121;
transition: 0.5s;
font-size: 16px;
font-weight: bold;
}
.products_box .list a ,
.other_list .list a {
display: block;
margin-right: 20px;
margin-bottom: 20px;
width: calc((100% - 60px) / 4);
background: #f2f5fa;
border-bottom: 2px solid #e8ebef;
}
.products_box .list a:nth-child(4n) ,
.other_list .list a:nth-child(4n) {
margin-right: 0;
}
.products_box .list ,
.other_list .list {
display: flex;
flex-wrap: wrap;
margin-top: 45px;
margin-bottom: 20px;
}
.products_box .list {
margin-top: 0;
width: 100%;
}
.other_list .title {
font-size: 36px;
font-weight: bold;
color: #212121;
line-height: 40px;
line-height: 40px;
position: relative;
padding-bottom: 30px;
text-align: center;
}
.other_list .title::after {
content: '';
display: inline-block;
background: #e32422;
position: absolute;
left: 50%;
margin-left: -30px;
bottom: 0;
height: 5px;
width: 60px;
}
.other_list {
margin-top: 70px;
}
@media (min-width: 1300px) and (max-width: 1600px) {
.nav-container {
width: 1250px;
}
.products_box .w_100,
.w_100 {
width: 1200px;
}
.header .logo img {
height: 40px;
}
.header .nav .nav-list li {
width: auto;
padding: 0 20px;
}
.header .nav .nav-list li>a {
font-size: 14px;
}
.header .other .email, .header .other .search, .header .other .lang {
padding: 0 10px;
}
.banner .swiper-slide>div .p1 {
font-size: 36px;
line-height: 40px;
margin-bottom: 25px;
font-weight: 400;
}
.products .w_100 .nav {
width: 220px;
padding: 55px 0 135px;
}
.products .w_100 .nav .name {
font-size: 26px;
line-height: 30px;
height: 30px;
margin-bottom: 15px;
}
.products .w_100 .swiper {
width: calc(100% - 220px);
padding: 55px 25px 135px;
}
.about .left_info {
height: 552px;
}
.about .left_info .name {
font-size: 24px;
line-height: 30px;
margin-bottom: 20px;
}
.about .left_info .txt p {
font-size: 14px;
line-height: 26px;
max-width: 500px;
}
.about .left_info .num .item .value {
font-size: 36px;
line-height: 40px;
margin-bottom: 10px;
}
.about .left_info .num .item:first-child {
padding-right: 40px;
}
.about .left_info {
padding: 60px 0;
}
.about .right_info .item1 ,
.about .right_info .item2 {
padding: 36px 0 0 0;
height: 276px;
}
.control,
.news {
padding-bottom: 40px;
}
.control .w_100 .title,
.news .w_100 .title {
height: 80px;
line-height: 80px;
font-size: 24px;
}
.news .w_100 .right_info a {
padding: 24px 30px;
border-left: 3px solid #f9f9f9;
border-bottom: 1px solid #e9e9e9;
}
}
@media (min-width: 1200px) and (max-width: 1300px) {
.nav-container {
width: 1100px;
}
.w_100 {
width: 1100px;
}
.header .nav .nav-list li {
width: 110px;
}
.header .nav .nav-list li>a {
font-size: 14px;
width: 100px;
}
.banner .swiper-slide>div .p1 {
font-size: 32px;
line-height: 36px;
margin-bottom: 20px;
}
.products .w_100 .nav {
width: 220px;
padding: 55px 0 135px;
}
.products .w_100 .nav .name {
font-size: 26px;
line-height: 30px;
height: 30px;
margin-bottom: 15px;
}
.banner .swiper-slide>div .p2 {
width: 550px;
}
.products .w_100 .swiper {
width: calc(100% - 220px);
padding: 55px 25px 135px;
}
.about .left_info .name {
font-size: 24px;
line-height: 30px;
margin-bottom: 20px;
}
.about .left_info .txt p {
font-size: 14px;
line-height: 20px;
max-width: 500px;
}
.about .left_info .num .item .value {
font-size: 36px;
line-height: 40px;
margin-bottom: 10px;
}
.about .left_info .num .item:first-child {
padding-right: 40px;
}
.about .left_info {
padding: 60px 0;
}
.about .right_info .item1 ,
.about .right_info .item2 {
padding: 65px 0 48px 0;
}
.control,
.news {
padding-bottom: 40px;
}
.control .w_100 .title,
.news .w_100 .title {
height: 80px;
line-height: 80px;
font-size: 24px;
}
.news .w_100 .right_info a {
padding: 22px 30px;
border-left: 3px solid #f9f9f9;
border-bottom: 1px solid #e9e9e9;
}
}
@media (min-width: 350px) and (max-width: 1200px) {
.contact_box .contact .left_info .contact_info .item {
align-items: flex-start;
}
.contact_box .contact .left_info .contact_info .item .txt {
width: calc(100% - 50px);
}
.contact_box .contact .left_info .contact_info .item .icon {
width: 40px;
margin-right: 10px;
}
.banner .txt .p1 {
font-size: 16px;
line-height: 24px;
margin-bottom: 0px;
}
.banner .txt .p2 {
font-size: 14px;
line-height: 30px;
margin-bottom: 10px;
}
.banner .txt .p3 a {
display: inline-block;
width: 120px;
height: 40px;
line-height: 40px;
}
.chanpintuijian {
padding-top: 30px;
}
.common_title {
font-size: 16px;
}
.common_title i {
width: 8px;
height: 8px;
}
.common_title .span2 {
padding: 0 20px;
line-height: 35px;
}
.common_title1 {
font-size: 14px;
margin-top: 10px;
margin-bottom: 30px;
}
.chanpintuijian .list {
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 30px;
}
.chanpintuijian .list a {
width: 49%;
}
.chanpintuijian .list .text {
font-size: 14px;
margin-top: 10px;
margin-bottom: 20px;
font-weight: bold;
}
.chanpintuijian .list a .pic1 {
height: auto;
width: 100%;
}
.chanpintuijian .list a .pic1 img {
width: 100%;
}
.chanpintuijian1 {
display: none;
}
.guanyuwomen {
padding: 40px 0;
}
.guanyuwomen .right_pic {
display: none;
}
.guanyuwomen .info {
margin-top: 20px;
}
.guanyuwomen .info div {
width: 100%;
}
.guanyuwomen .info div p {
font-size: 14px;
line-height: 25px;
}
.about_box .list,
.guanyuwomen .list {
flex-wrap: wrap;
}
.about_box .list .item,
.guanyuwomen .list .item {
width: 50%;
margin-bottom: 10px;
padding: 25px 20px;
margin-right: 0;
}
.guanyuwomen .list {
justify-content: space-between;
}
.guanyuwomen .list .item {
width: 48%;
}
.about_box .list .item:nth-child(2n) ,
.guanyuwomen .list .item:nth-child(2n) {
margin-right: 0;
}
.contact_box .contact {
flex-wrap: wrap;
padding-bottom: 30px;
}
.contact_box .contact .left_info ,
.contact_box .contact .right_info {
width: 100%;
}
.type_list .w_100 {
margin: 20px auto;
}
/*
.type_list .w_100 a {
width: auto;
padding: 0 15px;
height: 40px;
line-height: 40px;
} */
.news_list .item {
flex-wrap: wrap;
margin-bottom: 20px;
}
.news_list .item .pic {
width: 100%;
margin-bottom: 15px;
height: auto;
}
.news_list .item .txt {
width: 100%;
margin-left: 0;
}
.contact_box .contact .right_info {
padding: 20px;
border-radius: 8px;
margin-top: 20px;
}
.about_box .list .item:nth-child(2n)::before ,
.guanyuwomen .list .item:nth-child(2n)::before {
display: none;
}
.xinwenzhongxin,
.shengchanshili {
padding: 30px 0;
}
.products_box .list,
.other_list .list {
margin-top: 0;
justify-content: space-between;
}
.products_box .list a,
.other_list .list a {
width: 49%;
overflow: hidden;
border-radius: 10px;
margin-right: 0;
}
.products_box .other_info {
flex-wrap: wrap;
}
.other_list .title,
.box_title {
line-height: 30px;
padding-bottom: 20px;
margin-bottom: 30px;
font-size: 18px;
}
.products_box .other_info a {
width: 100%;
}
.type_list {
width: 100%;
margin: 20px auto;
}
.type_list .w_100 {
flex-wrap: wrap;
}
.type_list .w_100 div.item{
margin-bottom: 0;
}
.type_list .w_100 a .type_list .w_100>a,
.type_list .w_100 div.item>a{
height: 35px;
width: auto;
line-height: 35px;
font-size: 14px;
margin: 0 10px 10px 0;
padding: 0 10px;
}
.products_box .list a .name, .other_list .list a .name {
height: 35px;
line-height: 35px;
font-size: 16px;
}
.xinwenzhongxin .list {
flex-wrap: wrap;
}
.xinwenzhongxin .list .item {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.xinwenzhongxin .more {
margin-top: 20px;
}
.shengchanshili .tab a {
width: auto;
padding: 0 10px;
height: 40px;
line-height: 40px;
margin: auto;
font-size: 12px;
}
.about_box .list {}
.xinwenzhongxin .more a {
width: 120px;
height: 40px;
line-height: 40px;
}
.shengchanshili .swiper-container {
padding-bottom: 40px;
width: 90%;
}
.nav-container {
width: 1100px;
}
.about_box1 .swiper-container {
width: calc(100% - 40px);
}
.w_100 {
width: calc(100% - 40px);
}
html {
max-width: 750px;
width: 100%;
margin: 0 auto;
overflow-x: hidden;
}
.header {
display: none;
}
.banner .swiper-slide>div .p1 {
font-size: 20px;
line-height: 25px;
margin-bottom: 5px;
}
.banner .swiper-slide>div .p2 {
font-size: 12px;
line-height: 16px;
width: 60%;
margin-bottom: 5px;
}
.banner .swiper-slide>div .p3 a {
width: 100px;
height: 30px;
font-size: 12px;
border-radius: 4px;
line-height: 30px;
}
.banner .swiper-slide>div .p3 {
display: flex;
}
.products {
background: #f5f5f5;
}
.products .w_100 {
flex-wrap: wrap;
}
.products .w_100 .nav {
width: 100%;
}
.products .w_100 .nav {
background: #f5f5f5;
width: 100%;
padding: 15px 0 0px;
}
.products .w_100 .nav a {
display: none;
}
.products .w_100 .nav .name {
font-size: 26px;
line-height: 30px;
height: 30px;
text-transform: uppercase;
margin-bottom: 15px;
}
.products .w_100 .swiper {
width: 100%;
padding: 20px 20px 70px;
margin-bottom: 20px;
}
.products .bottom {
bottom: 30px;
}
.about .w_100 {
flex-wrap: wrap;
}
.about .left_info {
width: 100%;
padding: 30px 20px;
background: url(../images/pic4.png) no-repeat center;
background-size: cover;
}
.about .right_info {
position: inherit;
}
.about .left_info .name {
font-size: 24px;
margin-bottom: 10px;
}
.about .left_info .txt p {
font-size: 14px;
line-height: 25px;
max-width: 100%;
}
.about .left_info .txt {
margin-bottom: 30px;
}
.about {
background: none;
}
.about .left_info .num {
margin-bottom: 10px;
justify-content: space-between;
}
.about .left_info .num .item {
width: 45%;
position: relative;
padding-left: 20px;
}
.about .left_info .num .item:first-child {
padding: 0 0 0 20px;
}
.about .left_info .num .item .value {
font-size: 26px;
line-height: 36px;
margin-bottom: 10px;
}
.about .left_info .num .item::before {
top: 0;
}
.about .left_info .more {
margin-top: 20px;
}
.about .right_info .item {
padding: 30px 20px;
}
.about .right_info {
width: 100%;
}
.about .right_info .item>div {
width: 100%;
padding: 0;
}
.about .right_info .item>div .name {
font-size: 24px;
margin-bottom: 10px;
}
.about .right_info .item>div .txt {
margin-bottom: 30px;
font-size: 14px;
line-height: 25px;
max-width: 100%;
}
.parnter .top .title ,
.control .w_100 .title,
.news .w_100 .title {
height: 50px;
line-height: 50px;
font-size: 20px;
color: #bf170c;
font-weight: 500;
}
.control .w_100 {
flex-wrap: wrap;
}
.control .w_100 .item {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.control, .news {
padding-bottom: 30px;
}
.news .w_100 {
flex-wrap: wrap;
}
.news .w_100 .left_info, .news .w_100 .right_info {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.news .w_100 .left_info .other {
padding: 15px;
}
.news .w_100 .left_info .other .name {
font-size: 16px;
height: 26px;
line-height: 26px;
}
.news .w_100 .left_info .other .details {
line-height: 20px;
font-size: 12px;
height: auto;
display: block;
overflow: inherit;
}
.news .w_100 .right_info a {
padding: 15px;
box-sizing: border-box;
border-left: 3px solid #f9f9f9;
border-bottom: 1px solid #e9e9e9;
}
.news .w_100 .right_info a .date {
padding-right: 20px;
}
.news .w_100 .right_info a .info {
width: calc(100% - 76px) ;
}
.news .w_100 .right_info a .info .name {
font-size: 16px;
height: 24px;
line-height: 24px;
margin-bottom: 5px;
}
.news .w_100 .right_info a .info .details {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
white-space: pre-wrap;
text-overflow: ellipsis;
height: 50px;
}
.parnter .top .operation {
display: none;
}
.footer {
background: rgb(24, 28, 33);
padding-top: 0;
}
.footer .w_100 {
display: none;
}
.footer .bottom {
text-align: center;
font-size: 14px;
padding: 10px;
margin-top: 30px;
line-height: 30px;
}
.footer .bottom a {
color: #fff;
}
.web_nav {
display: block;
position: fixed;
z-index: 99;
width: 100%;
height: 100%;
right: -100%;
margin: 0 auto;
top: 0;
background-color: #fff;
transition: 0.3s;
z-index: 999;
}
.web_nav .nav {
padding: 0 20px;
}
.web_nav .top {
width: 100%;
background: #fff;
padding: 10px;
}
.web_nav.active {
right: 0;
}
.web_nav .close img {
height: 20px;
}
.web_nav .logo img {
height: 25px;
}
.web_nav> .flex {
flex-wrap: wrap;
}
.web_nav> .flex>.item {
width: 100%;
line-height: 50px;
border-bottom: 1px solid #ededed;
}
.web_nav> .flex>.item p {
position: relative;
}
.web_nav> .flex>.item a ,
.web_nav> .flex>.item p a {
display: block;
width: 100%;
font-weight: bold;
height: 40px;
line-height: 40px;
}
.web_nav> .flex>.item p i {
font-size: 16px;
height: 50px;
line-height: 50px;
width: 50px;
text-align: right;
padding: 0 20px;
position: absolute;
right: 0;
z-index: 1;
top: 0;
}
.web_nav> .flex .item .child {
padding-left: 20px ;
display: none;
}
.common_web_head {
display: block;
position: fixed;
top: 0;
left: 0;
border-bottom: 1px solid #ccc;
right: 0;
margin: 0 auto;
z-index: 99;
background: #fff;
width: 100%;
max-width: 750px;
padding: 10px ;
}
.common_address .w_100 {
font-size: 14px;
}
.common_web_head .logo img{
height: 25px;
}
.common_web_head .menu img {
height: 20px;
}
.banner {
margin-top: 45px;
}
.nav {
background: #f1f1f1;
}
.nav-list {
flex-wrap: wrap;
background: #f1f1f1;
}
.nav-list li .sut_list {
border-top: 1px solid #fff;
display: none;
}
.nav-list li .sut_list a{
display: block;
background: #f1f1f1;
margin-bottom: 1px;
border-bottom: 1px solid #fff;
padding-left: 30px;
}
.nav-list li .sut_list a:last-child {
border: 0px solid #f1f1f1;
}
.nav-list li p {
display: flex;
}
.nav-list li p span{
display: flex;
width: 50px;
height: 50px;
align-items: center;
justify-content: center;
}
.nav-list li p span img {
transition: 0.5s;
}
.common_banner {
margin-top: 46px;
}
.common_banner .txt .p1 {
font-size: 20px;
margin-bottom: 10px;
}
.common_banner .txt .p2 {
font-size: 14px;
}
.nav-list li p.active span img {
transform: rotate(90deg);
}
.nav-list li p.active + .sut_list {
display: block;
}
.nav-list li a {
height: 50px;
flex: 1;
display: inline-block;
padding: 5px 10px;
line-height: 50px;
}
.nav-list li {
width: 100%;
background: #f1f1f1;
border-bottom: 1px solid #fff;
}
.products_box {
margin-top: 20px;
}
.common_address {
margin-top: 0px;
}
.common_address .w_100 {
height: 50px;
}
.about_box {
padding: 30px 0;
}
.about_box .info p {
font-size: 14px;
line-height: 25px;
text-indent: 20px;
}
.products_box .w_100 {
flex-wrap: wrap;
}
.products_box .nav {
width: 100%;
}
.products_box .nav .name {
width: 100%;
height: 70px;
line-height: 70px;
padding: 0 25px;
color: #fff;
font-size: 20px;
background: url(../images/bg1.png) no-repeat center;
background-size: 100%;
}
.products_box .right_details {
}
.products_box .nav .list {
margin-bottom: 20px;
}
.products_box .right_details {
width: 100%;
padding: 0 15px;
}
.products_box .right_list .title,
.products_box .right_details .title {
font-size: 18px;
line-height: 40px;
margin-top: 10px;
padding-left: 0px;
margin-bottom: 15px;
}
.products_box .right_details .about_info {
font-size: 14px;
}
.products_box .right_details .about_info p {
line-height: 25px;
margin-bottom: 10px;
}
.products_box .right_list .list {
flex-wrap: wrap;
}
.products_box .right_list .list a {
width: 100%;
margin-right: 0;
}
.common_page {
padding: 30px 0;
}
.common_page a {
height: 26px;
line-height: 26px;
min-width: 26px;
font-size: 12px;
margin: 0 5px;
}
.products_box .right_details .contact_info .name {
font-size: 16px;
margin-bottom: 10px;
}
.products_box .right_details .contact_info .txt {
font-size: 16px;
line-height: 36px;
}
.products_box .right_details .contact_info .pic {
margin-top: 20px;
}
.products_box .right_details .contact_info .pic .text {
top: 0;
left: 0;
width: 100%;
padding: 15px;
}
.products_box .right_details .contact_info .pic .text p {
font-size: 14px;
line-height: 25px;
}
.products_box .right_details .contact_info form {
margin-top: 20px;
}
.products_box .right_details .contact_info form .row {
margin-bottom: 15px;
flex-wrap: wrap;
}
.products_box .right_details .contact_info form .row input {
width: 100%;
}
.products_box .right_details .contact_info form .row input:first-child {
margin-bottom: 15px;
}
.products_box .right_details .news_list a {
flex-wrap: wrap;
flex-direction: column-reverse;
}
.products_box .right_details .news_list a .pic {
width: 100%;
height: auto;
}
.products_box .right_details .news_list a .info {
width: 100%;
margin-top: 20px;
}
.products_box .right_details .news_content .name {
font-size: 20px;
line-height: 25px;
margin-top: 20px;
padding-bottom: 20px;
}
.products_box .right_details .news_content .other span {
line-height: 20px;
margin: 0 5px;
margin-top: 10px;
display: block;
width: 100%;
}
.products_box .right_details .other_info .item {
width: 100%;
text-align: left;
margin-bottom: 10px;
}
.products_box .right_details .other_info .item p {
text-align: left !important;
}
.products_box .right_details .other_info {
margin: 40px 0;
flex-wrap: wrap;
padding: 10px;
font-size: 14px;
}
.products_box .right_list {
padding: 15px;
width: 100%;
}
.products_box .right_list .title {
padding-left: 20px;
}
.products_box .details_info {
padding: 15px;
flex-wrap: wrap;
}
.products_box .details_info .txt .name {
}
.products_box .details_info .txt {
width: 100%;
}
.products_box .details_info .txt .name {
font-size: 18px;
color: #000000;
line-height: 30px;
margin-bottom: 10px;
}
.products_box .details_info .txt .msg {
line-height: 24px;
font-size: 14px;
padding-bottom: 15px;
border-bottom: 1px solid #eaeef3;
margin-bottom: 20px;
}
.products_box .details_info .pic {
width: 100%;
margin-top: 20px;
height: auto;
}
}