.service3.bgcolor{background:#ffffff;}
.service3.bgpic{background:url('../../upload/photo/202406/191707303.jpg') no-repeat; background-size:cover; background-position:center}
.service3{padding:50px 0px; width:100%; text-align:center; overflow:hidden}
.service3 .title-box h2{font-size:32px; font-weight:bold; color:#d01817; margin:0}
.service3 .title-box b{text-align:center; padding:10px 0; display:block; position:relative; overflow:hidden}
.service3 .title-box b:before,.service3 .title-box b:after{width:200px; height:1px; background:#bbb; position:absolute; content:''; right:50%; margin-right:20px; bottom:50%}
.service3 .title-box b:after{left:50%; margin:0 0 0 20px}
.service3 .title-box b i{font-size:18px; color:#d01817
}
.service3 .title-box p{margin:0 0 20px 0; font-size:16px; color:#999999; color:#4a4a4a}
@media(max-width:767px){
.service3 .title-box h2{font-size:26px}
.service3 .title-box b:before,.service3 .title-box b:after{width:150px}
.service3 .title-box p{font-size:14px}
}
.service3 .index-service-list li h3{color:#000000;}
.service3 .index-service-list li p{color:#999999; color:#4a4a4a}
.service3 .index-service-list li i{color:#999999; color:#4a4a4a}
.service3 .image-box{margin:0 -7.5px; text-align:left}
.service3 .image-box:after{display:block; content:''; clear:both}
.service3 .image-box>div{float:left; padding:7.5px}
.service3 .image-box>div>span{display:block; width:100%; height:100%; background:#fff no-repeat bottom right}
.service3 .image-box>div>span>font{display:block}
.service3 .image-box>div>span>font>b{font-size:24px; display:block; font-weight:normal; margin-bottom:20px; color:#000000;}
.service3 .image-box>div>span>font>p{color:#999999; color:#4a4a4a}
.service3 .image-box>div>span>font>a{font-size:16px;}
.service3 .image-box>div.image-0{width:38%; height:550px}
.service3 .image-box>div.image-0>span{position:relative; background-size:cover}
.service3 .image-box>div.image-0>span>font{padding:50px 35px; position:absolute; bottom:0; left:0; right:0}
.service3 .image-box>div.image-0>span>font>b,.service3 .image-box>div.image-0>span>font>p,.service3 .image-box>div.image-0>span>font>a{color:#fff}
.service3 .image-box>div.image-1{width:62%; height:250px}
.service3 .image-box>div.image-1>span{padding:30px}
.service3 .image-box>div.image-1>span>font{width:56%}
.service3 .image-box>div.image-2,.service3 .image-box>div.image-3{width:31%; height:300px}
.service3 .image-box>div.image-2>span,.service3 .image-box>div.image-3>span{padding:30px}
.service3 .image-box>div.image-2>span>font,.service3 .image-box>div.image-3>span>font{width:66%}
.service3 .image-box>div>span>a:hover{color:#d01817
}
@media(max-width:992px){
.service3 .image-box>div.image-0{width:100%; height:auto}
.service3 .image-box>div.image-0>span>font{position:static}
.service3 .image-box>div.image-1{width:100%; height:250px}
.service3 .image-box>div.image-2,.service3 .image-box>div.image-3{width:50%; height:300px}
}
@media(max-width:767px){
.service3 .image-box>div>span>font>b{margin-bottom:10px}
.service3 .image-box>div.image-0>span>font{padding:25px 15px}
.service3 .image-box>div.image-1>span,.service3 .image-box>div.image-2>span,.service3 .image-box>div.image-3>span{padding:15px}
}
@media(max-width:480px){
.service3 .image-box>div.image-1{height:auto}
.service3 .image-box>div.image-1>span{background-size:60% auto}
.service3 .image-box>div.image-1>span>font{width:100%; padding-bottom:40px}
.service3 .image-box>div.image-2,.service3 .image-box>div.image-3{width:100%; height:auto}
}
.service3 .news-bg{margin-top:40px}
.service3 .news-bg img{display:block; width:100%}
.service3 .news-bg a{display:block}
@media(max-width:767px){
.service3 .news-bg{display:none}
}
.service1{padding:40px 0 0 0; background:#f2f2f2}
.service1.bgok{background-image:url('')}
.service1 .title-box{text-align:center}
.service1 .title-box h2{font-size:32px; font-weight:bold; color:#d01817; margin:0}
.service1 .title-box b{text-align:center; padding:10px 0; display:block; position:relative; overflow:hidden}
.service1 .title-box b:before,.service1 .title-box b:after{width:200px; height:1px; background:#bbb; position:absolute; content:''; right:50%; margin-right:20px; bottom:50%}
.service1 .title-box b:after{left:50%; margin:0 0 0 20px}
.service1 .title-box b i{font-size:18px; color:#d01817
}
.service1 .title-box p{margin:0 0 20px 0; font-size:16px; color:#999999; color:#626262}
@media(max-width:767px){
.service1 .title-box h2{font-size:26px}
.service1 .title-box b:before,.service1 .title-box b:after{width:150px}
.service1 .title-box p{font-size:14px}
}
.service1 .about-column{background:#d01817; background:#d01817; padding:20px}
.service1 .about-column:after{display:block; content:''; clear:both}
.service1 .about-left{float:left; width:70%}
.service1 .about-left b{display:block; color:#fff; font-size:20px}
.service1 .about-left b i{margin:0 6px 0 0; position:relative; top:2px}
.service1 .about-left p{margin:15px 0 0 0}
.service1 .about-left p a{display:block; float:left; color:#fff; width:16.6666%; padding:3px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.service1 .about-left p a:before{width:10px; height:10px; border:2px solid #fff; border-radius:50%; display:inline-block; content:''; opacity:.8; margin:2px 6px 0 0}
.service1 .about-right{float:right; width:30%; padding:30px 0 0 0}
.service1 .about-right img{display:block; margin:0 auto; max-width:100%}

.service1 .about-swiper{padding:50px 0 30px 0; margin:0 -20px; position:relative; overflow:hidden;}
.service1 .about-wrapper{width:10000%;}
.service1 .about-wrapper:after{display:block; content:''; clear:both;}
.service1 .about-slide{padding:0 20px; width:0.33333%; float:left;}
.service1 .about-slide a{display:block}
.service1 .about-slide a img{display:block; width:100%}
.service1 .about-slide a span{display:block; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; padding:15px; color:#000000}

.service1 .about-swiper .slick-prev,
.service1 .about-swiper .slick-next{width:50px; height:50px; background:#d5d5d5; position:absolute; cursor:pointer; z-index:88; top:50%; border-radius:50%; transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; margin-top:-18px; opacity:0}
.service1 .about-swiper .slick-prev{left:0;}
.service1 .about-swiper .slick-next{right:0;}
.service1 .about-swiper:hover .slick-prev,
.service1 .about-swiper:hover .slick-next{opacity:1}
.service1 .about-swiper .slick-prev:hover,.service1 .about-swiper .slick-next:hover{background:#d01817;}
.service1 .about-swiper .slick-prev:before{width:20px; height:20px; position:absolute; top:50%; left:50%; content:''; border-width:2px 0 0 2px; border-color:#d01817; border-style:solid; display:block; margin:-10px 0 0 -10px; transform:rotate(-45deg) translate(4px,4px); -moz-transform:rotate(-45deg) translate(4px,4px); -webkit-transform:rotate(-45deg) translate(4px,4px); transition:.3s; -moz-transition:.3s; -webkit-transition:.3s}
.service1 .about-swiper .slick-next:before{width:20px; height:20px; position:absolute; top:50%; left:50%; content:''; border-width:2px 2px 0 0; border-color:#d01817; border-style:solid; display:block; margin:-10px 0 0 -10px; transform:rotate(45deg) translate(-4px,4px); -moz-transform:rotate(45deg) translate(-4px,4px); -webkit-transform:rotate(45deg) translate(-4px,4px); transition:.3s; -moz-transition:.3s; -webkit-transition:.3s}
.service1 .about-swiper .slick-prev:hover:before,.service1 .about-swiper .slick-next:hover:before{border-color:#ffffff}

@media(max-width:1600px){
.service1 .about-left{width:65%}
.service1 .about-left p a{width:20%}
.service1 .about-right{width:35%}
}
@media(max-width:1200px){
.service1 .about-left{width:60%}
.service1 .about-left p a{width:25%}
.service1 .about-right{width:40%}
.service1 .about-swiper{padding:40px 0 20px 0; margin:0 -15px}
.service1 .about-slide{padding:0 15px}
}
@media(max-width:992px){
.service1 .about-left{width:65%}
.service1 .about-left p a{width:33.333%}
.service1 .about-right{width:35%}
.service1 .about-swiper{padding:40px 0 20px 0; margin:0 -10px}
.service1 .about-slide{padding:0 10px}
}
@media(max-width:767px){
.service1 .about-box .container{padding:0;}
.service1 .about-swiper{padding:10px 0}
.service1 .about-swiper .slick-prev,
.service1 .about-swiper .slick-next{display:none !important}
.service1 .about-slide a span{font-size:14px; padding:10px}
}
@media(max-width:480px){
.service1 .about-left,
.service1 .about-right{float:none; width:100%}
.service1 .about-right{padding:0 0 10px 0}
.service1 .about-swiper{padding:20px 0; margin:0}
.service1 .about-slide{padding:0 15px; width:1%;}
}


.service2{padding:40px 0; background:#ffffff}
.service2.bgok{background-image:url('')}
.service2 .title-box{text-align:center}
.service2 .title-box h2{font-size:32px; font-weight:bold; color:#d01817; margin:0}
.service2 .title-box b{text-align:center; padding:10px 0; color:#333333; display:block; position:relative; overflow:hidden}
.service2 .title-box b:before,.service2 .title-box b:after{width:200px; height:1px; background:#bbb; position:absolute; content:''; right:50%; margin-right:20px; bottom:50%}
.service2 .title-box b:after{left:50%; margin:0 0 0 20px}
.service2 .title-box b i{font-size:18px; color:#d01817
}
.service2 .title-box p{margin:0 0 20px 0; font-size:16px; color:#999999; color:#555555}
@media(max-width:767px){
.service2 .title-box h2{font-size:26px}
.service2 .title-box b:before,.service2 .title-box b:after{width:150px}
.service2 .title-box p{font-size:14px}
}
.service2 .face-list{overflow:hidden;}
.service2 .face-list ul{width:10000%; margin:0; list-style:none; padding:0}
.service2 .face-list ul:after{display:block; content:''; clear:both}
.service2 .face-list ul li{width:0.333333%; float:left; list-style:none; padding:0; margin:0}
.service2 .face-list ul li span{display:block; overflow:hidden; background-position:center; position:relative; background-size:cover; text-align:center; padding:50px}
.service2 .face-list ul li span:before{background-color:#d01817; position:absolute; content:''; z-index:1; left:0; top:0; right:0; bottom:0; opacity:0}
.service2 .face-list ul li.active span:before{opacity:.65}
.service2 .face-list ul li span img{margin:0 auto; display:block; max-height:84px; position:relative; z-index:2}
.service2 .face-list ul li span b{display:block; font-size:26px; color:#ffffff; position:relative; z-index:2}
.service2 .face-list ul li span b:before{width:30px; height:2px; background:#ffffff; content:''; display:block; margin:30px auto}
.service2 .face-list ul li span p{margin:30px auto; position:relative; z-index:2; color:#ffffff; font-size:18px; line-height:30px; height:90px}
.service2 .img-box{width:100%; position:relative}
.service2 .img-box:after{display:block; content:''; clear:both}
.service2 .img-left{float:left; width:35%}
.service2 .img-left img{display:block; max-width:100%}

.service2 .img-right{width:65%; position:absolute; bottom:0; right:0; padding:10px 70px; overflow:hidden}
.service2 .img-right .slick-prev,
.service2 .img-right .slick-next{width:50px; height:50px; border-radius:50%; bottom:120px; background:#fafafa; cursor:pointer; transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; position:absolute; z-index:88;}
.service2 .img-right .slick-prev{left:0}
.service2 .img-right .slick-next{right:0}
.service2 .img-right .slick-prev:before{width:20px; height:20px; position:absolute; top:50%; left:50%; content:''; border-width:2px 0 0 2px; border-color:#d01817; border-style:solid; display:block; margin:-10px 0 0 -10px; transform:rotate(-45deg) translate(4px,4px); -moz-transform:rotate(-45deg) translate(4px,4px); -webkit-transform:rotate(-45deg) translate(4px,4px); transition:.3s; -moz-transition:.3s; -webkit-transition:.3s}
.service2 .img-right .slick-next:before{width:20px; height:20px; position:absolute; top:50%; left:50%; content:''; border-width:2px 2px 0 0; border-color:#d01817; border-style:solid; display:block; margin:-10px 0 0 -10px; transform:rotate(45deg) translate(-4px,4px); -moz-transform:rotate(45deg) translate(-4px,4px); -webkit-transform:rotate(45deg) translate(-4px,4px); transition:.3s; -moz-transition:.3s; -webkit-transition:.3s}

.service2 .img-swiper{margin:0 -10px; overflow:hidden;}
.service2 .img-wrapper{width:10000%;}
.service2 .img-wrapper:after{display:block; content:''; clear:both}
.service2 .img-slide{padding:0 10px; width:0.25%; float:left;}
.service2 .img-slide a{display:block}
.service2 .img-slide a img{display:block; width:100%; min-height:100px;}
.service2 .img-slide a span{display:block; text-align:center; white-space:nowrap; overflow:hidden; font-size:16px; padding:10px; color:#000000; text-overflow:ellipsis}
@media(max-width:1600px){
.service2 .face-list ul li span{padding:50px 40px}
.service2 .face-list ul li span b{font-size:23px}
.service2 .face-list ul li span p{font-size:17px}
}
@media(max-width:1200px){
.service2 .face-list ul li span{padding:50px 30px}
.service2 .face-list ul li span b{font-size:22px}
.service2 .face-list ul li span p{font-size:16px; line-height:25px; height:75px}
.service2 .img-slide a span{font-size:14px}
}
@media(max-width:992px){
.service2 .img-left{display:none}
.service2 .img-right{float:none; width:100%; position:static}
.service2 .face-list ul{margin:0 -5px}
.service2 .face-list ul li{padding:0 5px}
.service2 .face-list ul li span{padding:30px 15px}
.service2 .face-list ul li span img{margin:25px auto 10px auto; height:75px}
.service2 .face-list ul li span b{font-size:18px}
.service2 .face-list ul li span p{font-size:15px}
}
@media(max-width:767px){
.service2 .face-box .container{padding:0;}
.service2 .face-title span{font-size:24px}
.service2 .img-slide{width:0.5%;}
.service2 .img-right .slick-prev,
.service2 .img-right .slick-next{bottom:100px;}
.service2 .face-list{margin:0 10px} 
.service2 .face-list ul{margin:0;}
.service2 .face-list ul li{width:1%;}
}

.news_list{background-color:#fafafa; padding:30px 0px}
@media (max-width:991px){
.news_list{padding:15px 0px}
}
@media (max-width:767px){
.news_list{padding:10px 0px}
.news_list .container{padding:0;}
}
.news_list .title-box{text-align:center}
.news_list .title-box h2{font-size:32px; font-weight:bold; color:#d01817; margin:0}
.news_list .title-box b{text-align:center; padding:10px 0; display:block; position:relative; overflow:hidden}
.news_list .title-box b:before,.news_list .title-box b:after{width:200px; height:1px; background:#bbb; position:absolute; content:''; right:50%; margin-right:20px; bottom:50%}
.news_list .title-box b:after{left:50%; margin:0 0 0 20px}
.news_list .title-box b i{font-size:18px; color:#d01817
}
.news_list .title-box p{margin:0 0 20px 0; font-size:16px; color:#999999;}
@media(max-width:767px){
.news_list .title-box h2{font-size:26px}
.news_list .title-box b:before,.news_list .title-box b:after{width:150px}
.news_list .title-box p{font-size:14px}
}
.news_list .news-cut{float:left; width:50%; padding:15px}
.news_list .news-box:after{display:block; content:''; clear:both}
.news_list .news-list{border:1px solid #dddddd; background:#fff}
.news_list .news-list:after{display:block; content:''; clear:both}
.news_list .news-title{line-height:55px; border-bottom:1px solid #dddddd}
.news_list .news-title:after{display:block; content:''; clear:both}
.news_list .news-title i{background:#d01817; color:#fff; float:left; font-size:24px; width:75px; height:55px; line-height:55px; text-align:center}
.news_list .news-title b{float:left; padding:0 15px; font-weight:normal; font-size:20px; color:#000000}
.news_list .news-title a{float:right; padding:0 15px; line-height:25px; margin:15px 0; border-left:1px solid #dddddd; color:#000000}
.news_list .news-title a:hover{color:#d01817}
.news_list .news-text{padding:30px 30px 20px 30px}
.news_list .news-first{padding-bottom:10px}
.news_list .news-first:after{display:block; content:''; clear:both}
.news_list .news-first>a{float:left}
.news_list .news-first>a>img{display:block; width:225px}
.news_list .news-first span{display:block; margin-left:250px}
.news_list .news-first span i{display:block; font-weight:bold; font-family:"Times New Roman",Times,serif; line-height:1; font-style:normal; color:#d01817; font-size:36px}
.news_list .news-first span a{display:block; margin:5px 0; font-size:16px; color:#000000}
.news_list .news-first span p{margin:0; color:#999999}
.news_list .news-li{border-bottom:1px dashed #dddddd; line-height:35px}
.news_list .news-li:last-child{border:none}
.news_list .news-li:after{display:block; content:''; clear:both}
.news_list .news-li:before{width:5px; height:5px; border-radius:5px; background:#666; float:left; margin:15px 10px 0 0; content:''}
.news_list .news-li a{float:left; color:#000000}
.news_list .news-li a:hover{color:#d01817
}
.news_list .news-li i{float:right; font-style:normal}
@media(max-width:992px){
.news_list .news-cut{width:100%}
}
@media(max-width:767px){
.news_list .news-text{padding:15px 15px 10px 15px}
.news_list .news-cut{padding:10px}
}
@media(max-width:480px){
.news_list .news-first>a>img{width:125px}
.news_list .news-first span{margin-left:0}
.news_list .news-first span i{font-size:26px; margin-left:140px}
.news_list .news-first span a{font-size:15px; margin-left:140px; line-height:1.35; height:40px}
}