/* 产品资讯 */ .pro_main{ padding-top: 80px; background-color: #f4f5f7; padding-bottom: 50px; } .pro_main .brand_nav{ width: 100%; height: 80px; line-height: 80px; overflow: hidden; transition: all .3s linear; } .pro_main .brand_nav h3{ width: 13%; font-size: 26px; font-weight: 500; color: white; background-color: #ff104f; text-align: center; vertical-align: middle; } .pro_main .brand_nav ul{ width: 79%; box-sizing: border-box; padding: 0 44px; background-color: white; flex-wrap: wrap; justify-content: start; } .pro_main .brand_nav ul li{ margin-right: 40px; } .pro_main .brand_nav ul li a{ display: inline-block; font-size: 20px; line-height: 80px; } .pro_main .brand_nav ul li a:hover{ color: #ff104f; } .pro_main .brand_nav p{ cursor: pointer; text-align: center; width: 8%; background-color: white; font-size: 20px; } .brand_nav_ac{ color: #ff104f; } .brand_jieshao{ padding-top: 54px; } .brand_jieshao .jieshao_img{ width: 47%; overflow: hidden; } .brand_jieshao .jieshao_text{ width: 51%; overflow: hidden; padding-top: 22px; } .brand_jieshao .jieshao_text h3{ font-size: 34px; color: #ff104f; margin-bottom: 50px; } .brand_jieshao .jieshao_text p{ font-size: 19px; color: #4a4f54; line-height: 26px; } .pro_list{ padding-top: 50px; flex-wrap: wrap; justify-content: start; } .pro_list .pro_item{ width: 23.5%; box-sizing: border-box; padding: 15px; background-color: white; margin-bottom: 30px; margin-right: 33px; transition: all .3s linear; } .pro_list .pro_item:nth-child(4n){ margin-right: 0; } .pro_list .pro_item .pro_img{ width: 100%; overflow: hidden; text-align: center; } .pro_list .pro_item .title{ font-size: 18px; color: #4a4f54; line-height: 60px; border-bottom: 0px solid #ededee; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0px; text-align: center; } .pro_list .pro_item .pc_text{ font-size: 16px; color: #4a4f54; line-height: 30px; border-bottom: 1px solid #ededee; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: inherit; margin-bottom: 20px; } .pro_list .pro_item a>p{ font-size: 18px; color: #4a4f54; line-height: 60px; border-bottom: 1px solid #ededee; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; } .pro_list .pro_item .pro_text p{ display: inline-block; font-size: 16px; color: white; padding: 6px 20px; border-radius: 50px; background-color: #ff104f; } .pro_list .pro_item .pro_text h2{ font-size: 30px; font-weight: 500; color: #a2a4a6; } .pro_list .pro_item:hover { box-shadow: 0 10px 25px rgb(0 0 0 / 15%); transform: translate3d(0, -10px, 0); } .pager{ justify-content: center; padding: 30px 0; } .pager>a{ display: inline-block; box-sizing: border-box; font-size: 14px; padding: 0 20px; border: 1px solid #dcdcdc; line-height: 40px; background-color: white; color: #333; } .pager>a:hover{ background-color: #ff104f; color: white; } .pager ul li a{ width: 40px; box-sizing: border-box; text-align: center; display: inline-block; color: #333; font-size: 14px; border: 1px solid #dcdcdc; background-color: white; line-height: 40px; margin-right: 10px; } .pager ul li:first-child a{ margin-left: 10px; } .pager ul li .pager_ac{ color: white; background-color: #ff104f; } /* 产品详情 */ .pro_deails{ padding-top: 80px; } .pro_deails .deails_top .top_left{ width: 48%; overflow: hidden; } .pro_deails .deails_top .top_left img{ width: 100%; } .pro_deails .deails_top .top_right{ width: 48%; overflow: hidden; } .pro_deails .deails_top .top_right h3{ color: #ff104f; line-height: 82px; border-bottom: 1px solid #ff104f; font-size: 28px; font-weight: 500; margin-bottom: 48px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pro_deails .deails_top .top_right ul li p{ font-size: 18px; color: #616161; margin-bottom: 26px; } .pro_deails .deails_top .top_right ul li{ font-size: 18px; color: #616161; margin-bottom: 26px; } .pro_deails .deails_top .top_right ul li:first-child{ font-size: 22px; } .pro_deails .deails_bottom{ padding-top: 66px; padding-bottom: 80px; } .pro_deails .deails_bottom .deails_title h3{ color: #616161; font-size: 30px; font-weight: 500; text-align: center; } .pro_deails .deails_bottom .deails_title>p{ color: #bababa; font-size: 18px; font-weight: 400; text-align: center; line-height: 30px; margin-bottom: 40px; } .pro_deails .deails_bottom>p{ font-size: 18px; color: #616161; line-height: 32px; } .pro_tuijian{ padding-top: 70px; background-color: #f4f5f7; padding-bottom: 50px; } .pro_tuijian .tujian_title h3{ color: #616161; font-size: 30px; font-weight: 500; text-align: center; } .pro_tuijian .tujian_title p{ color: #bababa; font-size: 18px; font-weight: 400; text-align: center; line-height: 30px; } /* 全球采购 */ .caigou_main .main_1{ text-align: center; padding: 183px 0; } .caigou_main .main_1 h3{ font-size: 34px; color: #011640; } .caigou_main .main_1>p{ font-size: 18px; color: #4a4f54; margin-top: 30px; margin-bottom: 44px; line-height: 26px; } .caigou_main .main_1 ul{ justify-content: center; align-items: end; } .caigou_main .main_1 ul li{ margin-right: 75px; } .caigou_main .main_1 ul li:last-child{ margin-right: 0; } .caigou_main .main_1 ul li p{ font-size: 28px; color: #ff104f; margin-top: 18px; } .caigou_main .main2_item{ background-color: #dee5ed; } .caigou_main .main2_item .center{ align-items: center; } .caigou_main .main2_item .main2_img{ width: 50%; position: relative; } .caigou_main .main2_item .main2_img .img_text{ position: absolute; bottom: 0; left: 0; width: 77%; box-sizing: border-box; padding: 38px 68px 26px 108px; background-color: rgba(255, 255, 255, .9); border-top-right-radius: 60px; } .caigou_main .main2_item .main2_img .img_text img{ position: absolute; top: 22px; left: 22px; } .caigou_main .main2_item .main2_img .img_text h4{ font-size: 24px; color: #011640; margin-bottom: 26px; } .caigou_main .main2_item .main2_img .img_text p{ font-size: 18px; color: #4a4f54; line-height: 30px; } .caigou_main .main2_item .main2_text{ width: 50%; box-sizing: border-box; font-size: 22px; padding-left: 70px; } .caigou_main .main2_item .main2_text h3{ font-size: 40px; /*color: #011640;*/ color: #ff104f; margin-bottom: 48px; } .caigou_main .main2_item .main2_text .p1{ font-size: 24px; color: #ff104f; margin-bottom: 24px; } .caigou_main .main2_item .main2_text .p2{ font-size: 20px; color: #4a4f54; } .caigou_main .main2_item .main2_text .p3{ font-size: 18px; color: #4a4f54; line-height: 30px; } .caigou_main .main2_item .main2_text ul{ justify-content: center; align-items: end; margin-top: 86px; margin-bottom: 70px; } .caigou_main .main2_item .main2_text ul li{ margin-right: 144px; } .caigou_main .main2_item .main2_text ul li:last-child{ margin-right: 144px; } .caigou_main .main2_item .main2_text ul li span{ display: block; font-size: 18px; color: #011640; margin-top: 22px; } .caigou_main .main2_item:nth-child(2n){ background-color: white; } .caigou_main .main2_item:nth-child(2n) .main2_img{ order: 1; } .caigou_main .main2_item:nth-child(2n) .main2_img .img_text{ left: auto; right: 0; border-top-left-radius: 60px; border-top-right-radius: 0; /*padding: 38px 108px 26px 68px;*/ padding:38px 68px 26px 108px }/* .caigou_main .main2_item:nth-child(2n) .main2_img .img_text h4{ text-align: right; } .caigou_main .main2_item:nth-child(2n) .main2_img .img_text img{ left: auto; right: 22px; }*/ .caigou_main .main2_item:nth-child(2n) .main2_text{ padding: 0 26px; } .caigou_main .main_3{ padding-top: 130px; padding-bottom: 200px; background-color: #f4f5f7; } .caigou_main .main_3 .main3_title{ text-align: center; } .caigou_main .main_3 .main3_title h3{ display: inline-block; font-size: 40px; color: #ff104f; position: relative; padding-bottom: 34px; border-bottom: 2px solid #011640; margin-bottom: 34px; } .caigou_main .main_3 .main3_title h3::after{ content: ''; display: block; width: 130%; height: 25px; background-image: url(../image/quanqiu-icon.png); background-size: 100%; background-repeat: no-repeat; position: absolute; top: 0; left: -31px; } .caigou_main .main_3 .main3_title p{ font-size: 22px; color: #011640; line-height: 42px; margin-bottom: 120px; } .caigou_main .main_3 .number ul{ justify-content: center; align-items: end; } .caigou_main .main_3 .number ul li{ padding: 0 120px; position: relative; } .caigou_main .main_3 .number ul li::after{ content: ''; display: block; width: 1px; height: 100%; background-color: #011640; position: absolute; top: 0; right: 0; transform: rotate(20deg); } .caigou_main .main_3 .number .numCX{ font-size: 50px; color: #011640; } .caigou_main .main_3 .number .unitC{ font-size: 20px; color: #011640; margin-left: 16px; } .caigou_main .main_3 .number .indc{ font-size: 22px; color: #011640; margin-top: 30px; } .caigou_main .main_4{ padding: 200px 0; } .caigou_main .main_4 .logo_name{ justify-content: center; align-items: center; } .caigou_main .main_4 .logo_name h2{ font-size: 50px; color: #ff104f; padding-left: 20px; margin-left: 20px; border-left: 2px solid #0052d9; } .caigou_main .main_4 h3{ font-size: 36px; color: #4a4f54; text-align: center; margin-top: 48px; margin-bottom: 75px; } .caigou_main .main_4 a{ display: inline-block; margin-left: 50%; transform: translateX(-50%); font-size: 18px; color: #4a4f54; text-align: center; padding: 12px 34px; border: 1px solid #4a4f54; border-radius: 50px; } .caigou_main .main_4 a:hover{ background-color: #ff104f; color: white; border-color: #ff104f; } /* 关于我们 */ .nei_nav{ padding: 35px 0; border-bottom: 1px solid #eeeeee; } .nei_nav a{ font-size: 18px; color: #333; } .nei_nav a:hover{ color: #ff104f; } .nei_nav ul li a{ margin-right: 80px; } .nei_nav ul li .nei_nav_ac{ color: #ff104f; position: relative; } .nei_nav ul li .nei_nav_ac::after{ content: ''; display: block; width: 100%; height: 2px; background-color: #ff104f; position: absolute; bottom: -14px; left: 0; } .nei_nav .nei_nav_box p{ font-size: 18px; color: #333; position: relative; padding-left: 30px; } .nei_nav .nei_nav_box p::before{ content: url(../image/home.png); position: absolute; top: -1px; left: 0; } .about_main .main_1{ padding-top: 70px; padding-bottom: 80px; } .about_main .main_1 .about_text{ width: 50%; } .about_main .main_1 .about_text h3{ font-size: 40px; color: #ff104f; } .about_main .main_1 .about_text h4{ font-size: 30px; color: #3e3e3e; margin-bottom: 40px; margin-top: 20px; } .about_main .main_1 .about_text p{ font-size: 17px; line-height: 24px; color: #3e3e3e; } .about_main .main_1 .about_img{ width: 48%; border-radius: 30px; overflow: hidden; } .about_main .main_2{ padding-bottom: 60px; } .about_main .main_2 .main2_title h3{ color: #616161; font-size: 30px; font-weight: 500; text-align: center; } .about_main .main_2 .main2_title p{ color: #bababa; font-size: 18px; font-weight: 400; text-align: center; line-height: 30px; } .about_main .main_2 .pic_item{ padding-top: 46px; } .about_main .main_2 .pic_item .pic_left{ width: 36.1%; overflow: hidden; } .about_main .main_2 .pic_item .pic_left img{ transition: all .3s linear; } .about_main .main_2 .pic_item .pic_left img:hover{ transform: scale(1.1); } .about_main .main_2 .pic_item .pic_right{ width: 61.5%; overflow: hidden; } .about_main .main_2 .pic_item .pic_right{ flex-wrap: wrap; } .about_main .main_2 .pic_item .pic_right .item{ width: 48%; overflow: hidden; margin-bottom: 30px; } .about_main .main_2 .pic_item .pic_right .item img{ transition: all .3s linear; } .about_main .main_2 .pic_item .pic_right .item img:hover{ transform: scale(1.1); } .about_main .main_3{ text-align: center; background-color: #f4f5f7; padding-top: 118px; padding-bottom: 140px; } .about_main .main_3 h3{ color: #4a4f54; font-size: 40px; margin-bottom: 120px; } .about_main .main_3 ul{ justify-content: center; } .about_main .main_3 ul li{ padding: 0 110px; } .about_main .main_3 .numCX{ font-size: 46px; font-weight: 600; color: #ff104f; } .about_main .main_3 .unitC{ font-size: 42px; font-weight: 600; color: #ff104f; } .about_main .main_3 .indc{ font-size: 22px; color: #ff104f; margin-top: 30px; } .about_main .main_3 .number .kuang{ width: 204px; height: 16px; border: 1px solid #ff104f; border-top: none; } /* 联系我们 */ .contact_main{ padding-top: 50px; background-color: #f4f5f7; padding-bottom: 40px; } .contact_main .ditu h3{ font-size: 30px; color: #4e4e4e; font-weight: 500; margin-bottom: 30px; } .contact_main .dizhi_box{ padding-top: 72px; flex-wrap: wrap; } .contact_main .dizhi_box .dizhi_item{ width: 49%; box-sizing: border-box; padding: 10px 32px; background-color: white; border-radius: 30px; margin-bottom: 30px; } .contact_main .dizhi_box .dizhi_item ul li{ font-size: 20px; color: #4a4f54; border-bottom: 1px #d9d9d9 dashed; line-height: 78px; position: relative; padding-left: 34px; } .contact_main .dizhi_box .dizhi_item ul li:last-child{ border: none; } .contact_main .dizhi_box .dizhi_item ul li.gs::after{ content: url(../image/gongsiname-icon.png); position: absolute; top: 0; left: 0; } .contact_main .dizhi_box .dizhi_item ul li.dh:after{ content: url(../image/contact-dianhua-icon.png); position: absolute; top: 2px; left: 0; } .contact_main .dizhi_box .dizhi_item ul li.sj:after{ content: url(../image/contact-shouji-icon.png); position: absolute; top: 7px; left: 0; } .contact_main .dizhi_box .dizhi_item ul li.qq:after{ content: url(../image/contact-qq-icon.png); position: absolute; top: 5px; left: 0; } .contact_main .dizhi_box .dizhi_item ul li.email:after{ content: url(../image/contact-email-icon.png); position: absolute; top: 2px; left: 0; } .contact_main .dizhi_box .dizhi_item ul li.dz:after{ content: url(../image/contact-zizhi-icon.png); position: absolute; top: 7px; left: 0; } /* .contact_main .dizhi_box .dizhi_item ul li::after{ content: url(../image/gongsiname-icon.png); position: absolute; top: 0; left: 0; } .contact_main .dizhi_box .dizhi_item ul li:nth-child(2):after{ content: url(../image/contact-dianhua-icon.png); position: absolute; top: 2px; left: 0; } .contact_main .dizhi_box .dizhi_item ul li:nth-child(3):after{ content: url(../image/contact-shouji-icon.png); position: absolute; top: 7px; left: 0; } .contact_main .dizhi_box .dizhi_item ul li:nth-child(4):after{ content: url(../image/contact-qq-icon.png); position: absolute; top: 5px; left: 0; } .contact_main .dizhi_box .dizhi_item ul li:nth-child(5):after{ content: url(../image/contact-email-icon.png); position: absolute; top: 2px; left: 0; } .contact_main .dizhi_box .dizhi_item ul li:nth-child(6):after{ content: url(../image/contact-zizhi-icon.png); position: absolute; top: 7px; left: 0; } */ /* 企业文化 */ .wenhua_main{ padding-top: 60px; padding-bottom: 60px; } .wenhua_main .wenhua_title h3{ color: #616161; font-size: 30px; font-weight: 500; text-align: center; } .wenhua_main .wenhua_title p{ color: #bababa; font-size: 18px; font-weight: 400; text-align: center; line-height: 30px; } .wenhua_main .wenhua_box{ flex-wrap: wrap; padding-top: 60px; } .wenhua_main .wenhua_item{ width: 32%; background-color: #f4f5f7; text-align: center; height: 600px; justify-content: start; align-items: center; margin-bottom: 40px; flex-direction: column; cursor: pointer; padding-top: 80px; background-size: cover; transition: all .3s linear; } .wenhua_main .wenhua_item:hover{ transform: scale(1.03); } .wenhua_main .wenhua_item .icon{ opacity: 1; transition: all .3s linear; height: 218px; overflow: hidden; } .wenhua_main .wenhua_item .icon p{ color: #ff104f; font-size: 26px; padding-bottom: 30px; border-bottom: 2px solid #ff104f; margin-top: 50px; } .wenhua_main .wenhua_item .p1{ font-size: 18px; color: #011640; transition: all .3s linear; text-align: left; overflow: hidden; vertical-align: middle; margin-top: 50px; } .wenhua_main .wenhua_item .p1 span{ text-align: left; } .news_main{ padding-top: 60px; padding-bottom: 60px; } .news_main .news_title h3{ color: #616161; font-size: 30px; font-weight: 500; text-align: center; } .news_main .news_title p{ color: #bababa; font-size: 18px; font-weight: 400; text-align: center; line-height: 30px; } .news_main .news_box{ padding-top: 60px; font-size: 17px; line-height: 24px; color: #3e3e3e; } .news_main .news_box p { font-size: 17px; line-height: 24px; color: #3e3e3e; }