/*********************************************************/
*{touch-action: pan-y; }
html,
body {background-color: #fff;color: #000;transition: all ease-in .5s;font-family: 'SourceHanSansCN-Regular';}
@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url(../static/SourceHanSansCN-Regular.ttf);
}
input::placeholder{color: #999;}
.container{max-width: 100vw;margin: 0 auto;}
.m-arrow-right .m-cell-rt, .m-arrow-down .m-cell-rt, .m-arrow-up .m-cell-rt{padding-right: 0;width: 100%;}
a.button:hover{position: relative;top: -1px;left: -1px;}
/*********************************************************/
/*   */
.footer{width: 100%;position: relative;z-index: 90;}
/*  */
.header{position: fixed;top: 0;left: 0;right: 0;z-index:999;padding: 0 30px;height: 60px;font-size: 18px;color: #fff;transition: all ease-in .5s;}
.header.shadow{background: rgba(0, 0, 0, .2);}
.header .logo{height: 35px;}
.header .menu{width: 20px;height: 20px;cursor: pointer;margin-left: 40px;}
.header .menu_box{position: relative;}
.header .menu_box .menu{position: relative;top: auto;right: auto;}
.header .menu_more{width: 100%;padding: 0 54px;background-color: #fff;position: fixed;top: -60px;left: 0;right: 0;height: 60px;transition: all ease-in .5s;z-index: 999;}
.header .menu_more.show{top: 0;}
.header .menu_more .link_a{margin-left: 20px;}
.header .menu_more .menus{width: 300px;}
/*  */
.swiper-button-next, .swiper-button-prev{color: #fff !important;}
.swiper-slide{overflow: hidden;}
.swiper.index{width: 100vw;height: 100vh;}
.swiper.banner{background-color: #000;height: 100vh;}
.swiper.banner .swiper-slide::before{content: "";display: block;width: 100vw;height: 100vh;background: url(../static/icons/swiperbg.png) no-repeat left top;background-size: 100% 100%;z-index: 3;position: absolute;top: 0;left: 0;}
.swiper.banner img{display: block;object-fit: cover;-o-object-fit: cover;width: 100%;height: 100%;}
.swiper.banner video{width: 100vw;height: 100vh;}
.swiper.banner .swiper-slide{overflow: hidden;}
.swiper.banner .swiper-slide img{width:100%;height:auto;min-height:100%;transition:2s linear;transform:scale(2,2);opacity: .3;}
.swiper.banner .swiper-slide-active img,.swiper-slide-duplicate-active img{ transition:2s linear; transform:scale(1,1);opacity: 1;}
.guide_box{position: absolute;bottom: 0;left: 0;line-height: 45px;z-index: 999999;padding-left: 55px;padding-bottom: 75px;}
.guide_box a{display: block;color: #fff !important;font-size: 23px;transition: all ease .5s;}
.guide_box a:hover{transform: scale(1.2);}
.buy_links{position: absolute;bottom: 0;right: 0;line-height: 90px;z-index: 999999;padding-right: 55px;padding-bottom: 57px;}
.buy_links a{transition: all ease-in .5s;}
.buy_links a:nth-of-type(1){display: block;width: 50px;height: 50px;background: url(../static/icons/tm.png) no-repeat center;background-size: 100%;margin-left: 30px;}
.buy_links a:nth-of-type(2){display: block;width: 50px;height: 50px;background: url(../static/icons/jd.png) no-repeat center;background-size: 100%;margin-left: 30px;}
.buy_links a:nth-of-type(3){display: block;width: 50px;height: 50px;background: url(../static/icons/xm.png) no-repeat center;background-size: 100%;margin-left: 30px;}
.buy_links a:hover{transform: scale(1.2);}
.production_box{height: 100%;text-align: center;}
.production_box img{width: 45vw;height: 80vh;object-fit: cover;-o-object-fit: cover;}
.production_box a{display: block;}
.production_box h1{padding: 10px 0 5px;font-size: 24px;}
.production_box h2{font-size: 18px;}
.production_box{height: 100%;text-align: center;}
.worth_box {height: 100%;text-align: center;}
.worth_box img{width: 100vw;height: 80vh;object-fit: cover;-o-object-fit: cover;margin-top: 65px;display: block;}
.worth_box a{display: block;margin: 0;}
.worth_box h1{padding: 10px 0 5px;font-size: 26px;}
.worth_box h2{font-size: 20px;}
.img_box{width: 100vw;padding-top: 65px;}
.img_box a{height: 80vh;width: 45vw;}
.img_box a img{height: 100%;width: 100%;object-fit: cover;-o-object-fit: cover;}
.detail_box{height: 19vh;text-align: center;width: 100%;}
.with_swiper{width: calc(150vh - 300px);margin-top: 65px;}
.with_left{font-size: 18px;font-weight: 400;padding-left: calc((100vw / 1920) * 87);line-height: 35px;}
.with_swiper .swiper-slide {width: calc(100vh - 200px);transition: all ease .5s;height: calc((200vh - 400px) / 3);}
.with_swiper .swiper-slide.swiper-slide-next{margin-top: 60px;}
.with_swiper .swiper-slide img{width:100%;height:auto;min-height:100%;transition:2s linear;transform:scale(2,2);opacity: 1;object-fit: cover;-o-object-fit: cover;}
.with_swiper .swiper-slide-active img,.swiper-slide-duplicate-active img{ transition:2s linear; transform:scale(1,1);opacity: 1;object-fit: cover;-o-object-fit: cover;}
.with_swiper .swiper-button-next, .with_swiper .swiper-button-prev {color: #fff;}
/* .with_swiper .swiper-slide::before{content: "";display: block;width: 100vw;height: 100vh;background: url(../static/icons/swiperbg.png) no-repeat left top;background-size: 100% 100%;z-index: 3;position: absolute;top: 0;left: 0;} */
.company_box{width: 100vw;height: 100vh;position: relative;}
.company_box .logo2{width: 170px;display: block;margin: 80px auto 0;}
.company_box .code{width: 170px;display: block;margin: 30px auto 0;height: 170px;}
.company_box .company_item{width: 100%;}
.company_box .channel{padding-bottom: 4vh;border-bottom: 1px solid #000;font-size: 18px;}
.company_box .channel h1{font-size: 38px;}
.company_box .channel h2{font-size: 28px;}
.company_box .channel div{padding-right: 40px;}
.company_box .channel a{padding-left: 80px;}
.company_box .sale_link{font-size: 18px;}
.company_box .sale_link img{margin-right: 22px;transition: all ease-in .5s;width: 50px;}
.company_box .link_a{font-size: 32px;text-align: center;width: 300px;}
.company_box .link_a p:last-child{font-size: 18px;}
.company_box .links{padding-top: 4vh;padding-bottom: 3.7vh;}
.company_box .link_b{font-size: 18px;text-align: center;width: 300px;}
.company_box .link_b p:last-child{font-size: 18px;}
.company_box .sale_link:hover img{transform: translateX(-10%);}
.company_box .company_item.links a{font-size: 18px;text-align: center;width: 300px;}
/*  */
.brand.swiper{overflow: auto;width: 100vw;height: 100vh;padding-left: 40px !important;}
.brand.mobile{display: none;}
.brand::-webkit-scrollbar{display: none;opacity: 0;width: 0;height: 0;}
.brand .swiper-slide .sections{width: 100%;height: 100%;position: relative;overflow: hidden;justify-content: center;}
.brand .swiper-slide .sections img{width: auto;height: 90%;object-fit: cover;-o-object-fit: cover;}
.brand .swiper-slide:nth-of-type(1) .sections{background: url(../static/images/worth.png) no-repeat center;background-size: cover;}
.brand .swiper-slide .sections .tips{font-size: 20px;color: #fff;width: 52vw;padding-left: 200px;}
.brand .swiper-slide:nth-of-type(2) .sections{padding: 0 20px;}
.brand .swiper-slide .section2_1{position: relative;z-index: 2;width: calc(100vw / 1920 * 690);height: auto;margin-bottom: 0;}
.brand .swiper-slide .section2_2{position: absolute;top: 12px;right: 96px;z-index: 1;width: calc(100vw / 1920 * 1100);height: auto;}
.brand .swiper-slide .brand_title{padding-top: 8vh;padding-left: 104px;font-size: 28px;padding-bottom: 6vh;}
.brand .swiper-slide .brand_title div:last-child{font-size: 18px;}
.brand .swiper-slide .brand_desc{font-size: 20px;color: #353535;line-height: 32px;z-index: 9;margin-top: 30px;}
.brand .swiper-slide .brand_adv{background: url(../static/images/brand_adv.png) no-repeat;background-size: auto calc(100vh / 1080 * 1056);background-position: 0 12px;}
.brand .swiper-slide .tool_list{position: absolute;top: 0;bottom: 0;right: 56px;z-index: 2;}
.brand .swiper-slide .tool_list a img{display: block;margin-bottom: 40px;height: calc(100vh / 1080 * 294);width: auto;}
.brand .swiper-slide .brand_adv .adv_box{padding-top: 10vh;padding-left: 44px;width: 600px;}
.brand .swiper-slide .brand_adv .adv_box h1{font-size: 18px;line-height: 1.565;}
.brand .swiper-slide .brand_adv .adv_box h2{font-size: 18px;color: #353535;line-height: 1.333;}
.brand .swiper-slide .brand_adv .adv_box h2:nth-of-type(1){padding-top: 5vh;}
.brand .swiper-slide .brand_adv .adv_box h2:nth-of-type(2){padding-bottom: 60px;}
.brand .swiper-slide .brand_adv .adv_box div{font-size: 17px;color: #353535;line-height: 5vh;}
.brand .swiper-slide .four_goods div{margin-bottom: auto;}
.brand .swiper-slide .four_goods div:nth-of-type(2n){margin-bottom: 0;margin-top: auto;}
.brand .swiper-slide .four_goods div img{width: 100%;}
.brand .swiper-slide .four_goods div h1{color: #c3c3c3;font-size: 22px;padding: 28px 0;}
.brand .swiper-slide .four_goods div h1::before{content: "";display: block;border-width: 0 16px 28px 16px;border-style: solid;border-color: transparent transparent #c3b9b0 transparent;margin-right: 16px;}
.brand .swiper-slide .four_goods div:nth-of-type(2n) h1::before{border-color: #c3b9b0 transparent transparent transparent;border-width: 28px 16px 0 16px;}
.brand .swiper-slide .four_goods div {font-size: 20px;}
.brand .swiper-slide .goods_box{padding-left: 8px;margin-bottom: 15px;}
.brand .swiper-slide .goods_desc{padding-left: 83px;position: relative;font-size: 22px;color: #353535;line-height: 1.571;margin-top: calc(100vh / 1080 * 300);}
.brand .swiper-slide .goods_desc::before{content: "";display: block;border-width: 16px 0 16px 28px;border-style: solid;border-color: transparent transparent transparent #433930;position: absolute;top: 8px;left: 33px;}
.brand .swiper-slide .goods5{width: auto;height: calc(100vh / 1080 * 820);}
.brand .swiper-slide .goods5_1{width: auto;height: calc(100vh / 1080 * 467);position: absolute;top: 12px;left:  calc(100vw / 1920 * 620);}
.brand .swiper-slide .goods5_2{width: auto;height: calc(100vh / 1080 * 354);position: absolute;bottom: 16px;right:  calc(100vw / 1920 * 12);}
.brand .swiper-slide .scetion6_title{position: absolute;top: calc(100vh / 1080 * 82);left: calc(100vw / 1920 * 54);width: calc(100vw / 1920 * 500);}
.brand .swiper-slide .scetion6_title h1{font-size: 28px;padding-bottom: calc(100vh / 1080 * 40);}
.brand .swiper-slide .scetion6_title h2{font-size: 18px;color: #353535;}
.brand .swiper-slide .section6_1{width: calc(100vw / 1920 * 1838);}
.brand .swiper-slide .sectionimg{width: calc(100vw / 1920 * 287);margin-left: calc(100vw / 1920 * 287);}
.brand .swiper-slide .sectionimgs{height: 100vh;}
.brand .swiper-slide .his_top{margin-right: calc(100vw / 1920 * 287);padding-bottom: calc(100vh / 1080 * 40);}
.brand .swiper-slide .his_bottom{padding-top: calc(100vh / 1080 * 40);}
.brand .swiper-slide .section7_1{position: absolute;top: 12px;left: 64px;width: calc(100vw / 1920 * 880);}
.brand .swiper-slide .section7_2{position: absolute;top: 9px;right: 96px;width: calc(100vw / 1920 * 700);}
.brand .swiper-slide .section7_3{position: absolute;left: calc(100vw / 1920 * 346);bottom: calc(100vh / 1080 * 20);font-size: 18px;color: #353535;line-height: 2.067;padding-right: 82px;}
.brand .swiper-slide .section7_3 img{width: calc(100vw / 1920 * 697);margin-right: calc(100vw / 1920 * 76);}
.brand .swiper-slide .section8 div{position: absolute;z-index: 2;font-size: 18px;color: #353535;top: 10px;left: 10px;width: 500px;}
.brand .swiper-slide .section8_1{position: absolute;bottom: 20px;left: 0;right: 0;height: 89vh;margin: auto;z-index: 1;}
.brand .swiper-slide .sections.worth2{background-image: url(../static/images/worth2.png);}
.brand .swiper-horizontal>.swiper-pagination-bullets,.brand .swiper-pagination-bullets.swiper-pagination-horizontal,.brand .swiper-pagination-custom,.brand .swiper-pagination-fraction{left: 0;top: 0;bottom: 0;right: inherit;display: flex;flex-direction: column;justify-content: flex-start;width: 40px;/* background-color: rgba(0, 0, 0, .2); */}
.brand .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.brand .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width: 30px;height: 30px;margin: 5px auto;line-height: 30px;text-align: center;color: #fff;font-size: 14px;background-color: transparent;position: relative;}
.brand .exit{position: absolute;left: 5px;bottom: 10px;width: 30px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 12px;background-color: #000;z-index: 90;}
.brand .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::after,.brand .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet::after{content: "";display: block;width: 20px;height: 20px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;transform: rotate(45deg);background-color: #636363;z-index: 1;}
.brand .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::before,.brand .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet::before{content: "";display: block;width: 0px;height: 11px;position: absolute;left: 0;right: 0;bottom: -10px;margin: auto;border-right: 1px dashed #636363;}
.brand .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child::before,.brand .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:last-child::before{content: "";display: block;width: 0px;height: 0px;position: absolute;left: 0;right: 0;bottom: -20px;margin: auto;border-right: 1px dashed #636363;}
.brand .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet span,.brand .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet span{position: relative;z-index: 2;}
.sections .sx,
.sections .sx,
.sections .sx,
.sections .sx{ opacity:0;transition: all ease-in-out .5s;transform: translateX(100px);}
.sections .sx.enter,
.sections .sx.enter,
.sections .sx.enter,
.sections .sx.enter{ opacity:1;transform: translateX(0);}
/*  */
.header .prolist_head{text-align: center;height: 60px;background-color: #fff;display: flex;align-items: center;justify-content: space-between;padding: 0;max-width: 1200px;margin: 0 auto;}
.header .prolist_head .navs a{display: block;font-size: 18px;margin-left: 20px;}
.header .prolist_head .navs a:hover{color: #265aa6;}
.header .prolist_head .logo3{width: auto;height: 40px;}
.breadnav{/* padding-left: 60px; */font-size: 20px;padding-bottom: 20px;padding-top: 65px;max-width: 1200px;margin: 0 auto;}
.breadnav a:hover{color: #265aa6;}
.list_banner{width: 100vw;height: 80vh;background-color: #000;}
.list_banner img{width: 100vw;height: 100%;object-fit: cover;-o-object-fit: cover;}
.swiper.list_banner .swiper-slide{overflow: hidden;}
.swiper.list_banner .swiper-slide img{width:100%;height:auto;min-height:100%;transition:2s linear;transform:scale(2,2);opacity: .3;}
.swiper.list_banner .swiper-slide-active img,.swiper-slide-duplicate-active img{ transition:2s linear; transform:scale(1,1);opacity: 1;}
.swiper.list_banner .swiper-slide::before{content: "";display: block;width: 100%;height: 100%;background: url(../static/icons/swiperbg.png) no-repeat left top;background-size: 100% 100%;z-index: 3;position: absolute;top: 0;left: 0;}
.list_title{text-align: center;max-width: 1200px;margin: 0 auto;padding-top: 10px;font-size: 20px;}
ul.list li h1{font-size: 26px;color: #1a355d;font-weight: bold;}
ul.list li h2{font-size: 18px;color: #265aa6;font-weight: bold;}
ul.list li p{font-size: 14px;color: #1a355d;width: calc(100vw / 1920 * 520);margin-top: 50px;}
ul.list li div.button{font-size: 18px;color: #fff;width: 140px;height: 40px;line-height: 40px;text-align: center;display: block;background-color: #265AA6;margin-top: 10px;}
ul.list li .goods_pic{position: relative;height: calc(100vw / 1920 * 600);width: 50%;}
ul.list li .goods_pic .list{width: 100%;height: 100%;position: relative;z-index: 1;object-fit: cover;-o-object-fit: cover;}
ul.list li .goods_pic .list_g{position: absolute;z-index: 2;left: -100px;top: 0;bottom: 0;margin: auto;width: 200px;height: 200px;object-fit: contain;-o-object-fit: contain;}
ul.list .detail{padding-left: calc(100vw / 1920 * 80);}
ul.list a:nth-of-type(2n) li .goods_pic .list_g{position: absolute;z-index: 2;right: -100px;top: 0;bottom: 0;margin: auto;left: auto;}
/* ul.list a:nth-of-type(2n) li .detail{padding-left:  calc(100vw / 1920 * 190);} */
ul.list li{padding-top: calc(100vh / 1080 * 100);}
/*  */
.consult_list{max-width: 1200px;margin: 0 auto;padding-top: 90px;}
.consult_list .consult_li{display: block;height: auto;}
.consult_list li{padding: 30px 0;border-top: 2px solid #cccc;}
.consult_list .consult_img{width: 400px;height: 250px;object-fit: cover;-o-object-fit: cover;margin-right: 30px;}
.consult_list h1{font-size: 26px;color: #1a355d;font-weight: bold;padding-bottom: 30px;}
.consult_list h2{font-size: 14px;color: #1a355d;height: 60px;line-height: 20px;width: 100%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.consult_list div.button{font-size: 16px;color: #fff;width: 140px;height: 40px;line-height: 40px;text-align: center;display: block;background-color: #265AA6;margin-top: 30px;}
.consult_list li:last-child{/* border-bottom: 2px solid #cccc; */}
.pagination{padding-top:85px;}
.pagination .layui-laypage-prev,
.pagination .layui-laypage-next{border: 2px solid #7f7f7f;color: #000;}
.pagination .layui-laypage a,.pagination .layui-laypage span{margin: 0 10px;color: #000;}
.pagination .layui-disabled{color: #000 !important;}
.pagination .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#E5E5E5;color: #fff;}
.layui-laypage a, .layui-laypage button, .layui-laypage input {border: 2px solid #7f7f7f !important;color: #000;}
.layui-laypage a:hover{color: #265aa6 !important;}
/*  */
.swiper_box{/* width: calc(100vw / 1920 * 810); */height: 100%;position: relative;background-color: transparent;flex: 1;}
.swiper.goods{width: calc(100vw / 1920 * 810);height: calc(100vw / 1920 * 810);}
/* .swiper.goods .swiper-slide{background-color: #f4f4f4;} */
.swiper.thumbs{position: absolute;top: 0;bottom: 0;left: calc(100vw / 1920 * 50);width: 88px;height: 550px;margin: auto;}
.swiper.thumbs .swiper-slide{border: 2px solid #909090;border-radius: 20px;cursor: pointer;}
.swiper.thumbs .swiper-slide.swiper-slide-thumb-active{border-color: #265aa6;}
.swiper_view .sale_link{margin-top: calc(100vh / 1080 * 75);font-size: 32px;font-weight: bold;}
.swiper_view .sale_link img{margin-right: 16px;width: 50px;}
.swiper_view .company_item{padding-left: 60px;padding-right: 100px;width: 30vw;}
.swiper_view h1{font-size: 38px;font-weight: bold;padding-bottom: 10px;}
.swiper_view h2{font-size: 28px;font-weight: bold;}
.swiper_view{margin-bottom: 100px;width: 100%;position: relative;height: auto;margin-top: 90px;}
.swiper_view .links_box{position: absolute;right: calc(100vw / 1920 * 576);bottom: 30px;z-index: 99;}
.detail_boxs{padding: 0;max-width: 1200px;margin: 0 auto;}
.detail_boxs .detail_title{font-size: 24px;font-weight: bold;}
.detail_boxs .arrow_box{padding-bottom: 40px;padding-top: 90px;}
.detail_boxs .detail_con1{font-size: 18px; line-height: 1.923;letter-spacing: 5px;}
.detail_boxs .detail_con1 img,
.detail_boxs .detail_con1 video{width: 100%;height: auto;}
.detail_boxs .detail_title2{font-size: 24px;font-weight: bold;padding-bottom: 40px;padding-top: 80px;border-bottom: 2px solid #000;}
.arrow-d{display: block;margin-left: 10px;cursor: pointer;transition: all ease-in .5s;transform: rotate(270deg);width: 15px;}
.canshu{overflow: hidden;font-size: 18px;line-height: 2;height: 0;}
.arrow-d.active{transform: rotate(360deg);}
.next_prev{font-size: 18px;padding-top: 30px;font-weight: bold;}
.input_item{font-size: 36px;color: #7d7d7d;margin-bottom: 50px;}
.input_item span{color: #ff0000;}
.input_item input{border: 2px solid #7d7d7d;width: 680px;height: 70px;border-radius: 10px;background-color: #fff;}
.input_item textarea{border: 2px solid #7d7d7d;width: 680px;height: 250px;border-radius: 10px;background-color: #fff;resize: none;}
.input_item div{width: 200px;text-align: right;}
.agreement div{font-size: 24px;color: #7d7d7d;width: 680px;}
.agreement input{width: 25px;height: 25px;margin:0 14px 0 0;}
.agreement a{color: #265aa6;}
.agreement::before{content: '';display: block;width: 200px;}
.submit{border-radius: 10px;width: 350px;height: 90px;line-height: 90px;background-color: #265AA6;text-align: center;padding: 0;margin: 80px auto 0;display: block;font-size: 47px;color: #fff;cursor: pointer}
.form{padding: 112px 0 165px;background: url(../static/images/contact_bg.png) no-repeat center;background-size: 100% 100%;}
/* .img_boxs{padding-top: 120px;} */
.preview_popup .detail{height: 90vh;width: auto;object-fit: cover;object-fit: cover;margin-top: 60px;width: 90vh;}
.preview_popup .menu_close{position: absolute;top: 80px;right: 20px;z-index: 999;cursor: pointer;width: 50px;height: 50px;}
.copyright{position: absolute;bottom: 30px;left: 0;right: 0;line-height: 30px;}
.with_box{height: 100vh;}
.swiper.thumbs .swiper-slide img{width: 100%;height: 100%;object-fit: cover;-o-object-fit: cover;}
/* @media screen and (max-width: 1560px) {
    .brand_box .brand_title{font-size: 36px;}
    .brand_box .brand_title div:last-child{font-size: 22px;}
    .brand_box .brand_desc{font-size: 20px;}
    .brand_box .brand_adv .adv_box h1{font-size: 36px;}
    .brand_box .brand_adv .adv_box h2{font-size: 20px;}
    .brand_box .brand_adv .adv_box div{font-size: 16px;}
    .brand_box .four_goods div h1{font-size: 20px;}
    .brand_box .four_goods div h2{font-size: 20px;}
    .brand_box .goods_desc{font-size: 18px;}
    .brand_box .scetion6_title h1{font-size: 36px;}
    .brand_box .scetion6_title h2{font-size: 20px;}
    .brand_box .section7_3{font-size: 20px;}
    .brand_box .section8 div{font-size: 20px;}
} */
.pc_img{display: block;}
.mbile_img{display: none;}
.swiper.index .swiper-slide.half_pc{display: block;}
.swiper.index .swiper-slide.half{display: none;}
@media screen and (max-width: 767px) {
    .pc_img{display: none;}
    .mbile_img{display: block;}
    .list_title{font-size: 14px;padding: 30px 30px 15px;}
    *{-webkit-tap-highlight-color:transparent;}
    .header{position: fixed;top: 0;left: 0;right: 0;z-index:999;padding: 0 10px;font-size: 16px;color: #fff;transition: all ease-in .5s;text-align: right;}
    .header.shadow{background: rgba(0, 0, 0, .2);}
    .header .logo{height: 20px;display: block;margin: 15px 0;}
    .header .menu{width: 30px;height: 30px;cursor: pointer;margin-left: 10px;top: 15px;right: 15px;position: absolute;}
    .header .menu_box{position: relative;}
    .header .menu_more{width: 100%;padding: 0 15px;background-color: #fff;position: fixed;top: -250px;left: 0;right: 0;height: auto;transition: all ease-in .5s;z-index: 999;display: block;}
    .header .menu_more.show{top: 0;padding-bottom: 15px;}
    .header .menu_more .menus{width: 100%;/* flex-wrap: wrap; */display: block;}
    .header .menu_more .menus a{padding-top: 15px;width: 100%;text-align: center;display: block;text-align: center;}
    .guide_box{line-height: 50px;padding-left: 15px;padding-bottom: 15px;}
    .guide_box a{font-size: 18px;}
    .buy_links {display: block;padding-bottom: 15px;padding-right: 15px;}
    .buy_links a:nth-of-type(1){display: block;width: 50px;height: 50px;margin: 8px 0;}
    .buy_links a:nth-of-type(2){display: block;width: 50px;height: 50px;margin: 8px 0;}
    .buy_links a:nth-of-type(3){display: block;width: 50px;height: 50px;margin: 8px 0;}
    .production_box h1{font-size: 18px;}
    .production_box h2{font-size: 14px;padding: 0 10px;line-height: 16px;height: 32px;}
    .worth_box h1{font-size: 20px;}
    .worth_box h2{font-size: 14px;}
    .with_box{flex-direction: column;justify-content: flex-end;height: 100vh;}
    .with_left{font-size: 20px;width: 100%;flex: inherit;padding-bottom: 30px;padding-top: 65px;}
    .with_swiper{width: 100vw;height: 100vw;margin: 0;margin-bottom: 100px;}
    .company_box .logo2{width: 200px;display: none;margin: 0 auto;}
    .company_box .company_item{width: 100%;flex-wrap: wrap;padding-bottom: 0;}
    .company_box .company_item div{width: 100vw;padding-right: 0;text-align: center;}
    .company_box .channel a{padding-left: 0;font-size: 14px;margin-right: 15px;}
    .company_box .channel a:nth-of-type(3){margin-right: 0;}
    .company_box .sale_link img{width: 40px;height: 40px;margin-right: 10px;}
    .company_box .channel{padding-bottom: 30px;}
    .company_box .channel h1{font-size: 26px;padding-top: 20px;}
    .company_box .channel h2{font-size: 20px;padding-bottom: 30px;}
    .company_box .link_a{font-size: 16px;width: 50vw;margin-bottom: 20px;}
    .company_box .link_b{font-size: 16px;width: 100vw;margin-bottom: 20px;}
    .sections .sx{ opacity:1;transform: none;}
    .brand_box {display: block;}
    .brand_box .sections .tips{padding: 0 15px;font-size: 18px;}
    .brand_box .sections:nth-of-type(2){padding: 0;}
    .brand_box .brand_title{padding: 30px 10px 50px;font-size: 20px;position: relative;z-index: 2;}
    .brand_box .brand_title div:last-child{font-size: 18px;}
    .brand_box .section2_2{right: 0;top: 0;width: calc(100vw / 1920 * 1090);position: relative;}
    .brand_box .section2_1{margin-left: 10px;}
    .brand_box .brand_desc{font-size: 15px;padding: 0 10px;line-height: 30px;left: auto;right: auto;bottom: auto;left: auto;right: auto;position: relative;padding-bottom: 30px;}
    .brand_box .brand_adv{background-size: cover;}
    .brand_box .brand_adv .adv_box{padding: 15px;width: 100%;}
    .brand_box .brand_adv .adv_box h1{font-size: 24px;padding-top: 20px;}
    .brand_box .brand_adv .adv_box h2{font-size: 18px;}
    .brand_box .brand_adv .adv_box h2:nth-of-type(1){padding-top: 10px;}
    .brand_box .brand_adv .adv_box div{font-size: 15px;line-height: 26px;}
    .brand_box .tool_list{display: flex;flex-direction: row;bottom: 30px;left: 15px;right: 15px;top: auto;justify-content: space-between;}
    .brand_box .tool_list a img{width: 100px;height: 100px;margin-bottom: 0;}
    .brand_box .four_goods{display: block;}
    .brand_box .four_goods .flex-grow-1 {width: 50vw !important;height: 50vh !important;float: left;}
    .brand_box .four_goods div h1{font-size: 18px;padding: 10px 0;}
    .brand_box .four_goods div h2{font-size: 16px;}
    .brand_box .four_goods div h1::before{border-width:0 8px 14px 8px}
    .brand_box .four_goods div:nth-of-type(2n) h1::before{border-width:14px 8px 0 8px}
    .brand_box .goods_box{padding-left: 0;display: block;height: 100vh;}
    .brand_box .goods5_1{width: 90vw;height: auto;left: 5vw;top: 10px;}
    .brand_box .goods_desc{margin-top: 0px;font-size: 15px;padding-left: 30px;}
    .brand_box .goods5{width: 100vw;height: auto;}
    .brand_box .goods5_2{width: 100%;height: auto;bottom: 0;left: 0;right: 0;}
    .brand_box .goods_desc::before{border-width: 8px 0 8px 14px;left: 10px;}
    .brand_box .scetion6_title{top: 15px;left: 15px;width: calc(100vw - 30px);position: relative;}
    .brand_box .scetion6_title h1{font-size: 18px;}
    .brand_box .scetion6_title h2{font-size: 15px;}
    .brand_box .section7_1{width: 100vw;left: 0;}
    .brand_box .section7_2{width: 50vw;right: 0;top: 40vh;}
    .brand_box .section7_3{font-size: 18px;display: block;padding-right: 0;width: calc(100vw - 30px);left: 15px;bottom: 15px;right: 15px;}
    .brand_box .section7_3 img{margin-right: 0;width: 50%;}
    .brand_box .section8 div{left: 0;right: 0;top: 15px;width: calc(100vw - 30px);font-size: 20px;position: relative;margin: 0 auto 40px;}
    .brand_box .section8_1{position: relative;display: block;margin:  0;bottom: auto;left: auto;right: auto;height: auto;}
    .brand_box .section8{display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .header.prolist_head{padding: 10px 10px 20px;}
    .header.prolist_head .navs{padding-top: 10px;}
    .header.prolist_head .navs a{padding: 0 15px;font-size: 20px;}
    .header.prolist_head .logo3{width: 30vw;}
    .breadnav{padding: 0 0 10px 15px;font-size: 14px;}
    .consult_list li{margin: 0 15px;padding: 20px 0;display: block;}
    .consult_list .consult_img{width: 100%;margin-right: 0;margin-bottom: 10px;height: 200px;}
    .consult_list h1{font-size: 20px;width: 100%;padding-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 30px;line-height: 30px;margin-bottom: 10px;}
    .consult_list h2{width: 100%;margin-right: 0;font-size: 16px;grid-auto-columns: 60px;line-height: 20px;height: auto;}
    .consult_list .flex-grow-1{width: 100%;}
    .consult_list a{width: 100%;margin: 0;height: 50px;line-height: 50px;font-size: 18px;}
    .pagination{padding-top: 10px;}
    .pagination .layui-laypage a, .pagination .layui-laypage span{margin: 0 2px;}
    .company_box .link_a p:last-child,.company_box .link_b p:last-child{font-size: 14px;}
    .list_banner{width: 100vw;height: calc(100vw / 1920 * 1040);}
    ul.list li{display: block;padding-top: 15px;}
    ul.list li .flex-grow-1{width: 100%;}
    ul.list li .goods_pic{width: 100%;margin-right: 0;height: auto;}
    ul.list li p{width: 100%;font-size: 16px;margin-top: 10px;}
    ul.list li .detail{padding: 0 15px 40px;}
    ul.list li:nth-of-type(2n) .detail{padding: 0 15px;}
    ul.list li h1{font-size: 26px;padding-top: 10px;}
    ul.list li h2{font-size: 20px;}
    ul.list li a{width: 100%;height: 50px;line-height: 50px;margin-top: 10px;font-size: 18px;margin-bottom: 10px;}
    ul.list li .list_g{display: none;}
    .swiper_view{width: 100vw;display: block;margin-bottom: 0;margin-top: 0;}
    .swiper_view .goods{width: 100vw;height: 100vw;}
    .swiper_view .swiper_box{width: 100vw;height: calc(100vw + (100vw - 80px)/5);padding-bottom: calc((100vw - 80px)/5);}
    .swiper.thumbs{left: 15px;right: 15px;bottom: 0;margin: auto;width: calc(100vw - 30px);height: calc((100vw - 90px)/5);top: auto;}
    .swiper_view .company_item{margin: 15px 0;padding: 0 15px;width: auto;}
    .swiper_view h1{font-size: 20px;}
    .swiper_view h2{font-size: 18px;}
    .swiper_view .company_item div.flex-box{flex-direction: row;width: 100%;justify-content: space-between;}
    .swiper_view .sale_link{margin-top: 10px;font-size: 18px;}
    .swiper_view .sale_link img{width: 50px;height: 50px;}
    .detail_boxs{padding: 15px;width: 100%;}
    .detail_boxs .detail_title{font-size: 20px;padding-bottom: 10px;}
    .detail_boxs .detail_con1{font-size: 14px;line-height: 1;letter-spacing: 1px;}
    .detail_boxs .detail_title2{font-size: 20px;padding-bottom: 10px;padding-top: 20px;}
    .arrow-d{width: 15px;display: none;}
    .canshu{font-size: 14px;height: auto;}
    .input_item{font-size: 14px;color: #7d7d7d;margin-bottom: 20px;}
    .input_item span{color: #ff0000;}
    .input_item input{border: 1px solid #7d7d7d;width: 70%;height: 40px;border-radius: 5px;background-color: #fff;}
    .input_item textarea{border: 1px solid #7d7d7d;width: 70%;height: 100px;border-radius: 5px;background-color: #fff;}
    .input_item div{width: 80px;text-align: right;}
    .agreement div{font-size: 14px;color: #7d7d7d;width: 70%;}
    .agreement input{width: 15px;height: 15px;margin:0 14px 0 0;}
    .agreement a{color: #265aa6;}
    .agreement::before{content: '';display: block;width: 80px;}
    .submit{border-radius: 5px;width: 70%px;height: 40px;line-height: 40px;background-color: #265AA6;text-align: center;padding: 0;margin: 40px auto 0;display: block;font-size: 20px;color: #fff;cursor: pointer}
    .form{padding: 55px 0 80px;background: url(../static/images/contact_bg.png) no-repeat center;background-size: 100% 100%;height: calc(100vh - 125px);}
    /* .swiper.index .swiper-slide.half{height: auto !important;margin-top: 65px;}
    .swiper-slide.half + .swiper-slide.half{margin-top: 0;padding-top: 40px;} */
    .swiper.index .swiper-slide.half_pc{display: none;}
    .swiper.index .swiper-slide.half{display: block;display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .production_box{height: auto;}
    .swiper-slide.four{height: calc(100vh - 55px) !important;margin-top: 55px;}
    .swiper.index .img_box{padding-top: 0;}
    .swiper.index .img_box a{width: 45vw;height: 30vh;}
    .sections.section2,.sections.section8,.sections.section6{height: auto;}
    .brand_box .sectionimgs{height: auto;}
    .worth_box img{height: 75vh;margin-top: 0;}
    .brand.swiper{overflow: auto;width: 100vw;height: 100vh;padding-left: 50px !important;}
    .brand .swiper-pagination-vertical.swiper-pagination-bullets,.brand .swiper-vertical>.swiper-pagination-bullets{left: 0;top: 0;bottom: 0;right: inherit;display: flex;flex-direction: column;justify-content: flex-start;width: 50px;background-color: rgba(0, 0, 0, .2); transform: none;}
    .brand .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.brand .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{width: 40px;height: 40px;margin: 10px auto;line-height: 40px;text-align: center;color: #fff;font-size: 12px;background-color: #000;}
    .brand .exit{position: absolute;left: 10px;bottom: 10px;width: 30px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 12px;background-color: #000;z-index: 90;}
    .brand .swiper-slide .sections .tips{width: 100vw;padding-left: 10px;font-size: 14px;}
    .brand .swiper-slide .brand_title{padding-top: 15px;padding-left: 15px;font-size: 20px;}
    .brand .swiper-slide .section2_2{top: 100px;right: 30px;font-size: 20px;}
    .brand .swiper-slide .brand_title div:last-child{font-size: 14px;}
    .brand .swiper-slide .brand_desc{font-size: 14px;}
    .brand .swiper-slide .tool_list{position: absolute;top: auto;left: 0;right: 0;bottom: 0;z-index: 2;display: flex;align-items: center;justify-content: space-around;flex-direction: row;}
    .brand .swiper-slide .tool_list a img{display: block;margin-bottom: 40px;height: 20vw;width: auto;}
    .brand .swiper-slide .brand_adv{background-position: 0 0;background-size: auto 100%;}
    .brand .swiper-slide .brand_adv .adv_box{padding-left: 10px;padding-top: 10px;width: 100%;padding-right: 10px;}
    .brand .swiper-slide .brand_adv .adv_box h1{font-size: 20px !important;}
    .brand .swiper-slide .brand_adv .adv_box h1:nth-of-type(2){font-size: 14px;}
    .brand .swiper-slide .brand_adv .adv_box h2{font-size: 14px;}
    .brand .swiper-slide .brand_adv .adv_box div{font-size: 12px;}
    .brand .swiper-slide .four_goods{display: block;}
    .brand .swiper-slide .four_goods .flex-grow-1 {width: 50% !important;height: 50vh !important;float: left;}
    .brand .swiper-slide .four_goods div h1{font-size: 18px;padding: 10px 0;}
    .brand .swiper-slide .four_goods div h2{font-size: 16px;text-align: center;}
    .brand .swiper-slide .four_goods div h1::before{border-width:0 8px 14px 8px}
    .brand .swiper-slide .four_goods div:nth-of-type(2n) h1::before{border-width:14px 8px 0 8px}
    .brand .swiper-slide .goods_box{padding-left: 0;display: block;height: 100vh;}
    .brand .swiper-slide .goods5_1{width: 90vw;height: auto;left: 5vw;top: 10px;}
    .brand .swiper-slide .goods_desc{margin-top: 0px;font-size: 15px;padding-left: 30px;}
    .brand .swiper-slide .goods5{width: 100vw;height: auto;}
    .brand .swiper-slide .goods5_2{width: 100%;height: auto;bottom: 0;left: 0;right: 0;}
    .brand .swiper-slide .goods_desc::before{border-width: 8px 0 8px 14px;left: 10px;}
    .brand .swiper-slide .scetion6_title{top: 15px;left: 15px;width: calc(100vw - 90px);position: relative;}
    .brand .swiper-slide .scetion6_title h1{font-size: 18px;}
    .brand .swiper-slide .scetion6_title h2{font-size: 14px;}
    .brand .swiper-slide .section7_1{width: 100vw;left: 0;}
    .brand .swiper-slide .section7_2{width: 50vw;right: 0;top: 40vh;}
    .brand .swiper-slide .section7_3{font-size: 14px;display: block;padding-right: 0;width: calc(100vw - 90px);left: 15px;bottom: 15px;right: 15px;}
    .brand .swiper-slide .section7_3 img{margin-right: 0;width: 50%;}
    .brand .swiper-slide .section8 div{left: 0;right: 0;top: 15px;width: calc(100vw - 90px);font-size: 14px;position: relative;/* margin: 0 10px 40px; */}
    .brand .swiper-slide .section8_1{position: relative;display: block;margin:  0;bottom: auto;left: auto;right: auto;height: auto;}
    .brand .swiper-slide .section8{display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .img_boxs{padding-top: 30px;}
    .preview_popup {width: 90vw;}
    .preview_popup .detail{height: auto;object-fit: cover;object-fit: cover;margin-top: 60px;width: 100%;}
    .preview_popup .menu_close{width: 20px;height: 20px;right: 10px;top: 70px;}
    .swiper_view .links_box{position: relative;bottom: 0;left: 0;right: 0;justify-content: center;}
    .container{padding-top: 0px;width: 100vw;overflow: hidden;}
    .swiper.thumbs .swiper-slide{border-radius: 10px;}
    .production_box img{width: 45vw;height: 45vw;}
    .header.bgf ~ .container{padding-top: 60px;}
    .copyright{bottom: 10px;font-size: 10px;}
    .company_box .company_item.links a{font-size: 14px;margin-bottom: 20px;}
    .detail_box{height: auto;text-align: center;width: 100%;padding-bottom: 15px;}
    .with_swiper .swiper-slide img{object-fit: cover;-o-object-fit: cover;width: 100%;height: 100%;}
    .with_swiper .swiper-slide.swiper-slide-next{margin-top: 0;}
    .brand .swiper-horizontal>.swiper-pagination-bullets, .brand .swiper-pagination-bullets.swiper-pagination-horizontal, .brand .swiper-pagination-custom, .brand .swiper-pagination-fraction{width: 50px;}
    .header .prolist_head .logo3{height: 20px;}
    .brand .swiper-slide .sections {display: flex;align-items: center;justify-content: center;}
    .brand .swiper-slide .sections img{width: 100%;height: auto;}
    .consult_list{padding-top: 10px;}
    .header .menu_more .menu.close{width: 20px;height: 20px;}
    .detail_boxs .arrow_box{padding-top: 0;}
}

.banner video::-webkit-media-controls {
    display:none !important;
}