.header{position: unset;top:unset;left:unset;transform: unset;} .banner{width:100%;display: block;} .banner .swiper-slide a,.banner .swiper-slide img{width: 100%;display: block;} .info_nav{width: 100%;background: #b20700;line-height: 76px;} .info_nav ul{flex-grow: 1;margin-right: 100px;} .info_nav li{max-width: 165px;flex-grow: 1;display: block} .info_nav li a{width:100%;display:block;text-align: center;color:#fff;font-size:18px;white-space: nowrap;padding:0 15px;} .info_nav li.on a,.info_nav li:hover a{background: #d1baa3;color:#b20700;font-weight: 600;} .info_location,.info_location span,.info_location a{color:#fff;} @media screen and (max-width: 1600px) { .info_nav{line-height: 4.75vw;} } @media screen and (max-width: 960px) { .info_location{width: 100%;display: none !important;} .info_nav{line-height: 7.91vw;} .info_nav ul{overflow-x: auto;margin-right: 0;flex-wrap: nowrap !important;} } @media screen and (max-width: 640px) { .info_nav li a{font-size:2.8125vw;} } .info_main{width:100%;background: url("../images/info_bg.jpg") top center;padding:65px 0;} .info_hot{width:100%;display: block;} .info_hot a{width:100%;} .info_hot img{width:630px;height: 660px;object-fit: cover;display: block;} .info_hot_text{flex-grow: 1;max-width:calc(100% - 725px);display: block;margin-left:95px;} .info_hot_text h2{width: 100%;font-size:30px;color:#b20700;line-height: 36px;font-weight: normal;} .info_hot_intro{width:100%;font-size:18px;line-height: 36px;color:#474747;display: block;margin-top:40px;} .info_label{width:100%;font-size:30px;line-height: 36px;color:#b20700;display: block;margin:90px 0 50px;} .info_like{width:100%;} .info_like_list{width:370px;margin-right: 40px;display: block;} .info_like_list:nth-child(4){margin-right: 0;} .info_like_list a{width:100%;display: block;} .info_like_list a img,.info_like_list_img{width: 100%;height: 386px;object-fit: cover;display: block;transition: all ease .5s;overflow: hidden;position: relative;} .info_like_list a p{width:100%;font-size:18px;line-height: 24px;color:#1e1e1e;text-align: center;display: block;padding:37px 10px 22px;background: #fff;} .product,.news_hot{width:100%;} .product_list,.news_hot_list{width:490px;display: block;margin-right: 65px;margin-bottom: 60px;} .product_list:nth-child(3n),.news_hot_list:nth-child(3n){margin-right: 0;} .product_list a{width:100%;background: #fff;display: block;text-align: center;padding-bottom: 40px;} .product_list a img,.product_list_img_main,.product_list_img_list_main{width:100%;height: 515px;object-fit: cover;display: block;transition: all ease .5s;position: relative;overflow: hidden;} .product_list a p,.product_list a span{width:100%;font-size:20px;line-height: 36px;display: block;padding:0 10px;} .product_list a p{color:#1e1e1e;padding-top:20px;} .product_list a span{color:#9c9c9c;} .product_list a i{width:114px;height: 39px;background: #b20700;color:#fff;font-size:16px;line-height: 39px;text-align: center;border-radius: 20px;display: block;margin:20px auto 0;position: relative;} .product_list a i:before{content: '';width:125px;height: 47px;border:1px solid #b20700;border-radius: 24px;display: block;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .product_list:hover a img,.info_like_list:hover a img{transform: scale(1.05);} .product_list_img_main::after,.product_list_img_list_main::after,.info_like_list_img::after{width:100%;height: 100%;position: absolute;top:0;right:0;left:0;bottom:0;z-index: 2;opacity: 0;content: "";background:rgba(0,0,0,.5) url("../images/title_bg_01.png") center center no-repeat;transition: opacity ease .5s;} .product_list:hover a .product_list_img_main::after,.product_list:hover a .product_list_img_list_main::after,.info_like_list:hover a .info_like_list_img::after{opacity: 1;} .product_list_img a img,.product_list_img_list_main{height:368px;} .news_hot_list a {width:100%;background: #fff;display: block;position: relative;} .news_hot_list img{transition: all ease .5s;} .news_hot_list:hover img{transform: scale(1.05);} .news_hot_list img,.news_hot_hover_img,.news_hot_list_img{width:100%;height: 370px;object-fit: cover;display: block;overflow: hidden;} .news_hot_text{width: 100%;padding:20px 40px 60px;} .news_hot_text p{width: 100%;font-size:22px;line-height: 36px;color:#1e1e1e;display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .news_hot_text i{width: 100%;font-size:18px;line-height: 36px;color:#bfbfbf;display: block;margin:10px 0;} .news_hot_text span{width: 100%;font-size:20px;line-height: 36px;color:#bfbfbf;display: block;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .news_hot_hover{position: absolute;top:0;right:0;left:0;bottom:0;z-index:1;display: none;transition: all ease .5s;} .news_hot_hover_img{background: rgba(0,0,0,.5);position: relative;} .news_hot_hover_img:before{content:'了解更多';position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height: 100px;border-radius: 50%;font-size:16px;color:#fff;background: #b20700;text-align: center;line-height: 100px;} .news_hot_list a:hover .news_hot_hover{display: block;} .news_hot_list a:hover .news_hot_text{background: #d1baa3;} .news_hot_list a:hover .news_hot_text p{color: #b20700;} .news_hot_list a:hover .news_hot_text i,.news_hot_list a:hover .news_hot_text span{color: #333;} .news_list{width:100%;display: block;margin-bottom: 36px;} .news_list a{width:100%;padding:35px 0 30px;background: #fff;} .news_list_time{width: auto;padding:20px 65px 15px;display: block;border-right:1px solid #cfcfcf;text-align: center;} .news_list_time p{width: 100%;white-space: nowrap;font-size:40px;color: #1e1e1e;line-height: 40px;display: block;} .news_list_time span{width: 100%;white-space: nowrap;font-size:18px;color: #1e1e1e;line-height: 30px;display: block;} .news_list_text{width:100%;padding:0 65px;display: block;} .news_list_text h2{width:100%;font-size:22px;line-height: 36px;color:#1e1e1e;display: block;font-weight: normal;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .news_list_text p{width:100%;font-size:20px;line-height: 36px;color:#474747;display: block;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .news_list:hover .news_list_text h2,.news_list:hover .news_list_time p,.news_list:hover .news_list_time span{color:#b20700;} @media screen and (max-width: 1600px) { .info_main{padding:4.0625vw 0;} .info_hot img{width: 39.375vw;height: 41.25vw;} .info_hot_text{margin-left:5.9375vw;max-width: calc(100% - 45.3125vw);} .info_hot_text h2,.info_label{font-size:1.875vw;line-height: 2.25vw;} .info_hot_intro{font-size:1.125vw;line-height: 2.25vw;margin-top:2.5vw;} .info_label{margin:5.625vw 0 3.125vw;} .info_like_list{width: 23.125%;margin-right: 2.5%;} .info_like_list a img,.info_like_list_img{height: 24.125vw;} .info_like_list a p{padding:2.3125vw 10px 1.375vw;font-size:1.125vw;line-height: 1.5vw;} .product_list,.news_hot_list{width: 30.625%;margin-right: 4.0625%;margin-bottom: 3.75vw;} .product_list a{padding-bottom: 2.5vw;} .product_list a img,.product_list_img_main{height: 32.1875vw;} .product_list_img a img,.product_list_img_list_main{height:23vw;} .product_list a p,.product_list a span{font-size: 1.25vw;line-height: 2.25vw;} .product_list a p{padding-top:1.25vw;} .product_list a i{width: 23.265%;height: 2.4375vw;font-size:1vw;line-height: 2.4375vw;border-radius: 1.25vw;margin-top:4.0816%;} .product_list a i:before{width: 7.8125vw;height: 2.9375vw;border-radius: 2.5vw;} .news_hot_list img,.news_hot_hover_img,.news_hot_list_img{height: 23.125vw;} .news_hot_text{padding:1.25vw 2.5vw 3.75vw;} .news_hot_text p{font-size:1.375vw;line-height: 2.25vw;} .news_hot_text i{font-size:1.125vw;line-height: 2.25vw;margin:0.625vw 0;} .news_hot_text span{font-size:1.25vw;line-height: 2.25vw;} .news_hot_hover_img:before{content:'+';width: 6.25vw;height: 6.25vw;line-height: 6.25vw;font-size:1vw;} } @media screen and (max-width: 640px) { .info_hot img,.info_hot_text{width: 100%;max-width:100%;display: block; height: auto;} .info_hot_text{margin-left:0;margin-top:3vw;} .info_hot_text h2,.info_label{font-size:4.6875vw;line-height: 5.625vw;} .info_hot_intro{font-size:2.8125vw;line-height: 5.625vw;margin-top:3vw;} .info_label{margin:14.0625vw 0 7.8125vw;} .info_like_list{width: 49%;margin-right: 2%;margin-bottom: 2%;} .info_like_list:nth-child(2n){margin-right: 0;} .info_like_list a img,.info_like_list_img{height: 51vw;} .info_like_list a p{padding:5.78125vw 1.5625vw 3.4375vw;font-size:2.8125vw;line-height: 3.75vw;} .product_list{width:49%;margin-right: 2%;margin-bottom: 3vw;} .product_list:nth-child(3n){margin-right: 2%;} .product_list:nth-child(2n){margin-right: 0;} .product_list a{padding-bottom: 2.5vw;} .product_list a img,.product_list_img_main{height: 50vw;} .product_list_img a img,.product_list_img_list_main{height:36.875vw;} .product_list a p,.product_list a span{font-size: 3.125vw;line-height: 5.625vw;} .product_list a p{padding-top:3.125vw;} .product_list a i{width: 17.8125vw;height: 6.09375vw;font-size:2.5vw;line-height: 6.09375vw;border-radius: 3.125vw;margin-top:3.125vw;} .product_list a i:before{width: 19.53125vw;height: 7.34375vw;border-radius:3.75vw;} .news_hot_text{padding:1.25vw 2.5vw 3.75vw;} .news_hot_text p{font-size:16px;line-height: 20px;} .news_hot_text i{font-size:14px;line-height: 20px;margin:10px 0;} .news_hot_text span{font-size:14px;line-height:20px;} .news_list{margin-bottom: 2.25vw;} .news_list a{padding:5.46875vw 0 4.6875vw;} .news_list_time{padding:3.125vw 4vw 2.34375vw;} .news_list_time p{font-size:6.25vw;line-height: 6.25vw;} .news_list_time span{font-size:2.8125vw;line-height: 4.6875vw;} .news_list_text{padding: 0 4vw;} .news_list_text h2{font-size:3.4375vw;line-height: 5.625vw;} .news_list_text p{font-size:3.125vw;line-height: 5.625vw;} } .about{width:100%;display: block;} .about img{width:770px;height: 545px;object-fit: cover;float:left;display: inline-block;margin:0 35px 35px 0;} .one_img img{max-width:100%;width:auto;} .about .about_intro{font-size:18px;line-height: 36px;color:#474747;display: inline;text-indent: 2rem;} .about .about_intro p img{float:unset;display:block;margin:0 auto;max-width:100%;height:auto;} @media screen and (max-width: 1600px) { .about img{width: 48.125vw;height: 34.0625vw;margin:0 2.1875vw 2.1875vw 0;} } @media screen and (max-width: 1600px) { .about img{width: 100%;height: auto;margin:0 0 2vw 0;} .about .about_intro{font-size: 16px;line-height: 30px;} } .page{width:100%;margin-top:36px;} .page ul{width:100%;display: flex;justify-content: center;flex-wrap: wrap;} .page a{width: auto;background: #ececec;padding:0 14px;line-height: 36px;border-radius: 3px;color:#333;display: block;margin:0 2px;font-size:14px;} .page a.current{background: #b20700;color:#fff;} @media screen and (max-width: 640px) { .page a{padding:0 2.1875vw;line-height: 5.625vw;font-size:2.1875vw;} } .detail{width:100%;max-width: 1245px;margin:0 auto;display: block;background: #fff;padding:50px 80px;} .detail_title{width:100%;text-align: center;display: block;border-bottom: 1px solid #e2e2e2;padding-bottom: 20px;margin-bottom: 45px;} .detail_title h1{width:100%;font-size:32px;line-height: 48px;color:#212121;display: block;font-weight: normal;} .detail_intro{width:100%;font-size:14px;line-height: 20px;color:#666;padding:10px 0;} .detail_intro span{padding:0 10px;border-left:1px solid #666;} .detail_intro span:first-child{border-left:none;} .detail_content, .detail_content p{width:100%;font-size: 18px;line-height: 48px;color:#212121;display: block;text-indent: 2rem;} .detail_content{margin-bottom: 65px;} .detail_content img{max-width: 100%;margin:30px auto;display: block;height:auto !important;} .detail_page{width: 100%;align-items: flex-end;} .detail_page_back{width:155px;height: 46px;line-height: 46px;border-radius: 23px;font-size:18px;color:#212121;display: block;background: #f6f6f6;text-align: center;} .detail_page_prev{flex-grow: 1;display: block;} .detail_page_prev a{width: 100%;font-size:18px;line-height: 36px;color:#949494;display: block;} @media screen and (max-width: 1200px) { .detail{padding:50px 2%;} } @media screen and (max-width: 750px) { .detail_title h1{font-size:24px;line-height: 36px;} .detail_content, .detail_content p{font-size:16px;line-height: 36px;} .detail_page_prev a{font-size:14px;line-height: 30px;} .detail_page_back{width: 100px;height: 36px;line-height: 36px;border-radius: 18px;font-size:14px;margin-top:20px;} } .index_message{width: 100%;position: relative;z-index:9;} .index_message_main{width:90%;max-width: 1600px;margin:130px auto ;position: relative;} .index_message_main_left{width:45.625%;display: block;color:#000;font-family: 宋体;padding-right: 5%;order: 1;position: relative;} .index_message_main_left h2,.index_message_main_left h3,.index_message_main_left p,.index_message_online h2{width:100%;line-height: 36px;font-weight: normal;} .index_message_main_left h2,.index_message_online h2{font-size:30px;} .index_message_main_left img{width:150px;height: 150px;object-fit: contain;display: block;margin:35px 0 40px;} .index_message_main_left h3{font-size:24px;} .index_message_main_left p{font-size:20px;margin-top:20px;} .index_message_main_left::after{content:'';width:1px;height: 100%;background: #71584e;display: block;position: absolute;top:0;right: 0;} .index_message_online{width:42.1875%;display: block;color:#000;font-family: 宋体;order: 2;} .index_message_online form{width:100%;} .index_message_online form input{width:46%;background: unset;border-bottom: 1px solid #757373;font-size:18px;line-height: 36px;margin-top:25px;padding:15px 0;color:#000;} .index_message_online form input::placeholder{color:#b4b4b4;} .index_message_online form input.index_message_online_content{width:100%;} .index_message_online_btn{width:100%;margin-top:90px;} .index_message_online_btn button{width:125px;height: 47px;border:1px solid #b20700;padding:3px;text-align: center;font-size:16px;line-height: 39px;color:#fff;border-radius: 29px;margin-left:7px;background: unset;} .index_message_online_btn button span{width:100%;height: 100%;background: #b20700;display: block;border-radius: 20px;} .index_message_online_btn button[type=reset]{border-color:#3e3e3e;} .index_message_online_btn button[type=reset] span{background:#3e3e3e;} @media screen and (max-width: 1600px){ .index_message_main{margin-top:5vw;padding-bottom: 10vw;} } @media screen and (max-width: 950px){ .index_message_main_left,.index_message_online{width:100%;} .index_message_main_left{position: unset;left:unset;top:unset;margin-bottom: 65px;} .index_message_main_left::after{display: none;} } @media screen and (max-width: 750px){ .index_message_main_left h2,.index_message_online h2{font-size:4vw;} .index_message_main_left h3{font-size:3.2vw;} .index_message_main_left p{font-size:2.666vw;margin-top:2.666vw;} .index_message_online_btn{margin-top:12vw;margin-bottom: 5vw;} .index_message_online form input{font-size: 2.4vw;line-height: 4.8vw;margin-top:3.333vw;padding:2vw 0;} .index_message_main_left img{margin:4.666vw 0 5.333vw;} } @media screen and (max-width: 500px) { .index_message_online_btn button{width:80px;height: 30px;padding:2px;border-radius: 15px;line-height: 24px;} .index_message_online_btn button span{border-radius: 12px;} } .no_indent{text-indent: unset !important;} .no_background_color{background-color: unset;} .no_border{border:0;}