.banner_home.PC_banner{ display: block} .banner_home.Mobile_banner{ display: none} .home_pro_four ul li{ float: left; width:50%; height:800px; display:inline; text-align:center; margin-bottom:20px;} .home_pro_four ul li a{display: block; height: 800px; margin-right: 20px;background-color:#f7f7f7; background-position:center center; background-repeat:no-repeat; background-size:cover;} /*.home_pro_four ul li a{transition: transform 2s;} .home_pro_four ul li:hover a{/*-webkit-filter: blur(4px); filter: blur(4px);*/transform: scale(1.1);transition: transform 2s;}*/ .home_pro_four ul li:nth-child(2n) a{ margin-right: 0} .home_pro_four ul li .fonts-show{ padding-top:8%;} .home_pro_four ul li .fonts-show h3{ font-size:50px; color:#020202; line-height:1; margin-bottom:20px;font-weight: bolder;} .home_pro_four ul li .fonts-show p{ font-size:22px; color:#020202; line-height:1; margin-bottom:30px;} .home_pro_four ul li:nth-child(2) .fonts-show h3{color:#fff;} .home_pro_four ul li:nth-child(2) .fonts-show p{ color:#fff;} .home_pro_four ul li .fonts-show span{ position:relative; display:inline-block; font-size:18px; color:#0c59e7; line-height:1;} .home_pro_four ul li .fonts-show span::after { right:-20px; position: absolute; top: 50%; content: " "; width:13px; height:9px; margin-left: 0; margin-top:-5px; background:url(../images/jiantous.svg) center center no-repeat; } .home_banner_two{ position:relative;height:800px; background-color:#e7e7e7; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-bottom:20px;} .home_banner_two .fonts-show{ position:absolute; left:20%; top:50%; margin-top:-100px; text-align:left} .home_banner_two .fonts-show h3{ font-size:50px; color:#020202; line-height:1; margin-bottom:20px;font-weight: bolder;} .home_banner_two .fonts-show p{ font-size:22px; color:#020202; line-height:1; margin-bottom:30px;} .home_banner_two .fonts-show span{ position:relative; display:inline-block; font-size:18px; color:#0c59e7; line-height:1;} .home_banner_two .fonts-show span::after { right:-20px; position: absolute; top: 50%; content: " "; width:13px; height:9px; margin-left: 0; margin-top:-5px; background:url(../images/jiantous.svg) center center no-repeat; } .home_banner_one{ position:relative;height:800px; background-color:#ededed; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-bottom:20px;} .home_banner_one .fonts-show{ position:absolute; left:0%; width:100%; top:25%; text-align:center} .home_banner_one .fonts-show h3{ font-size:50px; color:#020202; line-height:1; margin-bottom:20px;font-weight: bolder;} .home_banner_one .fonts-show p{ font-size:22px; color:#020202; line-height:1; margin-bottom:30px;} .home_banner_one .fonts-show span{ position:relative; display:inline-block; font-size:18px; color:#0c59e7; line-height:1;} .home_banner_one .fonts-show span::after { right:-20px; position: absolute; top: 50%; content: " "; width:13px; height:9px; margin-left: 0; margin-top:-5px; background:url(../images/jiantous.svg) center center no-repeat; } .home_news{ background-color: #ffffff; padding-top: 80px; padding-bottom: 100px;} .home_titiles{ text-align: center; padding-bottom: 30px;} .home_titiles h3 { font-size: 50px; color: #020202; line-height: 1; margin-bottom: 20px; font-weight: bolder; } .home_news_lists {} .home_titiles a span{ position:relative; display:inline-block; font-size:18px; color:#0c59e7; line-height:1;} .home_titiles a span::after { right:-20px; position: absolute; top: 50%; content: " "; width:13px; height:9px; margin-left: 0; margin-top:-5px; background:url(../images/jiantous.svg) center center no-repeat; } .news_home_con{} .news_home_con .item{ padding-right: 20px;} .news_home_con .item .new_one{ text-align: left; padding: 50px; background-color: #f7f7f7;border-radius:20px;} .news_home_con .item .new_one .titile{ color: #020202; font-size: 24px; font-weight: bolder; line-height:36px; height: 72px; margin-bottom:30px;text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .news_home_con .item:hover .new_one .titile{ color: #0c59e7;} .news_home_con .item .new_one .descipe{ color: #9e9e9e; font-size: 16px; line-height:30px; height:90px;text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 50px;} .news_home_con .item .new_one .times{ color: #9e9e9e; font-size: 16px; line-height:1; text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .news_home_con .slick-dots { position: absolute; bottom: -50px; height: auto; list-style: none; display: block; text-align: center; padding: 0; width: 100%; line-height: 0; z-index: 2; } .news_home_con .slick-dots li button { border: 0; display: block; height: 10px; width: 10px; padding: 0; margin: 0; outline: none; line-height: 0; font-size: 0; cursor: pointer; background: #f7f7f7; border-radius: 10px; } .news_home_con .slick-dots li.slick-active button { background: #0c59e7; } .home_productsd { padding-bottom: 100px; padding-top: 30px;} .pro_home_con{} .pro_home_con .item{ padding-right: 20px;} .pro_home_con .item a{ position: relative; display: block; background-color: #f6f5f6;border-radius:20px ; height: 380px;} .pro_home_con .item a .pic_show{} .pro_home_con .item a .pic_show { display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 90%; max-width: 90%; } .pro_home_con .slick-dots { position: absolute; bottom: -50px; height: auto; list-style: none; display: block; text-align: center; padding: 0; width: 100%; line-height: 0; z-index: 2; } .pro_home_con .slick-dots li button { border: 0; display: block; height: 10px; width: 10px; padding: 0; margin: 0; outline: none; line-height: 0; font-size: 0; cursor: pointer; background: #f7f7f7; border-radius: 10px; } .pro_home_con .slick-dots li.slick-active button { background: #0c59e7; } @media screen and (max-width: 1400px){ .news_home_con .item .new_one{ padding:25px} .news_home_con .item .new_one .times{ font-size:13px;} } @media screen and (max-width: 768px){ .home_pro_four ul li { float: none; width: initial; height: 600px; display: block; text-align: center; margin-bottom: 20px; } .home_pro_four ul li a { display: block; height: 600px; margin-right: 0;} .home_banner_one,.home_banner_two{ height: 660px;} .home_banner_two .fonts-show h3,.home_banner_one .fonts-show h3 { font-size: 40px;} .home_pro_four ul li .fonts-show h3,.home_titiles h3 { font-size: 40px;} }