/***********************首页***************************/ /*头部视频*/ .banner{position: relative;overflow: hidden;} .banner-video-wrap{position: absolute;top: 0;bottom: 0;left: 0;right: 0;overflow: hidden;} .banner-video{height: 100%;width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);object-fit: cover;} .banner-text-wrap{position: absolute;left: 50%;pointer-events: none;z-index: 1;transform: translate(-50%, -50%);} .banner-text-h2{text-shadow: rgba(255, 255, 255, 0.6) 1px 1px 1px, rgba(0, 0, 0, 0.6) -1px -1px 1px;} .banner-text-h2 h2{color: rgb(255, 255, 255);} .banner-text-h3{text-shadow: rgba(255, 255, 255, 0.6) 1px 1px 1px, rgba(0, 0, 0, 0.6) -1px -1px 1px;} .banner-text-h3 h3{color: rgb(255, 255, 255);} .banner-text-p{width: 584px;margin-top: 60px;color: white;} .banner-text-p p{text-shadow: rgba(255, 255, 255, 0.6) 1px 1px 1px, rgba(0, 0, 0, 0.6) -1px -1px 1px;color: rgb(255, 255, 255);line-height: 1.5;} .IndAboutRimg{max-height: 100%;max-width: initial;} .imgmg{max-height: 100%;max-width: initial;} @media screen and ( min-width:1680px){ .banner{height: 790px;} .banner-text-wrap{top: 40%;} .banner-text-h2 h2{font-size: 62px;} .banner-text-h3{margin-top: 15px;} .banner-text-h3 h3{font-size: 28px;} .banner-text-p{width: 584px;margin-top: 60px;color: white;} .banner-text-p p{font-size: 20px;} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .banner{height: 690px;} .banner-text-wrap{top: 40%;} .banner-text-h2 h2{font-size: 52px;} .banner-text-h3{margin-top: 15px;} .banner-text-h3 h3{font-size: 26px;} .banner-text-p{width: 534px;margin-top: 60px;color: white;} .banner-text-p p{font-size: 18px;} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .banner{height: 640px;} .banner-text-wrap{top: 40%;} .banner-text-h2 h2{font-size: 50px;} .banner-text-h3{margin-top: 15px;} .banner-text-h3 h3{font-size: 24px;} .banner-text-p{width: 524px;margin-top: 60px;color: white;} .banner-text-p p{font-size: 16px;} } @media screen and (max-width:1279px ) and ( min-width:992px){ .banner{height: 640px;} .banner-text-wrap{top: 40%;} .banner-text-h2 h2{font-size: 50px;} .banner-text-h3{margin-top: 15px;} .banner-text-h3 h3{font-size: 24px;} .banner-text-p{width: 524px;margin-top: 60px;color: white;} .banner-text-p p{font-size: 16px;} } @media screen and (max-width:991px ) and ( min-width:768px){ .banner{height: 640px;} .banner-text-wrap{top: 40%;} .banner-text-h2 h2{font-size: 50px;} .banner-text-h3{margin-top: 15px;} .banner-text-h3 h3{font-size: 24px;} .banner-text-p{width: 524px;margin-top: 60px;color: white;} .banner-text-p p{font-size: 16px;} } @media only screen and (max-width:767px){ .banner{height: 2rem;background-image: url(../images/wap-bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;} .banner-video-wrap{display: none;} .banner-text-wrap{top: 40%;} .banner-text-h2 h2{font-size: .24rem;} .banner-text-h3{margin-top: 15px;display: none;} .banner-text-h3 h3{font-size: 24px;} .banner-text-p{width: 524px;margin-top: 60px;display: none;} .banner-text-p p{font-size: 16px;} } /*首页-关于我们*/ .IndAboutB{position: relative;} .IndAboutL{} .IndAboutLt{} .IndAboutLt h2{color: #022c8d} .IndAboutLt h3{font-weight: 600;} .IndAboutLt p{font-weight: 600;} .IndAboutLp p{line-height: 1.5;margin-bottom:10px;text-align: justify;} .IndAboutbI h3{align-items: flex-end;color: #022c8d;} .IndAboutbI h3 span{line-height: 1;} .IndAboutbI p{} .IndAboutR{border-radius: 0 0 0 50px;overflow: hidden;box-shadow: 0 0 15px 2px rgba(0,0,0,.5);position: relative;background-color: #000;} .IndAboutR video{width: 100%;height: 100%;object-fit: cover;} .IndAboutba .btn-more:hover{color: #fff;} #myCanvas {width: 100%;position: absolute;bottom: 0px;transform: translateY(10%);z-index: -1;} @media screen and ( min-width:1680px){ .IndAboutB{padding: 80px 0 140px;} .IndAboutL{width: 45%;} .IndAboutLt{} .IndAboutLt h2{font-size: 36px;} .IndAboutLt h2 i{width: 96px;border-top: 1px solid #022c8d;margin-left: 25px;} .IndAboutLt h3{font-size: 36px;margin-top: 5px;} .IndAboutLt p{font-size: 24px;margin-top: 10px;} .IndAboutLp{margin-top: 25px;} .IndAboutLp p{font-size: 16px;} .IndAboutbI{width: 24%;} .IndAboutb{margin-top: 60px;} .IndAboutbI h3 span{font-size: 40px;} .IndAboutbI h3 i{font-size: 16px;margin-left: 10px;} .IndAboutbI p{font-size: 12px;margin-top: 5px;} .IndAboutba{margin-top: 40px;} .btn-more{font-size: 16px;border:1px solid #666;width: 230px;line-height: 48px;border-radius: 50px;} .btn-more i{margin-left: 8px;} .IndAboutR{width: 901px;height: 582px; border-radius: 0 0 0 50px;position: absolute;right: 0;top: 80px;} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .IndAboutB{padding: 70px 0 130px;} .IndAboutL{width: 45%;} .IndAboutLt{} .IndAboutLt h2{font-size: 34px;} .IndAboutLt h2 i{width: 90px;border-top: 1px solid #022c8d;margin-left: 22px;} .IndAboutLt h3{font-size: 34px;margin-top: 4px;} .IndAboutLt p{font-size: 22px;margin-top: 8px;} .IndAboutLp{margin-top: 20px;} .IndAboutLp p{font-size: 15px;} .IndAboutb{margin-top: 50px;} .IndAboutbI h3 span{font-size: 40px;} .IndAboutbI h3 i{font-size: 14px;margin-left: 12px;} .IndAboutbI p{font-size: 12px;margin-top: 10px;} .IndAboutba{margin-top: 35px;} .btn-more{font-size: 15px;border:1px solid #666;width: 220px;line-height: 46px;border-radius: 50px;} .btn-more i{margin-left: 8px;font-size: 15px;} .IndAboutR{width: 50%;height: 494px; border-radius: 0 0 0 50px;position: absolute;right: 0;top: 70px;} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .IndAboutB{padding: 60px 0 120px;} .IndAboutL{width: 45%;} .IndAboutLt{} .IndAboutLt h2{font-size: 32px;} .IndAboutLt h2 i{width: 80px;border-top: 1px solid #022c8d;margin-left: 20px;} .IndAboutLt h3{font-size: 32px;margin-top: 4px;} .IndAboutLt p{font-size: 20px;margin-top: 8px;} .IndAboutLp{margin-top: 20px;} .IndAboutLp p{font-size: 14px;} .IndAboutb{margin-top: 40px;} .IndAboutbI h3 span{font-size: 34px;} .IndAboutbI h3 i{font-size: 13px;margin-left: 10px;} .IndAboutbI p{font-size: 12px;margin-top: 8px;} .IndAboutba{margin-top: 30px;} .btn-more{font-size: 14px;border:1px solid #666;width: 210px;line-height: 44px;border-radius: 50px;} .btn-more i{margin-left: 8px;font-size: 14px;} .IndAboutR{width: 50%;height: 430px; border-radius: 0 0 0 50px;position: absolute;right: 0;top: 70px;} } @media screen and (max-width:1279px ) and ( min-width:992px){ .IndAboutB{padding: 50px 0 80px;} .IndAboutL{width: 45%;} .IndAboutLt{} .IndAboutLt h2{font-size: 24px;} .IndAboutLt h2 i{width: 80px;border-top: 1px solid #022c8d;margin-left: 20px;} .IndAboutLt h3{font-size: 24px;margin-top: 3px;} .IndAboutLt p{font-size: 18px;margin-top: 6px;} .IndAboutLp{margin-top: 18px;} .IndAboutLp p{font-size: 13px;} .IndAboutb{margin-top: 35px;} .IndAboutbI h3 span{font-size: 28px;} .IndAboutbI h3 i{font-size: 12px;margin-left: 8px;} .IndAboutbI p{font-size: 12px;margin-top: 8px;} .IndAboutba{margin-top: 28px;} .btn-more{font-size: 13px;border:1px solid #666;width: 200px;line-height: 42px;border-radius: 50px;} .btn-more i{margin-left: 8px;font-size: 13px;} .IndAboutR{width: 50%;height: 380px; border-radius: 0 0 0 50px;position: absolute;right: 0;top: 70px;} } @media screen and (max-width:991px ) and ( min-width:768px){ .IndAboutB{padding: 60px 0 60px;} .IndAboutL{width: 100%;} .IndAboutLt{} .IndAboutLt h2{font-size: 32px;} .IndAboutLt h2 i{width: 80px;border-top: 1px solid #022c8d;margin-left: 20px;} .IndAboutLt h3{font-size: 32px;margin-top: 4px;} .IndAboutLt p{font-size: 20px;margin-top: 8px;} .IndAboutLp{margin-top: 20px;} .IndAboutLp p{font-size: 14px;} .IndAboutb{margin-top: 40px;} .IndAboutbI h3 span{font-size: 34px;} .IndAboutbI h3 i{font-size: 13px;margin-left: 10px;} .IndAboutbI p{font-size: 12px;margin-top: 8px;} .IndAboutba{margin-top: 30px;} .btn-more{font-size: 14px;border:1px solid #666;width: 210px;line-height: 44px;border-radius: 50px;} .btn-more i{margin-left: 8px;font-size: 14px;} .IndAboutR{width: 100%;border-radius: 0 0 0 50px;margin-top: 50px;} } @media only screen and (max-width:767px){ .IndAboutB{padding: .3rem 0;} .IndAboutL{width: 100%;} .IndAboutLt{text-align:center} .IndAboutLt h2{font-size: .2rem;justify-content:center} .IndAboutLt h2 i{width: 80px;border-top: 1px solid #022c8d;margin-left: 20px;display:none;} .IndAboutLt h3{font-size: .2rem;margin-top: .03rem;} .IndAboutLt p{font-size: .14rem;margin-top: .06rem;} .IndAboutLp{margin-top: .15rem;text-indent: 2em;} .IndAboutLp p{font-size: .12rem;} .IndAboutb{margin-top: .3rem;} .IndAboutb li{width: 50%;margin-bottom: .1rem;} .IndAboutbI h3 span{font-size: .24rem;} .IndAboutbI h3 i{font-size: .11rem;margin-left: .05rem;} .IndAboutbI p{font-size: .11rem;margin-top: .05rem;} .IndAboutba{margin-top: .3rem;justify-content: center;} .btn-more{font-size: .11rem;border: .01rem solid #666;width: 2rem;line-height: .35rem;border-radius: .3rem;} .btn-more i{margin-left: .06rem;font-size: .11rem;} .IndAboutR{width: 1002%;border-radius: 0 0 0 .3rem;margin-top: .3rem;} #myCanvas {transform: translateY(0);} .IndAboutRimg{width: 100%;} } /*产品*/ .IndProductB{background-color: #f0f0f0;} .tit{text-align: center;color: rgb(51, 51, 51);margin: 0 auto;} .tit h2{font-weight: 600;text-transform: uppercase;} .tit p{color: rgb(137, 137, 137);line-height: 1.5;} .tit-a a{background-color: #022c8d;color: #fff;border:none;transition: all .6s;} .e_loop-2 {display-radio: 1;width: 100%;margin-left: auto;margin-right: auto;} .e_loop-2 .swiper-container{overflow: visible;} .e_container-3{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;} .e_container-3 > .p_item {flex: 1;max-width: 100%;max-height: 100%;position: relative;} .e_container-4 {display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;background-color: rgba(255, 255, 255, 1);transition: all .5s;} .e_container-4 > .p_item {flex: 1;max-width: 100%;max-height: 100%;position: relative;} .e_container-8 {display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;} .e_container-8 > .p_item {flex: 1;max-width: 100%;max-height: 100%;position: relative;} .e_image-5 {position: relative;overflow: hidden;width: 100%;height: auto;padding-bottom: 70%;} .e_image-5 img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.9);width: 100%;transition: all .5s ease;} .e_text-6 {margin-bottom: 0px;text-align: center;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;color: #333333;transition: all .5s;} .e_text-6 a{color: inherit;} .e_text-7 {text-align: center;color: #666;line-height: 1.8;} .e_text-7 a {display: block;width: 100%;border-top: 1px solid #dedede;margin-bottom: 0vw;position: relative;transition: all .5s;-webkit-transition: all .5s;} .e_text-7 a:after {content: '';width: 0%;background: #093190;position: absolute;left: 0;right:0;margin:0 auto;transition: all .5s;-webkit-transition: all .5s;} .e_text-7 a:hover:after {width: 100%;} .e_loop-2 .inew-btn {} .inew-btn .btn-con {position: relative;justify-content: center;display: flex;z-index: 1;} .e_loop-2 .inew-btn .btn-con .swiper-btn {left: 0px;right: 0px;bottom: 0px;position: relative;top: 0px;margin: 0px 8px;border-radius: 50%;background: rgb(232, 232, 232);} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none;} .e_loop-2 .inew-btn .btn-con .swiper-btn::after {color: rgb(9, 49, 144);} .NewIndProductI a{display: block;} .NewIndProductPic{width: 100%;overflow: hidden;} .NewIndProductPic img{width: 100%;height: 100%;object-fit: cover;} .NewIndProductText{text-align: center;} .NewIndProductText h3{font-weight: 600;} .NewIndProductText p{color: #888;} .NewIndProductAw a{background-color: #022c8d;border: none;color: #fff;} @media screen and ( min-width:1680px){ .IndProductB{padding: 4% 0 4%;} .tit{width: 1000px;} .tit h2{font-size: 40px;} .tit p{font-size: 16px;margin-top: 10px;} .tit-a{margin-top: 30px;} .e_loop-2 {max-width: 1600px;margin-top: 3%;} .e_container-4 {border-radius: 1.5vw;padding: 1.5vw 1.5vw 0.5vw 1.5vw;} .e_container-4 > .p_item {max-width: 100%;max-height: 100%;} .e_image-5 {padding-bottom: 70%;} .e_text-6 {line-height: 1.4vw;height: 2.8vw;margin-top: 0.5vw;-webkit-line-clamp: 2;font-size: 18px;} .e_text-7 {font-size: 14px;} .e_text-7 a {border-top: 1px solid #dedede;line-height: 3.125vw; font-size: 0.83333vw;} .e_text-7 a:after {height: 2px;top: -1px;} .e_text-7 a:hover:after {width: 100%;} .e_loop-2 .inew-btn {margin-top: 3vw;} .e_loop-2 .inew-btn .btn-con .swiper-btn {width: 50px;height: 50px;margin: 0px 8px;} .e_loop-2 .inew-btn .btn-con .swiper-btn::after {font-size: 18px;} .e_loop-2 .inew-btn .btn-con .swiper-btn:hover{background-color:rgba(9, 49, 144, 1);} .e_loop-2 .inew-btn .btn-con .swiper-btn:hover::after {color: #fff} .e_container-4:hover {box-shadow: 0 0 1vw #ccc} .e_container-8:hover .e_image-5 img {transform: translate( -50% ,-50%) scale(1.0)} .e_container-8:hover .e_text-6 {color: #093190} .e_text-7 a:hover {color: #093190} .NewIndProductI{width: 47%;margin-top: 60px;} .NewIndProductPic{height: 543px;} .NewIndProductText{margin-top: 15px;} .NewIndProductText h3{font-size: 30px;} .NewIndProductText p{font-size: 16px;margin-top: 20px;text-align: left;} .NewIndProductAw{margin-top: 50px;} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .IndProductB{padding: 4% 0 4%;} .tit{width: 1000px;} .tit h2{font-size: 30px;} .tit p{font-size: 15px;line-height: 26px;margin-top: 8px;} .tit-a{margin-top: 18px;} .e_loop-2 {max-width: 1600px;margin-top: 3%;} .e_container-4 {border-radius: 1.5vw;padding: 1.5vw 1.5vw 0.5vw 1.5vw;} .e_container-4 > .p_item {max-width: 100%;max-height: 100%;} .e_image-5 {padding-bottom: 70%;} .e_text-6 {line-height: 1.4vw;height: 2.8vw;margin-top: 0.5vw;-webkit-line-clamp: 2;font-size: 16px;} .e_text-7 {font-size: 14px;} .e_text-7 a {border-top: 1px solid #dedede;line-height: 3.125vw; font-size: 0.83333vw;} .e_text-7 a:after {height: 2px;top: -1px;} .e_text-7 a:hover:after {width: 100%;} .e_loop-2 .inew-btn {margin-top: 3vw;} .e_loop-2 .inew-btn .btn-con .swiper-btn {width: 50px;height: 50px;margin: 0px 8px;} .e_loop-2 .inew-btn .btn-con .swiper-btn::after {font-size: 18px;} .e_loop-2 .inew-btn .btn-con .swiper-btn:hover{background-color:rgba(9, 49, 144, 1);} .e_loop-2 .inew-btn .btn-con .swiper-btn:hover::after {color: #fff} .e_container-4:hover {box-shadow: 0 0 1vw #ccc} .e_container-8:hover .e_image-5 img {transform: translate( -50% ,-50%) scale(1.0)} .e_container-8:hover .e_text-6 {color: #093190} .e_text-7 a:hover {color: #093190} .NewIndProductI{width: 47%;margin-top: 60px;} .NewIndProductPic{height: 451px;} .NewIndProductText{margin-top: 15px;} .NewIndProductText h3{font-size: 28px;} .NewIndProductText p{font-size: 14px;margin-top: 20px;text-align: left;} .NewIndProductAw{margin-top: 50px;} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .IndProductB{padding: 4% 0 4%;} .tit{width: 1000px;} .tit h2{font-size: 28px;} .tit p{font-size: 14px;line-height: 24px;margin-top: 6px;} .tit-a{margin-top: 16px;} .e_loop-2 {max-width: 1600px;margin-top: 3%;} .e_container-4 {border-radius: 1.5vw;padding: 1.5vw 1.5vw 0.5vw 1.5vw;} .e_container-4 > .p_item {max-width: 100%;max-height: 100%;} .e_image-5 {padding-bottom: 70%;} .e_text-6 {line-height: 1.4vw;height: 2.8vw;margin-top: 0.5vw;-webkit-line-clamp: 2;font-size: 16px;} .e_text-7 {font-size: 14px;} .e_text-7 a {border-top: 1px solid #dedede;line-height: 3.125vw; font-size: 0.83333vw;} .e_text-7 a:after {height: 2px;top: -1px;} .e_text-7 a:hover:after {width: 100%;} .e_loop-2 .inew-btn {margin-top: 3vw;} .e_loop-2 .inew-btn .btn-con .swiper-btn {width: 50px;height: 50px;margin: 0px 8px;} .e_loop-2 .inew-btn .btn-con .swiper-btn::after {font-size: 18px;} .e_loop-2 .inew-btn .btn-con .swiper-btn:hover{background-color:rgba(9, 49, 144, 1);} .e_loop-2 .inew-btn .btn-con .swiper-btn:hover::after {color: #fff} .e_container-4:hover {box-shadow: 0 0 1vw #ccc} .e_container-8:hover .e_image-5 img {transform: translate( -50% ,-50%) scale(1.0)} .e_container-8:hover .e_text-6 {color: #093190} .e_text-7 a:hover {color: #093190} .NewIndProductI{width: 47%;margin-top: 50px;} .NewIndProductPic{height: 416px;} .NewIndProductText{margin-top: 15px;} .NewIndProductText h3{font-size: 26px;} .NewIndProductText p{font-size: 14px;margin-top: 20px;text-align: left;} .NewIndProductAw{margin-top: 50px;} } @media screen and (max-width:1279px ) and ( min-width:992px){ .IndProductB{padding: 4% 0 4%;} .tit{width: 800px;} .tit h2{font-size: 26px;} .tit p{font-size: 13px;line-height: 22px;margin-top: 5px;} .tit-a{margin-top: 14px;} .e_loop-2 {max-width: 1600px;margin-top: 3%;} .e_container-4 {border-radius: 1.5vw;padding: 1.5vw 1.5vw 0.5vw 1.5vw;} .e_container-4 > .p_item {max-width: 100%;max-height: 100%;} .e_image-5 {padding-bottom: 70%;} .e_text-6 {line-height: 1.4vw;margin-top: 0.5vw;-webkit-line-clamp: 2;font-size: 14px;} .e_text-7 {font-size: 14px;} .e_text-7 a {border-top: 1px solid #dedede;line-height: 3.125vw; font-size: 14px;} .e_text-7 a:after {height: 2px;top: -1px;} .e_text-7 a:hover:after {width: 100%;} .e_loop-2 .inew-btn {margin-top: 3vw;} .e_loop-2 .inew-btn .btn-con .swiper-btn {width: 50px;height: 50px;margin: 0px 8px;} .e_loop-2 .inew-btn .btn-con .swiper-btn::after {font-size: 18px;} .e_loop-2 .inew-btn .btn-con .swiper-btn:hover{background-color:rgba(9, 49, 144, 1);} .e_loop-2 .inew-btn .btn-con .swiper-btn:hover::after {color: #fff} .e_container-4:hover {box-shadow: 0 0 1vw #ccc} .e_container-8:hover .e_image-5 img {transform: translate( -50% ,-50%) scale(1.0)} .e_container-8:hover .e_text-6 {color: #093190} .e_text-7 a:hover {color: #093190} .NewIndProductI{width: 47%;margin-top: 50px;} .NewIndProductPic{height: 328px;} .NewIndProductText{margin-top: 15px;} .NewIndProductText h3{font-size: 22px;} .NewIndProductText p{font-size: 14px;margin-top: 20px;text-align: left;} .NewIndProductAw{margin-top: 50px;} } @media screen and (max-width:991px ) and ( min-width:768px){ .IndProductB{padding: 4% 0 4%;} .tit{width: 100%;} .tit h2{font-size: 28px;} .tit p{font-size: 14px;line-height: 24px;margin-top: 6px;} .tit-a{margin-top: 16px;} .e_loop-2 {max-width: 1600px;margin-top: 3%;} .e_container-4 {border-radius: 1.5vw;padding: 1.5vw 1.5vw 0.5vw 1.5vw;} .e_container-4 > .p_item {max-width: 100%;max-height: 100%;} .e_image-5 {padding-bottom: 70%;} .e_text-6 {line-height: 1.4vw;margin: 0.5vw 0;-webkit-line-clamp: 2;font-size: 14px;} .e_text-7 {font-size: 14px;} .e_text-7 a {border-top: 1px solid #dedede;line-height: 3.125vw; font-size: 14px;} .e_text-7 a:after {height: 2px;top: -1px;} .e_text-7 a:hover:after {width: 100%;} .e_loop-2 .inew-btn {margin-top: 3vw;} .e_loop-2 .inew-btn .btn-con .swiper-btn {width: 50px;height: 50px;margin: 0px 8px;} .e_loop-2 .inew-btn .btn-con .swiper-btn::after {font-size: 18px;} .e_loop-2 .inew-btn .btn-con .swiper-btn:hover{background-color:rgba(9, 49, 144, 1);} .e_loop-2 .inew-btn .btn-con .swiper-btn:hover::after {color: #fff} .e_container-4:hover {box-shadow: 0 0 1vw #ccc} .e_container-8:hover .e_image-5 img {transform: translate( -50% ,-50%) scale(1.0)} .e_container-8:hover .e_text-6 {color: #093190} .e_text-7 a:hover {color: #093190} .NewIndProductI{width: 47%;margin-top: 50px;} .NewIndProductPic{height: 243px;} .NewIndProductText{margin-top: 15px;} .NewIndProductText h3{font-size: 22px;} .NewIndProductText p{font-size: 14px;margin-top: 20px;text-align: left;} .NewIndProductAw{margin-top: 50px;} } @media only screen and (max-width:767px){ .IndProductB{padding: .3rem 0;overflow: hidden;} .tit{width: 100%;} .tit h2{font-size: .16rem;} .tit p{font-size: .12rem;line-height: 2;margin-top: .05rem;text-align:left;text-align: justify;} .tit-a{margin-top: .2rem;} .e_loop-2 {max-width: 1600px;margin-top: .3rem;} .e_container-4 {border-radius: .1rem;padding: 20px 20px 5px;} .e_container-4 > .p_item {max-width: 100%;max-height: 100%;} .e_image-5 {padding-bottom: 70%;} .e_text-6 {line-height: 1.5;margin: .1rem 0;-webkit-line-clamp: 1;font-size: 14px;} .e_text-7 {font-size: 14px;} .e_text-7 a {border-top: 1px solid #dedede;line-height: 40px; font-size: 14px;} .e_text-7 a:after {height: 2px;top: -1px;} .e_text-7 a:hover:after {width: 100%;} .e_loop-2 .inew-btn {margin-top: .2rem;} .e_loop-2 .inew-btn .btn-con .swiper-btn {width: .3rem;height: .3rem;margin: 0px 8px;} .e_loop-2 .inew-btn .btn-con .swiper-btn::after {font-size: .14rem;} .e_loop-2 .inew-btn .btn-con .swiper-btn:hover{background-color:rgba(9, 49, 144, 1);} .e_loop-2 .inew-btn .btn-con .swiper-btn:hover::after {color: #fff} .e_container-4:hover {box-shadow: 0 0 1vw #ccc} .e_container-8:hover .e_image-5 img {transform: translate( -50% ,-50%) scale(1.0)} .e_container-8:hover .e_text-6 {color: #093190} .e_text-7 a:hover {color: #093190} .NewIndProductI{width: 100%;margin-top: .2rem;} .NewIndProductPic{height: auto;} .NewIndProductText{margin-top: .12rem;} .NewIndProductText h3{font-size: .16rem;} .NewIndProductText p{font-size: .12rem;margin-top: .15rem;text-align: left;} .NewIndProductAw{margin-top: .3rem;} } /*ALUMINUM & ZINC DIE CASTING MANUFACTURER*/ .IndAdvantageB{position: relative;overflow: hidden;z-index: 2;} .free-content-wrap {pointer-events: none;height: 100%;} .free-content-wrap * {pointer-events: all;} .hover-box {transition-duration: .3s;cursor: pointer;transition: all .3s ease;} .hover-box .flip {-webkit-perspective: 1000px;perspective: 1000px;position: relative;} .ele-wrap {background-color: rgba(255, 255, 255, 1); border-right-width: 1px; border-right-color: rgba(222, 222, 222, 1); border-bottom-color: rgba(222, 222, 222, 1); border-bottom-width: 1px; border-left-color: rgba(222, 222, 222, 1); border-top-color: rgba(222, 222, 222, 1); border-left-width: 1px; border-top-width: 1px; } .hover-box .flip .hover-content-wrap {position: absolute;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: ease-in-out 600ms;transition: ease-in-out 600ms;border:1px solid #e5e5e5;} .hover-box .flip .hover-content-wrap:first-child {-webkit-transform: rotateY(0);transform: rotateY(0);z-index: 2;text-align: center;} .hover-content-wrap:nth-child(2) {background-color: rgba(164, 112, 55, 1);} .hover-box .flip .hover-content-wrap:last-child {-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);z-index: 1;} .ele-wrap, .hover-content-wrap {width: 100%;height: 100%;} .hover-content-wrap .icon{border-radius: 50%;margin:0 auto;background-image: linear-gradient(220deg, rgba(164, 112, 55, 1), rgba(235, 215, 164, 1));position: relative;} .hover-content-wrap .icon img{position: absolute;left: 0;right: 0;top: 50%; margin:0 auto;transform: translate(0,-50%);} .hover-content-wrap .text-h3{} .hover-content-wrap .text-h3 h3{color: #000;font-weight: 600;} .hover-content-wrap .line{border-top: 1px solid #a47037;} .hover-content-wrap .text-p{text-align: center;} .hover-content-wrap .text-p p{color: #666;line-height: 2;} .hover-content-wrap:nth-child(2) .icon{background-image: none;} .hover-content-wrap:nth-child(2) .text-h3 h3{color: #fff;} .hover-content-wrap:nth-child(2) .line{border-top: 1px solid #fff;} .hover-content-wrap:nth-child(2) .text-p p{color: #fff;} @media screen and ( min-width:1680px){ .IndAdvantageB{padding: 70px 0 40px;} .free-content-wrap {margin-top: 70px;} .hover-box {min-height: 400px;width: 480px;height: 350px;} .hover-box .flip .hover-content-wrap {padding:66px 40px 10px;} .hover-content-wrap .icon{width: 68px;height: 68px;} .hover-content-wrap .icon img{position: absolute;height: 40px;} .hover-content-wrap .text-h3{margin-top: 20px;} .hover-content-wrap .text-h3 h3{font-size: 20px;} .hover-content-wrap .line{width: 150px;margin:20px auto 0;} .hover-content-wrap .text-p p{font-size: 16px;margin-top: 20px; } .hover-box:hover .flip .hover-content-wrap:first-child {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);z-index: 1} .hover-box:hover .flip .hover-content-wrap:last-child {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);z-index: 20} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .IndAdvantageB{padding: 70px 0 40px;} .free-content-wrap {margin-top: 60px;} .hover-box {min-height: 350px;width: 400px;height: 350px;} .hover-box .flip .hover-content-wrap {padding: 42px 35px 10px;} .hover-content-wrap .icon{width: 62px;height: 62px;} .hover-content-wrap .icon img{position: absolute;height: 35px;} .hover-content-wrap .text-h3{margin-top: 18px;} .hover-content-wrap .text-h3 h3{font-size: 18px;} .hover-content-wrap .line{width: 140px;margin: 18px auto 0;} .hover-content-wrap .text-p p{font-size: 14px;margin-top: 18px;} .hover-box:hover .flip .hover-content-wrap:first-child {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);z-index: 1} .hover-box:hover .flip .hover-content-wrap:last-child {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);z-index: 20} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .IndAdvantageB{padding: 60px 0 30px;} .free-content-wrap {margin-top: 50px;} .hover-box {min-height: 350px;width: 370px;height: 350px;} .hover-box .flip .hover-content-wrap {padding: 42px 35px 10px;} .hover-content-wrap .icon{width: 62px;height: 62px;} .hover-content-wrap .icon img{position: absolute;height: 35px;} .hover-content-wrap .text-h3{margin-top: 18px;} .hover-content-wrap .text-h3 h3{font-size: 18px;} .hover-content-wrap .line{width: 140px;margin: 18px auto 0;} .hover-content-wrap .text-p p{font-size: 14px;margin-top: 18px;} .hover-box:hover .flip .hover-content-wrap:first-child {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);z-index: 1} .hover-box:hover .flip .hover-content-wrap:last-child {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);z-index: 20} } @media screen and (max-width:1279px ) and ( min-width:992px){ .IndAdvantageB{padding: 60px 0 30px;} .free-content-wrap {margin-top: 50px;} .hover-box {min-height: 320px;width: 290px;height: 320px;} .hover-box .flip .hover-content-wrap {padding: 32px 25px 10px;} .hover-content-wrap .icon{width: 52px;height: 52px;} .hover-content-wrap .icon img{position: absolute;height: 25px;} .hover-content-wrap .text-h3{margin-top: 16px;} .hover-content-wrap .text-h3 h3{font-size: 16px;} .hover-content-wrap .line{width: 130px;margin: 16px auto 0;} .hover-content-wrap .text-p p{font-size: 14px;margin-top: 16px;} .hover-box:hover .flip .hover-content-wrap:first-child {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);z-index: 1} .hover-box:hover .flip .hover-content-wrap:last-child {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);z-index: 20} } @media screen and (max-width:991px ) and ( min-width:768px){ .IndAdvantageB{padding: 60px 0 30px;} .free-content-wrap {margin-top: 50px;} .hover-box {min-height: 320px;width: 100%;height: 320px;margin-bottom: 30px;} .hover-box .flip .hover-content-wrap {padding: 32px 25px 10px;} .hover-content-wrap .icon{width: 52px;height: 52px;} .hover-content-wrap .icon img{position: absolute;height: 25px;} .hover-content-wrap .text-h3{margin-top: 16px;} .hover-content-wrap .text-h3 h3{font-size: 16px;} .hover-content-wrap .line{width: 130px;margin: 16px auto 0;} .hover-content-wrap .text-p p{font-size: 14px;margin-top: 16px;} } @media only screen and (max-width:767px){ .IndAdvantageB{padding: .3rem 0;} .free-content-wrap {margin-top: .3rem;} .hover-box {min-height: 320px;width: 100%;height: 320px;margin-bottom: .2rem;} .hover-box .flip .hover-content-wrap {padding: 32px 25px 10px;} .hover-content-wrap .icon{width: .5rem;height: .5rem;} .hover-content-wrap .icon img{position: absolute;height: .3rem;} .hover-content-wrap .text-h3{margin-top: .15rem;} .hover-content-wrap .text-h3 h3{font-size: .14rem;} .hover-content-wrap .line{width: 1rem;margin: .15rem auto 0;} .hover-content-wrap .text-p p{font-size: .12rem;margin-top: .15rem;} } /*Looking for a die-casting factory?*/ .newSOne .tit h2{font-weight: 400;text-transform: lowercase;} .newSOne .tit h2 span{font-weight: 600;} .newSOneI{background: #ffffff;color: #666;box-shadow: 0 5px 15px rgba(0, 0, 0, .08);} .newSOneI .text h3{color: #333;} .newSOneI .text p{color: rgb(102, 102, 102);line-height: 1.5;text-align: justify;} @media screen and ( min-width:1680px){ .newSOne{padding:40px 0 30px;} .newSOneList{margin-top: 50px;} .newSOneI{margin-top: 15px;margin-right: 15px;padding: 30px 15px;width: calc(50% - 15px);} .newSOneI .icon{width: 42px;margin:0 25px;} .newSOneI .text{flex:1;} .newSOneI .text h3{font-size: 24px;margin-bottom: 20px;} .newSOneI .text p{font-size: 14px;} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .newSOne{padding:40px 0 30px;} .newSOneList{margin-top: 50px;} .newSOneI{margin-top: 15px;margin-right: 15px;padding: 30px 15px;width: calc(50% - 15px);} .newSOneI .icon{width: 36px;margin:0 25px;} .newSOneI .text{flex:1;} .newSOneI .text h3{font-size: 22px;margin-bottom: 20px;} .newSOneI .text p{font-size: 14px;} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .newSOne{padding:40px 0 30px;} .newSOneList{margin-top: 40px;} .newSOneI{margin-top: 15px;margin-right: 15px;padding: 30px 15px;width: calc(50% - 15px);} .newSOneI .icon{width: 36px;margin:0 25px;} .newSOneI .text{flex:1;} .newSOneI .text h3{font-size: 22px;margin-bottom: 20px;} .newSOneI .text p{font-size: 14px;} } @media screen and (max-width:1279px ) and ( min-width:992px){ .newSOne{padding:40px 0 30px;} .newSOneList{margin-top: 40px;} .newSOneI{margin-top: 15px;margin-right: 15px;padding: 30px 15px;width: calc(50% - 15px);} .newSOneI .icon{width: 36px;margin:0 25px;} .newSOneI .text{flex:1;} .newSOneI .text h3{font-size: 22px;margin-bottom: 20px;} .newSOneI .text p{font-size: 14px;} } @media screen and (max-width:991px ) and ( min-width:768px){ .newSOne{padding:40px 0 30px;} .newSOneList{margin-top: 40px;} .newSOneI{margin-top: 15px;padding: 30px 15px;width: 100%;} .newSOneI .icon{width: 36px;margin:0 25px;} .newSOneI .text{flex:1;} .newSOneI .text h3{font-size: 22px;margin-bottom: 20px;} .newSOneI .text p{font-size: 14px;height: auto!important;} } @media only screen and (max-width:767px){ .newSOne{padding: .1rem 0 .3rem;} .newSOneList{margin-top: .2rem;} .newSOneI{margin-top: .15rem;padding: .25rem .15rem;width: 100%;} .newSOneI .icon{width: .3rem;} .newSOneI .text{flex:1;margin-left: .15rem;} .newSOneI .text h3{font-size: .16rem;margin-bottom: .15rem;} .newSOneI .text p{font-size: .12rem;height: auto!important;} } /*FOUR ADVANTAGES*/ .newSTwo{position: relative;} .newSTwo:before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(0deg, rgba(233, 233, 233, 1), rgba(255, 255, 255, 1));} .newSTwo .ward{position: relative;z-index: 1;} .newSTwoI .big-c{border-radius: 50%;background-image: linear-gradient(90deg, rgba(235, 215, 164, 1), rgba(164, 112, 55, 1));margin:0 auto;position: relative;font-weight: 600;color: #fff;} .newSTwoI .big-c .small-c{position: absolute;right:0;bottom:0;border-radius: 50%;background-color: #000} .newSTwoI .big-c .small-c span{font-weight: 400;text-transform: uppercase;} .newSTwoI p{color: #666;text-align: center;} @media screen and ( min-width:1680px){ .newSTwo{padding: 30px 0 60px;} .newSTwoList{margin-top: 70px;padding:0 4%;} .newSTwoI{width: 233px;height: 240px;} .newSTwoI .big-c{width: 200px;height: 200px;font-size: 50px;} .newSTwoI .big-c .small-c{height: 79px;width: 79px;border:6px solid rgba(248, 206, 136, 1);} .newSTwoI .big-c .small-c span{font-size: 30px;} .newSTwoI p{font-size: 20px;margin-top: 20px;} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .newSTwo{padding: 30px 0 60px;} .newSTwoList{margin-top: 70px;padding:0 4%;} .newSTwoI{width: 233px;height: 240px;} .newSTwoI .big-c{width: 180px;height: 180px;font-size: 42px;} .newSTwoI .big-c .small-c{height: 69px;width: 69px;border: 5px solid rgba(248, 206, 136, 1);} .newSTwoI .big-c .small-c span{font-size: 24px;} .newSTwoI p{font-size: 18px;margin-top: 20px;} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .newSTwo{padding: 30px 0 60px;} .newSTwoList{margin-top: 70px;padding:0 4%;} .newSTwoI{width: 233px;height: 240px;} .newSTwoI .big-c{width: 160px;height: 160px;font-size: 36px;} .newSTwoI .big-c .small-c{height: 59px;width: 59px;border: 4px solid rgba(248, 206, 136, 1);} .newSTwoI .big-c .small-c span{font-size: 22px;} .newSTwoI p{font-size: 16px;margin-top: 20px;} } @media screen and (max-width:1279px ) and ( min-width:992px){ .newSTwo{padding: 30px 0 60px;} .newSTwoList{margin-top: 70px;padding:0 4%;} .newSTwoI{width: 200px;} .newSTwoI .big-c{width: 140px;height: 140px;font-size: 32px;} .newSTwoI .big-c .small-c{height: 49px;width: 49px;border: 4px solid rgba(248, 206, 136, 1);} .newSTwoI .big-c .small-c span{font-size: 18px;} .newSTwoI p{font-size: 16px;margin-top: 20px;} } @media screen and (max-width:991px ) and ( min-width:768px){ .newSTwo{padding: 30px 0 60px;} .newSTwoList{margin-top: 20px;} .newSTwoI{width: 50%;margin-top: 50px;} .newSTwoI .big-c{width: 140px;height: 140px;font-size: 32px;} .newSTwoI .big-c .small-c{height: 49px;width: 49px;border: 4px solid rgba(248, 206, 136, 1);} .newSTwoI .big-c .small-c span{font-size: 18px;} .newSTwoI p{font-size: 16px;margin-top: 20px;} } @media only screen and (max-width:767px){ .newSTwo{padding: 30px 0 60px;} .newSTwoList{margin-top: .15rem;} .newSTwoI{width: 46%;margin-top: .3rem;} .newSTwoI .big-c{width: 1rem;height: 1rem;font-size: .24rem;} .newSTwoI .big-c .small-c{height: .38rem;width: .38rem;border: .03rem solid rgba(248, 206, 136, 1);} .newSTwoI .big-c .small-c span{font-size: .14rem;} .newSTwoI p{font-size: .12rem;margin-top: .15rem;} } /*SOLUTION*/ .newSThreeT{font-weight: 600;position: relative;} .newSThreeT:before{content: '';position: absolute;left: 0;top: 0;height: 100%;background-color: #a47037;} .newSThreeListW{position: relative;} .newSThreeList{position: relative;height: 100%;} .newSThreeI{opacity: 0;height: 100%;width: 100%;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 0;left: 0;z-index: 1} .newSThreeI.current{opacity: 1;z-index: 2;} .newSThreeI .shadow {width: 100%;height: 100%;background: black;position: absolute;top: 0;left: 0;opacity: .5;z-index: 1;} .newSThreeI .text-ward{position: absolute;z-index: 2;left: 0;right: 0;top: 50%;transform: translate(0,-50%);} .newSThreeI .text-ward .text h3{font-weight: 700;color: #fff;} .newSThreeI .text-ward .text p{color: #fff;-webkit-box-orient: vertical;overflow: hidden;text-align: justify;} .yun-solution-btn {display: inline-block;background: #fff;color: #03004c;text-align: center;font-size: 14px;opacity: .9;-webkit-transition: all .25s ease;transition: all 0.25s ease;} .yun-arrow-wrap {position: absolute;z-index: 10;left: 0;bottom: 0;display: table; width: 100%;overflow: hidden;} .yun-arrow-wrap .yun-arrow-item { display: table-cell; position: relative;width: auto;background-color: #fff;} .yun-arrow-wrap .yun-arrow-triangle {background-color: transparent;} .yun-arrow-wrap .yun-arrow-triangle:after, .yun-arrow-wrap .yun-arrow-triangle:before {content: "";position: absolute;bottom: 0;width: 50%;} .yun-arrow-wrap .yun-arrow-triangle:before {right: 50%;border-bottom: 18px solid #fff;border-right: 22px solid transparent;} .yun-solution-list{} .yun-solution-list li{cursor: pointer;text-align: center;} .yun-solution-list li img{margin:0 auto;} .yun-solution-list li p{color: #a47037;} @media screen and ( min-width:1680px){ .newSThree{padding: 70px 0} .newSThreeT{font-size: 40px;padding-left: 30px;height: 62px;} .newSThreeT:before{width: 14px;} .newSThreeListW{margin-top: 25px;height: 475px;} .newSThreeI .text-ward .text{width: 700px;} .newSThreeI .text-ward .text h3{font-size: 28px;} .newSThreeI .text-ward .text p{font-size: 16px;line-height: 30px;margin-top: 15px;-webkit-line-clamp: 4;} .yun-solution-btn {margin-top: 35px;min-width: 70px;padding: 0 30px;height: 36px;line-height: 36px;border-radius: 18px;font-size: 14px;} .yun-arrow-wrap {height: 18px;} .yun-arrow-wrap .yun-arrow-triangle {width: 1540px;height: 17px;} .yun-arrow-wrap .yun-arrow-triangle:after, .yun-arrow-wrap .yun-arrow-triangle:before {width: 50%;} .yun-arrow-wrap .yun-arrow-triangle:before {border-bottom: 18px solid #fff;border-right: 22px solid transparent;} .yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:before {right: 95%;} .yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:before {right: 83%;} .yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:before {right: 71.5%;} .yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:before {right: 60%;} .yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:before {right: 48%;width: 52%} .yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:before {right: 37%;width: 63%} .yun-arrow-wrap .yun-arrow-triangle:after {left: 50%;border-bottom: 18px solid #fff;border-left: 22px solid transparent;} .yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:after {left: 5%;width: 95%;} .yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:after {left: 17%;width: 83%;} .yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:after {left: 28.5%;width: 71.5%;} .yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:after {left: 40%;width: 60%;} .yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:after {left: 52%;} .yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:after {left: 63%;} .newSThreeQh{margin-top: 35px;} .yun-solution-list li{width: 150px;margin-right: 30px;} .yun-solution-list li img{width: 42px;} .yun-solution-list li p{margin-top: 15px;margin-bottom: 20px;line-height: 20px;font-size: 14px;} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .newSThree{padding: 60px 0;} .newSThreeT{font-size: 30px;padding-left: 28px;height: 52px;} .newSThreeT:before{width: 12px;} .newSThreeListW{margin-top: 22px;height: 425px;} .newSThreeI .text-ward .text{width: 700px;} .newSThreeI .text-ward .text h3{font-size: 26px;} .newSThreeI .text-ward .text p{font-size: 14px;line-height: 28px;margin-top: 15px;-webkit-line-clamp: 4;} .yun-solution-btn {margin-top: 35px;min-width: 70px;padding: 0 30px;height: 36px;line-height: 36px;border-radius: 18px;font-size: 14px;} .yun-arrow-wrap {height: 18px;} .yun-arrow-wrap .yun-arrow-triangle {width: 1280px;height: 17px;} .yun-arrow-wrap .yun-arrow-triangle:after, .yun-arrow-wrap .yun-arrow-triangle:before {width: 50%;} .yun-arrow-wrap .yun-arrow-triangle:before {border-bottom: 18px solid #fff;border-right: 22px solid transparent;} .yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:before {right: 94%;} .yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:before {right: 80%;} .yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:before {right: 65.5%;} .yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:before {right: 52%;} .yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:before {right: 38%;width: 100%;} .yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:before {right: 24%;width: 100%;} .yun-arrow-wrap .yun-arrow-triangle:after {left: 50%;border-bottom: 18px solid #fff;border-left: 22px solid transparent;} .yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:after {left: 6%;width: 100%;} .yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:after {left: 20%;width: 100%;} .yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:after {left: 34.5%;width: 100%;} .yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:after {left: 48%;width: 100%;} .yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:after {left: 62%;} .yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:after {left: 76%;} .newSThreeQh{margin-top: 35px;} .yun-solution-list li{width: 150px;margin-right: 30px;} .yun-solution-list li img{width: 36px;} .yun-solution-list li p{margin-top: 15px;margin-bottom: 10px;line-height: 20px;font-size: 14px;} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .newSThree{padding: 60px 0;} .newSThreeT{font-size: 28px;padding-left: 26px;height: 46px;} .newSThreeT:before{width: 10px;} .newSThreeListW{margin-top: 22px;height: 425px;} .newSThreeI .text-ward .text{width: 600px;} .newSThreeI .text-ward .text h3{font-size: 26px;} .newSThreeI .text-ward .text p{font-size: 14px;line-height: 28px;margin-top: 15px;-webkit-line-clamp: 4;} .yun-solution-btn {margin-top: 35px;min-width: 70px;padding: 0 30px;height: 36px;line-height: 36px;border-radius: 18px;font-size: 14px;} .yun-arrow-wrap {height: 18px;} .yun-arrow-wrap .yun-arrow-triangle {width: 1180px;height: 17px;} .yun-arrow-wrap .yun-arrow-triangle:after, .yun-arrow-wrap .yun-arrow-triangle:before {width: 50%;} .yun-arrow-wrap .yun-arrow-triangle:before {border-bottom: 18px solid #fff;border-right: 22px solid transparent;} .yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:before {right: 94%;} .yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:before {right: 80%;} .yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:before {right: 65.5%;} .yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:before {right: 52%;} .yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:before {right: 38%;width: 100%;} .yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:before {right: 24%;width: 100%;} .yun-arrow-wrap .yun-arrow-triangle:after {left: 50%;border-bottom: 18px solid #fff;border-left: 22px solid transparent;} .yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:after {left: 6%;width: 100%;} .yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:after {left: 20%;width: 100%;} .yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:after {left: 34.5%;width: 100%;} .yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:after {left: 48%;width: 100%;} .yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:after {left: 62%;} .yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:after {left: 76%;} .newSThreeQh{margin-top: 32px;} .yun-solution-list li{width: 140px;margin-right: 25px;} .yun-solution-list li img{width: 36px;} .yun-solution-list li p{margin-top: 15px;margin-bottom: 10px;line-height: 20px;font-size: 14px;} } @media screen and (max-width:1279px ) and ( min-width:992px){ .newSThree{padding: 60px 0;} .newSThreeT{font-size: 26px;padding-left: 26px;height: 46px;} .newSThreeT:before{width: 10px;} .newSThreeListW{margin-top: 22px;height: 425px;} .newSThreeI .text-ward .text{width: 600px;} .newSThreeI .text-ward .text h3{font-size: 26px;} .newSThreeI .text-ward .text p{font-size: 14px;line-height: 28px;margin-top: 15px;-webkit-line-clamp: 4;} .yun-solution-btn {margin-top: 35px;min-width: 70px;padding: 0 30px;height: 36px;line-height: 36px;border-radius: 18px;font-size: 14px;} .yun-arrow-wrap {height: 18px;} .yun-arrow-wrap .yun-arrow-triangle {width: 930px;height: 17px;} .yun-arrow-wrap .yun-arrow-triangle:after, .yun-arrow-wrap .yun-arrow-triangle:before {width: 50%;} .yun-arrow-wrap .yun-arrow-triangle:before {border-bottom: 18px solid #fff;border-right: 22px solid transparent;} .yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:before {right: 93%;} .yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:before {right: 79%;} .yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:before {right: 65%;} .yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:before {right: 51.5%;} .yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:before {right: 37.5%;width: 100%;} .yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:before {right: 23.5%;width: 100%;} .yun-arrow-wrap .yun-arrow-triangle:after {left: 50%;border-bottom: 18px solid #fff;border-left: 22px solid transparent;} .yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:after {left: 7%;width: 100%;} .yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:after {left: 21%;width: 100%;} .yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:after {left: 35%;width: 100%;} .yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:after {left: 48.5%;width: 100%;} .yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:after {left: 62.5%;} .yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:after {left: 76.5%;} .newSThreeQh{margin-top: 32px;} .yun-solution-list li{width: 120px;margin-right: 10px;} .yun-solution-list li img{width: 36px;} .yun-solution-list li p{margin-top: 10px;margin-bottom: 10px;line-height: 20px;font-size: 12px;} } @media screen and (max-width:991px ) and ( min-width:768px){ .newSThree{padding: 60px 0;} .newSThreeT{font-size: 28px;justify-content: center;} .newSThreeT:before{width: 10px;display: none;} .newSThreeListW{margin-top: 30px;height: 425px;} .newSThreeI .text-ward .text{width: 600px;} .newSThreeI .text-ward .text h3{font-size: 26px;} .newSThreeI .text-ward .text p{font-size: 14px;line-height: 28px;margin-top: 15px;-webkit-line-clamp: 4;} .yun-solution-btn {margin-top: 35px;min-width: 70px;padding: 0 30px;height: 36px;line-height: 36px;border-radius: 18px;font-size: 14px;} .yun-arrow-wrap {height: 18px;display: none;} .yun-arrow-wrap .yun-arrow-triangle {width: 930px;height: 17px;} .yun-arrow-wrap .yun-arrow-triangle:after, .yun-arrow-wrap .yun-arrow-triangle:before {width: 50%;} .yun-arrow-wrap .yun-arrow-triangle:before {border-bottom: 18px solid #fff;border-right: 22px solid transparent;} .yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:before {right: 93%;} .yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:before {right: 79%;} .yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:before {right: 65%;} .yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:before {right: 51.5%;} .yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:before {right: 37.5%;width: 100%;} .yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:before {right: 23.5%;width: 100%;} .yun-arrow-wrap .yun-arrow-triangle:after {left: 50%;border-bottom: 18px solid #fff;border-left: 22px solid transparent;} .yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:after {left: 7%;width: 100%;} .yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:after {left: 21%;width: 100%;} .yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:after {left: 35%;width: 100%;} .yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:after {left: 48.5%;width: 100%;} .yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:after {left: 62.5%;} .yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:after {left: 76.5%;} .newSThreeQh{margin-top: 32px;} .yun-solution-list li{width: 33.33%;} .yun-solution-list li img{width: 36px;} .yun-solution-list li p{margin-top: 10px;margin-bottom: 10px;line-height: 20px;font-size: 12px;} } @media only screen and (max-width:767px){ .newSThree{padding: .3rem 0;} .newSThreeT{font-size: .24rem;justify-content: center;} .newSThreeT:before{width: 10px;display: none;} .newSThreeListW{margin-top: .3rem;} .newSThreeList{width: 92%;margin:0 auto;} .newSThreeI{height: 3.4rem;position: relative;opacity: 1;margin-top: .1rem;} .newSThreeI:first-child{margin-top: 0;} .newSThreeI .text-ward .text{width: 100%;} .newSThreeI .text-ward .text h3{font-size: .18rem;} .newSThreeI .text-ward .text p{font-size: .12rem;line-height: 1.5;margin-top: .1rem;-webkit-line-clamp: 4;} .yun-solution-btn {margin-top: .2rem;min-width: .5rem;padding: 0 .2rem;height: .3rem;line-height: .3rem;border-radius: 18px;font-size: .12rem;} .yun-arrow-wrap {height: 18px;display: none;} .yun-arrow-wrap .yun-arrow-triangle {width: 930px;height: 17px;} .yun-arrow-wrap .yun-arrow-triangle:after, .yun-arrow-wrap .yun-arrow-triangle:before {width: 50%;} .yun-arrow-wrap .yun-arrow-triangle:before {border-bottom: 18px solid #fff;border-right: 22px solid transparent;} .yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:before {right: 93%;} .yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:before {right: 79%;} .yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:before {right: 65%;} .yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:before {right: 51.5%;} .yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:before {right: 37.5%;width: 100%;} .yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:before {right: 23.5%;width: 100%;} .yun-arrow-wrap .yun-arrow-triangle:after {left: 50%;border-bottom: 18px solid #fff;border-left: 22px solid transparent;} .yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:after {left: 7%;width: 100%;} .yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:after {left: 21%;width: 100%;} .yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:after {left: 35%;width: 100%;} .yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:after {left: 48.5%;width: 100%;} .yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:after {left: 62.5%;} .yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:after {left: 76.5%;} .newSThreeQh{margin-top: 32px;display: none;} .yun-solution-list li{width: 33.33%;} .yun-solution-list li img{width: 36px;} .yun-solution-list li p{margin-top: 10px;margin-bottom: 10px;line-height: 20px;font-size: 12px;} } /*CLIENTS*/ .IndPartner{background-position: center;background-size: cover;background-repeat: no-repeat;overflow: hidden;background-image: url(../images/Partner-bg.jpg);position: relative;z-index: 4;} .IndPartner:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.1);z-index: -1} .IndPartnerBanI{} .IndPartnerBanI img{width: 100%;height: 100%;object-fit: contain;} @media screen and ( min-width:1680px){ .IndPartner{padding: 50px 0 110px;} .IndPartnerBan{margin-top: 15px;} .IndPartnerBanI{margin-right: 4px;margin-left: 4px;width: 188px;height: 85px;margin-top: 35px;padding:10px;} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .IndPartner{padding: 50px 0 110px;} .IndPartnerBan{margin-top: 15px;} .IndPartnerBanI{margin-right: 10px;margin-left: 10px;width: 157px;height: 71px;margin-top: 30px;padding:10px;} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .IndPartner{padding: 50px 0 110px;} .IndPartnerBan{margin-top: 15px;} .IndPartnerBanI{margin-right: 25px;width: 147px;height: 66px;margin-top: 25px;padding:10px;} } @media screen and (max-width:1279px ) and ( min-width:992px){ .IndPartner{padding: 50px 0 110px;} .IndPartnerBan{margin-top: 15px;} .IndPartnerBanI{margin-right: 20px;width: 115px;height: 52px;margin-top: 20px;padding:10px;} } @media screen and (max-width:991px ) and ( min-width:768px){ .IndPartner{padding: 50px 0 110px;} .IndPartnerBan{margin-top: 15px;} .IndPartnerBanI{margin-right: 20px;width: 122px;height: 55px;margin-top: 20px;padding:10px;} .IndPartnerBanI:nth-child(5n+5){margin-right: 0;} } @media only screen and (max-width:767px){ .IndPartner{padding: .3rem 0 .5rem;} .IndPartnerBan{margin-top: .3rem;} .IndPartnerBanI{margin-right: .1rem;width: .91rem;height: .41rem;margin-top: .1rem;padding:10px;} .IndPartnerBanI:nth-child(3n+3){margin-right: 0;} } /*COMPETITIVE*/ .newSFourL li .num{font-weight: 600;} .newSFourL li .text h3{font-weight: 600;} .newSFourL li .text p{color: #666;line-height: 1.5;text-align: justify;} .newSFourR{background-position: center;background-repeat: no-repeat;background-size: cover;} @media screen and ( min-width:1680px){ .newSFour{padding: 50px 0 40px;} .newSFourCon{margin-top: 50px;} .newSFourL{flex: 1;margin-right: 40px;padding-top: 30px;} .newSFourL li{width: 48%;margin-bottom: 90px;} .newSFourL li .num{font-size: 40px;} .newSFourL li .text{flex:1;margin-left: 20px;} .newSFourL li .text h3{font-size: 20px;} .newSFourL li .text p{font-size: 14px;margin-top: 10px;} .newSFourR{width: 400px;height: 500px;} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .newSFour{padding: 50px 0 40px;} .newSFourCon{margin-top: 50px;} .newSFourL{flex: 1;margin-right: 40px;padding-top: 30px;} .newSFourL li{width: 48%;margin-bottom: 90px;} .newSFourL li .num{font-size: 38px;} .newSFourL li .text{flex:1;margin-left: 20px;} .newSFourL li .text h3{font-size: 18px;} .newSFourL li .text p{font-size: 14px;margin-top: 10px;} .newSFourR{width: 400px;height: 500px;} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .newSFour{padding: 50px 0 40px;} .newSFourCon{margin-top: 50px;} .newSFourL{flex: 1;margin-right: 40px;padding-top: 30px;} .newSFourL li{width: 48%;margin-bottom: 90px;} .newSFourL li .num{font-size: 38px;} .newSFourL li .text{flex:1;margin-left: 20px;} .newSFourL li .text h3{font-size: 18px;} .newSFourL li .text p{font-size: 14px;margin-top: 10px;} .newSFourR{width: 400px;height: 500px;} } @media screen and (max-width:1279px ) and ( min-width:992px){ .newSFour{padding: 50px 0 40px;} .newSFourCon{margin-top: 50px;} .newSFourL{flex: 1;margin-right: 40px;} .newSFourL li{width: 48%;margin-bottom: 90px;} .newSFourL li .num{font-size: 38px;} .newSFourL li .text{flex:1;margin-left: 20px;} .newSFourL li .text h3{font-size: 18px;} .newSFourL li .text p{font-size: 14px;margin-top: 10px;} .newSFourR{width: 320px;height: 460px;} } @media screen and (max-width:991px ) and ( min-width:768px){ .newSFour{padding: 50px 0 40px;} .newSFourCon{margin-top: 50px;} .newSFourL{flex: 1;width: 100%;} .newSFourL li{width: 48%;margin-bottom: 90px;} .newSFourL li .num{font-size: 38px;} .newSFourL li .text{flex:1;margin-left: 20px;} .newSFourL li .text h3{font-size: 18px;} .newSFourL li .text p{font-size: 14px;margin-top: 10px;} .newSFourR{width: 300px;height: 420px;} } @media only screen and (max-width:767px){ .newSFour{padding: 50px 0 40px;} .newSFourCon{margin-top: .1rem;} .newSFourL{flex: 1;width: 100%;} .newSFourL li{width: 100%;margin-top: .2rem;box-shadow: 0 5px 15px rgba(0, 0, 0, .08);padding: .15rem;} .newSFourL li .num{font-size: .3rem;} .newSFourL li .text{flex:1;margin-left: .15rem;} .newSFourL li .text h3{font-size: .14rem;} .newSFourL li .text p{font-size: .12rem;margin-top: .1rem;} .newSFourR{width: 327px;height: 599px;display: none;} } /*SERVICE CUSTOMIZATION PROCESS*/ .newSFiveCon{background-color: #d6d6d6;} .newSFiveCon ul li{text-align: center;} .newSFiveCon ul li span{display: block;margin:0 auto; border-radius: 50%;background-image: linear-gradient(220deg, rgba(164, 112, 55, 1), rgba(235, 215, 164, 1));position: relative;} .newSFiveCon ul li img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .newSFiveCon ul li p{line-height: 1.5;} @media screen and ( min-width:1680px){ .newSFive{padding-top: 40px;} .newSFive .newSThreeT{padding-left: 0;padding-right: 30px;} .newSFive .newSThreeT:before{left: auto;right: 0;} .newSFiveCon{margin-top: 40px;padding:65px 0 75px;} .newSFiveCon ul li span{width: 100px;height: 100px;} .newSFiveCon ul li img{width: 70px;} .newSFiveCon ul li p{font-size: 18px;margin-top: 30px;} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .newSFive{padding-top: 40px;} .newSFive .newSThreeT{padding-left: 0;padding-right: 30px;} .newSFive .newSThreeT:before{left: auto;right: 0;} .newSFiveCon{margin-top: 40px;padding:65px 0 75px;} .newSFiveCon ul li span{width: 90px;height: 90px;} .newSFiveCon ul li img{width: 60px;} .newSFiveCon ul li p{font-size: 14px;margin-top: 25px;} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .newSFive{padding-top: 40px;} .newSFive .newSThreeT{padding-left: 0;padding-right: 30px;} .newSFive .newSThreeT:before{left: auto;right: 0;} .newSFiveCon{margin-top: 40px;padding:65px 0 75px;} .newSFiveCon ul li span{width: 85px;height: 85px;} .newSFiveCon ul li img{width: 55px;} .newSFiveCon ul li p{font-size: 18px;margin-top: 25px;} } @media screen and (max-width:1279px ) and ( min-width:992px){ .newSFive{padding-top: 40px;} .newSFive .newSThreeT{padding-left: 0;padding-right: 30px;} .newSFive .newSThreeT:before{left: auto;right: 0;} .newSFiveCon{margin-top: 30px;padding: 55px 0 65px;} .newSFiveCon ul li span{width: 75px;height: 75px;} .newSFiveCon ul li img{width: 45px;} .newSFiveCon ul li p{font-size: 16px;margin-top: 20px;} } @media screen and (max-width:991px ) and ( min-width:768px){ .newSFive{padding-top: 40px;} .newSFive .newSThreeT{width: 100%;justify-content: center;text-align: center;} .newSFive .newSThreeT:before{left: auto;right: 0;} .newSFiveCon{margin-top: 30px;padding: 55px 0 65px;} .newSFiveCon ul li{width: 25%;padding:20px 0;} .newSFiveCon ul li span{width: 75px;height: 75px;} .newSFiveCon ul li img{width: 45px;} .newSFiveCon ul li p{font-size: 14px;margin-top: 20px;} } @media only screen and (max-width:767px){ .newSFive{padding-top: .2rem;} .newSFive .newSThreeT{width: 100%;justify-content: center;text-align: center;} .newSFive .newSThreeT:before{left: auto;right: 0;} .newSFiveCon{margin-top: .15rem;padding: .3rem 0;} .newSFiveCon ul li{width: 50%;padding: .15rem 0;} .newSFiveCon ul li span{width: .7rem;height: .7rem;} .newSFiveCon ul li img{width: .4rem;} .newSFiveCon ul li p{font-size: .12rem;margin-top: .15rem;} } /*Contact*/ .IndContactB{background-position: center;background-size: cover;background-repeat: no-repeat;overflow: hidden;background-image: url(../images/contact-bg.jpg);} .IndContactLbI span{background-color: #3029ff;color: #fff;text-align: center;} .IndContactLbI .text h3{font-weight: 600;} .IndFormI .form-t{display: inline-block;} .IndFormI .form-inp{background-color: #fff;width: 100%;} .form-sel-wrap{background-color: #fff;width: 100%;position: relative;overflow: hidden;} .form-sel-wrap:before{content: "\e659";font-family: "iconfont" !important;position: absolute;top: 50%;transform: translate(0,-50%);} .IndFormI .form-sel{border:none;width: 100%;background-color: transparent;} .IndFormI .textarea{width: 100%;border:none;resize: none;} .formSubW{width: 100%;} .formSubW .btn-more{border:none;background-color: #093190;color: #fff;} .btn-more{background-color: #fff;transition: all .6s ease;} .btn-more:hover{background-image: linear-gradient(148.0deg,rgba(9,49,144,1) 0.0,rgba(9,49,144,1) 99.0%);letter-spacing: 1px;} .IndContactB2{background-image: url(../images/masthead-gray-pano.jpg);position: relative;} .IndContactB2:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';z-index: 1;} .IndContactB2 .tit h2,.IndContactB2 .tit p,.IndContactB2 .IndNewConA{color: #fff;} .IndContactB2 .IndNewConA{display: inline-block;background-color: #022c8d;border:none;} .IndContactB2 .tit{position: relative;z-index: 2;} @media screen and ( min-width:1680px){ .IndContactB{padding: 80px 0 50px;} .IndContactW{margin-top: 40px;} .IndContactL{width: 30%;} .IndContactLbI{padding:22px 0;border-top: 1px solid #e5e5e5;} .IndContactLbI:first-child{border-top: 0;} .IndContactLbI span{width: 48px;height: 48px;font-size: 20px;line-height: 48px;} .IndContactLbI .text{margin-left: 20px;flex:1;-webkit-flex:1;} .IndContactLbI .text h3{font-size: 18px;} .IndContactLbI .text p{font-size: 16px;margin-top: 5px;} .IndContactR{width: 65%;padding-top: 22px;} .IndFormL{width: 40%;} .IndFormR{width: 56%;background-color: #fff;height: 245px;border-radius: 6px;} .IndFormI{margin-top: 15px;width: 100%;background-color: #fff;padding:0 20px;border-radius: 6px;} .IndFormI img{width: 25px;margin-right: 15px;} .IndFormI:first-child{margin-top: 0;} .IndFormI .form-inp{height: 50px;line-height: 50px;font-size: 16px;flex:1;} .form-sel-wrap{width: 100%;flex:1;} .form-sel-wrap:before{right: 0;font-size: 20px;} .IndFormI .form-sel{font-size: 16px;height: 50px;line-height: 50px;} .IndFormR .textarea{height: 100%;font-size: 16px;padding:15px;resize: none;width: 100%;border:none;background-color: transparent;} .formSubW{width: 100%;margin-top: 30px;} .formSubW .btn-more{border-radius: 6px;width: 180px;} .IndContactB2{padding:100px 0;} .IndContactB2 .IndNewConA{margin-top: 50px;} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .IndContactB{padding: 70px 0 50px;} .IndContactW{margin-top: 40px;} .IndContactL{width: 30%;} .IndContactLbI{padding: 20px 0;border-top: 1px solid #e5e5e5;} .IndContactLbI:first-child{border-top: 0;} .IndContactLbI span{width: 46px;height: 46px;font-size: 18px;line-height: 46px;} .IndContactLbI .text{margin-left: 20px;flex:1;-webkit-flex:1;} .IndContactLbI .text h3{font-size: 16px;} .IndContactLbI .text p{font-size: 14px;margin-top: 5px;} .IndContactR{width: 65%;padding-top: 22px;} .IndFormL{width: 40%;} .IndFormR{width: 56%;background-color: #fff;height: 237px;border-radius: 6px;} .IndFormI{margin-top: 15px;width: 100%;background-color: #fff;padding:0 20px;border-radius: 6px;} .IndFormI img{width: 22px;margin-right: 12px;} .IndFormI:first-child{margin-top: 0;} .IndFormI .form-inp{height: 48px;line-height: 48px;font-size: 14px;flex:1;} .form-sel-wrap{width: 100%;flex:1;} .form-sel-wrap:before{right: 0;font-size: 18px;} .IndFormI .form-sel{font-size: 14px;height: 48px;line-height: 48px;} .IndFormR .textarea{height: 100%;font-size: 14px;padding:15px;resize: none;width: 100%;border:none;background-color: transparent;} .formSubW{width: 100%;margin-top: 30px;} .formSubW .btn-more{border-radius: 6px;width: 175px;} .IndContactB2{padding:100px 0;} .IndContactB2 .IndNewConA{margin-top: 50px;} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .IndContactB{padding: 70px 0 50px;} .IndContactW{margin-top: 40px;} .IndContactL{width: 30%;} .IndContactLbI{padding: 20px 0;border-top: 1px solid #e5e5e5;} .IndContactLbI:first-child{border-top: 0;} .IndContactLbI span{width: 46px;height: 46px;font-size: 18px;line-height: 46px;} .IndContactLbI .text{margin-left: 20px;flex:1;-webkit-flex:1;} .IndContactLbI .text h3{font-size: 16px;} .IndContactLbI .text p{font-size: 14px;margin-top: 5px;} .IndContactR{width: 65%;padding-top: 22px;} .IndFormL{width: 40%;} .IndFormR{width: 56%;background-color: #fff;height: 237px;border-radius: 6px;} .IndFormI{margin-top: 15px;width: 100%;background-color: #fff;padding:0 20px;border-radius: 6px;} .IndFormI img{width: 22px;margin-right: 12px;} .IndFormI:first-child{margin-top: 0;} .IndFormI .form-inp{height: 48px;line-height: 48px;font-size: 14px;flex:1;} .form-sel-wrap{width: 100%;flex:1;} .form-sel-wrap:before{right: 0;font-size: 18px;} .IndFormI .form-sel{font-size: 14px;height: 48px;line-height: 48px;} .IndFormR .textarea{height: 100%;font-size: 14px;padding:15px;resize: none;width: 100%;border:none;background-color: transparent;} .formSubW{width: 100%;margin-top: 30px;} .formSubW .btn-more{border-radius: 6px;width: 175px;} .IndContactB2{padding:100px 0;} .IndContactB2 .IndNewConA{margin-top: 50px;} } @media screen and (max-width:1279px ) and ( min-width:992px){ .IndContactB{padding: 70px 0 50px;} .IndContactW{margin-top: 40px;} .IndContactL{width: 28%;} .IndContactLbI{padding: 20px 0;border-top: 1px solid #e5e5e5;} .IndContactLbI:first-child{border-top: 0;} .IndContactLbI span{width: 46px;height: 46px;font-size: 18px;line-height: 46px;} .IndContactLbI .text{margin-left: 20px;flex:1;-webkit-flex:1;} .IndContactLbI .text h3{font-size: 16px;} .IndContactLbI .text p{font-size: 14px;margin-top: 5px;} .IndContactR{width: 65%;padding-top: 22px;} .IndFormL{width: 40%;} .IndFormR{width: 56%;background-color: #fff;height: 237px;border-radius: 6px;} .IndFormI{margin-top: 15px;width: 100%;background-color: #fff;padding:0 20px;border-radius: 6px;} .IndFormI img{width: 22px;margin-right: 12px;} .IndFormI:first-child{margin-top: 0;} .IndFormI .form-inp{height: 48px;line-height: 48px;font-size: 14px;flex:1;} .form-sel-wrap{width: 100%;flex:1;} .form-sel-wrap:before{right: 0;font-size: 18px;} .IndFormI .form-sel{font-size: 14px;height: 48px;line-height: 48px;} .IndFormR .textarea{height: 100%;font-size: 14px;padding:15px;resize: none;width: 100%;border:none;background-color: transparent;} .formSubW{width: 100%;margin-top: 30px;} .formSubW .btn-more{border-radius: 6px;width: 175px;} .IndContactB2{padding:100px 0;} .IndContactB2 .IndNewConA{margin-top: 50px;} } @media screen and (max-width:991px ) and ( min-width:768px){ .IndContactB{padding: 70px 0 50px;} .IndContactW{margin-top: 40px;} .IndContactL{width: 100%;} .IndContactLbI{padding: 20px 0;border-top: 1px solid #e5e5e5;} .IndContactLbI:first-child{border-top: 0;} .IndContactLbI span{width: 46px;height: 46px;font-size: 18px;line-height: 46px;} .IndContactLbI .text{margin-left: 20px;flex:1;-webkit-flex:1;} .IndContactLbI .text h3{font-size: 16px;} .IndContactLbI .text p{font-size: 14px;margin-top: 5px;} .IndContactR{width: 100%;padding-top: 22px;} .IndFormL{width: 40%;} .IndFormR{width: 56%;background-color: #fff;height: 237px;border-radius: 6px;} .IndFormI{margin-top: 15px;width: 100%;background-color: #fff;padding:0 20px;border-radius: 6px;} .IndFormI img{width: 22px;margin-right: 12px;} .IndFormI:first-child{margin-top: 0;} .IndFormI .form-inp{height: 48px;line-height: 48px;font-size: 14px;flex:1;} .form-sel-wrap{width: 100%;flex:1;} .form-sel-wrap:before{right: 0;font-size: 18px;} .IndFormI .form-sel{font-size: 14px;height: 48px;line-height: 48px;} .IndFormR .textarea{height: 100%;font-size: 14px;padding:15px;resize: none;width: 100%;border:none;background-color: transparent;} .formSubW{width: 100%;margin-top: 30px;justify-content: center;} .formSubW .btn-more{border-radius: 6px;width: 175px;} .IndContactB2{padding:100px 0;} .IndContactB2 .IndNewConA{margin-top: 50px;} } @media only screen and (max-width:767px){ .IndContactB{padding: .4rem 0;} .IndContactW{margin-top: .3rem;} .IndContactL{width: 100%;} .IndContactLbI{padding: .15rem 0;border-top: 1px solid #e5e5e5;} .IndContactLbI:first-child{border-top: 0;} .IndContactLbI span{width: .38rem;height: .38rem;font-size: .2rem;line-height: .38rem;} .IndContactLbI .text{margin-left: .15rem;flex:1;-webkit-flex:1;} .IndContactLbI .text h3{font-size: .14rem;} .IndContactLbI .text p{font-size: .12rem;margin-top: .05rem;} .IndContactR{width: 100%;padding-top: .15rem;} .IndFormL{width: 100%;} .IndFormR{width: 100%;background-color: #fff;height: 2rem;border-radius: 6px;margin-top: .15rem;} .IndFormI{margin-top: .15rem;width: 100%;background-color: #fff;padding:0 20px;border-radius: 6px;} .IndFormI img{width: .15rem;margin-right: .1rem;} .IndFormI:first-child{margin-top: 0;} .IndFormI .form-inp{height: .4rem;line-height: .4rem;font-size: .12rem;flex:1;} .form-sel-wrap{width: 100%;flex:1;} .form-sel-wrap:before{right: 0;font-size: .14rem;} .IndFormI .form-sel{font-size: .12rem;height: .4rem;line-height: .4rem;} .IndFormR .textarea{height: 100%;font-size: .12rem;padding: .15rem;resize: none;width: 100%;border:none;background-color: transparent;} .formSubW{width: 100%;margin-top: .3rem;justify-content: center;} .formSubW .btn-more{border-radius: 6px;width: 1.5rem;} .IndContactB2{padding:50px 0;} .IndContactB2 .IndNewConA{margin-top: 50px;} } /************************ 内页 *************************/ .inner-ward{margin:0 auto;} /********************************产品****************************************/ .innerBan{background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;} .ban-text{text-align: center;position: absolute;left: 0;right:0;height: 100%;} .product-ban-tit{font-weight: 600;color: #fff;} .product-ban-menu a{background-color: #ffa100;color: #fff;transition: all .4s ease;} .product-ban-mbx{color: #fff;} .product-ban-mbx a{color: inherit;transition: all .3s} .product-ban-mbx i{background-color: #fff;} .productCon{position: relative;z-index: 1;} .comm-aside-part {background: #fff;box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);} .comm-title-aside {position: relative;color: #00319f;font-weight: 600;} .comm-title-aside::before {content: "";position: absolute;left: 0;top: 0;height: 100%;background: #00319f;} .comm-list-menu{display: block; position: relative;transition: .3s;border-top: 1px dashed #e5e5e5;} .comm-list-menu:first-child{border-top: 0;} .comm-list-menu:before{content: '';position: absolute;left: 0;top: 50%;transform: translate(0,-50%);width: 0;border-radius: 50%;background-color: #ffa100;} .comm-list-menu.on{color: #ffa100;} .message-form .form-part {width: 100%;border: 0;box-shadow: 0 0 1px 1px #ddd;border-radius: 3px;} .message-form .quote textarea {height: 100px;line-height: 1.5;resize: none;} .message-form .quote-file {cursor: pointer;} .message-form .quote-file span {background: #ebf1fa;color: #00319f;box-shadow: 0 0 1px 1px #00319f;border-radius: 2px;flex: none;} .message-form .quote-file b {white-space: nowrap;text-overflow: ellipsis; overflow: hidden;color: #777; font-weight: normal;} .message-form .quote-file input {display: none;} .message-form .file_tip_show>div {display: flex;justify-content: center;} .message-form .file_tip_show>div b {max-width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;} .message-form .file_tip_show>div span {cursor: pointer;display: inline-block;position: relative;transform: scaleX(1.2);color: #777;transition: .2s;} .comm-btn {font-weight: bold;color: #fff;background: #00319f;border-radius: 5px;transition: .2s;cursor: pointer;} .productConRI{overflow: hidden;background: #fff;border-radius: 6px;transition: box-shadow .2s;box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);} .productConRIa{display: block;} .productConRI .pic{width: 100%;overflow: hidden;position: relative;} .productConRI .pic img{width: 100%;height: 100%;object-fit: contain;transition: .3s;} .productConRI .text h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .3s;} .productConRI .text span{color: #666;display: inline-block;transition: .3s;} .productConRI .text span i{transition: .3s;} .productConRI:hover .text h3{color: #ffa100} .productConRI:hover .text span{color: #ffa100} .pagination {text-align: center;color: #fff;} .pagination a {background: #aaa;transition: .3s;color: inherit;} .pagination .el-pager-active {background: #00319f;} .pagination .btn-last, .pagination .btn-total {width: auto;} .ward1600{width: 1400px;} @media screen and ( min-width:1680px){ .inner-page .ward{width: 1400px;} .inner-ward{width: 1400px;} .ward1600{width: 1600px;} .innerBan{height: 448px;} .productBan .ban-text{padding-top: 80px;} .product-ban-tit{font-size: 42px;} .product-ban-menu{margin-top: 40px;} .product-ban-menu a{font-size: 20px;padding:10px 25px;border-radius: 8px;} .product-ban-menu a:hover{background-color: #fff;color: #ffa100} .product-ban-menu a img{margin-left: 10px;height: 20px;} .product-ban-mbx{margin-top: 70px;} .product-ban-mbx a{font-size: 18px;} .product-ban-mbx a:hover{color: #ffa100} .product-ban-mbx i{width: 5px;height: 2px;margin: 0 5px;} .productCon{margin-top: 50px;padding-bottom: 50px;} .productConL{width: 340px;} .comm-aside-part {margin-bottom: 16px;padding: 32px 16px 20px;border-radius: 8px;} .comm-title-aside {margin-bottom: 15px;padding-left: 14px;font-size: 20px;} .comm-title-aside::before {width: 6px;height: 100%;border-radius: 10px;} .comm-list-menu{padding: 14px;font-size: 16px;transition: .3s;border-top: 1px dashed #e5e5e5;} .comm-list-menu:before{height: 5px;} .comm-list-menu:hover{color: #ffa100;} .comm-list-menu.on:before{width: 5px;} .message-form .form-part {margin-bottom: 8px;width: 100%;height: 40px;line-height: 40px;font-size: 16px;border-radius: 3px;} .message-form .quote textarea {height: 100px;padding: 12px;} .message-form .quote input {padding: 0 12px;} .message-form .quote-file span {margin: 7px;padding: 0 8px;height: 28px;line-height: 28px;border-radius: 2px;} .message-form .quote-file b { width: 120px;} .message-form .file_tip_show>div {margin-bottom: 8px;font-size: 16px;} .message-form .file_tip_show>div b {padding-right: 3px;max-width: 90%;} .message-form .file_tip_show>div span {padding-left: 6px;font-size: 16px;transform: scaleX(1.2);} .comm-btn {padding: 0 26px;line-height: 48px;font-size: 16px;border-radius: 5px;transition: .2s;} .message-form .comm-btn {font-size: 16px;} .comm-btn:hover{background-color: #ffa100} .productConRList{ height: 1050px; } .productConR{flex: 1;-webkit-flex:1;margin-left: 20px;} .productConRI{margin-right: 16px;margin-bottom: 16px;width: calc(100% / 3 - 11px);border-radius: 6px;} .productConRI:nth-child(3n+3){margin-right: 0} .productConRI .pic{width: 100%;height: 240px;} .productConRI .text{padding: 16px;} .productConRI .text h3{font-size: 20px;} .productConRI .text span{font-size: 16px;margin-top: 5px;} .productConRI .text span i{font-size: 14px;} .productConRI:hover .text h3{color: #ffa100} .productConRI:hover .text span{color: #ffa100} .pagination {margin: 36px auto 0;font-size: 16px;} .pagination a {width: 40px;line-height: 40px;height: 40px;border-radius: 24px; margin: 0 6px;} .pagination .btn-last, .pagination .btn-total {padding: 0 22px;} .pagination a:hover{background-color: #ffa100} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .inner-ward{width: 1280px;} .innerBan{height: 398px;} .productBan .ban-text{padding-top: 70px;} .product-ban-tit{font-size: 36px;} .product-ban-menu{margin-top: 35px;} .product-ban-menu a{font-size: 18px;padding:10px 25px;border-radius: 8px;} .product-ban-menu a:hover{background-color: #fff;color: #ffa100} .product-ban-menu a img{margin-left: 10px;height: 20px;} .product-ban-mbx{margin-top: 60px;} .product-ban-mbx a{font-size: 16px;} .product-ban-mbx a:hover{color: #ffa100} .product-ban-mbx i{width: 5px;height: 2px;margin: 0 5px;} .productCon{margin-top: -50px;padding-bottom: 50px;} .productConL{width: 290px;} .comm-aside-part {margin-bottom: 16px;padding: 32px 16px 20px;border-radius: 8px;} .comm-title-aside {margin-bottom: 15px;padding-left: 14px;font-size: 18px;} .comm-title-aside::before {width: 5px;height: 100%;border-radius: 10px;} .comm-list-menu{padding: 14px;font-size: 14px;transition: .3s;border-top: 1px dashed #e5e5e5;} .comm-list-menu:before{height: 5px;} .comm-list-menu:hover{color: #ffa100;} .comm-list-menu.on:before{width: 5px;} .message-form .form-part {margin-bottom: 8px;width: 100%;height: 40px;line-height: 40px;font-size: 14px;border-radius: 3px;} .message-form .quote textarea {height: 100px;padding: 12px;} .message-form .quote input {padding: 0 12px;} .message-form .quote-file span {margin: 7px;padding: 0 8px;height: 28px;line-height: 28px;border-radius: 2px;} .message-form .quote-file b { width: 120px;} .message-form .file_tip_show>div {margin-bottom: 8px;font-size: 14px;} .message-form .file_tip_show>div b {padding-right: 3px;max-width: 90%;} .message-form .file_tip_show>div span {padding-left: 6px;font-size: 16px;transform: scaleX(1.2);} .comm-btn {padding: 0 26px;line-height: 48px;font-size: 16px;border-radius: 5px;transition: .2s;} .message-form .comm-btn {font-size: 14px;} .comm-btn:hover{background-color: #ffa100} .productConRList{ height: 950px; } .productConR{flex: 1;-webkit-flex:1;margin-left: 20px;} .productConRI{margin-right: 16px;margin-bottom: 16px;width: calc(100% / 3 - 11px);border-radius: 6px;} .productConRI:nth-child(3n+3){margin-right: 0} .productConRI .pic{width: 100%;height: 222px;} .productConRI .text{padding: 16px;} .productConRI .text h3{font-size: 18px;} .productConRI .text span{font-size: 14px;margin-top: 5px;} .productConRI .text span i{font-size: 13px;} .productConRI:hover .text h3{color: #ffa100} .productConRI:hover .text span{color: #ffa100} .pagination {margin: 36px auto 0;font-size: 14px;} .pagination a {width: 36px;line-height: 36px;height: 36px;border-radius: 24px;margin: 0 6px;} .pagination .btn-last, .pagination .btn-total {padding: 0 22px;} .pagination a:hover{background-color: #ffa100} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .inner-ward{width: 1180px;} .productConRList{ height: 900px; } .ward1600{width:auto} .innerBan{height: 348px;} .productBan .ban-text{padding-top: 50px;} .product-ban-tit{font-size: 32px;} .product-ban-menu{margin-top: 30px;} .product-ban-menu a{font-size: 16px;padding:10px 25px;border-radius: 8px;} .product-ban-menu a:hover{background-color: #fff;color: #ffa100} .product-ban-menu a img{margin-left: 10px;height: 20px;} .product-ban-mbx{margin-top: 50px;} .product-ban-mbx a{font-size: 14px;} .product-ban-mbx a:hover{color: #ffa100} .product-ban-mbx i{width: 5px;height: 2px;margin: 0 5px;} .productCon{margin-top: -50px;padding-bottom: 50px;} .productConL{width: 290px;} .comm-aside-part {margin-bottom: 16px;padding: 32px 16px 20px;border-radius: 8px;} .comm-title-aside {margin-bottom: 15px;padding-left: 14px;font-size: 18px;} .comm-title-aside::before {width: 5px;height: 100%;border-radius: 10px;} .comm-list-menu{padding: 14px;font-size: 14px;transition: .3s;border-top: 1px dashed #e5e5e5;} .comm-list-menu:before{height: 5px;} .comm-list-menu:hover{color: #ffa100;} .comm-list-menu.on:before{width: 5px;} .message-form .form-part {margin-bottom: 8px;width: 100%;height: 40px;line-height: 40px;font-size: 14px;border-radius: 3px;} .message-form .quote textarea {height: 100px;padding: 12px;} .message-form .quote input {padding: 0 12px;} .message-form .quote-file span {margin: 7px;padding: 0 8px;height: 28px;line-height: 28px;border-radius: 2px;} .message-form .quote-file b { width: 120px;} .message-form .file_tip_show>div {margin-bottom: 8px;font-size: 14px;} .message-form .file_tip_show>div b {padding-right: 3px;max-width: 90%;} .message-form .file_tip_show>div span {padding-left: 6px;font-size: 16px;transform: scaleX(1.2);} .comm-btn {padding: 0 26px;line-height: 48px;font-size: 16px;border-radius: 5px;transition: .2s;} .message-form .comm-btn {font-size: 14px;} .comm-btn:hover{background-color: #ffa100} .productConR{flex: 1;-webkit-flex:1;margin-left: 20px;} .productConRI{margin-right: 16px;margin-bottom: 16px;width: calc(100% / 3 - 11px);border-radius: 6px;} .productConRI:nth-child(3n+3){margin-right: 0} .productConRI .pic{width: 100%;height: 200px;} .productConRI .text{padding: 16px;} .productConRI .text h3{font-size: 16px;} .productConRI .text span{font-size: 13px;margin-top: 5px;} .productConRI .text span i{font-size: 13px;} .productConRI:hover .text h3{color: #ffa100} .productConRI:hover .text span{color: #ffa100} .pagination {margin: 36px auto 0;font-size: 14px;} .pagination a {width: 36px;line-height: 36px;height: 36px;border-radius: 24px;margin: 0 6px;} .pagination .btn-last, .pagination .btn-total {padding: 0 22px;} .pagination a:hover{background-color: #ffa100} } @media screen and (max-width:1279px ) and ( min-width:992px){ .inner-ward{width: 930px;} .productConRList{ height: 850px; } .innerBan{height: 348px;} .ward1600{width:auto} .productBan .ban-text{padding-top: 50px;} .product-ban-tit{font-size: 32px;} .product-ban-menu{margin-top: 30px;} .product-ban-menu a{font-size: 16px;padding:10px 25px;border-radius: 8px;} .product-ban-menu a:hover{background-color: #fff;color: #ffa100} .product-ban-menu a img{margin-left: 10px;height: 20px;} .product-ban-mbx{margin-top: 50px;} .product-ban-mbx a{font-size: 14px;} .product-ban-mbx a:hover{color: #ffa100} .product-ban-mbx i{width: 5px;height: 2px;margin: 0 5px;} .productCon{margin-top: -50px;padding-bottom: 50px;} .productConL{width: 240px;} .comm-aside-part {margin-bottom: 16px;padding: 27px 16px 15px;border-radius: 8px;} .comm-title-aside {margin-bottom: 12px;padding-left: 12px;font-size: 16px;} .comm-title-aside::before {width: 4px;height: 100%;border-radius: 10px;} .comm-list-menu{padding: 10px 12px;font-size: 13px;transition: .3s;border-top: 1px dashed #e5e5e5;} .comm-list-menu:before{height: 5px;} .comm-list-menu:hover{color: #ffa100;} .comm-list-menu.on:before{width: 5px;} .message-form .form-part {margin-bottom: 8px;width: 100%;height: 38px;line-height: 38px;font-size: 13px;border-radius: 3px;} .message-form .quote textarea {height: 100px;padding: 12px;} .message-form .quote input {padding: 0 12px;} .message-form .quote-file span {margin: 7px;padding: 0 8px;height: 28px;line-height: 28px;border-radius: 2px;} .message-form .quote-file b { width: 120px;} .message-form .file_tip_show>div {margin-bottom: 8px;font-size: 14px;} .message-form .file_tip_show>div b {padding-right: 3px;max-width: 90%;} .message-form .file_tip_show>div span {padding-left: 6px;font-size: 16px;transform: scaleX(1.2);} .comm-btn {padding: 0 26px;line-height: 48px;font-size: 16px;border-radius: 5px;transition: .2s;} .message-form .comm-btn {font-size: 13px;} .comm-btn:hover{background-color: #ffa100} .productConR{flex: 1;-webkit-flex:1;margin-left: 20px;} .productConRI{margin-right: 16px;margin-bottom: 16px;width: calc(100% / 3 - 11px);border-radius: 6px;} .productConRI:nth-child(3n+3){margin-right: 0} .productConRI .pic{width: 100%;height: 152px;} .productConRI .text{padding: 16px;} .productConRI .text h3{font-size: 16px;} .productConRI .text span{font-size: 13px;margin-top: 5px;} .productConRI .text span i{font-size: 13px;} .productConRI:hover .text h3{color: #ffa100} .productConRI:hover .text span{color: #ffa100} .pagination {margin: 36px auto 0;font-size: 14px;} .pagination a {width: 36px;line-height: 36px;height: 36px;border-radius: 24px;margin: 0 6px;} .pagination .btn-last, .pagination .btn-total {padding: 0 22px;} .pagination a:hover{background-color: #ffa100} } @media screen and (max-width:991px ) and ( min-width:768px){ .inner-ward{width: 690px;} .ward1600{width:auto} .innerBan{height: 348px;} .productBan .ban-text{padding-top: 50px;} .product-ban-tit{font-size: 32px;} .product-ban-menu{margin-top: 30px;} .product-ban-menu a{font-size: 16px;padding:10px 25px;border-radius: 8px;} .product-ban-menu a:hover{background-color: #fff;color: #ffa100} .product-ban-menu a img{margin-left: 10px;height: 20px;} .product-ban-mbx{margin-top: 50px;} .product-ban-mbx a{font-size: 14px;} .product-ban-mbx a:hover{color: #ffa100} .product-ban-mbx i{width: 5px;height: 2px;margin: 0 5px;} .productCon{margin-top: -50px;padding-bottom: 50px;} .productConL{width: 100%;} .comm-aside-part {margin-bottom: 16px;padding: 27px 16px 15px;border-radius: 8px;} .comm-title-aside {margin-bottom: 12px;padding-left: 12px;font-size: 16px;} .comm-title-aside::before {width: 4px;height: 100%;border-radius: 10px;} .comm-list{display: flex;flex-wrap: wrap;} .comm-list-menu{padding: 10px 12px;font-size: 13px;transition: .3s;background: #f5f5f5;margin-top: 5px;margin-right: 5px;} .comm-list-menu:before{height: 5px;display: none;} .comm-list-menu.on{color: #fff;background-color: #ffa100} .message-form{display: none;} .message-form .form-part {margin-bottom: 8px;width: 100%;height: 38px;line-height: 38px;font-size: 13px;border-radius: 3px;} .message-form .quote textarea {height: 100px;padding: 12px;} .message-form .quote input {padding: 0 12px;} .message-form .quote-file span {margin: 7px;padding: 0 8px;height: 28px;line-height: 28px;border-radius: 2px;} .message-form .quote-file b { width: 120px;} .message-form .file_tip_show>div {margin-bottom: 8px;font-size: 14px;} .message-form .file_tip_show>div b {padding-right: 3px;max-width: 90%;} .message-form .file_tip_show>div span {padding-left: 6px;font-size: 16px;transform: scaleX(1.2);} .comm-btn {padding: 0 26px;line-height: 48px;font-size: 16px;border-radius: 5px;transition: .2s;} .message-form .comm-btn {font-size: 13px;} .comm-btn:hover{background-color: #ffa100} .productConR{flex: 1;-webkit-flex:1;width: 100%;} .productConRI{margin-right: 16px;margin-bottom: 16px;width: calc(100% / 3 - 11px);border-radius: 6px;} .productConRI:nth-child(3n+3){margin-right: 0} .productConRI .pic{width: 100%;height: 160px;} .productConRI .text{padding: 16px;} .productConRI .text h3{font-size: 16px;} .productConRI .text span{font-size: 13px;margin-top: 5px;} .productConRI .text span i{font-size: 13px;} .productConRI:hover .text h3{color: #ffa100} .productConRI:hover .text span{color: #ffa100} .pagination {margin: 36px auto 0;font-size: 14px;} .pagination a {width: 36px;line-height: 36px;height: 36px;border-radius: 24px;margin: 0 6px;} .pagination .btn-last, .pagination .btn-total {padding: 0 22px;} .pagination a:hover{background-color: #ffa100} } @media only screen and (max-width:767px){ .inner-ward{width: 92%;max-width: 500px;} .ward1600{width:auto} .innerBan{height: 1.75rem;} .productBan .ban-text{padding-top: .25rem;} .product-ban-tit{font-size: .24rem;} .product-ban-menu{margin-top: .15rem;} .product-ban-menu a{font-size: .12rem;padding: .07rem .15rem;border-radius: .05rem;} .product-ban-menu a:hover{background-color: #fff;color: #ffa100} .product-ban-menu a img{margin-left: .05rem;height: .14rem;} .product-ban-mbx{margin-top: .2rem;} .product-ban-mbx a{font-size: .11rem;} .product-ban-mbx a:hover{color: #ffa100} .product-ban-mbx i{width: 5px;height: 2px;margin: 0 5px;} .productCon{margin-top: -.2rem;padding-bottom: 50px;} .productConL{width: 100%;} .comm-aside-part {margin-bottom: .12rem;padding: .2rem .15rem;border-radius: .05rem;} .comm-title-aside {margin-bottom: .1rem;padding-left: .1rem;font-size: .14rem;} .comm-title-aside::before {width: 4px;height: 100%;border-radius: 10px;} .comm-list{display: flex;flex-wrap: wrap;} .comm-list-menu{padding: .1rem .15rem;font-size: .11rem;transition: .3s;background: #f5f5f5;margin-top: 5px;margin-right: 5px;} .comm-list-menu:before{height: 5px;display: none;} .comm-list-menu.on{color: #fff;background-color: #ffa100} .message-form{display: none;} .message-form .form-part {margin-bottom: 8px;width: 100%;height: 38px;line-height: 38px;font-size: 13px;border-radius: 3px;} .message-form .quote textarea {height: 100px;padding: 12px;} .message-form .quote input {padding: 0 12px;} .message-form .quote-file span {margin: 7px;padding: 0 8px;height: 28px;line-height: 28px;border-radius: 2px;} .message-form .quote-file b { width: 120px;} .message-form .file_tip_show>div {margin-bottom: 8px;font-size: 14px;} .message-form .file_tip_show>div b {padding-right: 3px;max-width: 90%;} .message-form .file_tip_show>div span {padding-left: 6px;font-size: 16px;transform: scaleX(1.2);} .comm-btn {padding: 0 26px;line-height: 48px;font-size: 16px;border-radius: 5px;transition: .2s;} .message-form .comm-btn {font-size: 13px;} .comm-btn:hover{background-color: #ffa100} .productConR{flex: 1;-webkit-flex:1;width: 100%;} .productConRList{justify-content: space-between;} .productConRI{margin-bottom: .12rem;width: 48%;border-radius: 6px;} .productConRI:nth-child(3n+3){margin-right: 0} .productConRI .pic{width: 100%;height: 1rem;} .productConRI .text{padding: .1rem;} .productConRI .text h3{font-size: .12rem;} .productConRI .text span{font-size: .11rem;margin-top: 5px;} .productConRI .text span i{font-size: .1rem;} .productConRI:hover .text h3{color: #ffa100} .productConRI:hover .text span{color: #ffa100} .pagination {margin: 36px auto 0;font-size: 14px;} .pagination a {width: 36px;line-height: 36px;height: 36px;border-radius: 24px;margin: 0 6px;} .pagination .btn-last, .pagination .btn-total {padding: 0 22px;} .pagination a:hover{background-color: #ffa100} .pagination a.number, .pagination a.btn-last,.pagination a.btn-total{display: none;} } /********************************产品详情****************************************/ .mbx a{color: #022c8d} .det-gird-top{} .det-gird-top .l-pic{background: #fff;box-shadow: 0 0 15px #d6d6d6;overflow: hidden;} .det-gird-top .l-pic img{width: 100%;height: 100%;object-fit: contain;} .r-text{background: #fff;box-shadow: 0 0 40px rgba(204, 204, 204, 0.3);flex: 1;width: 100%;} .r-text-t{line-height: 1.4;font-weight: 600;} .subTitle{color: #888;} .abstract{color: #666;white-space: pre-wrap;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;} .content-tags a {display: inline-block;color: #333;border-radius: 5px 5px 0 0;box-shadow: 0 0 10px #ccc inset;} .product-info{} .product-params {background: #1d284a;box-shadow: 0 0 10px #ccc;position: relative;} .param-item{padding-left: 25px;color: #fff;background: url(../images/point-2.png) left center no-repeat;} .param-item span{color: #fff;line-height: 2;} .product-tip{background: #fcfcfd;box-shadow: 0 0 10px #ccc inset;} .phone-tip{color: #faa05a;} .phone{display: inline-block;background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f98c30), to(#f94928));-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;} .social-share-icon{border-radius: 50%;line-height: 32px;text-align: center;margin:4px;transition: all .3s;} .social-share-icon1{color: #0077B5;border: 1px solid #0077B5;} .social-share-icon2{color: #44619D;border: 1px solid #44619D;} .social-share-icon3{color: #55acee;;border: 1px solid #55acee;} .social-share-icon4{color: #db4437;;border: 1px solid #db4437;} .product-buttons a{text-align: center;text-transform: uppercase;background-color: rgba(235, 215, 164, 1);color: #333;} .product-buttons a:first-child{background-color: rgba(164, 112, 55, 1);color: #fff;} .pro-b-t{} .pro-b-t h3{font-weight: 600;} .pro-b-t i{flex:1;-webkit-flex:1;border-top: 1px solid #e5e5e5;} .productFormt sup{color: #fa6e52;line-height: 1} .productFormI .common-s{flex:1;width: 100%;border:1px solid #e5e5e5;} .productFormI .common-s:focus{border-color: #000;box-shadow: inset 0 0 5px 0 rgba(0,0,0,.1)} .productFormI textarea{resize: none;} .product-radio .productFormt{line-height: inherit;} .productFormI .raidoIW{flex:1;width: 100%;} .productFormI .raidoI input{border:1px solid #e5e5e5;position: relative;} .productFormI .raidoI input:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} .productFormI .raidoI input:checked:before{background-image: url(../images/dh.svg);} .btn-sub{text-align: center;color: #fff;background-color: #183980;transition: all .4s ease;} .accordion-menu-header{border: 1px solid #a47037;color: #a47037;position: relative;;text-align: center} .accordion-menu-header h4{font-weight: bold;color: #a47037;} .header-subtitle{background: #fff;text-align: center;display: inline-block;position: absolute;left: 50%;transform: translateX(-50%);line-height: 1;} .product-list .menus {border: 1px solid #ccc;background-color: #ffffff;} .first-level > a {color: #a47037;border-bottom: 1px dashed #a47037;display: block;} .submenu li {display: inline-block;} .submenu a {color: #4c4c4c;display: block;} @media screen and ( min-width:1680px){ .productDetCon{padding-bottom: 150px;} .mbx{padding: 15px 0;font-size: 16px;line-height: 24px;} .mbx img{width: 16px;margin-right: 10px} .det-gird-top .l-pic{width: 40%;height: 540px;border-radius: 10px 0px 0px 100px;} .r-text{border-radius: 0 0 90px 0;padding: 40px 40px;flex: 1;width: 100%;height:540px;} .r-text-t{font-size: 24px;line-height: 1.4;margin-bottom: 10px;} .subTitle{color: #888;font-size: 16px;} .abstract{color: #666;font-size: 16px;-webkit-line-clamp: 3;margin:10px 0;} .content-tags a {padding: 3px 15px;font-size: 16px;border-radius: 5px 5px 0 0;} .product-info{} .product-params {padding: 1px 15px;border-radius: 0 30px 0 0;} .param-item{margin: 20px 0;font-size: 14px;line-height: 28px;padding-left: 25px;} .param-item span{font-size: 16px;} .param-label{margin-right: 10px;} .product-tip{border-radius: 0 0 5px 30px;padding: 15px;} .uk-margin-small{margin-bottom: 10px;} .phone-tip{font-size: 16px;line-height: 34px;} .phone{font-size: 28px;line-height: 40px;} .social-share-icon{width: 32px;height: 32px;border-radius: 50%;line-height: 32px;margin:4px;} .social-share-icon i{font-size: 20px;} .social-share-icon1:hover{color: #fff;background-color: #0077B5;} .social-share-icon2:hover{color: #fff;background-color: #44619D;} .social-share-icon3:hover{color: #fff;background-color: #55acee;} .social-share-icon4:hover{color: #fff;background-color: #db4437;} .product-buttons{margin-top: 40px} .product-buttons a{font-size: 16px;margin-right: 20px;padding: 0 30px;line-height: 38px;} .product-buttons a:hover{opacity: .7;} .det-gird-bottom{margin-top: 40px} .pro-b-t h3{font-size: 30px;margin:0 18px;} .pro-b-t i{flex:1;-webkit-flex:1;} .pro-b-w{margin-top: 20px;} .productForm{width: 350px;} .productFormI{margin-bottom: 14px;} .productFormt{font-size: 14px;width: 80px;line-height: 52px;margin-right: 10px;} .productFormI .inp{height: 52px;padding: 0 12px;} .productFormI .common-s{font-size: 14px;flex:1;width: 100%;} .productFormI textarea{padding:12px;height: 150px;} .product-radio .productFormt{margin-top: 20px;} .productFormI .raidoIW{flex:1;width: 100%;} .productFormI .raidoIW .raidoIWI{margin-top: 20px;} .productFormI .raidoI{font-size: 14px;margin-right: 36px;line-height: 20px;} .productFormI .raidoI input{width: 16px;height: 16px;margin-right: 10px;} .btn-sub-wrap{padding-left: 90px;margin-top: 35px;} .btn-sub{height: 52px;line-height: 52px;font-size: 18px;padding:0 70px;} .btn-sub:hover{background-color: transparent;border:1px solid #183980;color: #333;} .productBox{width: 950px;} .det-gird-bottom .l-box{width: 500px;} .r-box{width: 350px;} .product-list{margin-bottom: 20px;} .accordion-menu-header{margin-bottom: 20px;} .accordion-menu-header h4{font-size: 26px;margin: 4px 0 6px;} .header-subtitle{font-size: 14px;padding: 0 10px;left: 50%;bottom: -8px;transform: translateX(-50%);} .product-list .menus {padding: 10px 12px 20px 12px;;} .first-level > a {font-size: 16px;line-height: 40px;} /*.submenu li {width: 49%;}*/ .submenu a {font-size: 14px;line-height: 24px;margin-top: 12px;;} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .productDetCon{padding-bottom: 120px;} .mbx{padding: 15px 0;font-size: 14px;line-height: 22px;} .mbx img{width: 14px;margin-right: 8px;} .det-gird-top .l-pic{width: 40%;height: 512px;border-radius: 10px 0px 0px 100px;} .r-text{border-radius: 0 0 90px 0;padding: 40px 40px;flex: 1;width: 100%;height: 512px;} .r-text-t{font-size: 22px;line-height: 1.4;margin-bottom: 10px;} .subTitle{color: #888;font-size: 14px;} .abstract{color: #666;font-size: 14px;-webkit-line-clamp: 3;margin:10px 0;} .content-tags a {padding: 3px 15px;font-size: 14px;border-radius: 5px 5px 0 0;} .product-info{} .product-params {padding: 1px 15px;border-radius: 0 30px 0 0;} .param-item{margin: 20px 0;line-height: 26px;padding-left: 25px;} .param-item span{font-size: 14px;} .param-label{margin-right: 10px;} .product-tip{border-radius: 0 0 5px 30px;padding: 15px;} .uk-margin-small{margin-bottom: 10px;} .phone-tip{font-size: 14px;} .phone{font-size: 26px;} .social-share-icon{width: 30px;height: 30px;border-radius: 50%;line-height: 30px;margin:4px;} .social-share-icon i{font-size: 18px;} .social-share-icon1:hover{color: #fff;background-color: #0077B5;} .social-share-icon2:hover{color: #fff;background-color: #44619D;} .social-share-icon3:hover{color: #fff;background-color: #55acee;} .social-share-icon4:hover{color: #fff;background-color: #db4437;} .product-buttons{margin-top: 20px} .product-buttons a{font-size: 14px;margin-right: 18px;padding: 0 30px;line-height: 36px;} .product-buttons a:hover{opacity: .7;} .det-gird-bottom{margin-top: 40px} .pro-b-t h3{font-size: 28px;margin:0 18px;} .pro-b-t i{flex:1;-webkit-flex:1;} .pro-b-w{margin-top: 20px;} .productForm{width: 350px;} .productFormI{margin-bottom: 14px;} .productFormt{font-size: 13px;width: 75px;line-height: 46px;margin-right: 10px;} .productFormI .inp{height: 46px;padding: 0 12px;} .productFormI .common-s{font-size: 13px;flex:1;width: 100%;} .productFormI textarea{padding:12px;height: 150px;} .product-radio .productFormt{margin-top: 20px;} .productFormI .raidoIW{flex:1;width: 100%;} .productFormI .raidoIW .raidoIWI{margin-top: 20px;} .productFormI .raidoI{font-size: 13px;margin-right: 36px;line-height: 20px;} .productFormI .raidoI input{width: 16px;height: 16px;margin-right: 10px;} .btn-sub-wrap{padding-left: 85px;margin-top: 35px;} .btn-sub{height: 46px;line-height: 46px;font-size: 16px;padding:0 70px;} .btn-sub:hover{background-color: transparent;border:1px solid #183980;color: #333;} .productBox{width: 875px;} .det-gird-bottom .l-box{width: 500px;} .r-box{width: 300px;} .product-list{margin-bottom: 20px;} .accordion-menu-header{margin-bottom: 20px;} .accordion-menu-header h4{font-size: 24px;margin: 4px 0 6px;} .header-subtitle{font-size: 13px;padding: 0 10px;left: 50%;bottom: -8px;transform: translateX(-50%);} .product-list .menus {padding: 10px 12px 20px 12px;;} .first-level > a {font-size: 14px;line-height: 40px;} /*.submenu li {width: 49%;}*/ .submenu a {font-size: 14px;line-height: 24px;margin-top: 12px;} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .productDetCon{padding-bottom: 120px;} .mbx{padding: 15px 0;font-size: 14px;line-height: 22px;} .mbx img{width: 14px;margin-right: 8px;} .det-gird-top .l-pic{width: 40%;height: 472px;border-radius: 10px 10px 10px 100px;} .r-text{border-radius: 0 0 90px 0;padding: 20px 30px;flex: 1;width: 100%;} .r-text-t{font-size: 22px;line-height: 1.4;margin-bottom: 10px;} .subTitle{color: #888;font-size: 14px;} .abstract{color: #666;font-size: 14px;-webkit-line-clamp: 3;margin:10px 0;} .content-tags a {padding: 3px 15px;font-size: 14px;border-radius: 5px 5px 0 0;} .product-info{} .product-params {padding: 1px 15px;border-radius: 0 30px 0 0;} .param-item{margin: 10px 0;line-height: 26px;padding-left: 25px;} .param-item span{font-size: 14px;} .param-label{margin-right: 10px;} .product-tip{border-radius: 0 0 5px 30px;padding: 15px;} .uk-margin-small{margin-bottom: 10px;} .phone-tip{font-size: 14px;} .phone{font-size: 26px;} .social-share-icon{width: 30px;height: 30px;border-radius: 50%;line-height: 30px;margin:4px;} .social-share-icon i{font-size: 18px;} .social-share-icon1:hover{color: #fff;background-color: #0077B5;} .social-share-icon2:hover{color: #fff;background-color: #44619D;} .social-share-icon3:hover{color: #fff;background-color: #55acee;} .social-share-icon4:hover{color: #fff;background-color: #db4437;} .product-buttons{margin-top: 20px} .product-buttons a{font-size: 14px;margin-right: 18px;padding: 0 30px;line-height: 36px;} .product-buttons a:hover{opacity: .7;} .det-gird-bottom{margin-top: 40px} .pro-b-t h3{font-size: 26px;margin:0 18px;} .pro-b-t i{flex:1;-webkit-flex:1;} .pro-b-w{margin-top: 20px;} .productForm{width: 300px;} .productFormI{margin-bottom: 14px;} .productFormt{font-size: 13px;width: 75px;line-height: 46px;margin-right: 10px;} .productFormI .inp{height: 46px;padding: 0 12px;} .productFormI .common-s{font-size: 13px;flex:1;width: 100%;} .productFormI textarea{padding:12px;height: 150px;} .product-radio .productFormt{margin-top: 20px;} .productFormI .raidoIW{flex:1;width: 100%;} .productFormI .raidoIW .raidoIWI{margin-top: 20px;} .productFormI .raidoI{font-size: 13px;margin-right: 36px;line-height: 20px;} .productFormI .raidoI input{width: 16px;height: 16px;margin-right: 10px;} .btn-sub-wrap{padding-left: 85px;margin-top: 35px;} .btn-sub{height: 46px;line-height: 46px;font-size: 16px;padding:0 70px;} .btn-sub:hover{background-color: transparent;border:1px solid #183980;color: #333;} .productBox{width: 840px;} .det-gird-bottom .l-box{width: 500px;} .r-box{width: 300px;} .product-list{margin-bottom: 20px;} .accordion-menu-header{margin-bottom: 20px;} .accordion-menu-header h4{font-size: 24px;margin: 4px 0 6px;} .header-subtitle{font-size: 13px;padding: 0 10px;left: 50%;bottom: -8px;transform: translateX(-50%);} .product-list .menus {padding: 10px 12px 20px 12px;;} .first-level > a {font-size: 14px;line-height: 40px;} /*.submenu li {width: 49%;}*/ .submenu a {font-size: 14px;line-height: 24px;margin-top: 12px;} } @media screen and (max-width:1279px ) and ( min-width:992px){ .productDetCon{padding-bottom: 120px;} .mbx{padding: 15px 0;font-size: 14px;line-height: 22px;} .mbx img{width: 14px;margin-right: 8px;} .det-gird-top .l-pic{width: 40%;height: 372px;border-radius: 10px 10px 10px 100px;} .r-text{border-radius: 0 0 90px 0;padding: 15px;flex: 1;width: 100%;} .r-text-t{font-size: 20px;line-height: 1.4;margin-bottom: 8px;} .subTitle{color: #888;font-size: 12px;} .abstract{color: #666;font-size: 12px;-webkit-line-clamp: 3;margin: 8px 0;} .content-tags a {padding: 3px 15px;font-size: 12px;border-radius: 5px 5px 0 0;} .product-info{} .product-params {padding: 1px 15px;border-radius: 0 30px 0 0;} .param-item{margin: 6px 0;padding-left: 25px;} .param-item span{font-size: 12px;line-height: 1.8;} .param-label{margin-right: 10px;} .product-tip{border-radius: 0 0 5px 30px;padding: 10px 15px;} .uk-margin-small{margin-bottom: 10px;} .phone-tip{font-size: 12px;} .phone{font-size: 22px;} .social-share-icon{width: 28px;height: 28px;border-radius: 50%;line-height: 28px;margin:4px;} .social-share-icon i{font-size: 16px;} .social-share-icon1:hover{color: #fff;background-color: #0077B5;} .social-share-icon2:hover{color: #fff;background-color: #44619D;} .social-share-icon3:hover{color: #fff;background-color: #55acee;} .social-share-icon4:hover{color: #fff;background-color: #db4437;} .product-buttons{margin-top: 15px;} .product-buttons a{font-size: 12px;margin-right: 16px;padding: 0 25px;line-height: 34px;} .product-buttons a:hover{opacity: .7;} .det-gird-bottom{margin-top: 40px} .pro-b-t h3{font-size: 26px;margin:0 18px;} .pro-b-t i{flex:1;-webkit-flex:1;} .pro-b-w{margin-top: 20px;flex-direction: column-reverse;} .productForm{width: 100%;margin-top: 50px;} .productFormI{margin-bottom: 14px;} .productFormt{font-size: 13px;width: 75px;line-height: 46px;margin-right: 10px;} .productFormI .inp{height: 46px;padding: 0 12px;} .productFormI .common-s{font-size: 13px;flex:1;width: 100%;} .productFormI textarea{padding:12px;height: 150px;} .product-radio .productFormt{margin-top: 20px;} .productFormI .raidoIW{flex:1;width: 100%;} .productFormI .raidoIW .raidoIWI{margin-top: 20px;} .productFormI .raidoI{font-size: 13px;margin-right: 36px;line-height: 20px;} .productFormI .raidoI input{width: 16px;height: 16px;margin-right: 10px;} .btn-sub-wrap{padding-left: 85px;margin-top: 35px;} .btn-sub{height: 46px;line-height: 46px;font-size: 16px;padding:0 70px;} .btn-sub:hover{background-color: transparent;border:1px solid #183980;color: #333;} .productBox{width: 100%;} .det-gird-bottom .l-box{width: 500px;} .r-box{width: 350px;} .product-list{margin-bottom: 20px;} .accordion-menu-header{margin-bottom: 20px;} .accordion-menu-header h4{font-size: 24px;margin: 4px 0 6px;} .header-subtitle{font-size: 13px;padding: 0 10px;left: 50%;bottom: -8px;transform: translateX(-50%);} .product-list .menus {padding: 10px 12px 20px 12px;;} .first-level > a {font-size: 14px;line-height: 40px;} /*.submenu li {width: 49%;}*/ .submenu a {font-size: 14px;line-height: 24px;margin-top: 12px;} } @media screen and (max-width:991px ) and ( min-width:768px){ .productDetCon{padding-bottom: 120px;} .mbx{padding: 15px 0;font-size: 14px;line-height: 22px;} .mbx img{width: 14px;margin-right: 8px;} .det-gird-top .l-pic{width: 100%;height: 690px;border-radius: 10px 10px 10px 100px;} .r-text{border-radius: 0 0 90px 0;padding: 15px;flex: 1;width: 100%;margin-top: 20px;} .r-text-t{font-size: 20px;line-height: 1.4;margin-bottom: 8px;} .subTitle{color: #888;font-size: 12px;} .abstract{color: #666;font-size: 12px;-webkit-line-clamp: 3;margin: 8px 0;} .content-tags a {padding: 3px 15px;font-size: 12px;border-radius: 5px 5px 0 0;} .product-info{} .product-params {padding: 1px 15px;border-radius: 0 30px 0 0;} .param-item{margin: 6px 0;padding-left: 25px;} .param-item span{font-size: 12px;line-height: 1.8;} .param-label{margin-right: 10px;} .product-tip{border-radius: 0 0 5px 30px;padding: 10px 15px;} .uk-margin-small{margin-bottom: 10px;} .phone-tip{font-size: 12px;} .phone{font-size: 22px;} .social-share-icon{width: 28px;height: 28px;border-radius: 50%;line-height: 28px;margin:4px;} .social-share-icon i{font-size: 16px;} .social-share-icon1:hover{color: #fff;background-color: #0077B5;} .social-share-icon2:hover{color: #fff;background-color: #44619D;} .social-share-icon3:hover{color: #fff;background-color: #55acee;} .social-share-icon4:hover{color: #fff;background-color: #db4437;} .product-buttons{margin-top: 15px;} .product-buttons a{font-size: 12px;margin-right: 16px;padding: 0 25px;line-height: 34px;} .product-buttons a:hover{opacity: .7;} .det-gird-bottom{margin-top: 40px} .pro-b-t h3{font-size: 26px;margin:0 18px;} .pro-b-t i{flex:1;-webkit-flex:1;} .pro-b-w{margin-top: 20px;flex-direction: column-reverse;} .productForm{width: 100%;margin-top: 50px;} .productFormI{margin-bottom: 14px;} .productFormt{font-size: 13px;width: 75px;line-height: 46px;margin-right: 10px;} .productFormI .inp{height: 46px;padding: 0 12px;} .productFormI .common-s{font-size: 13px;flex:1;width: 100%;} .productFormI textarea{padding:12px;height: 150px;} .product-radio .productFormt{margin-top: 20px;} .productFormI .raidoIW{flex:1;width: 100%;} .productFormI .raidoIW .raidoIWI{margin-top: 20px;} .productFormI .raidoI{font-size: 13px;margin-right: 36px;line-height: 20px;} .productFormI .raidoI input{width: 16px;height: 16px;margin-right: 10px;} .btn-sub-wrap{padding-left: 85px;margin-top: 35px;} .btn-sub{height: 46px;line-height: 46px;font-size: 16px;padding:0 70px;} .btn-sub:hover{background-color: transparent;border:1px solid #183980;color: #333;} .productBox{width: 100%;} .det-gird-bottom .l-box{width: 100%;} .r-box{width: 100%;} .product-list{margin-bottom: 20px;} .accordion-menu-header{margin-bottom: 20px;} .accordion-menu-header h4{font-size: 24px;margin: 4px 0 6px;} .header-subtitle{font-size: 13px;padding: 0 10px;left: 50%;bottom: -8px;transform: translateX(-50%);} .product-list .menus {padding: 10px 12px 20px 12px;;} .first-level > a {font-size: 14px;line-height: 40px;} /*.submenu li {width: 49%;}*/ .submenu a {font-size: 14px;line-height: 24px;margin-top: 12px;} } @media only screen and (max-width:767px){ .productDetCon{padding-bottom: .6rem;} .mbx{padding: 15px 0;font-size: .11rem;line-height: .2rem;} .mbx img{width: 14px;margin-right: 8px;} .det-gird-top .l-pic{width: 100%;height: auto;border-radius: 10px 10px 10px .5rem;} .r-text{border-radius: 0 0 .5rem 0;padding: .15rem;flex: 1;width: 100%;margin-top: .15rem;} .r-text-t{font-size: .14rem;line-height: 1.4;margin-bottom: 8px;} .subTitle{color: #888;font-size: .11rem;} .abstract{color: #666;font-size: .11rem;-webkit-line-clamp: 3;margin: 8px 0;} .content-tags a {padding: .02rem .06rem;font-size: .11rem;border-radius: 5px 5px 0 0;} .product-info{} .product-params {padding: .1rem .15rem;border-radius: 0 .15rem 5px 0;} .param-item{margin: 6px 0;padding-left: 25px;} .param-item span{font-size: .11rem;line-height: 1.8;} .param-label{margin-right: 10px;} .product-tip{border-radius: 0 0 5px .15rem;padding: .1rem .15rem;} .uk-margin-small{margin-bottom: 10px;} .phone-tip{font-size: .11rem;} .phone{font-size: .2rem;} .social-share-icon{width: .25rem;height: .25rem;border-radius: 50%;line-height: .25rem;margin:4px;} .social-share-icon i{font-size: .12rem;} .social-share-icon1:hover{color: #fff;background-color: #0077B5;} .social-share-icon2:hover{color: #fff;background-color: #44619D;} .social-share-icon3:hover{color: #fff;background-color: #55acee;} .social-share-icon4:hover{color: #fff;background-color: #db4437;} .product-buttons{margin-top: .1rem;} .product-buttons a{font-size: .11rem;margin-right: .05rem;padding: 0 .1rem;line-height: .28rem;} .product-buttons a:hover{opacity: .7;} .det-gird-bottom{margin-top: .2rem;} .pro-b-t h3{font-size: .18rem;margin:0 18px;} .pro-b-t i{flex:1;-webkit-flex:1;} .pro-b-w{margin-top: .15rem;flex-direction: column-reverse;} .productForm{width: 100%;margin-top: .1rem;} .productFormI{margin-bottom: .1rem;} .productFormt{font-size: .11rem;width: 75px;line-height: .35rem;margin-right: .1rem;} .productFormI .inp{height: .35rem;padding: 0 .1rem;} .productFormI .common-s{font-size: .11rem;flex:1;width: 100%;} .productFormI textarea{padding: .1rem;height: 150px;} .product-radio .productFormt{margin-top: .1rem;} .productFormI .raidoIW{flex:1;width: 100%;} .productFormI .raidoIW .raidoIWI{margin-top: .1rem;} .productFormI .raidoI{font-size: .11rem;margin-right: .2rem;line-height: 20px;} .productFormI .raidoI input{width: 16px;height: 16px;margin-right: 10px;} .btn-sub-wrap{padding-left: 85px;margin-top: .2rem;} .btn-sub{height: .35rem;line-height: .35rem;font-size: .12rem;padding:0 70px;} .btn-sub:hover{background-color: transparent;border:1px solid #183980;color: #333;} .productBox{width: 100%;} .det-gird-bottom .l-box{width: 100%;} .r-box{width: 100%;margin-top: .1rem;} .product-list{margin-bottom: 20px;} .accordion-menu-header{margin-bottom: 20px;} .accordion-menu-header h4{font-size: .17rem;margin: 4px 0 6px;} .header-subtitle{font-size: .11rem;padding: 0 10px;left: 50%;bottom: -8px;transform: translateX(-50%);} .product-list .menus {padding: 10px 12px 20px 12px;;} .first-level > a {font-size: .11rem;line-height: .3rem;} /*.submenu li {width: 49%;}*/ .submenu a {font-size: .11rem;line-height: .2rem;margin-top: 12px;} } /********************************新闻****************************************/ .innerBan .mbx{position: absolute;top: 0;left: 0;} .newsCon{position: relative;z-index: 1;} .newsList{width:100%} .newsListI{background-color: #fff;box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);} .news-pic{overflow: hidden;} .news-pic img{width: 100%;height: 100%;object-fit: cover;} .news-text h3{font-weight: 600;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all .3s ease;} .news-text p{color: #666;display:-webkit-box;-webkit-box-orient: vertical;overflow: hidden;transition: all .3s ease;} .news-text span{color: #666;transition: all .3s ease;} @media screen and ( min-width:1680px){ .newsBan .ban-text h2{margin-bottom: 50px;} .newsCon{margin-top: -50px;padding-bottom: 70px;} .newsListI{width: 49%;padding: 20px;border-radius: 10px;margin-bottom: 28px;} .news-pic{width: 219px;height: 226px;border-radius: 10px;} .news-text{flex:1;-webkit-flex:1;padding-left: 10px;width: 60%} .news-text h3{font-size: 20px;padding:10px 0;} .news-text p{margin-top: 30px; font-size: 14px;line-height: 22px;height: 94px;-webkit-line-clamp: 2;} .news-text span{font-size: 14px;margin-top: 35px;;} .news-text span i{font-size: 14px;margin-left: 5px;} .newsListI:hover .news-text h3,.newsListI:hover .news-text p,.newsListI:hover .news-text span{color: #ffa100} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .newsBan .ban-text h2{margin-bottom: 50px;} .newsCon{margin-top: -50px;padding-bottom: 70px;} .newsListI{width: 49%;padding: 20px;border-radius: 10px;margin-bottom: 28px;} .news-pic{width: 189px;height: 195px;border-radius: 10px;} .news-text{flex:1;-webkit-flex:1;padding-left: 10px;width: 60%} .news-text h3{font-size: 18px;padding:10px 0;} .news-text p{margin-top: 30px; font-size: 14px;line-height: 22px;height: 64px;-webkit-line-clamp: 2;} .news-text span{font-size: 14px;margin-top: 35px;;} .news-text span i{font-size: 14px;margin-left: 5px;} .newsListI:hover .news-text h3,.newsListI:hover .news-text p,.newsListI:hover .news-text span{color: #ffa100} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .newsBan .ban-text h2{margin-bottom: 50px;} .newsCon{margin-top: -50px;padding-bottom: 70px;} .newsListI{width: 49%;padding: 20px;border-radius: 10px;margin-bottom: 28px;} .news-pic{width: 189px;height: 195px;border-radius: 10px;} .news-text{flex:1;-webkit-flex:1;padding-left: 10px;width: 60%} .news-text h3{font-size: 18px;padding:10px 0;} .news-text p{margin-top: 30px; font-size: 14px;line-height: 22px;height: 44px;-webkit-line-clamp: 2;} .news-text span{font-size: 14px;margin-top: 35px;;} .news-text span i{font-size: 14px;margin-left: 5px;} .newsListI:hover .news-text h3,.newsListI:hover .news-text p,.newsListI:hover .news-text span{color: #ffa100} } @media screen and (max-width:1279px ) and ( min-width:992px){ .newsBan .ban-text h2{margin-bottom: 50px;} .newsCon{margin-top: -50px;padding-bottom: 70px;} .newsListI{width: 49%;padding: 15px;border-radius: 10px;margin-bottom: 18px;} .news-pic{width: 159px;height: 164px;border-radius: 10px;} .news-text{flex:1;-webkit-flex:1;padding-left: 10px;width: 60%;} .news-text h3{font-size: 18px;padding:10px 0;} .news-text p{margin-top: 20px;font-size: 14px;line-height: 22px;height: 44px;-webkit-line-clamp: 2;} .news-text span{font-size: 14px;margin-top: 25px;} .news-text span i{font-size: 14px;margin-left: 5px;} .newsListI:hover .news-text h3,.newsListI:hover .news-text p,.newsListI:hover .news-text span{color: #ffa100} } @media screen and (max-width:991px ) and ( min-width:768px){ .newsBan .ban-text h2{margin-bottom: 50px;} .newsCon{margin-top: -50px;padding-bottom: 70px;} .newsListI{width: 100%;padding: 15px;border-radius: 10px;margin-bottom: 18px;} .news-pic{width: 159px;height: 164px;border-radius: 10px;} .news-text{flex:1;-webkit-flex:1;padding: 0 20px 0 20px;width: 60%;} .news-text h3{font-size: 18px;padding:10px 0;} .news-text p{margin-top: 20px;font-size: 14px;line-height: 22px;height: 44px;-webkit-line-clamp: 2;} .news-text span{font-size: 14px;margin-top: 25px;} .news-text span i{font-size: 14px;margin-left: 5px;} .newsListI:hover .news-text h3,.newsListI:hover .news-text p,.newsListI:hover .news-text span{color: #ffa100} } @media only screen and (max-width:767px){ .newsBan .ban-text h2{margin-bottom: 50px;} .newsCon{margin-top: -.2rem;padding-bottom: .4rem;} .newsListI{width: 100%;padding: .1rem;border-radius: .05rem;margin-bottom: .1rem;} .news-pic{width: .9rem;/* height: 164px; */border-radius: .05rem;} .news-text{flex:1;-webkit-flex:1;padding: 0 .1rem 0 .1rem;width: 60%;} .news-text h3{font-size: .13rem;padding: .05rem 0;} .news-text p{margin-top: .05rem;font-size: .11rem;line-height: .15rem;height: .3rem;-webkit-line-clamp: 2;} .news-text span{font-size: .11rem;margin-top: .1rem;} .news-text span i{font-size: 14px;margin-left: 5px;} .newsListI:hover .news-text h3,.newsListI:hover .news-text p,.newsListI:hover .news-text span{color: #ffa100} } /********************************联系我们****************************************/ .contactBan .ban-text .mbx,.contactBan .ban-text .mbx a{color: #fff;} .contactConT{border-bottom: 1px dashed #575757} .contact-t h2{font-weight: 600;} .contact-t p{color: #888} .contact-ewm img{width: 100%;} .contact-info p{color: #888} .contactConTR{position: relative;} .contactConTRPic{width: 100%;} .contactConTRPic img{width: 100%;} .contactConTRTelIcon img{width: 100%;height: 100%;object-fit: cover;} .contactConTRTelNum{background: linear-gradient(to right, #002f97, #5f8eed);background-color: #002f97;color: #fff;align-content: center;} .contactConTRTelNum a{color: inherit;font-weight: 600;} @media screen and ( min-width:1680px){ .contactBan{height: 319px;} .contactCon{padding: 30px 0 180px;} .contactConT{padding-bottom: 95px;} .contactConTL{padding-top: 80px;width: 600px;} .contact-t h2{font-size: 32px;} .contact-t p{font-size: 16px;margin-top: 5px;} .contact-b{margin-top: 50px;} .contact-ewm{width: 160px;} .contact-ewm img{width: 100%;} .contact-info{flex: 1;-webkit-flex:1;} .contact-info p{font-size: 16px;padding:10px 0;} .contactConTR{width: 509px;} .contactConTRPic{width: 100%;} .contactConTRPic img{width: 100%;} .contactConTRTel{margin-top: -100px;} .contactConTRTelIcon{width: 142px;height: 134px;} .contactConTRTelNum{flex:1;-webkit-flex:1;height: 134px;padding: 0 40px;} .contactConTRTelNum h4{font-size: 16px;} .contactConTRTelNum a{font-size: 32px;width: 100%;} .contactConB{padding-top: 40px;} .contactConB .productForm{width: 100%;} .contactConB .productForm .productFormI{width: 43%;} .contactConB .productForm .btn-sub-wrap{width: 100%} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .contactBan{height: 269px;} .contactCon{padding: 30px 0 170px;} .contactConT{padding-bottom: 85px;} .contactConTL{padding-top: 80px;width: 600px;} .contact-t h2{font-size: 32px;} .contact-t p{font-size: 16px;margin-top: 5px;} .contact-b{margin-top: 50px;} .contact-ewm{width: 160px;} .contact-ewm img{width: 100%;} .contact-info{flex: 1;-webkit-flex:1;} .contact-info p{font-size: 16px;padding:10px 0;} .contactConTR{width: 509px;} .contactConTRPic{width: 100%;} .contactConTRPic img{width: 100%;} .contactConTRTel{margin-top: -100px;} .contactConTRTelIcon{width: 142px;height: 134px;} .contactConTRTelNum{flex:1;-webkit-flex:1;height: 134px;padding: 0 40px;} .contactConTRTelNum h4{font-size: 16px;} .contactConTRTelNum a{font-size: 32px;width: 100%;} .contactConB{padding-top: 40px;} .contactConB .productForm{width: 100%;} .contactConB .productForm .productFormI{width: 43%;} .contactConB .productForm .btn-sub-wrap{width: 100%} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .contactBan{height: 269px;} .contactCon{padding: 30px 0 170px;} .contactConT{padding-bottom: 85px;} .contactConTL{padding-top: 80px;width: 600px;} .contact-t h2{font-size: 32px;} .contact-t p{font-size: 16px;margin-top: 5px;} .contact-b{margin-top: 50px;} .contact-ewm{width: 160px;} .contact-ewm img{width: 100%;} .contact-info{flex: 1;-webkit-flex:1;} .contact-info p{font-size: 16px;padding:10px 0;} .contactConTR{width: 509px;} .contactConTRPic{width: 100%;} .contactConTRPic img{width: 100%;} .contactConTRTel{margin-top: -100px;} .contactConTRTelIcon{width: 142px;height: 134px;} .contactConTRTelNum{flex:1;-webkit-flex:1;height: 134px;padding: 0 40px;} .contactConTRTelNum h4{font-size: 16px;} .contactConTRTelNum a{font-size: 32px;width: 100%;} .contactConB{padding-top: 40px;} .contactConB .productForm{width: 100%;} .contactConB .productForm .productFormI{width: 43%;} .contactConB .productForm .btn-sub-wrap{width: 100%} } @media screen and (max-width:1279px ) and ( min-width:992px){ .contactBan{height: 269px;} .contactCon{padding: 30px 0 150px;} .contactConT{padding-bottom: 75px;} .contactConTL{padding-top: 60px;width: 500px;} .contact-t h2{font-size: 26px;} .contact-t p{font-size: 14px;margin-top: 5px;} .contact-b{margin-top: 40px;} .contact-ewm{width: 150px;} .contact-ewm img{width: 100%;} .contact-info{flex: 1;-webkit-flex:1;} .contact-info p{font-size: 14px;padding:10px 0;} .contactConTR{width: 409px;} .contactConTRPic{width: 100%;} .contactConTRPic img{width: 100%;} .contactConTRTel{margin-top: -80px;} .contactConTRTelIcon{width: 122px;height: 114px;} .contactConTRTelNum{flex:1;-webkit-flex:1;height: 114px;padding: 0 30px;} .contactConTRTelNum h4{font-size: 14px;} .contactConTRTelNum a{font-size: 26px;width: 100%;} .contactConB{padding-top: 30px;} .contactConB .productForm{width: 100%;} .contactConB .productForm .productFormI{width: 43%;} .contactConB .productForm .btn-sub-wrap{width: 100%} } @media screen and (max-width:991px ) and ( min-width:768px){ .contactBan{height: 219px;} .contactCon{padding: 30px 0 150px;} .contactConT{padding-bottom: 55px;} .contactConTL{padding-top: 60px;width: 48%;} .contact-t h2{font-size: 20px;} .contact-t p{font-size: 14px;margin-top: 5px;} .contact-b{margin-top: 40px;} .contact-ewm{width: 120px;} .contact-ewm img{width: 100%;} .contact-info{flex: 1;-webkit-flex:1;} .contact-info p{font-size: 14px;padding:10px 0;} .contactConTR{width: 48%;} .contactConTRPic{width: 100%;} .contactConTRPic img{width: 100%;} .contactConTRTel{margin-top: -60px;} .contactConTRTelIcon{width: 92px;height: 84px;} .contactConTRTelNum{flex:1;-webkit-flex:1;height: 84px;padding: 0 20px;} .contactConTRTelNum h4{font-size: 14px;} .contactConTRTelNum a{font-size: 20px;width: 100%;} .contactConB{padding-top: 0;} .contactConB .productForm{width: 100%;} .contactConB .productForm .productFormI{width: 48%;} .contactConB .productForm .btn-sub-wrap{width: 100%} } @media only screen and (max-width:767px){ .contactBan{height: 1.5rem;} .contactCon{padding: .3rem 0 .5rem;} .contactConT{padding-bottom: .3rem;} .contactConTL{width: 100%;} .contact-t h2{font-size: .16rem;} .contact-t p{font-size: .11rem;margin-top: .05rem;} .contact-b{margin-top: .3rem;} .contact-ewm{width: 1rem;} .contact-ewm img{width: 100%;} .contact-info{flex: 1;-webkit-flex:1;} .contact-info p{font-size: .11rem;padding: .08rem 0;} .contactConTR{width: 100%;margin-top: .3rem;} .contactConTRPic{width: 100%;} .contactConTRPic img{width: 100%;} .contactConTRTel{margin-top: -.6rem;} .contactConTRTelIcon{width: .7rem;height: .6rem;} .contactConTRTelNum{flex:1;-webkit-flex:1;height: .6rem;padding: 0 .15rem;} .contactConTRTelNum h4{font-size: .11rem;} .contactConTRTelNum a{font-size: .16rem;width: 100%;} .contactConB{padding-top: .2rem;} .contactConB .productForm{width: 100%;} .contactConB .productForm .productFormI{width: 100%;} .contactConB .productForm .btn-sub-wrap{width: 100%} } /********************************关于我们****************************************/ .aboutOneT{font-weight: 600;} .aboutOneP p{color: #888;line-height: 1.5;margin-bottom:10px;text-align: justify;} .aboutOneRLI{background-color: #fff;text-align: center;justify-content: center;align-content: center; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);;} .aboutOneRLI h3{color: #022c8d;line-height: 1;} .aboutOneRLI p{line-height: 1.5;color: #888;display:-webkit-box;-webkit-box-orient: vertical;overflow: hidden;width:100%;} .aboutTwoT{background-color: #eee;} .aboutTwoT h2{font-weight: 600;} .aboutTwoConLW{position: relative;z-index: 1; background-color: #ffffff;box-shadow: 0px 5px 50px 0px rgba(33, 33, 33, 0.15);transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;} .aboutTwoConLW h3{font-weight: 600;} .aboutTwoConLW p{color: #888;line-height: 1.5;text-align: justify;} .aboutTwoConLW .x-line{width: 100%;} .aboutTwoConLW i{border-top: 1px solid #333;width: 100%;} .aboutTwoConLW a{background-color: #3253a9;color: #fff;display: inline-block;;} .aboutThreeT{text-align: center;} .aboutThreeT h2{font-weight: 600;} .aboutThreeT p{color: #888;line-height: 1.5;} .IndPartnerBan .swiper-slide .pic{background-color: #fff;width: 100%;height: 100%;} .IndPartnerBan .swiper-slide .pic img{width: 100%;height: 100%;object-fit: contain;} @media screen and ( min-width:1680px){ .aboutBan{height: 319px;} .aboutCon{padding: 70px 0 80px;} .aboutOneL{width: 46%;} .aboutOneT{font-size: 24px;} .aboutOneP{margin-top: 20px;} .aboutOneP p{font-size: 14px;} .aboutOneR{padding-top: 55px;width: 46%} .aboutOneRLI{height: 200px;width: 47%;margin-bottom: 28px;padding:0 30px;border-radius: 10px;} .aboutOneRLI h3{font-size: 32px;} .aboutOneRLI h3 i{margin-left: 5px;font-size: 20px;} .aboutOneRLI p{font-size: 14px;margin-top: 10px;-webkit-line-clamp: 2;} .aboutTwo{padding-top: 80px;} .aboutTwoT{height: 70px;} .aboutTwoT h2{font-size: 22px;} .aboutTwoCon{margin-top: 60px;} .aboutTwoConL{width: 30%;} .aboutTwoConR{width: 70%;height: 744px;} .aboutTwoConR img{width: 100%;height: 100%;object-fit: cover;} .aboutTwoConLW{padding: 40px 40px 40px 40px;} .aboutTwoConLW h3{font-size: 20px;} .aboutTwoConLW p{font-size: 14px;} .aboutTwoConLW .x-line{width: 100%;padding: 25px 0;} .aboutTwoConLW a{margin-top: 30px;font-size: 16px;padding:10px 20px;} .aboutThree{margin-top: 60px;} .aboutThreeT h2{font-size: 22px;} .aboutThreeT p{font-size: 14px;margin-top: 20px;} .aboutThree .IndPartnerBan{margin-top: 50px;} .aboutThree .IndPartnerBan .IndPartnerBanI{margin-right: 4px;} .IndPartnerBan .swiper-slide{width: 188px;height: 85px;} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .aboutBan{height: 269px;} .aboutCon{padding: 60px 0 70px;} .aboutOneL{width: 46%;} .aboutOneT{font-size: 22px;} .aboutOneP{margin-top: 20px;} .aboutOneP p{font-size: 14px;} .aboutOneR{padding-top: 55px;width: 46%} .aboutOneRLI{height: 200px;width: 47%;margin-bottom: 28px;padding:0 30px;border-radius: 10px;} .aboutOneRLI h3{font-size: 30px;} .aboutOneRLI h3 i{margin-left: 5px;font-size: 18px;} .aboutOneRLI p{font-size: 14px;margin-top: 10px;-webkit-line-clamp: 2;} .aboutTwo{padding-top: 70px;} .aboutTwoT{height: 60px;} .aboutTwoT h2{font-size: 20px;} .aboutTwoCon{margin-top: 50px;} .aboutTwoConL{width: 30%;} .aboutTwoConR{width: 70%;height: 744px;} .aboutTwoConR img{width: 100%;height: 100%;object-fit: cover;} .aboutTwoConLW{padding: 30px;} .aboutTwoConLW h3{font-size: 18px;} .aboutTwoConLW p{font-size: 14px;} .aboutTwoConLW .x-line{width: 100%;padding: 20px 0;} .aboutTwoConLW a{margin-top: 25px;font-size: 16px;padding:10px 20px;} .aboutThree{margin-top: 50px;} .aboutThreeT h2{font-size: 20px;} .aboutThreeT p{font-size: 14px;margin-top: 18px;} .aboutThree .IndPartnerBan{margin-top: 50px;} .IndPartnerBan .swiper-slide{width: 188px;height: 85px;} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .aboutBan{height: 269px;} .aboutCon{padding: 60px 0 70px;} .aboutOneL{width: 46%;} .aboutOneT{font-size: 22px;} .aboutOneP{margin-top: 20px;} .aboutOneP p{font-size: 14px;} .aboutOneR{padding-top: 55px;width: 46%} .aboutOneRLI{height: 200px;width: 47%;margin-bottom: 28px;padding:0 30px;border-radius: 10px;} .aboutOneRLI h3{font-size: 30px;} .aboutOneRLI h3 i{margin-left: 5px;font-size: 18px;} .aboutOneRLI p{font-size: 14px;margin-top: 10px;-webkit-line-clamp: 2;} .aboutTwo{padding-top: 70px;} .aboutTwoT{height: 60px;} .aboutTwoT h2{font-size: 20px;} .aboutTwoCon{margin-top: 50px;} .aboutTwoConL{width: 30%;} .aboutTwoConR{width: 70%;height: 744px;} .aboutTwoConR img{width: 100%;height: 100%;object-fit: cover;} .aboutTwoConLW{padding: 30px;} .aboutTwoConLW h3{font-size: 18px;} .aboutTwoConLW p{font-size: 14px;} .aboutTwoConLW .x-line{width: 100%;padding: 20px 0;} .aboutTwoConLW a{margin-top: 25px;font-size: 16px;padding:10px 20px;} .aboutThree{margin-top: 50px;} .aboutThreeT h2{font-size: 20px;} .aboutThreeT p{font-size: 14px;margin-top: 18px;} .aboutThree .IndPartnerBan{margin-top: 50px;} .IndPartnerBan .swiper-slide{width: 188px;height: 85px;} } @media screen and (max-width:1279px ) and ( min-width:992px){ .aboutBan{height: 269px;} .aboutCon{padding: 60px 0 70px;} .aboutOneL{width: 46%;} .aboutOneT{font-size: 22px;} .aboutOneP{margin-top: 20px;} .aboutOneP p{font-size: 14px;} .aboutOneR{padding-top: 55px;width: 46%} .aboutOneRLI{height: 200px;width: 47%;margin-bottom: 28px;padding:0 30px;border-radius: 10px;} .aboutOneRLI h3{font-size: 30px;} .aboutOneRLI h3 i{margin-left: 5px;font-size: 18px;} .aboutOneRLI p{font-size: 14px;margin-top: 10px;-webkit-line-clamp: 2;} .aboutTwo{padding-top: 70px;} .aboutTwoT{height: 60px;} .aboutTwoT h2{font-size: 20px;} .aboutTwoCon{margin-top: 50px;flex-direction: column-reverse;} .aboutTwoConL{width: 100%;} .aboutTwoConR{width: 100%;height: auto;} .aboutTwoConR img{width: 100%;height: 100%;object-fit: cover;} .aboutTwoConLW{padding: 40px;width: 92%;text-align: right;} .aboutTwoConLW h3{font-size: 18px;text-align: right;} .aboutTwoConLW p{font-size: 14px;} .aboutTwoConLW .x-line{width: 100%;padding: 25px 0;} .aboutTwoConLW a{margin-top: 25px;font-size: 16px;padding:10px 20px;} .aboutThree{margin-top: 50px;} .aboutThreeT h2{font-size: 20px;} .aboutThreeT p{font-size: 14px;margin-top: 18px;} .aboutThree .IndPartnerBan{margin-top: 50px;} .IndPartnerBan .swiper-slide{width: 188px;height: 85px;} } @media screen and (max-width:991px ) and ( min-width:768px){ .aboutBan{height: 219px;} .aboutCon{padding: 60px 0 70px;} .aboutOneL{width: 100%;} .aboutOneT{font-size: 22px;} .aboutOneP{margin-top: 20px;} .aboutOneP p{font-size: 14px;} .aboutOneR{padding-top: 55px;width: 100%;} .aboutOneRLI{height: 200px;width: 47%;margin-bottom: 28px;padding:0 30px;border-radius: 10px;} .aboutOneRLI h3{font-size: 30px;} .aboutOneRLI h3 i{margin-left: 5px;font-size: 18px;} .aboutOneRLI p{font-size: 14px;margin-top: 10px;-webkit-line-clamp: 2;} .aboutTwo{padding-top: 70px;} .aboutTwoT{height: 60px;} .aboutTwoT h2{font-size: 20px;} .aboutTwoCon{margin-top: 50px;flex-direction: column-reverse;} .aboutTwoConL{width: 100%;} .aboutTwoConR{width: 100%;height: auto;} .aboutTwoConR img{width: 100%;height: 100%;object-fit: cover;} .aboutTwoConLW{padding: 40px;width: 92%;text-align: right;} .aboutTwoConLW h3{font-size: 18px;text-align: right;} .aboutTwoConLW p{font-size: 14px;} .aboutTwoConLW .x-line{width: 100%;padding: 25px 0;} .aboutTwoConLW a{margin-top: 25px;font-size: 16px;padding:10px 20px;} .aboutThree{margin-top: 50px;} .aboutThreeT h2{font-size: 20px;} .aboutThreeT p{font-size: 14px;margin-top: 18px;} .aboutThree .IndPartnerBan{margin-top: 50px;} .IndPartnerBan .swiper-slide{width: 188px;height: 85px;} } @media only screen and (max-width:767px){ .aboutBan{height: 1.5rem;} .aboutCon{padding: .3rem 0 .4rem;} .aboutOneL{width: 100%;} .aboutOneT{font-size: .16rem;} .aboutOneP{margin-top: .15rem;} .aboutOneP p{font-size: .11rem;text-indent: .22rem;} .aboutOneR{padding-top: .3rem;width: 100%;} .aboutOneRLI{height: 1rem;width: 100%;margin-bottom: .15rem;padding: 0 .15rem;border-radius: .06rem;} .aboutOneRLI h3{font-size: 30px;} .aboutOneRLI h3 i{margin-left: 5px;font-size: 18px;} .aboutOneRLI p{font-size: .11rem;margin-top: .06rem;-webkit-line-clamp: 2;} .aboutTwo{padding-top: .3rem;} .aboutTwoT{height: .35rem;} .aboutTwoT h2{font-size: .16rem;} .aboutTwoCon{margin-top: .3rem;flex-direction: column-reverse;} .aboutTwoConL{width: 100%;} .aboutTwoConR{width: 100%;height: auto;} .aboutTwoConR img{width: 100%;height: 100%;object-fit: cover;} .aboutTwoConLW{padding: .3rem .15rem;text-align: center;} .aboutTwoConLW h3{font-size: .14rem;} .aboutTwoConLW p{font-size: .11rem;text-align: left;} .aboutTwoConLW .x-line{width: 1rem;padding: .15rem 0;margin: 0 auto;} .aboutTwoConLW a{margin-top: .2rem;font-size: .12rem;padding:10px 20px;} .aboutThree{margin-top: 50px;} .aboutThreeT h2{font-size: .14rem;} .aboutThreeT p{font-size: .11rem;margin-top: .1rem;} .aboutThree .IndPartnerBan{margin-top: .2rem;} .IndPartnerBan .swiper-slide{width: 1.2rem;height: .54rem;} } /**************************设备*************************/ @media only screen and (min-width:992px){ .shebeiW .productConRI{width: calc(100% / 3 - 11px);} .shebeiW .productConRI:nth-child(3n+3) {margin-right: auto;} } /*********************企业文化*****************/ .corpor-locati {position: relative;background: #F4F9FF;} .corpor-locati-le {overflow: hidden;transform: rotate(0deg);-webkit-transform: rotate(0deg);} .corpor-locati-le img {width: 100%;} .fadeInUpimg {transition: all 0.8s !important;animation: fadeInUpimg 2s ease 1;} @keyframes fadeInUpimg {0% {transform: scale(1.5);}100% {transform: none;}} .ys-fadeup1 {animation: ysfadeInUp .8s ease-in-out both;animation-delay: .2s;} @keyframes ysfadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 60px, 0);transform: translate3d(0, 60px, 0)}to {opacity: 1;-webkit-transform: none;transform: none}} .clrl-tit .std-h3 {color: #022c8d;font-weight: bold;} .clrl-tit-subtit .std-h5 {color: #022c8d;} .clrl-tit-info p {color: #888;text-align: justify;} .corpor-sense {position: relative;} .corpor-missio-top {text-align: center;} .corpor-sense-btm-ul {display: flex;justify-content: space-between;} .csbu-li-btm .std-h4 {color: #333;} @media screen and ( min-width:1680px){ .std-padd {padding: 120px 0;} .corpor-locati-le {width: 31%;height: 100%;border-radius: 1000px;} .corpor-locati-ri {width: 69%;padding-left: 100px;padding-top: 20px;} .corpor-locati-ri-li {width: 100%;margin-bottom: 80px;} .clrl-tit {margin-bottom: 32px;} .clrl-tit .std-h3 {line-height: 1.2;} .std-h3, .std-h3 p, .yxedr-active h3 {font-size: 24px;line-height: 1.2;} .clrl-tit-subtit {margin-bottom: 40px;} .clrl-tit-subtit .std-h5 {line-height: 1.5;} .std-h5, .std-h5 p, .yxedr-active h5 {font-size: 20px;line-height: 1.2;} .std-word1, .std-word1 p {font-size: 14px;line-height: 1.65;} .clrl-tit-info p {line-height: 1.65;} .corpor-locati-ri-li:last-child {margin-bottom: 0;} .corpor-sense {width: 100%;} .corpor-missio-top {width: 100%;margin-bottom: 50px;} .corpor-sense-btm-ul {margin: 0 -10px;} .csbu-li {padding: 0 10px;} .csbu-li-top {max-width: 100%;} .csbu-li-btm .std-h4 {line-height: 1.5;} .std-h4, .std-h4 p, .yxedr-active h4 {font-size: 24px;line-height: 1.2;} } @media screen and (max-width:1679px ) and ( min-width:1440px){ .std-padd {padding: 100px 0;} .corpor-locati-le {width: 31%;height: 100%;border-radius: 1000px;} .corpor-locati-ri {width: 69%;padding-left: 70px;padding-top: 20px;} .corpor-locati-ri-li {width: 100%;margin-bottom: 60px;} .clrl-tit {margin-bottom: 22px;} .clrl-tit .std-h3 {line-height: 1.2;} .std-h3, .std-h3 p, .yxedr-active h3 {font-size: 24px;line-height: 1.2;} .clrl-tit-subtit {margin-bottom: 22px;} .clrl-tit-subtit .std-h5 {line-height: 1.5;} .std-h5, .std-h5 p, .yxedr-active h5 {font-size: 20px;line-height: 1.2;} .std-word1, .std-word1 p {font-size: 14px;line-height: 1.65;} .clrl-tit-info p {line-height: 1.65;} .corpor-locati-ri-li:last-child {margin-bottom: 0;} .corpor-sense {width: 100%;} .corpor-missio-top {width: 100%;margin-bottom: 35px;} .corpor-sense-btm-ul {margin: 0 -42px;} .csbu-li {padding: 0 42px;} .csbu-li-top {max-width: 100%;} .csbu-li-btm .std-h4 {line-height: 1.5;} .std-h4, .std-h4 p, .yxedr-active h4 {font-size: 24px;line-height: 1.2;} } @media screen and (max-width:1439px ) and ( min-width:1280px){ .std-padd {padding: 75px 0;} .corpor-locati-le {width: 31%;height: 100%;border-radius: 1000px;} .corpor-locati-ri {width: 69%;padding-left: 40px;padding-top: 20px;} .corpor-locati-ri-li {width: 100%;margin-bottom: 30px;} .clrl-tit {margin-bottom: 16px;} .clrl-tit .std-h3 {line-height: 1.2;} .std-h3, .std-h3 p, .yxedr-active h3 {font-size: 24px;line-height: 1.2;} .clrl-tit-subtit {margin-bottom: 13px;} .clrl-tit-subtit .std-h5 {line-height: 1.5;} .std-h5, .std-h5 p, .yxedr-active h5 {font-size: 20px;line-height: 1.2;} .std-word1, .std-word1 p {font-size: 14px;line-height: 1.65;} .clrl-tit-info p {line-height: 1.65;} .corpor-locati-ri-li:last-child {margin-bottom: 0;} .corpor-sense {width: 100%;} .corpor-missio-top {width: 100%;margin-bottom: 35px;} .corpor-sense-btm-ul {margin: 0 -42px;} .csbu-li {padding: 0 42px;} .csbu-li-top {max-width: 100%;} .csbu-li-btm .std-h4 {line-height: 1.5;} .std-h4, .std-h4 p, .yxedr-active h4 {font-size: 24px;line-height: 1.2;} } @media screen and (max-width:1279px ) and ( min-width:992px){ .std-padd {padding: 75px 0;} .corpor-locati-le {width: 31%;height: 100%;border-radius: 1000px;} .corpor-locati-ri {width: 69%;padding-left: 40px;padding-top: 20px;} .corpor-locati-ri-li {width: 100%;margin-bottom: 30px;} .clrl-tit {margin-bottom: 16px;} .clrl-tit .std-h3 {line-height: 1.2;} .std-h3, .std-h3 p, .yxedr-active h3 {font-size: 24px;line-height: 1.2;} .clrl-tit-subtit {margin-bottom: 13px;} .clrl-tit-subtit .std-h5 {line-height: 1.5;} .std-h5, .std-h5 p, .yxedr-active h5 {font-size: 20px;line-height: 1.2;} .std-word1, .std-word1 p {font-size: 14px;line-height: 1.65;} .clrl-tit-info p {line-height: 1.65;} .corpor-locati-ri-li:last-child {margin-bottom: 0;} .corpor-sense {width: 100%;} .corpor-missio-top {width: 100%;margin-bottom: 35px;} .corpor-sense-btm-ul {margin: 0 -42px;} .csbu-li {padding: 0 42px;} .csbu-li-top {max-width: 100%;} .csbu-li-btm .std-h4 {line-height: 1.5;} .std-h4, .std-h4 p, .yxedr-active h4 {font-size: 24px;line-height: 1.2;} } @media screen and (max-width:991px ) and ( min-width:768px){ .std-padd {padding: 45px 0;} .corpor-locati .ward{flex-direction: column-reverse;} .corpor-locati-le {width: 380px;height: 100%;border-radius: 1000px;} .corpor-locati-ri {width: 100%;padding-bottom: 20px;padding-top: 0;} .corpor-locati-ri-li {width: 100%;margin-bottom: 16px;} .clrl-tit {margin-bottom: 10px;} .clrl-tit .std-h3 {line-height: 1.2;} .std-h3, .std-h3 p, .yxedr-active h3 {font-size: 24px;line-height: 1.2;} .clrl-tit-subtit {margin-bottom: 10px;} .clrl-tit-subtit .std-h5 {line-height: 1.5;} .std-h5, .std-h5 p, .yxedr-active h5 {font-size: 18px;line-height: 1.2;} .std-word1, .std-word1 p {font-size: 14px;line-height: 1.65;} .clrl-tit-info p {line-height: 1.65;} .corpor-locati-ri-li:last-child {margin-bottom: 0;} .corpor-sense {width: 100%;} .corpor-missio-top {width: 100%;margin-bottom: 35px;} .corpor-sense-btm-ul {margin: 0 -42px;} .csbu-li {padding: 0 42px;} .csbu-li-top {max-width: 100%;} .csbu-li-btm .std-h4 {line-height: 1.5;} .std-h4, .std-h4 p, .yxedr-active h4 {font-size: 24px;line-height: 1.2;} } @media only screen and (max-width:767px){ .std-padd {padding: 45px 0;} .corpor-locati .ward{flex-direction: column-reverse;} .corpor-locati-le {width: 70%;height: 100%;border-radius: 60px;margin: 0px auto;} .corpor-locati-ri {width: 100%;padding-bottom: 20px;padding-top: 0;} .corpor-locati-ri-li {width: 100%;margin-bottom: 16px;} .clrl-tit {margin-bottom: 10px;} .clrl-tit .std-h3 {line-height: 1.2;text-align: center;} .std-h3, .std-h3 p, .yxedr-active h3 {font-size: .2rem;line-height: 1.2;} .clrl-tit-subtit {margin-bottom: 10px;text-align: center;} .clrl-tit-subtit .std-h5 {line-height: 1.5;} .std-h5, .std-h5 p, .yxedr-active h5 {font-size: .15rem;line-height: 1.2;} .std-word1, .std-word1 p {font-size: .12rem;line-height: 1.65;} .clrl-tit-info p {line-height: 1.65;} .corpor-locati-ri-li:last-child {margin-bottom: 0;} .corpor-sense {width: 100%;} .corpor-missio-top {width: 100%;margin-bottom: 18px;} .corpor-sense-btm-ul {margin: 0 -35px;flex-wrap: wrap;} .csbu-li {padding: 0 35px;max-width: 50%;} .csbu-li-top {max-width: 100%;} .csbu-li-btm .std-h4 {line-height: 1.5;} .std-h4, .std-h4 p, .yxedr-active h4 {font-size: .14rem;line-height: 1.2;} }