@media screen and (max-width: 1550px) {
.con_text_01 .context_left .new_ban_t {
font-size: 2rem;
}
.con_text_01 .context_left .new_ban_b {
font-size: 2rem;
}
.banner .con-text {
width: 84%;
left: 8%;
}
.con_text_01 .context_left .new_ban_c {
width: 70%;
}
.con_text_02 .context_left .new_ban_t {
font-size: 2.6rem;
}
.con_text_02 .context_left .new_ban_b {
font-size: 1.2rem;
}
.con_text_02 .context_left .new_ban_c span{
font-size: 1rem; padding: 0.4rem 2.2rem; margin-top: 0.8rem;
}
.index_new03_con_linew{
width:calc(33.33% - ((1.25rem * 2) / 3)); margin-left: 1.25rem; margin-top: 1.1rem;
}
.index_new03_con_linew .text .t {
font-size: 1rem;
}
.index_new03_con_linew .text .b {
font-size: 0.8rem;
margin-top: 0.1rem;
margin-bottom: 0.4rem;
}
.index_new03_con_linew .text .c .cli {
font-size: 0.7rem;
margin-top: 0.2rem;
}
.index_new03_con_linew .text .c .cli img {
height: 0.35rem;
margin-right: 0.4rem;
}
.index_new03_con_linew .text .a a {
width: 6.5rem;
height: 2rem;
font-size: 0.7rem;
margin-top: 0.6rem;
}
.index_new03_con_linew:hover .text {
bottom: 15px;
}
}
@media screen and (max-width: 1366px) {
.new_pro_tab{
padding:2.5rem 0;
}
.new_pro_tab a{
font-size:16px;
}
.index_new01_in {
padding: 4rem 0;
}
.index_new01_left .t01 {
font-size: 1.8rem;
}
.index_new01_left .b01 {
font-size: 1rem;
}
.index_new01_left .c01 {
font-size: 0.75rem;
}
.index_new01_left .a01 {
font-size: 0.75rem;
}
.index_new01_left .d01 .d01_li {
margin-top: 2rem;
}
.index_new01_left .d01 .d01_li .d01_t {
font-size: 2.6rem;
}
.index_new01_left .d01 .d01_li .d01_t em {
font-size: 2.2rem;
margin-left: 0.5rem;
}
.index_new01_left .d01 .d01_li .d01_b {
font-size: 0.7rem;
}
.index_new02_left {
font-size: 1.6rem;
}
.index_new02_right .swiper-slide {
padding: 1.3rem 0;
}
.index_new02_right .swiper-slide img {
height: 4.3rem;
}
.index_new02_right .swiper-slide .index_new02_text {
font-size: 0.8rem;
margin-top: 0.9rem;
}
.index_new02_right_show {
padding-bottom: 1.8rem;
}
.index_new02_right .swiper-pagination-bullets {
bottom: 1rem;
left: 0;
}
.index_new02_right .swiper-pagination-bullets .swiper-pagination-bullet {
width: 0.6rem;
height: 0.6rem;
margin: 0 0.3rem;
}
.index_new02_in {
padding: 4rem 0;
}
.index_new03_in {
padding: 4rem 0;
}
.index_new03_t01 {
font-size: 1.8rem;
}
.index_new03_tab a .t03 {
font-size: 1.1rem;
}
.index_new03_tab a .b03 {
font-size: 0.7rem;
}
.index_new03_tab a {
height: 4.5rem;
}
.index_new03_tab a.active::after {
border-width: 0.8rem 0.8rem 0;
bottom: -0.77rem;
}
.solve .solve-con .box h2 {
font-size: 2rem;
}
.index_new04 .solve .solve-con.active h3 {
font-size: 1rem; margin:0.2rem 0 1.6rem;
}
.index_new04_tab_in a {
font-size: 0.9rem;
padding: 0.8rem 3rem;
}
.index_new05_in {
padding: 4rem 0;
}
.index_new05_con {
margin: 2rem 0;
}
.index_new07{
margin-bottom:4rem;
}
.index_new07_con{
margin:2rem 0; margin-top:-8rem;
}
.index_new05_con a {
width: calc(33.33% - ((2rem * 2) / 3));
padding: 0.8rem;
margin-left: 2rem;
}
.index_new05_con a .index_new05_text {
padding: 0 0.8rem;
}
.index_new05_con a .index_new05_t {
font-size: 1rem;
}
.index_new05_con a .index_new05_b {
font-size: 0.7rem;
margin: 0.2rem 0 0.8rem;
}
.index_new05_con a .index_new05_c {
font-size: 0.7rem;
}
.index_new05_to a {
font-size: 0.9rem;
width: 8rem;
height: 2.3rem;
line-height: 2.2rem;
}
.index_new06_text .index_new06_t {
font-size: 2rem;
}
.index_new06_text .index_new06_b {
font-size: 1.2rem;
margin-top: 0.6rem;
}
.index_new07_con a {
width: calc(33.33% - ((2rem * 2) / 3));
margin-left: 2rem;
}
.index_new07_con a .index_new07_text {
padding: 0.8rem 1.2rem;
}
.index_new07_con a .index_new07_t {
font-size: 1.2rem;
}
.index_new07_con a .index_new07_b {
font-size: 0.9rem;
}
.index_new07_con a .index_new07_c {
font-size: 0.75rem;
}
.index_new07_con a .index_new07_img .toshow img {
width: 3rem;
}
.index_new07_con a .index_new07_img .toshow div div {
font-size: 0.8rem;
margin-top: 0.6rem;
}
.con_text_01 .context_left .new_ban_t {
font-size: 1.8rem;
}
.con_text_01 .context_left .new_ban_b {
font-size: 1.8rem;
}
.con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_t {
font-size: 1.6rem;
}
.con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_b {
font-size: 0.65rem;
}
.banner .con-text {
width: 84%;
left: 8%;
}
.con_text_01 .context_left .new_ban_c {
width: 70%;
}
.con_text_02 .context_left .new_ban_t {
font-size: 2.4rem;
}
.con_text_02 .context_left .new_ban_b {
font-size: 1.1rem;
}
.con_text_02 .context_left .new_ban_c span{
font-size: 0.9rem; padding: 0.4rem 2.2rem; margin-top: 0.8rem;
}
}
@media screen and (max-width: 1024px) {
header.notop .right .login a,
header.header_black .right .login a,
header.headerhover .right .login a{
background:none;
}
footer .con .bottom{
flex-wrap: wrap;
}
footer .con .bottom ul{
width: 100%;
}
footer .con .bottom > ul > li {
width: 100%;
}
footer .con .bottom > ul > li > ul {
margin-top: 0rem;
}
footer .con .bottom > ul > li::before {
color: #252b3a;
}
footer .con .bottom > ul > li > ul li a{
opacity:1;
}
footer .con .bottom > ul > li:last-child{
display: block; width: 100%;
}
footer .pc_new_contact_02{
width: 100%; margin-left: 0; margin-top: 15px; margin-bottom: 15px;
}
footer .pc_new_contact_02 .bt02 {
font-size: 16px;
}
footer .pc_new_contact_02 .bb02 {
color: #849199; margin-top: 5px; font-size: 13px; line-height: 2;
}
footer .pc_new_contact_02 .bb02 span{
font-size: 13px;
}
footer .pc_new_contact_03{
width: 100%;
}
footer .pc_new_contact_03 img {
width: 20%; border: 10px solid #fff; margin: 0 auto;
}
footer .con .bottom .mobile-share {
position: relative; z-index: 2; width: 100%;
}
footer .con .bottom .mobile-share h3,footer .con .bottom .mobile-share h2 {
color: #252b3a;
}
footer .con .bottom .mobile-share .share a{
margin: 2rem 0 0;
}
footer .copy .left p {
font-size: 0.9rem;
}
footer .pc_new_contact{
display:none;
}
footer .copy .copy_in {
padding-top: 1.5rem; padding-bottom: 1.5rem;
}
.new_pro_tab a{
font-size:14px;
}
#introduce .con-top img {
width: 130%; margin-left:-15%;
}
.prodiv_list{
padding:1.2rem;width:calc(33.33% - (1.8rem * 2) / 3); margin-left:1.8rem; margin-top:1.5rem;
}
.prodiv_list .pro_n_c span {
font-size: 0.65rem;
padding: 5px 10px;
margin: 0.4rem 0;
margin-right: 10px;
}
.banner_product_new{
padding:3rem 3%;
}
.banner_product_new .new_t01{
font-size:2rem;
}
.banner_product_new .new_t02{
font-size:1rem; margin:0.3rem 0 1.0rem;
}
.banner_product_new .new_con input{
width:14rem; height:2.5rem; line-height:2.5rem; border-radius:0.4rem; margin-right:1.1rem; font-size:0.9rem;
}
.banner_product_new .new_con button{
width:9rem; height:2.5rem; line-height:2.5rem; font-size:1.1rem;border-radius:0.4rem;
}
.index_new {
padding: 0 3%;
}
.banner .con-text {
width: 94%;
left: 3%;
}
.banner{
margin-top: 5.5rem;
}
}
@media screen and (max-width: 768px) {
footer .pc_new_contact_03 img {
width: 30%; border: 5px solid #fff;
}
footer .copy .left p{
text-align: left;
}
footer .copy .left p a{
display: block;
}
.com_title {
padding: 1rem 0 1rem;
}
.com_title h2 {
font-size: 20px;
}
.com_title h2:before {
font-size: 20px;
}
.com_title h2:after {
font-size: 20px;
}
.benefit_new .text_new {
font-size: 13px;
line-height: 32px;
padding: 6px 20px;
margin-bottom: 15px;
}
.customcase_new{
padding:2rem 0;
}
.new_pro_tab{
padding:1rem 10px; flex-wrap:wrap;
}
.new_pro_tab a{
font-size:13px; text-align:center; width:33.33%;
}
.new_pro_tab a::after{
height:3px;
}
.new_pro_tab a.active::after,
.new_pro_tab a:hover::after{
width:calc(100% + 10px); left:-5px; height:3px;
}
#introduce .con-top img {
width: 160%; margin-left:-30%;
}
.product-show .show-con .show-ban .text{
transform:unset;
}
.prodiv_list{
padding:1rem; width:100%; margin-left:0rem; margin-top:2rem;
}
.prodiv_list:nth-child(3n+1){
margin-left:0px;
}
.prodiv_list:nth-child(-n+3){
margin-top:2rem;
}
.prodiv_list:first-child{
margin-top:0rem;
}
.prodiv_list .pro_n_t{
font-size:1.4rem;
}
.prodiv_list .pro_n_b{
font-size:1.1rem; margin-top:0.5rem; margin-bottom:0.5rem;
}
.prodiv_list .pro_n_c span{
font-size:0.9rem; padding:4px 10px; margin:0.5rem 0; margin-right:10px;
}
.prodiv_list .pro_n_a {
margin-top: 0.5rem;
}
.prodiv_list .pro_n_a a{
font-size:0.9rem;
}
.banner_product_new .new_con input {
width: 11rem;
height: 3rem;
line-height: 3rem;
margin-right: 0.5rem;
font-size: 1rem;
padding:0 10px;
}
.banner_product_new .new_con button {
width: 8rem;
height: 3rem;
line-height: 3rem;
font-size: 0.8rem;
border-radius: 0.4rem;
}
.honor_new_left_l01{
margin-top:0.7rem;
}
.honor_new_left_l02{
font-size:1.4rem; width:4.2rem; margin:0 1rem;
}
.honor_new_left_l03{
width:calc(100% - (0.7rem + 1rem * 2 + 4.2rem)); font-size:0.8rem; margin-top: 1rem; padding-top: 0.6rem;
}
.index_new01_in {
padding: 3rem 0;
}
.index_new01_left {
width: 100%;
}
.index_new01_right {
width: 100%; margin-top:1rem;
}
.index_new02_in {
padding: 3rem 0;
}
.index_new02_left {
font-size: 1.4rem;
width: 8rem;
}
.index_new02_right{
width:calc(100% - 8rem);
}
.index_new02_right .swiper-slide {
padding: 1rem 0;
}
.index_new02_right .swiper-slide img {
height: 6rem;
}
.index_new02_right .swiper-slide .index_new02_text {
font-size: 1.1rem;
margin-top: 1rem;
}
.index_new03_in {
padding: 3rem 0;
}
.solve .solve-con {
left: 0;
top: 8%;
width: 100%;
}
.solve .solve-con .box h2 {
font-size: 1.5rem;
}
.index_new04 .solve .solve-con.active h3 {
font-size: 1.2rem;
margin: -1.2rem 0 0.6rem;
}
.solve .solve-con .more a {
font-size: 13px;
line-height: 2.5rem;
}
.index_new04_tab_in a {
font-size: 0.8rem;
padding: 0.6rem 2rem;
}
.index_new05_in {
padding: 3rem 0;
}
.index_new05_con {
margin: 1.5rem 0;
}
.index_new07{
margin-bottom:3rem;
}
.index_new07_con{
margin:1.5rem 0; margin-top:-6rem;
}
.index_new05_con a{
width:100%; margin-top:1rem; padding:0.5rem; margin-left:0rem;
}
.index_new05_con a:nth-child(1){
margin-top:0px;
}
.index_new05_con a .index_new05_t {
font-size: 1.5rem;
}
.index_new05_con a .index_new05_b {
font-size: 1rem;
margin: 0.4rem 0 1rem;
}
.index_new05_con a .index_new05_c {
font-size: 1rem;
}
.index_new07_con a{
width:100%; margin-top:1rem; padding:0.5rem; margin-left:0rem;
}
.index_new07_con a:nth-child(1){
margin-top:0px;
}
.index_new07_con a .index_new07_t {
font-size: 1.5rem;
}
.index_new07_con a .index_new07_b {
font-size: 1rem;
}
.index_new07_con a .index_new07_c {
font-size: 0.9rem;
}
.index_new06_midbanner > img {
width: 250%;
margin-left: -75%;
}
header.notop .right .login a:hover,
header.header_black .right .login a:hover,
header.headerhover .right .login a:hover{
background:none;
}
.con_text_01 .context_left .new_ban_c {
width: 100%;
}
.banner .con-text{
width: 100%;
left: 0;
}
.banner .con-text.con_text_01{
top: 10%;
transform: translateY(0);
}
.banner .con-text.con_text_02{
flex-wrap:wrap;
top: 10%;
transform: translateY(0);
height: 90%;
flex-direction: column;
}
.swiper-slide-active .con_text_02 .context_left{
width: 100%;
}
.swiper-slide-active .con_text_02 .context_right{
width: 100%;
}
.con_text_02 .context_right img {
width: 75%;
margin: 0 auto 10%;
}
.con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_t {
font-size: 2rem;
}
.con_text_01 .context_left .new_ban_c .new_ban_cli .new_ban_cli_b {
font-size: 0.8rem;
}
.index_new03_con_linew{
width:calc(50% - ((20px * 1) / 2)); margin-left: 15px; margin-top: 15px;
}
.index_new03_con_linew:nth-child(3n+1){
margin-left: 15px;
}
.index_new03_con_linew:nth-child(-n+3){
margin-top: 20px;
}
.index_new03_con_linew:nth-child(2n+1){
margin-left: 0;
}
.index_new03_con_linew:nth-child(-n+2){
margin-top: 0;
}
.index_new03_con_linew .text {
padding: 0 10px;
bottom: -55%;
}
.index_new03_con_linew:hover .text{
bottom: 10px;
}
.index_new03_con_linew .text .a a {
width: 5.4rem;
height: 1.6rem;
font-size: 0.65rem;
margin-top: 0.55rem;
}
.index_new03_con_linew .img {
padding-bottom: 90%;
}
}