@charset "utf-8";
@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: 0 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 > li.disabled > a{ background: #eee;}
ul.pagination > li.disabled > a:hover{ background: #f5f5f5;}
ul.pagination > .disabled:hover > span{ background: #f5f5f5;}
ul.pagination li a{ border-radius: 1rem !important;}
ul.pagination li a:hover,ul.pagination > .active > a{ background: #da0000; color: #fff;}
ul.pagination > .active > a:hover{ background: #da0000;}
ul.pagination li.active span,ul.pagination li.active:hover span{background:#da0000; 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.5; }
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: #da0000;}
ul.preNext li.prev a span:first-child{ background:url(../images/arrow-r.png) no-repeat center #da0000; background-size: 0.8rem; }
ul.preNext li.next a span:first-child{ background:url(../images/arrow-l.png) no-repeat center #da0000; background-size: 0.8rem; }
ul.preNext li a span:last-child{ width: calc(100% - 4rem);}
@media (max-width:1600px){
    ul.pagination li a, ul.pagination li span, ul.pagination > .disabled > span{ width: 5rem; height: 5rem; line-height: 5rem;}
    ul.pagination li{ margin: 0.5rem;}
}
@media (max-width:768px){
    ul.pagination{ flex-wrap: wrap;}
    ul.preNext{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
    ul.preNext li a{ -webkit-justify-content: center; justify-content: center;}
    div.pages ul.preNext li a span{ padding: 3rem 6rem; font-size: 1.8rem; width: 100%; margin: 0;}
    ul.preNext li{ width: 50%; background:none;}
}
/* 产品列表容器 - Flex核心布局 */
.list_product_nav {width:320px;background:#fff;border-radius: 1rem; overflow: hidden;}
.list_product_nav h3 {position:relative;font-size:3rem;background:url(../images/navdot.png) no-repeat left bottom #da0000;color:#fff;padding:3rem;padding-bottom:6rem}
.list_product_nav h3::after {content:"";position:absolute;left:3rem;bottom:4rem;width:3rem;height:5px;background:#fff}
.list_product_nav h3 span {position:absolute;right:0;top:0;display:block;cursor:pointer;width:10rem;height:7.3rem;background:url(../images/down.png) no-repeat center #ddd;background-size:2rem;filter:grayscale(1)}

.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: #da0000;}
.list_product_nav > ul > li.on::before,.list_product_nav > ul > li:hover::before{ background: #da0000;}
.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: #da0000;}
.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:1600px){
    .list_product_nav{ width: 280px;}
}
@media (max-width:1199px){
    .list_product_nav{ width: 100%; margin-bottom: 3rem;}
    .list_product_nav h3{background: #da0000; padding:2rem; }
    .list_product_nav h3::after{display: none;}
    .list_product_nav h3 span.menubtn{ display: block; position: absolute; top: 1.5rem; right: 2rem; width: 4rem; height: 4rem; background:url(../images/menu.png) no-repeat center #fff; cursor: pointer; background-size: 4rem;}
    .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; background: #eee; padding: 1rem; border-radius: 1rem; overflow: hidden;}
ul.list_product_item li:nth-child(3n){ margin-right: 0;}
ul.list_product_item li a{ display: block;}
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{  background: #da0000;}
ul.list_product_item li:hover a{ color: #fff;}
@media (max-width:1600px){
    ul.list_product_item li{  width: calc(33.33% - 1rem); margin-bottom: 1.5rem; margin-right: 1.5rem;}
    .list_product_box{ width: calc(100% - 320px);}
    ul.list_product_item li .txt{ font-size: 1.4rem; font-weight: normal; padding: 1rem;}
}

@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;}
    ul.list_product_item li .img{ padding: 1rem;}
}
/*内页子分类*/
.pagebar{ width: 100%; height: auto; padding: 1rem 0; overflow: hidden; background: #f0f0f0;}
.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: #da0000;}
.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: #da0000; color: #fff;}
@media (max-width:1600px){
    .pagebar .position{ padding: 1rem 0;}
}
@media (max-width:1199px){

}
@media (max-width:767px){
    .pagebar{ padding: 0;}
    .pagebar .submenu{ margin-top: 2rem; margin-bottom: 1rem;}
}
/* 产品详情 */
.show_product_head{ align-items: stretch; background: #f5f5f5; padding: 3rem;}
.show_product_head .txt{ width:calc(50% - 5rem);}
.show_product_head .txt h3{ font-size: 3rem; font-weight: normal; color: #da0000; 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 #da0000}
.show_product_body{ position: relative; padding: 5rem; background: #f5f5f5; margin: 3rem 0;}
.show_product_body img{ max-width: 100%; display: block; margin: 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;}
/*按钮hover效果*/
.show_product_head .txt a.more {display: inline-block;width: auto;height: 5rem;line-height: 5rem;font-size: 1.6rem;padding: 0 2rem;color: #fff;background: #da0000;}
.show_product_head .txt a.more span:last-child {display: inline-block;margin-left: 3rem;width: 1rem;height: 1rem;background: url(../images/arrow-l.png) no-repeat center;}
.btn-ripple {background-color: #da0000;color: #fff;position: relative;overflow: hidden;}
.btn-ripple::after {content: "";position: absolute; top: 50%;left: 50%;width: 0;height: 0;background: rgba(0, 0, 0, 0.2);border-radius: 50%;transform: translate(-50%, -50%);transition: width 0.6s ease, height 0.6s ease; }
.btn-ripple:hover::after {width: 30rem; height: 30rem;}

@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{ width: 100%;}
    .show_product_head .txt h3{ font-size: 2.5rem;}
    .show_product_head .txt p{ font-size: 1.8rem;}
    .show_product_head .lbox{ 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; width: 100%;}
.submenu a{ display: block; width: auto; padding: 1rem 4rem; line-height: 1.5; margin: 0.5rem; font-size: 1.6rem; background: #fff;}
.submenu a.on,.submenu a:hover{ background: #da0000; color: #fff; }
.list_case .list_case_box ul{ justify-content: flex-start;}
.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(218, 0, 0, 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;}
    .list_case .list_case_box ul li{ width: 100%; margin: 0; margin-bottom: 2rem;}
}

/*视频*/
.videolist { position:relative; width:100%; height:100%; margin: auto; background: #000; }
.videolist .img-cover{ padding-bottom: 66.66%;}
.videolist img{ opacity: 0.5;}
.videolist img.videoed{ opacity: 1;}
.videolist span{display:block; position: absolute; top: 50%; left: 50%; width: 8rem; margin-top: 30px; margin-left: -4rem; text-align: center; font-size: 1.6rem;  color: #fff;}
.videolist:hover{ cursor: pointer; }
.videoed { width:50px; height:50px; position: absolute; left:50%; top:50%; margin-left: -25px; margin-top: -25px; z-index:99; border-radius:100%; }
.videos{ display:none; position:absolute; left:0; top:0; z-index:100; width: 100%; height:100%; background: #000;}
.videos video{ height: 100%;}
.vclose{ position:absolute;right:1rem; top:1rem; border-radius:100%; cursor: pointer; }


/*案例详情*/
.show_case_box{width: 100%; height: auto;}
.show_case_head{align-items: stretch;}
.show_case_head .lbox{ width: 50%;}
.show_case_head .rbox{ width: calc(50% - 8rem);}
.show_case_head .rbox h3{ font-size: 3rem; font-weight: normal; padding: 2rem 0;}
.show_case_head .rbox p{ font-size: 1.6rem; line-height: 2;} 
.show_case_head .rbox .video_box{ position: relative; width: 100%; padding-bottom: 66.66%; margin-bottom: 3rem; border-radius: 1rem; overflow: hidden; background: #000;}
.show_case_head .rbox .video{ position: absolute; width: 100%; height: 100%; left: 0; top:0; overflow: hidden;}
.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 #da0000}
.preview .swiper-slide{margin-right:1rem;width:8rem;}
.preview .swiper-slide img{ background: #fff; cursor: pointer;}
.preview .active-nav img{border-color:#da0000}
.view .swiper-button-next{width:3rem;height:6rem; line-height: 6rem; text-align: center; background: #da0000;right:0; color: #fff;}
.view .swiper-button-prev{width:3rem;height:6rem; line-height: 6rem; text-align: center; background: #da0000; left:0; color: #fff;}
@media (max-width:1366px){
    .show_case_head .rbox{ width: calc(50% - 3rem);}
}
@media (max-width:1199px){
    .pc-slide{ padding: 0; background: none;}
}
@media (max-width:767px){
    .show_case_head .lbox,.show_case_head .rbox{ width: 100%; padding: 0; background: #fff;}
}
/*文章列表*/
.list-article-box{ padding: 5rem 0; align-items: flex-start;}
.list-article-box .lbox {width:380px;background:#f5f5f5;border-radius: 1rem; overflow: hidden;}
.list-article-box .lbox h3 {position:relative;font-size:3rem;background:url(../images/navdot.png) no-repeat left bottom #da0000;color:#fff;padding:3rem;padding-bottom:6rem}
.list-article-box .lbox h3::after {content:"";position:absolute;left:3rem;bottom:4rem;width:3rem;height:5px;background:#fff}
.list-article-box .lbox h3 span {position:absolute;right:0;top:0;display:block;cursor:pointer;width:10rem;height:100%;background:url(../images/down.png) no-repeat center #ddd;background-size:2rem;filter:grayscale(1)}
.list-article-box .lbox>ul {padding:3rem 0;border-left:7px solid #cecece}
.list-article-box .lbox>ul>li {position:relative;padding:0 20px}
.list-article-box .lbox>ul>li>a {position:relative;display:block;line-height:6rem;border-bottom:1px solid #ddd;font-size:1.8rem;font-weight:700}
.list-article-box .lbox>ul>li>a:focus {outline:0}
.list-article-box .lbox>ul>li.on>a::before,
.list-article-box .lbox>ul>li:hover>a::before {content:"";position:absolute;left:-27px;top:0;width:7px;height:6rem;background:#da0000}
.list-article-box .lbox>ul>li.on>a,
.list-article-box .lbox>ul>li:hover>a {color:#da0000}
.list-article-box .lbox>ul>li>a>span {display:block;position:absolute;z-index:996;right:0;top:0;width:6rem;height:6rem;background:url(../images/down.png) no-repeat center;background-size:1.6rem;filter:grayscale(100%)}
.list-article-box .lbox>ul>li.on>a>span {background:url(../images/up.png) no-repeat center;background-size:1.6rem;filter:grayscale(1)}
.list-article-box .lbox>ul>li>a:hover {color:#da0000}
.list-article-box .lbox .submenu1 {height:auto;max-height:auto;overflow:hidden;transition:all .5s}
.list-article-box .lbox>ul>li.on .submenu1 {max-height:1000px}
.list-article-box .lbox .submenu1>ul>li {position:relative}
.list-article-box .lbox .submenu1>ul>li>a {display:block;line-height:4rem;font-size:1.6rem;background:#eee;margin:5px 0;padding-left:2rem}
.list-article-box .lbox .submenu1>ul>li>a:hover {color:#da0000}
.list-article-box .lbox .submenu2 {padding:2rem;border-radius:1rem}
.list-article-box .lbox .submenu2 a {display:block;font-size:1.6rem;line-height:4rem;border-bottom:1px dotted #aaa;text-align:center;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.list-article-box .lbox .submenu2 a:hover,.list-article-box .lbox .submenu2 a.on {color:#da0000;overflow:hidden}
.list-article-box .lbox .tj_read{ padding: 2rem;border-left: 7px solid #cecece;}
.list-article-box .lbox .tj_read h6{ position: relative; padding: 3rem 0; font-size: 3rem;}
.list-article-box .lbox .tj_read h6::after{ position: absolute; content: ""; width: 3rem; height: 5px; background: #da0000; bottom: 1rem; left: 0;}
.list-article-box .lbox .tj_read .item{ position: relative; border-bottom: 1px solid #ddd;}
.list-article-box .lbox .tj_read .item::after{ content: ""; position: absolute; z-index: 2; left: 0; bottom: -1px; width: 0; height: 3px; background: #da0000; overflow: hidden; transition: all 0.5s;}
.list-article-box .lbox .tj_read .item a{ display: block; line-height: 1.5; padding: 2rem 0;}
.list-article-box .lbox .tj_read .item:hover::after{width: 100%;}
.list-article-box .cbox{ width:calc(100% - 460px);}
.list-article-box .cbox>ul li{ width: 100%;}
.list-article-box .cbox>ul li a{ position: relative; padding: 3rem; border-radius: 1rem; overflow: hidden; background: #f5f5f5; margin-bottom: 3rem;}
.list-article-box .cbox>ul li .img{ width: 240px; border-radius: 1rem; overflow: hidden;}
.list-article-box .cbox>ul li .txt{ width: calc(100% - 280px);}
.list-article-box .cbox>ul li .txt h3{ font-size: 2rem; line-height: 1.5; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-article-box .cbox>ul li .txt p{ margin: 1.5rem 0; font-size: 1.5rem; line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; color: #666;}
.list-article-box .cbox>ul li span{ transition: all 0.5s; color: #aaa;}
.list-article-box .cbox>ul li span:first-child{ display: block;padding-left: 2.5rem; background: url(../images/date.png) no-repeat left center;}
.list-article-box .cbox>ul li a::after{ content: ""; position: absolute; z-index: 2; left: 0; bottom: 0; width: 0; height: 5px; background: #da0000; transition: all 0.5s;}
.list-article-box .cbox>ul li:hover a::after{ width: 100%;}
.list-article-box .cbox>ul li:hover span.more{ transform: translateX(1rem); color: #da0000;}
.list-article-box .cbox>ul li:hover h3{ color: #da0000;}
@media (max-width:1600px){
    .list-article-box .cbox{ width:calc(100% - 360px);}
    .list-article-box .cbox > ul li .txt h3{  font-size: 1.6rem;}
    .list-article-box .lbox{ min-width: 300px;width: 320px;}
}
@media (max-width:1199px){
    .list-article-box .cbox{ width: 100%;}
    .list-article-box .lbox{ width: 100%; margin-bottom: 3rem;}
    .list-article-box .lbox h3{background: #da0000; padding:2rem; }
    .list-article-box .lbox h3::after{display: none;}
    .list-article-box .lbox h3 span.menubtn{ display: block; position: absolute; top: 1.5rem; right: 2rem; width: 4rem; height: 4rem; background:url(../images/menu.png) no-repeat center #fff; cursor: pointer; background-size: 4rem;}
    .list-article-box .lbox > ul{ display: none;}
}
@media (max-width:767px){
    .list-article-box .lbox>ul>li>a{ font-size: 2rem;}
    .list-article-box .lbox .tj_read{ display: none;}
    .list-article-box .cbox > ul li .img{ width: 100%;}
    .list-article-box .cbox > ul li .txt{ width: 100%; margin-top: 2rem;}
    .list-article-box .cbox > ul li .txt h3{ font-size: 2.2rem; line-height: 1.5; margin-bottom: 2rem;}
    .list-article-box .cbox > ul li .txt p{ display: none;}
    .list-article-box .cbox > ul li span{ font-size: 2rem;}
    .list-article-box .cbox > ul li span:first-child{ padding-left: 3rem;}
    .list-article-box .lbox .submenu2 a{ font-size: 1.8rem;}
}
/*文章详情*/
.article-info{ width: 100%; max-width: 850px; padding: 0 5rem;}
.article-info-tit{ width: 100%;}
.article-info-tit .bar{ justify-content: flex-start;font-size: 1.6rem;}
.article-info-tit .bar span{ margin-right: 5rem; color: #666;}
.article-info-tit .bar span.tag{ padding: 1rem 3rem;  border-radius: 1rem; background: #da0000; 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: #eee; border-radius: 1rem; color: #666; font-size: 1.4rem; line-height: 2;}
.article-info-box{ padding: 5rem 0; text-align: justify; line-height: 1.5;}
.article-info-box img{ display: block; width: 100%;}
.article-info-box p{ margin: 1rem auto; line-height: 1.5; color: #333;}
.article-side{width: 260px; background: #eee; padding: 3rem;}
.article-side .follow{ color: #666; line-height: 1.2;}
.article-side .follow img{ display: block; max-width: 100%; margin: auto;}
.article-side .follow span{ display: block; margin-top: 1rem;}


@media (max-width:1199px){
    .article-side{ display: none;}
    .flwrap-lg{ flex-wrap: wrap;}
    .article-info{ max-width: 100%; padding: 3rem 0;}
}
@media (max-width:767px){
    .list-article-box .lbox{ width: 100%;}
    .article-info-tit .des{ font-size: 1.6rem;}
    .article-info-tit .bar span{ margin-right: 1rem;font-size: 1.6rem;}
    .article-info-tit h3{ font-size: 3rem;}
}
/*关于我们*/
.page_about{ width: 100%; height: auto; padding: 5rem 0; overflow: hidden;}
.page_about img.logo_about{ display: block; margin: 1rem auto; max-width: 100%;}
.page_about .box{  width: 100%; height: auto; align-items: flex-start;}
.page_about .box .img{ width: calc(50% - 5rem);}
.page_about .box .img-cover{ padding-bottom: 62.5%;}
.page_about .box .txt{ width: 50%; font-size: 1.6rem; line-height: 2; margin-bottom: 5rem;}

.page_about .tabbar{ margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.page_about .tabbar p{ padding: 1rem 3rem; width: calc(50% - 1px); font-size: 1.6rem; text-align: left; background: url(../images/arrow-drop-right-line.png) no-repeat 1rem center #f5f5f5; margin: 1px 0;}
.page_about .tabbar p:last-child{ width: 100%;}
.page_about .box img{ max-width: 100%;}
@media (max-width:1600px){
    .page_about .box .txt{ font-size: 1.4rem;}
}
@media (max-width:1199px){
    .page_about .box .img,.page_about .box .txt{ width: 100%; margin: 1rem 0;}
}
@media (max-width: 767px) {

    .right-img {float: none;width: 100%;margin: 0 0 2rem 0;}
    .text-img-wrap p {text-align: left; }
    .page_about{ padding:5rem 0;}
    .page_about .tabbar p{ width: 100%;}
}

/*单页*/
.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 #da0000; background-size: contain;}
.page_service ul li .txt span.service_icon2{ background: url(../images/service_icon2.png) no-repeat center #da0000; background-size: contain;}
.page_service ul li .txt span.service_icon3{ background: url(../images/service_icon3.png) no-repeat center #da0000; 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: #da0000;}
.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;}
}

/*解决方案*/
.list_solution{ width: 100%; margin: 5rem auto;}
.list_solution ul li{ width: calc(50% - 2rem); position: relative; margin-bottom: 4rem; background: #f5f5f5;}
.list_solution ul li::after{ content: ""; position: absolute; width: 0; height: 0.5rem; background: #da0000; left: 0; bottom: 0; transition: all 0.5s;}
.list_solution ul li:hover::after{ width: 100%; align-items: stretch;}
.list_solution ul li .img{ width: 50%; height: 100%;}
.list_solution ul li .txt{ width: 50%; padding: 3rem;}
.list_solution ul li .txt h3{ font-size: 2.5rem; margin-bottom: 1rem;}
.list_solution ul li .txt p a{ display: block; line-height: 2; color: #666; font-size: 1.4rem;}
.list_solution ul li .txt p a:hover{color: #da0000; text-decoration: underline;}
.list_solution ul li:hover h3{ color: #da0000;}

.side_contact{ width: 100%; height: auto; overflow: hidden; margin-top: 3rem; padding: 3rem; background: url(../images/side_bg.jpg) no-repeat center; background-size: cover;}
.side_contact h6{ color: #da0000; margin: 1rem 0; font-size: 3rem;}
.side_contact a{ display: block; float: right; width: 50%; min-width: 15rem; margin-top: 3rem; line-height: 5rem; text-align: center; color: #fff; background: #da0000; border-radius: 1rem;}
.solution-info{ width: calc(100% - 460px); border-radius: 1rem; overflow: hidden; background: #f5f5f5; padding: 5rem;}
.solution-info-tit h3{ font-size: 3rem; line-height: 1.5;}
.solution-info-tit{ margin-bottom: 3rem; border-bottom: 1px solid #ddd; padding-bottom: 1.5rem;}
.solution-info-box{ text-align: justify; line-height:2;}
.solution-info-box img{ width: 100%; display: block; margin: 0.5rem auto;}
.solution-info-box video{ display: block; width: 100%; margin:1rem auto;}

.iframe_box>p {width: 100%; position: relative;padding-top: 60%;height: 0;}
.iframe_box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}
@media (max-width:1600px){
    .solution-info{ width: calc(100% - 360px); padding: 3rem;}
}
@media (max-width:1199px){
    .list_solution ul li .img{ width: 100%;}
    .list_solution ul li .txt{ width: 100%;}
    .solution-info-tit h3{ font-size: 2.5rem;}
    .side_contact h6{ font-size: 6rem;}
    .solution-info{ width: 100%;}
}
@media (max-width:767px){
    
    .side_contact h6{ font-size: 4rem;}
    .solution-info{ padding: 0;background: none;}
    .list_solution ul li{ width: 100%; margin-bottom: 2rem;}
    .list_solution ul li .txt p a{ font-size: 1.8rem;}
}
/*社会责任*/
.duty{ padding: 3rem 0 }
.duty h3{ font-size: 3rem; font-weight: normal; color: #da0000; line-height: 1.2;}
.duty p{ font-size: 1.6rem; line-height: 1.5; margin: 2rem 0;}
.list_duty{ margin-bottom: 5rem;}
.list_duty_box{ width: 100%; height: auto; }
.list_duty_box ul{ justify-content: flex-start; align-items: stretch; }
.list_duty_box ul li{ position: relative; width: calc(33.33% - 2rem);margin-bottom: 3rem; margin-right: 3rem; background: #eee;}
.list_duty_box ul li:nth-child(3n){ margin-right: 0 }
.list_duty_box ul li a{ display: block; width: 100%; position: relative; }
.list_duty_box ul li::after{ content: ""; position: absolute; width: 0; height: 0.3rem; background: #da0000; bottom: 0; left: 0; transition: all 0.5s;}
.list_duty_box ul li:hover::after{ width: 100%;}
.list_duty_box ul li .img-cover{ padding-bottom: 50%; overflow: hidden;}
.list_duty_box ul li img{ transition: all 0.5s;}
.list_duty_box ul li:hover img{ transform: scale(1.05);}
.list_duty_box ul li .txt{ padding: 1.5rem; text-align: center; }
.list_duty_box ul li div.date{ position: absolute; z-index: 1; top: 0; left: 0; background: rgba(0,0,0,0.5); color: #fff; font-size: 2rem; padding: 1rem 3rem; }
.list_duty_box ul li:hover div.date{ background: rgba(218, 0, 0, 0.9);}
@media (max-width:1600px){
.list_duty_box ul li div.date{ font-size: 1.4rem;}
}


@media (max-width:767px){
  .list_duty_box ul li{ width: 100%; margin-right: 0; }
}

/*图片列表*/
.list_img{ margin-bottom: 5rem;}
.list_img_box{ width: calc(100% + 30px); height: auto; overflow:hidden; margin:3rem 0;}
.list_img_box ul{ -webkit-justify-content: flex-start; justify-content: flex-start; align-items: stretch; }
.list_img_box ul li{ width:25%; padding:1.5rem;}
.list_img_box a{display:block; width: 100%; height: 100%; background: #eee; border:1rem solid #eee; border-radius: 1rem;}

.list_img_box .img{overflow:hidden; padding: 3rem; background: #fff;}
.list_img_box a{transition:all .5s}
.list_img_box a:hover{ box-shadow: 0 0 3rem rgba(0, 0, 0, 0.3);}
.list_img_box .txt{ background: #eee; text-align:center;line-height:1.5; padding:2rem 1rem 1rem;}
.list_partiner ul li{ width: 16.666% }
.list_partiner ul li a{display:block; width: 100%; height: 100%; background: #fff; border:1px solid #ddd; border-radius: 0;}
.list_partiner ul li a:hover{ box-shadow:none; border-color: #da0000;}
.list_partiner ul li .img-contain{ padding-bottom: 50%; }
@media (max-width:1199px){
  .list_img_box,.list_img_box.list_partiner{ width: calc(100% + 2px);}
  .list_img_box.list_partiner ul li{ width: 25%; padding:1px; }
  .list_img_box ul li{ padding:1px; }
}
@media (max-width:767px){
  .list_img_box ul li{ width: 50%}
  .list_img_box.list_partiner ul li{ width: 33.33%; padding:1px; }
}

/*联系我们*/
.page_contact{ width: 100%; padding: 5rem 0;}
.page_contact_box1 h1{ font-size: 3.5rem; margin-top: 3rem; font-weight: normal;}
.page_contact_box1 .box{ align-items: flex-start; margin: 3rem 0;}
.page_contact_box1 .box .txt{ width: 50%;}
.page_contact_box1 .box .txt_box{ padding-left: 20%;}
.page_contact_box1 .box .txt p{ font-size: 2rem; line-height: 2;}
.page_contact_box1 .txt ul li{ width: calc(33.33% - 1rem); margin-bottom: 1.5rem; border: 1px solid #ddd; border-radius: 1rem; text-align: center; line-height: 1.5; padding: 1rem; min-height: 10rem; flex-direction: column; justify-content: center;}
.page_contact_box1 .txt ul li span{ font-size: 3rem;}
.page_contact_box1 .txt ul li small{ font-size: 1.4rem;}
.page_contact_box1 .txt ul li.col2{ width: calc(50% - 0.75rem);}
.page_contact_box1 .txt ul li.col1{ width: 100%; padding:3rem; flex-direction: row;}
.page_contact_box1 .txt ul li.col1 b{ font-size: 5rem; color: #da0000;}
.page_contact_box1 .box .img{ width: 36%; margin-bottom: 1.5rem; border-radius: 1rem; overflow: hidden;}
@media (max-width:1366px){
    .page_contact_box1 .txt ul li span{ font-size: 2rem;}
    
}
@media (max-width:1199px){
    .page_contact_box1 .box .txt{ width: 100%;}
    .page_contact_box1 .box .img{ display: none;}
}
@media (max-width:767px){
    .page_contact_box1 .txt ul li span{ font-size: 4rem;}
    .page_contact_box1 .txt ul li small{ font-size: 1.8rem;}
    .page_contact_box1 .txt ul li p{ font-size: 2rem;}
    .page_contact_box1 .txt ul li,.page_contact_box1 .txt ul li.col2{ width: 100%;}
    .page_contact_box1 .txt ul li.col1{ flex-direction: column;}
    .page_contact_box1 .txt ul li.col1 span{ font-size: 3rem;}
    .page_contact_box1 .box .img{ display: block; width: 100%;}
}
/*留言*/
.page-contact-msg{padding:5rem;background:#f2f2f2;margin-bottom:5rem;border-radius: 1rem;}
.page-contact-msg h3{width:100%;line-height:1.5;padding-bottom:3rem;text-align:center;font-size:2rem}
.formbox{width:100%;-webkit-flex-direction:column;flex-direction:column}
.formbox .itext{width:100%;margin-bottom:3rem}
.formbox .itext input{width:calc(33.33% - 2rem);border:2px solid #ddd;line-height:2;font-size:1.6rem;padding:1rem;color:#333}
.formbox .itext input::placeholder,.formbox textarea::placeholder{color:#aaa}
.formbox .itext input:focus,.formbox textarea:focus{border-color:#da0000}
.formbox textarea{width:100%;height:14rem;margin-bottom:3rem;border:2px solid #ddd;line-height:2;font-size:1.6rem;padding:1rem;color:#333}
.formbox input.btn{width:auto;padding:1rem 6rem;font-size:1.6rem;line-height:2;background:#da0000;opacity:.7;color:#fff}
.formbox input.btn:hover{opacity:1}

@media (max-width:1199px){
}
@media (max-width:767px){
  .page-contact-msg{padding:3rem}
  .formbox .itext{margin-bottom:0}
  .formbox .itext input,.formbox textarea{width:100%;margin-bottom:1rem}
  .formbox input.btn{width:100%;border-radius:0}
  .page-contact-msg h3{ font-size: 16px; }
}

/**/
.list_about ul li .img-cover{ padding-bottom: 65%;}
.list_about .list_case_box ul li img{ transform: scale(1);}
.list_about .list_case_box ul li:hover img{ transform: scale(1.05);}

.list-article-box .solution-info iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.video_box{position: relative; width: 100%; height: 0; padding-top: 56.25%; margin-bottom: 1rem;}