@charset "utf-8";
.header{ background: #fff;}
@media (max-width:767px){
    .header{ background: #fff;}
    .home .swiper-slide{ min-height: 20rem;}
    .home .swiper-slide-img{ padding-bottom: 20rem;}
}
/*pages*/
div.pages{width: 100%;height: auto; margin: 5rem auto;overflow: hidden;}
ul.pagination{ margin: 0; -webkit-justify-content: center; justify-content: center;}
ul.pagination li{ width: auto; margin: 1rem;}
ul.pagination li a,ul.pagination li span,ul.pagination > .disabled > span{color:#333; font-size:1.6rem; width: 6rem; height: 6rem; text-decoration:none; background: #eee; border: none; text-align: center; line-height: 6rem; border-radius: 1rem; padding: 0;}
ul.pagination > .disabled > span{ color: #aaa;}
ul.pagination > .disabled:hover > span{ background: #f5f5f5;}
ul.pagination li a{ border-radius: 1rem !important;}
ul.pagination li a:hover{ background: #025bc3; color: #fff;}
ul.pagination li.active span,ul.pagination li.active:hover span{background:#025bc3; color:#fff;}
ul.preNext li{ margin-bottom: 1rem; width: 100%; padding: 1.5rem; background: #f5f5f5;}
ul.preNext li a{ display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; font-weight: bold; font-size: 1.8rem;}
ul.preNext li a span{ display: block; line-height: 1; }
ul.preNext li a span:first-child{  width: 4rem; height: 4rem; margin-right: 2rem; border-radius: 0.5rem; color: #fff;}
ul.preNext li:hover span{color: #025bc3;}
ul.preNext li.prev a span:first-child{ background:url(../images/arrow-r.png) no-repeat center #025bc3; background-size: 0.8rem; }
ul.preNext li.next a span:first-child{ background:url(../images/arrow-l.png) no-repeat center #025bc3; background-size: 0.8rem; }
ul.preNext li a span:last-child{ width: calc(100% - 4rem);}
@media (max-width:768px){
    ul.preNext{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
    ul.preNext li a{width:100%; -webkit-justify-content: center; justify-content: center;}
    div.pages ul.preNext li a span{ padding: 3rem 6rem; font-size: 1.8rem; width:100%}
    ul.preNext li{ width: 50%; margin-bottom:0;}
    
}
/* 产品列表容器 - Flex核心布局 */
.list_product_nav{ width: 320px; background: #fff;}
.list_product_nav h1{ position: relative; font-size: 3rem; background: url(../images/side_nav.jpg) no-repeat center rgba(0, 0, 0, 0.5); background-size: cover;  color: #fff; padding: 4rem 1rem; text-align: center; background-blend-mode: overlay;}
.list_product_nav > ul{ padding: 1rem 0; }
.list_product_nav > ul > li{ position: relative; margin-bottom: 1rem; background: #f5f5f5;}
.list_product_nav > ul > li::before{ content: ""; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: #ddd;}
.list_product_nav > ul > li > a{ position: relative; display: block; padding:2rem 3rem; height: auto; line-height: 1.2; font-size: 1.6rem;}
.list_product_nav > ul > li.on > a,.list_product_nav > ul > li:hover > a{ color: #025bc3;}
.list_product_nav > ul > li.on::before,.list_product_nav > ul > li:hover::before{ background: #025bc3;}
.list_product_nav > ul > li::after{ content: ""; position: absolute; right: 50%; top: 50%; margin-top: -0.5rem; width: 1rem; height: 1rem; background: url(../images/arrow-drop-right-line.png) no-repeat center; background-size: contain; transition: all 0.5s; opacity: 0;}
.list_product_nav > ul > li:hover::after,.list_product_nav > ul > li.on::after{ right: 2rem; opacity: 1;}
.list_product_nav > ul > li > a:hover{ color: #025bc3;}
.list_product_nav .side_contact{ width: 100%; height: auto; overflow: hidden; padding:3rem 2rem; background: url(../images/side_bg.jpg) no-repeat center; background-size: cover;}
.list_product_nav .side_contact h3{ font-size: 1.8rem;}
.list_product_nav .side_contact p{ font-size: 1.6rem; line-height: 1.2; margin: 2rem 0;}
.list_product_nav .side_contact a{ float: right;}
@media (max-width:1199px){
    .list_product_nav{ width: 100%; margin-bottom: 3rem;}
    .list_product_nav h1{background: #025bc3; padding:2.5rem; line-height: 2rem; font-size: 2.5rem;}
    .list_product_nav h1 span{ position: absolute; right: 1rem; top: 1.5rem; display: block; cursor: pointer; width:4rem; height:4rem; background:url(../images/down.png) no-repeat center #fff; border-radius: 50%; background-size: 1.5rem; transition: all 0.5s;}
    .list_product_nav h1 span.show{ transform: rotate(180deg);}
    .list_product_nav > ul{ display: none;}  
    .list_product_box{ width: 100%;}
}
@media (max-width:767px){
    .list_product_nav h1 { text-align: left;}
    .list_product_nav > ul > li > a{ font-size: 2rem;}
}
.list_product{ align-items: flex-start; margin: 5rem 0;}
.list_product_box{ width: calc(100% - 400px);}
ul.list_product_item{ justify-content: flex-start; align-items: stretch;}
ul.list_product_item li{ width: calc(33.33% - 2rem); margin-bottom: 3rem; margin-right: 3rem;}
ul.list_product_item li:nth-child(3n){ margin-right: 0;}
ul.list_product_item li a{ display: block; background: #eee; padding: 1rem; border-radius: 1rem; overflow: hidden;}
ul.list_product_item li .img{ width: 100%; background: #fff; border-radius: 1rem; padding: 3rem; }
ul.list_product_item li .txt{ padding: 2rem 1rem; text-align: center; line-height: 1.2; font-size: 1.6rem; font-weight: bold;}
ul.list_product_item li:hover a{  background: #025bc3; color: #fff;}
@media (max-width:1199px){
    .list_product_box{ width: 100%;}
}
@media (max-width: 768px) {
    ul.list_product_item{ justify-content: space-between;}
    ul.list_product_item li{ width: calc(50% - 0.5rem); margin-right: 0; margin-bottom: 1rem;}
}
/*内页子分类*/
.pagebar{ width: 100%; height: auto; padding: 1rem 0; overflow: hidden; background: #f5f5f5;}
.pagebar .position{ line-height: 1.5; padding: 2rem 0;}
.pagebar .position span{ display: inline-block; padding-left: 2.5rem; background: url(../images/position.png) no-repeat center left; background-size: 1.4rem;}
.pagebar .position a:hover{ color: #025bc3;}
.pagebar .side_menu a{ display: block; line-height: 1.2; font-size: 1.4rem; padding: 1rem 3rem; background: #fff; color: #333; border-radius: 1rem; margin-left: 1rem;}
.pagebar .side_menu a:hover{ background: #025bc3; color: #fff;}
@media (max-width:1199px){
    .pagebar{ padding: 3rem 0;}
}
@media (max-width:767px){
    .pagebar .position{ padding: 0;}
}
/* 产品详情 */
.pc-slide{width:100%;margin:0 auto; padding: 1.5rem; margin-bottom: 3rem; background: #f5f5f5;}
.view .swiper-container{width:100%;}
.view img{ padding: 0;}
.preview{width:100%; margin-top:10px;position:relative}
.preview .swiper-container{width:100%;height:auto}
.preview .active-nav img{ border:1px solid #025bc3}
.preview .swiper-slide{margin-right:1rem;width:8rem;}
.preview .swiper-slide img{ background: #fff; cursor: pointer;}
.preview .active-nav img{border-color:#025bc3}
.view .swiper-button-next{width:3rem;height:6rem; line-height: 6rem; text-align: center; background: #025bc3;right:0; color: #fff;}
.view .swiper-button-prev{width:3rem;height:6rem; line-height: 6rem; text-align: center; background: #025bc3; left:0; color: #fff;}

.show_product_head{ align-items: stretch; background: #f5f5f5; padding: 5rem;}
.show_product_head .txt{ width:calc( 50% - 5rem);}
.show_product_head .txt h3{ font-size: 3rem; font-weight: normal; color: #025bc3; line-height: 1.2; padding: 2rem 0; border-bottom: 1px solid #ddd;}
.show_product_head .txt p{ font-size: 1.6rem; line-height:2; margin: 3rem 0;}
.show_product_head .txt a{ float: right;}
.show_product_head .lbox{ width: 50%;}
.show_product_head .lbox .pc-slide{ padding: 0;}
.show_product_head .lbox .view .swiper-slide{ background: #fff; padding: 3rem;}
.show_product_head .lbox .preview img{ background: #fff; padding: 1rem; border: 1px solid #fff;}
.show_product_head .lbox .preview .active-nav img{ border:1px solid #025bc3}
    
.show_product_body{ padding: 5rem; background: #f5f5f5; margin-top: 5rem;}
.show_product_body img{ width: 100%; display: block; margin:0.5rem auto;}
.show_product_body table tr td,.show_product_body table tr th{ border: 1px solid #aaa; padding: 1rem;}
.show_product_body p{ line-height: 2; font-size: 1.6rem; margin: 1rem 0;}
.show_product_body h3{ font-size: 2rem; margin: 1rem auto;}
@media (max-width:1199px){
    .show_product_head .txt h3{ font-size: 2rem;}
    .show_product_head .txt p{ font-size: 1.4rem;}
}
@media (max-width:767px){
    .show_product_head { padding: 3rem;}
    .show_product_head .txt,.show_product_head .lbox{ width: 100%;}
    .show_product_head .txt h3{ font-size: 2.5rem;}
    .show_product_head .txt p{ font-size: 1.8rem;}
    .show_product_head .img{ width: 100%;}
    .show_product_body{ padding: 3rem; margin-top: 3rem;}
}
/* 案例 */
.list_case{ width: 100%; height: auto; float: left; margin: 5rem auto;}
.submenu{ justify-content: center; align-items: stretch; margin-bottom: 5rem;}
.submenu a{ display: block; width: auto; padding: 1rem 3rem; line-height: 1.5; margin: 1rem; border-radius: 1rem; font-size: 1.8rem; font-weight: bold; background: #f5f5f5;}
.submenu a.on,.submenu a:hover{ background: #025bc3; color: #fff; }
.list_case .list_case_box ul li{ width:calc(33.33% - 3rem); margin-right: 4.5rem; margin-bottom: 4.5rem;}
.list_case .list_case_box ul li:nth-child(3n){ margin-right: 0;}
.list_case .list_case_box ul li a{ display: block; position: relative; border-radius: 1rem; overflow: hidden;}
.list_case .list_case_box ul li .img{ position: relative;}
.list_case .list_case_box ul li img{transform: scale(1.1); transition: all 0.5s;}
.list_case .list_case_box ul li .txt{ position: absolute; bottom: 0; left: 0; width: 100%; padding:2rem; height: auto; line-height: 1.5; font-size: 1.8rem; font-weight: bold; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.5); transition: all 0.5s;}
.list_case .list_case_box ul li:hover .txt{ background: rgba(2, 91, 195, 0.9); }
.list_case .list_case_box ul li:hover img{ transform: scale(1);}
@media (max-width:1199px){
    .list_case .list_case_box ul li{ width: calc(50% - 1rem); margin: 0; margin-bottom: 2rem;}
}
@media (max-width:767px){
    .submenu{justify-content: space-between;}
    .submenu a{ width: calc(50% - 0.5rem); text-align: center; margin: 0; margin-bottom: 1rem; background: #eee;}
    .list_case .list_case_box ul li{ width: 100%; margin: 0; margin-bottom: 2rem;}
}
/*案例详情*/
.show_case_box{width: 100%; height: auto; float: left;}
.show_case_head{ margin-bottom: 5rem; align-items: stretch; padding: 5rem; background: #f5f5f5;}
.show_case_head .txt{ width: calc(50% - 5rem);}
.show_case_head .txt h1{ font-size: 2.5rem; margin-bottom: 1rem; border-bottom: 1px solid #ddd; padding-bottom: 1rem;}
.show_case_head .txt p{ font-size: 1.6rem; line-height: 2;}
.show_case_head .img{ width: calc(50% - 5rem); overflow: hidden;}
.show_case_head .img-cover{ padding-bottom: 65%;}
.show_case_head .txt a{width:18rem;line-height: 6rem; margin-top: 3rem; border:1px solid #999; border-radius: 6rem;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;}
.show_case_head .txt a span:first-child{font-size: 1.6rem;margin-right: 1rem;transition: .3s;}
.show_case_head .txt a span:last-child{width:4rem;height: 4rem;border-radius: 50%;background: #025bc3 url(../images/arrow2.png) no-repeat center center/1.5rem;transition: .3s;}
.show_case_head .txt a:hover{background: #025bc3;border-color:#025bc3}
.show_case_head .txt a:hover>span:first-child{transform: translateX(2rem);color:#fff}
.show_case_head .txt a:hover>span:last-child{transform: translateX(10rem);}
.show_case_body{ padding: 5rem; background: #f5f5f5; width: 100%; height: auto;}
.show_case_body img{ display: block; margin: 0.5rem auto; width: 100%;}
@media (max-width:1199px){
    .show_case_head{ padding: 3rem;}
    .show_case_head .txt{ margin-top: 3rem;}
    .show_case_head .txt,.show_case_head .img{ width: 100%;}
}
@media (max-width:767px){
    .show_case_body{ padding: 0; background: none; box-shadow: none;}
}
/*文章列表*/
.list-article .submenu{ margin-top: 5rem; margin-bottom: 0;}
.list-article-box{ padding-top: 5rem;}
.head-new{ background: #eee;}
.head-new a{ position: relative; padding: 5rem; align-items: stretch;}
.head-new a::after{ content: ""; position: absolute; z-index: 2; left: 0; bottom: 0; width: 0; height: 5px; background: #025bc3; transition: all 0.5s;}
.head-new a:hover::after{ width: 100%;}
.head-new .imgbox{ width: 40%; overflow: hidden;}
.head-new .imgbox .img-cover{ padding-bottom: 66.66%;}
.head-new .newtxt{ width: calc(60% - 5rem);}
.head-new .newtxt h3{ font-size: 2rem; line-height: 1.2;}
.head-new .newtxt .date{ position: relative; flex-direction: column; align-items: flex-start; line-height: 1; margin-bottom: 3rem;}
.head-new .newtxt .date span:first-child{ font-size: 4rem; font-weight: bold;}
.head-new .newtxt .date::after{ position: absolute; right: 0; top: 50%; content: ""; width: calc(100% - 10rem); border-bottom: 1px dotted #aaa; height: 1px;}
.head-new .newtxt p{ margin: 3rem 0; line-height: 2; font-size: 1.6rem; color: #666;}
/*按钮*/
.head-new .newtxt .more {display: block; width: 15rem; float: right; height: 5rem;line-height: 5rem;font-size: 1.6rem;padding: 0 2rem;color: #fff;background: #025bc3;border-radius: 1rem;}
.head-new .newtxt .more span:last-child {display: inline-block; margin-left: 3rem;width: 1rem;height: 1rem;background: url(../images/arrow-l.png) no-repeat center;}
.head-new a:hover h3{ color: #025bc3;}
.list-article-box ul{justify-content:flex-start; align-items:stretch;}
.list-article-box ul li{ position: relative; width: calc(33.33% - 3rem); margin-top: 4.5rem; margin-right:4.5rem;background: #f5f5f5;}
.list-article-box ul li:nth-child(3n){ margin-right:0;}
.list-article-box ul li a{ display: block; overflow: hidden; }
.list-article-box ul li .txt{ padding: 3rem;}
.list-article-box ul li::after{ content: ""; position: absolute; z-index: 2; left: 0; bottom: 0; width: 0; height: 5px; background: #025bc3; transition: all 0.5s;}
.list-article-box ul li h3{ font-size:1.8rem; line-height:1.5; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-article-box ul li p{ font-size: 1.4rem; color: #666; margin: 2rem 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.list-article-box ul li span{ transition: all 0.5s; color: #aaa;}
.list-article-box ul li span:first-child{ display: block;padding-left: 2rem; background: url(../images/date.png) no-repeat left center;}
.list-article-box ul li:hover::after{ width: 100%;}
.list-article-box ul li:hover span.more{ transform: translateX(1rem); color: #025bc3;}
.list-article-box ul li:hover h3{ color: #025bc3;}
.list-article-box ul li:hover p{ color: #333;}
@media (max-width:1600px){
    .head-new .newtxt .date{ margin-bottom:2rem;}
    .head-new .newtxt p{ margin:1.5rem 0;}
}
@media (max-width:1199px){
    .head-new .imgbox{ width: 100%; margin-bottom: 3rem;}
    .head-new .newtxt{ width: 100%;}
    .list-article-box ul li span:first-child{ padding-left: 3rem;}
    .list-article-box ul li{ width: calc(50% - 1rem); margin-top: 2rem;}
}
@media (max-width:767px){
    .list-article-box{ padding-top:3rem;}
    .head-new .imgbox{ margin-bottom: 0;}
    .head-new a{ padding: 0;}
    .head-new .newtxt{ padding: 3rem;}
    .list-article-box ul li{ width: 100%;}
}
/*文章详情*/
.show-article-box{ margin: 5rem 0; align-items: flex-start;}
.article-info{ width: calc(100% - 60rem);}
.article-sidebar{ width: 50rem;}
.article-sidebar ul{ padding: 3rem; overflow: hidden; background: url(../images/new_bg.jpg) no-repeat center #025bc3; background-size: cover;  margin-bottom:2rem;}
.article-sidebar ul h3{ line-height: 1; padding-bottom: 1rem; font-size: 2.5rem; color: #fff;}
.article-sidebar ul li{ position: relative; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 2rem 0;}
.article-sidebar ul li::after{ content: ""; position: absolute; z-index: 2; left: 0; bottom: 0; width: 0; height: 5px; background: #fff; overflow: hidden; transition: all 0.5s;}
.article-sidebar ul li a{ display: block; line-height: 1.2; color: #fff;}
.article-sidebar ul li a span{ display: block; line-height: 1; margin-bottom: 1rem;opacity: 0.5;}
.article-sidebar ul li:hover::after{width: 100%;}
.article-sidebar ul li:hover span{ opacity: 1;}
.article-sidebar .flag .img{ overflow: hidden;}
.article-sidebar .flag .img-cover{ padding-bottom: 66.66%;}
.article-sidebar .flag .txt{ padding: 3rem; background: #f5f5f5; }
.article-sidebar .flag h3{ font-size:2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.article-sidebar .flag p{ font-size: 1.6rem; color: #666; margin: 2rem 0;}
.article-sidebar .flag span{ transition: all 0.5s; color: #aaa;}
.article-sidebar .flag span:first-child{ display: block;padding-left: 2rem; background: url(../images/date.png) no-repeat left center;}
.article-sidebar .flag a:hover span:last-child{ transform: translateX(1rem); color: #025bc3;}
.article-sidebar .flag a:hover h3{ color: #025bc3;}
.article-sidebar .flag a:hover p{ color: #333;}
.article-info-tit{ width: 100%;}
.article-info-tit .bar{ justify-content: flex-start;font-size: 1.2rem;}
.article-info-tit .bar span{ margin-right: 5rem; color: #666;}
.article-info-tit .bar span.tag{ padding: 1rem 3rem;  border-radius: 1rem; background: #025bc3; color: #fff;}
.article-info-tit .bar span.date{ padding-left: 3rem; background: url(../images/date1.png) no-repeat left center; background-size: 1.8rem;}
.article-info-tit .bar span.eye{ padding-left: 3rem; background: url(../images/eye1.png) no-repeat left center; background-size: 2rem;}
.article-info-tit h3{ font-size: 3rem; font-weight: normal; line-height: 1.2; margin: 3rem 0;text-align: left;}
.article-info-tit .des{ padding: 3rem; background: #f5f5f5; border-radius: 1rem; color: #666; font-size: 1.4rem; line-height: 2;}

.article-info-box{ padding: 5rem 0;}
.article-info-box p{ margin: 1rem auto; line-height: 1.5; color: #333;}
.article-info-box img{ display:block; max-width:100%;margin:0.5rem auto;}
@media (max-width:1440px){
    .article-info{ width: calc(100% - 45rem);}
    .article-sidebar{ width: 40rem;}
}
@media (max-width:1199px){
    .article-info{ width: 100%;}
    .article-sidebar{ width: 100%;}
}
@media (max-width:767px){
    .show-article-box{ flex-direction: column-reverse;}
    .article-sidebar{ margin: 0;}
    .article-info-box{ padding: 3rem 0 0;}
    .article-info-box p{font-size: 2rem;}
    .article-sidebar ul li.one h3{ font-size: 2rem;}
    .article-sidebar ul li:not(.one) a{ font-size: 1.6rem;}
    .article-sidebar ul li.one h3::after { top: 3rem;}
    .article-info-tit .bar span{ margin-right: 1rem;font-size: 1.6rem;}
    .article-info-tit h3{ font-size: 3rem;}
}
/*关于我们*/
.page_about1{ width: 100%; height: auto; padding: 10rem 0; overflow: hidden;}
.page_about1 .box{  width: 100%; height: auto;}
.page_about1 .box h1{ font-size: 4rem; margin-bottom: 3rem;}
.page_about1 .box .content{font-size: 1.6rem; line-height: 2; margin-bottom: 5rem;}
.text-img-wrap {line-height: 2;font-size: 1.6rem;color: #333;}
.text-img-wrap p { text-indent: 3.2rem; margin: 0 0 1.5rem 0;}
.text-img-wrap p:last-child {margin-bottom: 0;}
.right-img {float: right;width: 45%;height: auto;margin: 0 0 5rem 5rem;border-radius: 1rem;display: block;}
.clearfix::after {content: "";display: table;clear: both;}
.page_about1 .l_title{ margin-bottom: 3rem; text-transform:uppercase;}
.page_about1 .numCount .item .txt h3{font-size: 6rem;}
.page_about1 .numCount .item .txt p{ font-size: 1.4rem;}
@media (max-width: 767px) {
    .right-img {float: none;width: 100%;margin: 0 0 2rem 0;}
    .text-img-wrap p {text-align: left; }
    .page_about1{ padding:5rem 0;}
    .page_about1 .box h1{ font-size: 3rem; margin-bottom: 2rem;}
    .page_about1 .box .txt{ font-size: 2rem; }
}

/*单页*/
.danye{ margin: 5rem auto; padding: 5rem; background: #f5f5f5; width: 100%; height: auto;}
@media (max-width:767px){
    .danye{ padding: 0; background: none; box-shadow: none;}
}
/*售后服务*/
.page_service{ width: 100%; height: auto; overflow: hidden; margin: 5rem 0;}
.page_service ul li{ width: 100%; height: auto; float: left; overflow: hidden; position: relative; margin: 3rem 0;cursor: pointer;}
.page_service ul li .img{ position: relative; width: 60%;border-radius: 3rem; overflow: hidden;}
.page_service ul li .img .img-cover{ padding-bottom:60%;}
.page_service ul li .txt{ width: 50%; height: 80%; position: absolute; z-index: 1; right: 0; bottom: 0; padding: 5rem; border-bottom-right-radius: 3rem; border-top-left-radius: 3rem; background: #fff;}
.page_service ul li:nth-child(2n){ flex-direction: row-reverse;}
.page_service ul li:nth-child(2n) .txt{ left: 0; border-radius: 0; border-top-right-radius: 3rem; border-bottom-left-radius: 3rem; }
.page_service ul li .txt span.icon{ display: block; width: 10rem; height: 10rem; border-radius: 50%; transition: all 0.5s;}
.page_service ul li .txt span.service_icon1{ background: url(../images/service_icon1.png) no-repeat center #025bc3; background-size: contain;}
.page_service ul li .txt span.service_icon2{ background: url(../images/service_icon2.png) no-repeat center #025bc3; background-size: contain;}
.page_service ul li .txt span.service_icon3{ background: url(../images/service_icon3.png) no-repeat center #025bc3; background-size: contain;}
.page_service ul li .txt h1{ font-size: 4rem; margin: 2rem 0;}
.page_service ul li .txt p{ font-size: 1.8rem; line-height: 1.5;}
.page_service ul li .txt:hover h1{ color: #025bc3;}
.page_service ul li .txt:hover span.icon{transform: rotate(360deg);}
@media (max-width:1199px){
    .page_service ul li .img{ width: 100%;}
    .page_service ul li .txt{ height: auto;}
    .page_service ul li .txt h1{ font-size: 3rem; margin: 1rem 0;}
    .page_service ul li .txt span.icon{ width: 6rem; height: 6rem;}
}
@media (max-width:767px){
    .page_service ul li{ flex-wrap: wrap;}
    .page_service ul li .txt{ position: relative; width: 100%; padding: 3rem 0; background: none;}
}