.box,.box_container{width:100%;display: block;} .box{height:100vh;position: relative;overflow:hidden;} .box_container{position: absolute;} .box_list{width: 100%;height: 100vh;position: relative;background:#000;} .box_list_img,.box_list video{width:100%;height: 100vh;object-fit: cover;display: block;} .box_list_text{width:100%;position: absolute;top:50%;transform: translateY(-50%);text-align: center;display: block;color:#fff;} .box_list_text.box_list_news{top:calc(50% + 41px);} .box_list_text h2,.box_list_text p{width: 100%;display: block;padding:0 5%;} .box_list_text h2{font-size:38px;line-height: 48px;letter-spacing: 20px;} .box_list:first-child .box_list_text h2{font-size:48px;} .no_letter_spacing{letter-spacing: 0 !important;} .box_list_text p{font-size:24px;line-height: 24px;margin:38px 0;} .box_list_text img.box_list_icon{width: 35px;height: 35px;border-radius: 50%;display: block;margin:0 auto;} .box_list_text a.see_more{width:auto;padding:0 20px;line-height: 30px;border:1px solid #fff;border-radius: 16px;color:#fff;font-size:14px;margin:0 auto;display: inline-block;} .box_list dl{width: 100%;} .box_list dd{width: auto;margin:40px 0 45px;} .box_list dd a{width:auto;padding:0 40px;font-size:18px;line-height: 18px;display: block;color:#fff;border-left:1px solid #fff;} .box_list dd:first-child a{border: none;} .box_list ul,.box_list_swiper,.box_list_swiper_wrapper{width: 100%;} .box_list li{width: 440px;display: block;margin-left:40px;} /*.box_list_swiper_wrapper .swiper-slide{width: 440px;display: block;margin-right: 40px;}*/ .box_list_swiper_wrapper .swiper-slide{width: 31.428%;display: block;margin-right: 2.85%;} .box_list_swiper_wrapper .swiper-slide a{width: 100%;display: block;text-align: left;} .box_list_swiper_wrapper .swiper-slide a .news_img{width: 100%;height: 370px;object-fit: cover;display: block;overflow: hidden;position: relative;} .box_list_swiper_wrapper .swiper-slide a .news_img img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .4s ease .1s;} /*.box_list_swiper_wrapper .swiper-slide a:hover .news_img img{transform: scale(1.05);}*/ .box_list_swiper_wrapper .swiper-slide a h3{width: 100%;font-size:18px;line-height: 32px;color:#fff;display: block;font-weight: normal;margin-top:15px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .box_list_swiper_wrapper .swiper-slide a p{width: 100%;font-size:14px;line-height: 28px;color:#fff;display: block;margin:5px 0 25px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .box_list_swiper_wrapper .swiper-slide a span{width:auto;font-size:14px;line-height: 28px;color:#fff;display: block;} .box_list_video{width:100%;height: 100vh;position: absolute;top:0;right:0;bottom:0;left:0;z-index:3;background-size: cover;} .box_nav{width: auto;position: absolute;top:50%;transform:translateY(-50%);right: 45px;z-index:9;color:#fff;} .box_nav_list{width: auto;height: 32px;} .box_nav_list p{font-size:16px;line-height: 32px;display: none;margin-right:10px;} .box_nav_list span{width:20px;height: 1px;background: #fff;display: none;margin:0 2px 0 5px;} .box_nav_list i{width:18px;height: 18px;display: block;border-radius: 50%;background: url("../images/icon_01.png") center center no-repeat;background-size: contain;} .box_nav_list.active p,.box_nav_list.active span{display: block;color:#b20700;} .box_nav_list.active i{background: url("../images/icon_01_on.png") center center no-repeat;} @media screen and (max-width: 1600px) { .box_list_text h2{font-size:2.375vw;line-height: 3vw;letter-spacing: 1.25vw;} .box_list:first-child .box_list_text h2{font-size:3vw;} .box_list_text p{font-size:1.5vw;line-height: 1.5vw;margin:2.375vw 0;} .box_list_text img.box_list_icon{width: 2.1875vw;height: 2.1875vw;} .box_list dd{margin:2.5vw 0 2.8125vw;} .box_list dd a{padding:0 2.5vw;font-size: 1.125vw;line-height: 1.125vw;} .box_list_swiper_wrapper .swiper-slide{width: 30.746%;margin-right:2.928%;} .box_list_swiper_wrapper .swiper-slide a .news_img{height: 23.125vw;} .box_list_swiper_wrapper .swiper-slide a h3{font-size: 1.125vw;line-height: 2vw;margin-top:0.9375vw;} .box_list_swiper_wrapper .swiper-slide a p{font-size:0.875vw;line-height: 1.75vw;margin:0.3125vw 0 1.5625vw;} .box_list_swiper_wrapper .swiper-slide a span{font-size:0.875vw;line-height: 1.75vw;} .box_list_text.box_list_news{top:calc(50% + 2.5625vw);} .box_nav{right:2.8125vw;} } @media screen and (max-width: 1400px) { .box_list_swiper_wrapper .swiper-slide a .news_img{height: 17.714vw;} } @media screen and (max-width: 960px) { .box_list_swiper_wrapper .swiper-slide{width: 45.833vw;margin-right:4.166vw;} .box_list_swiper_wrapper .swiper-slide a .news_img{height: 27.6vw;} .box_list_text h2{font-size:3.958vw;line-height: 5vw;letter-spacing: 2.083vw;} .box_list:first-child .box_list_text h2{font-size:5vw;} .box_list_text p{font-size: 2.5vw;line-height: 2.5vw;margin:3.958vw 0;} .box_list_text img.box_list_icon{width: 3.6458vw;height: 3.6458vw;} .box_list dd a{padding:0 4.166vw;font-size:1.875vw;line-height: 1.875vw;} .box_list_swiper_wrapper .swiper-slide a h3{font-size: 1.875vw;line-height: 3.333vw;margin-top:1.5625vw;} .box_list_swiper_wrapper .swiper-slide a p{font-size:1.458vw;line-height: 2.916vw;margin:0.52vw 0 2.604vw;} .box_list_swiper_wrapper .swiper-slide a span{font-size: 1.458vw;line-height: 2.916vw;} } @media screen and (max-width: 750px) { .box_list video{object-fit: contain;} .box_list_swiper_wrapper .swiper-slide a h3{font-size:18px;line-height: 32px;margin-top:15px;} .box_list_swiper_wrapper .swiper-slide a p{font-size:14px;line-height: 28px;margin:5px 0 25px;} .box_list_swiper_wrapper .swiper-slide a span{font-size: 14px;line-height: 28px;} } @media screen and (max-width: 500px) { .box_list_text h2,.box_list:first-child .box_list_text h2{font-size:24px;line-height: 30px;} .box_list_text p{font-size:18px;line-height: 24px;margin:20px 0;} .box_list_text img.box_list_icon{width: 28px;height: 28px;} .box_list_swiper_wrapper .swiper-slide{width: 100%;margin-right:0;} .box_list_swiper_wrapper .swiper-slide a .news_img{height: 57.8vw;} .box_list dd a{font-size:16px;line-height: 16px;} .box_list dd{margin:20px 0;} } .box_list_swiper_wrapper .swiper-slide a .new_img_hover{width:100%;height: 100%;position: absolute;top:0;left:0;bottom:0;right:0;background: rgba(0,0,0,.5);z-index:2;opacity: 0;transition: opacity ease .5s;} .box_list_swiper_wrapper .swiper-slide a .new_img_hover img{width:20%;object-fit: contain;display: block;margin:0 auto;} .box_list_swiper_wrapper .swiper-slide a:hover .new_img_hover{opacity: 1;} .box_list_swiper_wrapper .swiper-slide a img{transition: all ease .5s;} .box_list_swiper_wrapper .swiper-slide a:hover img{transform: scale(1.05);} .banner,.banner a,.banner img{width: 100%;display: block;min-height: 180px;object-fit: cover;} .info{width: 100%;display: block;padding-bottom: 210px;} .info_nav{width:100%;font-size:16px;line-height: 32px;color:#c59911;padding:30px 0 10px;border-bottom:1px solid #f3ebcf;} .info_nav dl{width: 100%;} .info_nav dd a{color:#363636;padding:0 30px;white-space: nowrap;} .info_nav dd a.active{color:#c59911;} .info_nav dd a img{height: 18px;object-fit: contain;margin-right: 15px;display: none;} .info_nav dd a.active img{display: block;} .info_title{width: 100%;font-size:28px;line-height: 32px;color:#c59911;margin:80px 0 62px;} .info_title p{margin: 0 10px;font-weight: 600;font-size:28px;} .info_title img{height: 32px;object-fit: contain;display: block;} @media screen and (max-width: 750px) { .info_nav dd a{padding:0 4vw;} .info_nav dd a img{margin-right: 2vw;} } .info_yun{width:100%;position: relative;} .info_yun img{max-width: 100%;height: 82px;object-fit: contain;display: block;} .info_yun img.bg_text{height: 54px;position: absolute;right:260px;bottom:54px;object-fit: contain;display: block;} .contact{flex-grow: 1;display: block;} .contact_title,.quality_title{width:100%;display: block;margin-bottom: 50px;} .contact_title h2,.quality_title h2{width:100%;font-size:24px;line-height: 36px;padding:15px 0;color:#c59911;letter-spacing: 10px;display: block;} .contact_title span,.quality_title span{width:70px;height: 1px;background: #c59911;display: block;} .contact ul{width:100%;display: block;} .contact li{width: 100%;font-size:18px;line-height: 32px;padding:10px 0;display: flex;justify-content: flex-start;align-items: center;} .contact li img{width:19px;height: 23px;object-fit: contain;display: block;margin-right: 15px;} .map{width: 59.64%;height: 365px;border:1px solid #898989;display: block;margin:35px 0 105px;} .envir_add .quality_title{text-align: center;} .envir_add .quality_title span{margin:0 auto;} @media screen and (max-width: 750px) { .contact,.map{width: 100%;} .contact_title,.quality_title{margin-bottom: 6.666vw;} .contact_title h2,.quality_title h2{letter-spacing: 0;} .info_title{margin:10.666vw 0 8.266vw;} .info_yun img{height: 10.933vw;} .map{margin:4.666vw 0 14vw;} .info{padding-bottom: 28vw;} .info_yun img.bg_text{height: 7.2vw;right:34.666vw;bottom:7.2vw;} } .product_about{width:41%;max-width: 575px;display: block;} .product_about_title{width:83.47%;display: block;background: url("../images/product_title_bg.png") 65px bottom no-repeat;background-size: auto 100%;margin-bottom: 20px;} .product_about_title h2{width:auto;display: inline-block;font-size:24px;line-height: 46px;color:#000;} .product_about_title p{width:100%;font-size:18px;line-height: 32px;color:#000;} .product_about_title p span{width: 50px;height:1px;background: #4c4c4c;display: block;margin-right: 23px;} .product_about_content{width:100%;font-size:16px;line-height: 32px;color:#777;display: block;} .product_img{width:53.57%;display: block;} .product_img img,.product_img video{width: 100%;height:100%;max-height:100%; object-fit: contain;display: block;} .product_video_img{position: absolute;top:0;right:0;bottom:0;left:0;z-index:2;} .product_video_img img{width: 100%;height: 100%;object-fit: cover;display: block;} .product_img_box{width:100%;margin:68px 0 188px;} .product_swiper .swiper-slide{width:31.428%;max-height: 275px;object-fit: contain;display: block;margin-right:2.858%;} .product_swiper .swiper-slide img{width:100%;height: 100%;object-fit: cover;display: block;} /*.product_img_box img:first-child{margin-left: 0;}*/ /*.product_img_box .swiper-slide:first-child{margin-left: 0;}*/ .product_box{width:100%;margin:0 auto;max-width: 920px;} .product_box_list{width:117px;display: block;text-align: center;} .product_box_list img{width: 100%;object-fit: contain;display: block;} .product_box_list h2{width:auto;display: inline-block;font-size:18px;line-height: 24px;color:#000;text-align: center;font-weight: normal;margin:15px auto 43px;position: relative;} .product_box_list h2:before{content:'';width:10px;height:9px;background:url("../images/angle_left.png") center center no-repeat;background-size:100%;position: absolute;top:0;left:-5px;} .product_box_list h2:after{content:'';width:10px;height:9px;background:url("../images/angle_right.png") center center no-repeat;background-size:100%;position: absolute;bottom:0;right:-5px;} .product_box_list p{width:72px;font-size:16px;color:#777;line-height: 36px;writing-mode: vertical-rl;display: block;height: 240px;text-align: left;margin:0 auto;} .product_img-next,.product_img-prev{position: absolute;top:50%;transform: translateY(-50%);background-size:80% auto !important;background: #b5b5b5;margin-top:0 !important;} .product_img-next{right:-50px !important;background-image: url("../images/right.png") !important;} .product_img-prev{left:-50px !important;background-image: url("../images/left.png") !important;} .product_img-prev.swiper-button-disabled, .product_img-prev.swiper-button-disabled{opacity: 1 !important;pointer-events:unset !important;} .product_img-next:hover,.product_img-prev:hover{background-color: #c59912 !important;} .position_relative{position: relative;} @media screen and (min-width: 960px) { .product_video{position: absolute;top:0;right:0;bottom:0;} } @media screen and (max-width: 1440px) { .product_img-next{right:-27px !important;} .product_img-prev{left:-27px !important;} } @media screen and (max-width: 960px) { .product_img-next{right:0 !important;} .product_img-prev{left:0 !important;} .product_about,.product_img{width: 100%;max-width: unset;} .product_img_box{margin:3vw 0;} .product_img_box img{height: 18.958vw;} } @media screen and (max-width: 750px) { .product_swiper .swiper-slide{width:50%;height: 29.6vw;} } @media screen and (max-width: 570px) { .product_about_title{width:100%;background-position: right center;} .product_box_list{width:20.5vw;} .product_box_list h2{white-space: nowrap;} } @media screen and (max-width: 500px) { .product_swiper .swiper-slide{width:100%;height:60vw;max-height:unset;margin-right: 0;} } .bottle{width:100%;position: relative;padding-top:60px;margin-bottom: 65px;} .bottle_img{width: 43.714%;max-width: 612px;height: 513px;object-fit: contain;display: block;position: absolute;top:0;left:0;} .barrel{height: auto;} .bottle_img img{width: 100%;height:100%;object-fit: contain;display: block;} .bottle_content{width: 53%;position: relative;top:0;right:0;left:47%;height: 340px;} .bottle_content_intro{font-size:16px;line-height: 44px;color:#777;display: block;writing-mode: vertical-rl;text-align: justify;text-decoration: underline;} .bottle_title {width:83px;min-width:83px;height:288px;display: block;writing-mode: vertical-rl;background: url("../images/bottle_title_bg.png") top center no-repeat;background-size: 83px 288px;font-size:24px;line-height: 36px;color:#0e0e0e;text-align: center;position: absolute;right:0;letter-spacing: 2px;} .bottle_title p{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);white-space: nowrap;} .bottle_title p i{width:17px;height: 17px;border-radius: 50%;border:2px solid #0e0e0e;min-height: 17px;min-width: 17px;position: relative;margin-top:10px;} .bottle_title p i:before{content: '';width:5px;height: 5px;border-radius: 50%;background:#0e0e0e;display: block;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .bottle_content_sub_title{min-width:35px;position: absolute;right:118px;top:-45px;} .bottle_content_sub_title p,.bottle_content_sub_letter-title{font-size:20px;line-height: 32px;color:#000;writing-mode: vertical-rl;letter-spacing: 5px;} .bottle_content_sub_title span{writing-mode: unset;font-size:12px;color:#0e0e0e;line-height: 36px;padding-left:5px;} .bottle_content_sub_letter-title{position: absolute;right:153px;top:50px;} .bottle_content_intro{position: absolute;right:248px;} .barrel_box{width:43.57%;left:56.43%;height:auto !important;} .barrel_title{width:100%;display: block;font-size:24px;line-height: 36px;color:#000;height:36px;} .barrel_title span{width: auto;height: 0;border-bottom: 20px solid #fbc000;border-left: 10px solid transparent;-webkit-transform: rotate(0deg);transform: rotate(0deg);display: block;font-size:10px;line-height: 20px;color:#fff;padding:0 10px;margin-left:20px;} .barrel_content{width:100%;display: block;margin-top:30px;} .barrel_content p{width:100%;font-size:16px;line-height: 30px;color:#000;display: block;} .barrel_content span{width:32px;height: 3px;background: #000;display: block;margin:10px 0 40px;} .barrel_content i {width:5px;height: 5px;border-radius: 50%;background: #000;display: block;margin-right: 5px;} @media screen and (max-width: 1200px) { .bottle{padding-top:5vw;margin-bottom: 5.416vw;} .bottle_content{width: 100%;position: relative;top:unset;right:unset;left:unset;margin-top:8vw;} .barrel_box{margin-top:0;} .bottle_img{width: 100%;height: auto;margin:0 auto 8vw;display: block;position: unset;top:unset;right:unset;left:unset;} .bottle_img img{width: 100%;max-width: 612px;} } @media screen and (max-width: 750px) { .bottle_content{height: 60vw;} .bottle_content_intro{line-height: 5.866vw;right:33.066vw;font-size:2.133vw;letter-spacing: 2px;} .bottle_title{width:11.066vw;min-width: 11.066vw;height: 38.4vw;background-size: 100% 100%;font-size:3.2vw;} .bottle_title p i{width: 2.266vw;height: 2.266vw;border-width: 0.266vw;min-height: 2.266vw;min-width: 2.266vw;margin-top:1.333vw;} .bottle_title p i:before{width: 0.666vw;height: 0.666vw;} .bottle_content_sub_title{min-width: 4.666vw;right: 15.733vw;top: -6vw;} .bottle_content_sub_title p, .bottle_content_sub_letter-title{ font-size: 2.666vw;line-height: 4.266vw;} .bottle_content_sub_title span{font-size:1.6vw;line-height: 4.8vw;padding-left:0.666vw;} .bottle_content_sub_letter-title{right:22.4vw;top:6.666vw;} } @media screen and (max-width: 750px) { .bottle_content_sub_letter-title{right:24.4vw;} } @media screen and (max-width: 500px) { .bottle_content{height: 70vw;} } @media screen and (max-width: 450px) { .bottle_content{height: 80vw;} .bottle_content_intro{font-size:12px;line-height: 24px;} } @media screen and (max-width: 400px) { .bottle_content{height: 90vw;} .bottle_content_sub_title{right:12.733vw;} } @media screen and (max-width: 380px) { .bottle_content{height: 100vw;} } @media screen and (max-width: 330px) { .bottle_content{height: 120vw;} } .quality{width:100%;display: block;position: relative;} .quality_content{width:45.357%;max-width: 635px;padding-bottom: 115px;} .quality_content p{width:100%;font-size:16px;line-height: 32px;color:#000;text-align: justify;} .quality_img{max-width:676px;width: 48.285%;position: absolute;top:0;left:0;} .quality_img .swiper-slide{width:355px;height: 450px;} .envir.quality_img .swiper-slide{width:100%;max-width:675px;height: 450px;} .quality_img .swiper-slide a,.quality_img .swiper-slide img{width:100%;height: 100%;object-fit: cover;display: block;} .quality_img .swiper-button-next,.quality_img .swiper-button-prev{top:unset;bottom:unset;left:unset;right:unset;background-size:auto 100%;position: unset;width:60px;height: auto;} .swiper_page{position: absolute;bottom:10px;left:50%;transform: translateX(-50%);z-index:9;} .swiper_page .swiper-button-next{border-left:1px solid #fff;} .swiper_page .swiper-button-prev{border-right:1px solid #fff;} .quality_img .swiper-button-next.swiper-button-disabled,.quality_img .swiper-button-prev.swiper-button-disabled{opacity: 1;} .quality_img .swiper-button-prev{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAWVJREFUWEfF1q9LBFEUxfHvNRkEkwYNgklREEQFwaJBMJncP1KLSVEQBIMgLBhcTYJBgybBYJIjA3dhGJbdeT9mZus+5nzefWd2n9Hxx5rIl3QI7AL3ZnY9LiM7QNIJcOqhfTPbag1QCS9yz8ys1wpgRPgA6JnZc+OA2PACltwBScfAeWmXtXY+XJ8E8LZfxYYnTUDSHnCXEh4NkLQJ9FPDowCSVoFys4POvPpGBHVA0hLwlmPnwSWUNA985gyvfQSSZoCf3OG1AJKmgL8mwusCnoA1ByQVbtRP8sQSSvoAFroEdHsExc4lTQO/TfRg4hEMQyXNAt+5EbUBPok54CsnIgjgiEXgPRciGOCIZeA1ByIK4IgV4CUVEQ1wxAbwmIJIAjhiG3iIRSQDHBF9O8oCcMQBcBM6iWwARxwBFyXErZntj/oTCr6QjHtI+bvKNX1gZuutAkqT2CnKaWaXrQPqTqtY9w8EZK4hCLEBagAAAABJRU5ErkJggg==");} .quality_img .swiper-button-next{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAWdJREFUWEfF18ErhEEYx/HfNycH5cSBg3KyHNTWloNSiji58EdyclIOXJRCShEn5cCBk3JwMtqi3uSZeWbm3d29zrvz/bwz77vvu2jEH1L9EMKGpBVJ58Bx6vjccQ/gSlL3Z+I94CA3EjveA9iXtNuYpFWEB9CR1EcsDgKRBPSjIYSBIVyACGIHOKy5JtyACGKz5u7IAkQQq8BZyUpkAyKILnCdiygCRBAd4D4HUQyIIOaAJy+iChBBTAOvHkQ1IIKYAD5SiFYAEcQY8FX1LEidQXP8n1/MO2BplIAXYGYoAON5MZwtMOLjwGdqC6svQiM+Cbyn4v3xKoARnwLePPEqgBGfBZ698WKAEZ8HHnPiRQAjvgA85MazAUZ8GbgpiWcBjHgPuCyNuwFGvPgtqAlO3oZGfB04qTnz3+96AKeS1hqxbeCojbhrC0IIt40/JdWv4X/hnhXYktSTdNHmmbu3oK2ltub5BuVCliG4NOvDAAAAAElFTkSuQmCC");} @media screen and (max-width: 1200px) { .quality_content{width:100%;padding-bottom:3vw;max-width: unset;} .quality_img{width:100%;position: unset;top:unset;left:unset;padding-bottom:10vw;margin:0 auto;} } @media screen and (max-width: 750px) { .quality_img{width:96vw;} .quality_img .swiper-slide{width:47.333vw;height: 60vw;} .envir.quality_img{width: 90vw;} .envir.quality_img .swiper-slide{width:90vw;height: 60vw;} } .news{width:100%;} .news_list{width:31.428%;margin-right: 2.857%;display: block;margin-bottom:85px;} .news_list:nth-child(3n){margin-right: 0;} .news_list a{width: 100%;display: block;} .news_list_img{width: 100%;height: 18.928%;max-height: 265px;display: block;overflow: hidden;} .news_list_img img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .4s ease .1s;} .news_list a:hover .news_list_img img{transform: scale(1.05);} .news_list a h2{width: 100%;font-size:18px;line-height: 32px;color:#000;display: block;font-weight: normal;margin-top:15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .news_list a p{width: 100%;font-size:14px;line-height: 28px;color:#777;margin:5px 0 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 56px;} .news_list a span{width:auto;font-size:14px;line-height: 28px;color:#777;display: block;} @media screen and (max-width: 750px) { .news_list{width: 48%;margin-right: 4%;margin-bottom:11.333vw;} .news_list:nth-child(3n){margin-right: 4%;} .news_list:nth-child(2n){margin-right: 0;} } @media screen and (max-width: 750px) { .news_list{width: 100%;margin-right: 0;} } .page{width: 100%;display: block;margin-top:55px;} .page ul{width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;} .page ul li a{width:40px;height: 40px;font-size:16px;line-height: 38px;border:1px solid #dcdcdc;text-align: center;color:#333;display: block;margin:0 5px 5px;background: #fff;} .page ul li a:hover,.page ul li a.current{background: #f5bb4f;color:#fff;border-color: #fff;} @media screen and (max-width: 750px) { .page{margin-top:7.333vw;} .page ul li a{width:5.333vw;height: 5.333vw;line-height: 5.066vw;font-size:2.133vw;margin:0 0.666vw 0.666vw;} } .article{width:100%;display: block;margin-top:85px;} .article h1{width:100%;font-size:20px;line-height: 32px;display: block;text-align: center;color:#000;margin-bottom: 50px;font-weight: normal;} .article_content{width:100%;display: block;font-size:16px;color:#666;display: block;line-height: 30px;} .article_content img{max-width: 100%;margin:30px auto;display: block;} @media screen and (max-width: 750px) { .article{margin-top:11.333vw;} .article h1{margin-bottom: 6.666vw;} } .honor{width:100%;position: relative;padding:25px 0 70px;height: 770px;} .honor_line{width:2px ;height: 760px;background: #aeaeae;position: absolute;top:0;left:50%;transform: translateX(-50%);} .honor .swiper-button-next,.honor .swiper-button-prev{width: 20px;height: 28px;display: block;background-color: #fff;z-index:2;background-size: auto 28px;opacity: 1 !important;text-align: center;background-position: center;} .honor .swiper-button-prev{content: '';background-image: url("../images/top.png");position: absolute;top:0;left:50%;transform: translateX(-50%);} .honor .swiper-button-next{content: '';background-image: url("../images/bottom.png");position: absolute;bottom:0;left:50%;transform: translateX(-50%);top:unset;} .honor_box{width: 100%;height: 100%;overflow: hidden;} .honor_box .swiper-container { width: 100%; height: 100%; } .honor_box .swiper-slide { text-align: center; /* Center slide text vertically */ 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; } .honor_box .swiper-slide{width:35%;position: relative;left:15%;padding-right: 4%;/*height: 168px !important;*/margin-top:-100px;} .honor_box .swiper-slide:nth-child(2n){left:50%;padding-right: 0;padding-left:4%;} .honor_box .swiper-slide i{width:20px;height: 20px;border-radius: 50%;border:4px solid #a0a0a0;position: absolute;right:-10px;top:50%;transform: translateY(-50%);display: block;background: #fff;z-index:3;} .honor_box .swiper-slide:nth-child(2n) i{left:-10px;right:unset;} .honor_list,.honor_list span{width:100%;/*height: 1px;*/display: block;position: relative;} .honor_list span{height: 1px;background: #c59911;margin-bottom: 10px;} .honor_list img{width:100%;height: 147px;object-fit: cover;display: block;/*position: absolute;bottom:50px;right:0;*/} .honor_list h2{width: 100%;font-size:20px;line-height: 50px;color:#c59911;display: block;/*position: absolute;bottom:0;right:0;*/text-align: left;} .honor_list p{width: 100%;font-size:16px;line-height: 32px;color:#777;display: block;/*position: absolute;top:10px;right:0;*/text-align: left;} .honor_box .swiper-slide:first-child{margin-top:110px;} .honor_box .swiper-slide.swiper-slide-active i{border-color: #c59911;} @media screen and (max-width: 1400px) { .honor{height: 55vw;} .honor_line{height: 55vw;} .honor_box .swiper-slide{height: 12vw;width: 50%;left:0;} .honor_box .swiper-slide:first-child{margin-top:7.857vw;} .honor_list img{height: 10.5vw;bottom:3.5714vw;} .honor_list h2{font-size: 1.42857vw;line-height: 3.5714vw;} .honor_list p{font-size:1.1428vw;line-height: 2.2857vw;top:0.7142vw;} } @media screen and (max-width: 750px) { .honor{height: auto;padding-bottom:0;} .honor_line{height: 2px;width:100%;top:unset;bottom:10px;left:50%;transform: translateX(-50%);} .honor .swiper-button-next{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAWdJREFUWEftlLFKxEAQhmcW30B8Ajut7cPtXi2KXqWVoGBlY6GNYKGNIFYqgoUKwlV2wu3MedjYWNnZWdnZ2Sn5JZKA3EUTj/UOJKkCO5Pvmz+7yzTkh4fMp0qgSuD/JRBF0Uin03kve7qCJmCtHSWiEyI6U9WrMhLBBGq12rgx5pKIpojoLY7j6Xa7fV0kEUwgAdXr9R0AGyn0FcCMqspPEkEFEpBzbp+I1lLoizFmttVq3X4nEVwgTeIIwEoKfQYwp6p3eRJ/IpCArLXnzLyQvAN4MsbMe+/vuyV6BJxzKNo4fa4/Amio6sPX/kEKJElsq+pWkcBNnxP2tDHzGIDJZIGZd733m4W/IATcWjthjGlmcCLaE5H1gWzCbjiAA1XNjmVvSiEmzr6RM/mhiKwO5CLKgZ+KyFLRgEHvAefcMREtM/OF936xCP65OcsU/abGOdcUkUbZnuACZcFZXSVQJVAlUCXwAS+EfiG2tBEMAAAAAElFTkSuQmCC");top:unset;bottom:0;left:unset;right:0;transform: unset;} .honor .swiper-button-prev{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAVJJREFUWEftlT9PhjAQh++SS1xcmFxcXFxdnJxqChhCTIx/3sTByS+iX0fUdzGBoRBGV910d3JyhGhrIAxokJJ4Qkxghd7z9Hf0ijDxgxPzYRaYE/hfCQghKM/zd86TMzgBz/NOAOCMiM7jOH7lkhgkUMGNMVcVFBEftNaLNE2fOSSsAm14A7xQSl1ywOsN9RX6a3ivwBjwHwXGgncKdMC52l3XUUp9afv3fwBd140A4IiV2ipmE4AgCFbKsowQcb9Zl3PKKKV22/U6T4EQYpWIrgFgr/n4znGcgyiKPjhlek9BGIZOURQ3AFAbG2MyRDxUSr1xSvTOASnlGgDcIuJOA73XWh9nWfbCJWGdhEKIdSJaAsB2A30kokWSJE8cElaBCuL7/oYxZmmM2QKA8UZxe4dSyk1EPOW8B6x3AUfEthqDWmAr8pv3s8CcwJzA5Al8Agj7eCFaOcT+AAAAAElFTkSuQmCC");top:unset;bottom:0;left:0;transform: unset;} .honor .swiper-button-next,.honor .swiper-button-prev{width: 28px;height: 20px;display: block;background-color: #fff;z-index:2;background-size: 28px 20px;opacity: 1 !important;} .honor_box .swiper-slide i,.honor_box .swiper-slide:nth-child(2n) i{top:unset;bottom:-27px;left:50%;transform: translateX(-50%);} .honor_box .swiper-container{padding-bottom: 30px;} .honor_box .swiper-slide:first-child{margin-top:0;} .honor_list,.honor_box .swiper-slide{height: auto !important;background: unset;} .honor_box .swiper-slide{display: flex;justify-content: flex-start;align-items: flex-end;} .honor_box .swiper-slide:nth-child(2n){left:unset;padding-right: 4%;padding-left:0;} .honor_list img,.honor_list h2,.honor_list p{position: unset;top:unset;right:unset;bottom:unset;left:unset;} .honor_list img{height: auto;} .honor_list h2{font-size: 2.666vw;line-height: 6.666vw;} .honor_list p{font-size:2.133vw;line-height: 4.266vw;top:1.333vw;} .honor_box .swiper-slide i{width: 2.666vw;height: 2.666vw;border-width: 0.533vw;} } @media screen and (max-width: 500px) { .honor_box .swiper-slide{width: 100%;padding-right: 0 !important;padding-bottom: 3vw;} .honor_box .swiper-slide i, .honor_box .swiper-slide:nth-child(2n) i{bottom:-25px;} .honor_list h2{font-size: 4vw;line-height: 10vw;} .honor_list p{font-size:3.2vw;line-height: 6.4vw;top:2vw;} } .cert{width:100%;display: block;margin-top:57px;} .cert .swiper-slide{width:19.857%;height: 28%;margin-right: 6.857%;} .cert .swiper-slide img,.cert .swiper-slide a{width:100%;height: 100%;display: block;object-fit: contain;} @media screen and (max-width: 750px) { .cert .swiper-slide{width: 37.066vw;height: 52.266vw;} } .no_data{width:100%;font-size:20px;line-height: 40px;color:#c59911;display: block;text-align: center;margin-top:60px;} .web_img{display: none;} @media screen and (max-width: 750px) { .pc_img{display: none;} .web_img{display: block;} } .envir_add_box{width:100%;} .envir_add_list{width:50%;border-left:1px dashed #aaa;padding-left:240px;} .envir_add_list:first-child{border-left:0;padding-left:290px;} .envir_add_list h2{width: 100%;font-size: 22px;line-height: 22px;color:#000;display: block;font-weight: normal;} .envir_add_list p{width: 100%;line-height: 50px;display: block;font-size:22px;color:#000;margin-top:45px;} .envir_add_list p i{font-size:50px;color:#c59911;font-weight: 600;line-height: 50px;margin-right: 20px;position: relative;} .envir_add_list p i sup{width:10px;height: 10px;border:3px solid #c59911;display: block;border-radius: 50%;position: absolute;top:6px;right:-13px;} .envir_add_content{width:100%;max-width:1300px;margin-left:auto;margin-right:auto;font-size:16px;color:#000;line-height: 36px;text-align: center;display: block;} @media screen and (max-width: 1440px) { .envir_add_list{padding-left:16.666vw;} .envir_add_list:first-child{padding-left:20.138vw;} } @media screen and (max-width: 750px) { .envir_add_list{padding-left:0;text-align: center;} .envir_add_list:first-child{padding-left:0;} .envir_add_list p{justify-content: center !important;} } @media screen and (max-width: 450px) { .envir_add_list h2,.envir_add_list p span{font-size:4.888vw;line-height: 4.888vw;} .envir_add_list p{margin-top:10vw;} .envir_add_list p i{font-size:11.11vw;line-height: 11.11vw;} } .four_step_list{width:25%;display: block;margin-bottom: 25px;} .four_step_list_img{width:120px;height: 120px;position:relative;display: block;margin:0 auto;} .four_step_list_img img{width:100%;height: 100%;border-radius: 50%;object-fit: contain;display: block;} .four_step_list_img p{width:100%;text-align: center;position: absolute;top:50%;transform: translateY(-50%);left:0;display: block;font-size:22px;color:#777;line-height: 22px;font-weight: 600;} .four_step_list .four_step_list_text{width:100%;border-left:1px dashed #b2b2b2;text-align: center;padding:0 10%;display: block;} .four_step_list:first-child .four_step_list_text{border:none;} .four_step_list_text h2{width:auto;display: inline-block;position: relative;font-size:20px;line-height: 28px;margin:25px auto 40px;} .four_step_list_text h2:before,.four_step_list_text h2:after{width:10px;height: 10px;display: block;background-repeat: no-repeat;position: absolute;} .four_step_list_text h2:before{content:"";background-image: url("../images/angle_left.png");top:0;left:-5px;} .four_step_list_text h2:after{content:"";background-image: url("../images/angle_right.png");bottom:-3px;right:-5px;} .four_step_list_text p{width:100%;font-size:16px;line-height: 30px;color:#000;display: block;text-align: justify;} @media screen and (max-width: 865px) { .four_step_list{width: 50%;} .four_step_list:nth-child(3) .four_step_list_text{border:none;} } .one_banner,.swiper-container{width:100%;height: 100%;} .one_banner a ,.one_banner img{width:100%;height: 100%;object-fit: cover;display: block;} .one_pagination span{width: 97px;height: 3px;background: #fff;opacity: 1;border-radius: 0;} .one_pagination span.swiper-pagination-bullet-active{background: #d8000f;} @media screen and (max-width: 865px) { .one_pagination span{width:10%;} } .two_box{width:100%;display: flex;justify-content: flex-start;flex-wrap: wrap;} .two_box_video{width:48.958%;display: block;min-width: 48.958%;position: relative;} .two_box_about{width:51.042%;display: block;position: relative;background: url("../images/index_about.jpg") center center no-repeat;background-size: cover;} .video-cirle{position: absolute;width:60px;height: 60px;top:50%;left:50%;transform: translate(-50%,-50%);} .two_box_video_btn{width:100%;height: 100%;position: absolute;top:0;right:0;left:0;bottom:0;z-index:9;} .video-cirle img { width:100%; height: 100%; position: relative; z-index: 99; } .video-cirle:after { content: ""; position: absolute; border-radius: 50%; top: 50%; left: 50%; z-index: 1; } .video-cirle::before { content: ""; position: absolute; border-radius: 50%; top: 50%; left: 50%; z-index: 1; } .video-cirle:after { width: 76px; height: 76px; background: rgba(216, 0, 15, 0.5); margin-left: -38px; margin-top: -38px; -webkit-animation: warn 2s linear 0s infinite; -moz-animation: warn 2s linear 0s infinite; animation: warn 2s linear 0s infinite; } .video-cirle::before { width: 70px; height: 70px; background: rgba(216, 0, 15, 0.8); margin-left: -35px; margin-top: -35px; -webkit-animation: warn 2s linear 0s infinite; -moz-animation: warn 2s linear 0s infinite; animation: warn 2s linear 0s infinite; } @media screen and (max-width: 750px) { .video-cirle{width:8vw;height: 8vw;} .video-cirle:after { width: 10.133vw; height: 10.133vw; margin-left: -5.066vw; margin-top: -5.066vw; } .video-cirle::before { width: 9.333vw; height: 9.333vw; margin-left: -4.666vw; margin-top: -4.666vw; } } @keyframes warn { 0% { transform: scale(0.5); opacity: 0; } 25% { transform: scale(1); opacity: 0.4; } 50% { transform: scale(1.2); opacity: 0.8; } 75% { transform: scale(1.3); opacity: 0.4; } 100% { transform: scale(1.4); opacity: 0; } } .index_title{width:100%;display: block;height: 86px;line-height: 86px;text-align: center;background: url("../images/title_bg.png") center center no-repeat;background-size: auto 100%;font-size:56px;display: block;font-family: 宋体;font-weight: 600;} .index_sub_title{width:100%;text-align: center;font-size:26px;line-height: 60px;display: block;font-family: 宋体;font-weight: 600;} .two_box_about_main{width:100%;position: absolute;top:50%;left:0;transform: translateY(-50%);} .two_box_about_main .index_title{color:#b20700;} .two_box_about_main .index_sub_title{color:#282727;} .two_box_about_intro{width:100%;font-size:20px;line-height: 36px;color:#353535;font-family: 宋体;margin-top:30px;padding:0 15%;} .two_about_number{margin:70px 0 40px;} .two_about_number_list{width: 200px;text-align: center;display: block;} .two_about_number_list p{width:auto;display: inline-block;margin:0 auto;position: relative;font-size:48px;color:#b20700;font-family: "Alibaba PuHuiTi L";line-height: 48px;} .two_about_number_list p i,.two_about_number_list p em{font-style: normal;position: absolute;right:-10px;color:#b20700;font-size:14px;line-height: 14px;font-weight: 600;font-family: 宋体;} .two_about_number_list p i{top:0;} .two_about_number_list p em{bottom:0;right:-15px;} .two_about_number_list span{width:100%;display: block;font-size: 20px;line-height: 60px;color:#b20700;font-weight: 600;padding-left:24px;} .index_more{width:125px;height: 45px;border:1px solid #b20700;border-radius: 27px;display: block;margin:0 auto;text-align: center;padding:3px;line-height: 37px;color:#fff;font-size:16px;overflow: hidden;} .index_more span{width:100%;background:#b20700;display: block;border-radius: 19px;} .two_box,.two_box_video{height: 100%;} .video_img{width:100%;height: 100%;object-fit: cover;display: block;position: relative;} @media screen and (max-width: 1600px){ .index_title{height: 5.375vw;line-height: 5.375vw;font-size: 3.5vw;} .index_sub_title,.two_about_number_list span{font-size:1.625vw;line-height: 3.75vw;} .two_box_about_intro{padding:0 10%;font-size:1.25vw;line-height: 2.25vw;margin-top:1.875vw;} .two_about_number{margin:4.375vw 0 2.5vw;} .two_about_number_list{width:30%;} .two_about_number_list p{font-size:3vw;line-height: 3vw;} } @media screen and (max-width: 1200px) { .index_title{height: 86px;line-height:86px;font-size:56px;} .index_sub_title{font-size:26px;line-height: 60px;} } @media screen and (max-width: 950px) { .box_nav{display: none;} .two_box_video{height:50vw;} .two_box_video video:poster{object-fit: cover;width: 100%;height: 100%;} .header,.two_box_about_main{position: unset;top:unset;left:unset;transform: unset;} .box,.box_list,.box_list_img, .box_list video{height: auto;} .box_container{position: unset;} .two_box_video,.two_box_about{width:100%;} .two_box_about{padding:5vw 0;} /*.index_title{height: 9vw;line-height: 9vw;font-size: 5.89vw;}*/ /*.index_sub_title,*/.two_box_about_intro,.two_about_number_list span{font-size:2.736vw;line-height: 6.31578vw;} .two_box_about_intro{margin-top:3.157vw;padding:0 2%;} .two_about_number{margin:4.375vw 0 2.5vw;} .two_about_number_list{width:30%;} .two_about_number_list p{font-size:5.0526vw;line-height: 5.0526vw;} .index_more{height: 36px;line-height: 28px;} } @media screen and (max-width: 950px) { .two_about_number_list p i{top:-5px;} .two_about_number_list p em{bottom:-5px;} } @media screen and (max-width: 640px) { .index_title{height: 13.4375vw;line-height: 13.4375vw;font-size:8.75vw;} .index_sub_title{font-size:4.0625vw;line-height: 9.375vw;} .two_box_about_intro{font-size:14px;line-height: 24px;} } .index_news{width:100%;height: 100%;background: url("../images/index_03.jpg") top center no-repeat;background-size: cover;display: block;position: relative;} .index_news .index_title{background-image: url("../images/title_bg_01.png");color:#fff;} .index_news .index_sub_title{color:#fff;} .index_news_main {width:100%;position: absolute;top:85px;left:0;} .index_news_swiper{width:85%;max-width: 1600px;margin:0 auto;padding:40px 0;} .index_news_swiper .swiper-slide{width:21vw;text-align: center;padding:20px 1.1vw;overflow: hidden;transition: all ease .5s;} .index_news_swiper .swiper-slide a{transition: all ease .5s;} .index_news_swiper .swiper-slide:hover{transform: scale(1.05);} .index_news_swiper .swiper-slide:hover a{box-shadow: 0 0 20px rgba(134,129,129,0.33);} .index_news_swiper .swiper-slide a,.index_news_swiper .swiper-slide img ,.index_product_img{width: 100%;display: block;} .index_news_swiper .swiper-slide img,.index_product_img{height: calc(100vh - 480px) !important;position: relative;overflow: hidden;transition: all ease .5s;object-fit:cover;} .index_product_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;} .index_news_swiper .swiper-slide:hover .index_product_img::after{opacity: 1;} .index_news_swiper .swiper-slide:hover img{transform: scale(1.05);} .index_news_swiper .swiper-slide a h2{font-size:32px;line-height: 60px;color:#b20700;font-family: 宋体;font-weight: normal;padding-top:20px;background: #f5f5f5;} .index_news_swiper .swiper-slide a p{font-size:20px;line-height: 20px;color:#3b3b3b;font-family: 宋体;padding-bottom: 25px;background: #f5f5f5;margin-top:-1px;} .index_news .swiper-button-next,.index_news .swiper-button-prev{width:65px; height: 65px;background-size: 65px 65px;opacity: 1 !important;} .index_news .swiper-button-next{background-image: url("../images/index_news_next.png") !important;} .index_news .swiper-button-prev{background-image: url("../images/index_news_prev.png") !important;} @media screen and (max-width: 1600px) { .index_news_swiper .swiper-slide a h2{font-size:24px;line-height: 40px;} } @media screen and (max-width: 950px) { .index_news{height: auto;padding-top: 5vw;} .index_news_main{position: unset;top:unset;left:unset;transform: unset;} .index_news .swiper-button-next, .index_news .swiper-button-prev{display: none;} .index_news_swiper .swiper-slide{width:50%;padding: 20px 2.5%;} .index_news_swiper{width:100%;padding:0 2%;} } @media screen and (max-width: 750px) { .index_news_swiper .swiper-slide a h2{font-size:4.266vw;line-height: 8vw;} .index_news_swiper .swiper-slide a p{font-size:2.666vw;line-height: 2.666vw;} } .four_box{width:100%;height:100%;display: block;position: relative;} .four_box_title{width:100%;position: absolute;top:85px;left:0;z-index:20;} .four_box_title .index_title{color:#b20700;} .four_box_title .index_sub_title{color:#fff;} .waterCurve{width: 100%;height: 4.948vw;position: absolute;left: 0;top: 70vh;z-index: 9;background: url("../images/waterCurve.6dcc0989.png") no-repeat 0 0;background-size: 100%;} .four_box .current-water {position: absolute;left: 50%;top: 2.083vw;z-index: 10;width: 5.208vw;height: 5.208vw;margin-left: -2.604vw;border-radius: 50%;border: 2px solid red;overflow: hidden;} .four_box .current-water-name {margin-left: -2.604vw;position: absolute;bottom: -100%;left: 50%;z-index: 13;width: 5.208vw;height: 2.083vw;font-size: 1.042vw;color: #fff;text-align: center;white-space: nowrap;} .four_box .current-water img {width: 100%;height: 100%;object-fit: cover;} .four_box .current-water:before {content: "";position: absolute;left: 50%;top: 50%;width: 0.417vw;height: 0.417vw;background-color: #cd0000;border-radius: 50%;margin: -0.208vw 0 0 -0.208vw;} .four_box .swiper-button-next.ig, .four_box .swiper-button-prev.ig {margin: 0!important;width: 18px;height: 18px;background-color: #fff;border-radius: 50%;background-image: none;z-index: 99999;transition: all .5s;} .four_box .swiper-button-next.ig>div.ig, .four_box .swiper-button-prev.ig>div.ig {position: absolute;left: 50%;top: 50%;width: 14px;height: 14px;margin: -7px 0 0 -7px;background-color: #fff;border: 3px solid #f00;border-radius: 50%;} .four_box .swiper-button-prev {left: 15.625vw;top: -0.26vw;} .four_box .swiper-button-next {right: 15.625vw;top: 0.781vw!important;} .four_box_slide_img{width:100%;height:100%;object-fit: cover;display: block;} .four_box_swiper_main{width:95%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);max-width: 1600px;} .four_box_swiper_main h2{width: 100%;font-size:42px;line-height: 80px;font-family: 宋体;color:#fff;} .four_box_swiper_main p{width: 100%;font-size:36px;line-height: 48px;font-family: 宋体;color:#fff;} @media screen and (max-width: 950px) { .four_box_title{top:5vw;} .four_box{height: auto;} .waterCurve{top:unset;bottom:8vw;} .four_box_swiper_main{position: relative;z-index:9;top:unset;left:2.5%;transform: unset;padding:45vw 0 20vw;} .four_box_slide_img{position: absolute;top:0;right:0;bottom:0;left:0;} } @media screen and (max-width: 750px) { .four_box_swiper_main h2{font-size:5.6vw;line-height:10.666vw; } .four_box_swiper_main p{font-size:4vw;line-height:6.4vw; } } .index_news_bg .index_title{background-image: url("../images/news_title_bg.png");color:#b20700;} .index_news_bg .index_sub_title{color:#282727;} .index_news_bg .swiper-slide {background: #fff;} .index_news_bg .box_list_swiper_wrapper .swiper-slide a h3{color:#1e1e1e;padding:0 5%;} .index_news_bg .box_list_swiper_wrapper .swiper-slide a:hover h3{color: #b20700;} .index_news_bg .box_list_swiper_wrapper .swiper-slide a p,.index_news_bg .box_list_swiper_wrapper .swiper-slide a span{color:#ababab;padding:0 5%;} .index_news_bg{top:0 !important;transform: unset;padding-top: 85px;} .index_news_bg .main{margin-top:30px;max-width: 1600px;} @media screen and (max-width: 950px) { .index_news_bg{position: relative;z-index:9;padding-top:5vw;padding-bottom: 5vw;} .index_news_img{position: absolute;top:0;right:0;left:0;bottom:0;height:100%;z-index:8;} } .index_message{width: 100%;padding-top:85px;position: relative;z-index:9;} .index_message .index_title{background-image: url("../images/message_title_bg.png");color:#b20700;} .index_message .index_sub_title{color:#fff;} .index_box_bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;width:100%;height: 100%;object-fit: cover;display: block;} .index_message_main{width:90%;max-width: 1600px;margin:130px auto 0;position: relative;} .index_message_main_left{width:45.625%;display: block;color:#fff;font-family: 宋体;padding-right: 5%;position: absolute;left:0;} .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: 470px;background: #71584e;display: block;position: absolute;top:0;right: 0;} .index_message_online{width:42.1875%;display: block;color:#fff;font-family: 宋体;} .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:#fff;} .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;} .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;} } .popup{width:100%;height: 100vh;position: fixed;top:0;right:0;bottom:0;left:0;background: rgba(0,0,0,1);z-index:99;display: none;} .popup video{width:100%;max-width:800px;height: auto;object-fit: contain;display: block;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .popup_close{width:3vw;height: 3vw;min-width:30px;min-height:30px;position: absolute;top:10px;right:10px;z-index:2;} .popup_close img{width: 100%;height: 100%;object-fit: cover;display: block;} .two_box_video::after{width:100%;height: 100%;position:absolute;top:0;right:0;left:0;bottom:0;background: rgba(0,0,0,.4);opacity:0;transition:opacity ease .5s;z-index:9;content: '';} .two_box_video{transition: all ease .5s;} .two_box_video:hover::after,.two_box_video:hover{opacity: 1;transform: scale(1.05);}