﻿.head_box .head_img {height: auto;}
.head_img img{height: 20rem;width: 100%;margin-bottom: 5rem;}


.serve {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;}
.serve .service_coverage {width:33%;padding:2rem 1.5rem 4rem;margin-bottom:2rem;background: #FFFFFF;box-shadow: 0 8px 26px 1px rgba(35, 35, 35, 0.11);}
.serve .service_coverage .serve_icon{margin:0 auto 2.33rem;border-radius:50%;text-align:center;width:4.33rem;height: 4.33rem;position:relative;background: #CC131C;box-sizing: border-box;}
.serve .service_coverage:first-child .serve_icon img{height: 40%}
.serve .service_coverage .serve_icon img {height: 50%;position:absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
.serve .service_coverage .serve_icon .serve_icon_on{display: none;}
.serve .service_coverage .serve_icon .serve_icon_off{display: block;}
.serve .service_coverage .serve_title{text-align:center;font-size: .9rem;font-family: Microsoft YaHei;font-weight: bold;color: #CC131C;}
.serve .service_coverage .serve_title_two{text-align:center;font-size: .7rem;font-family: Adobe Heiti Std;font-weight: normal;color: #4C3E31;margin-bottom: 2.2rem;}
.serve .service_coverage .serve_line{width: 1.9rem;height: 0.16rem;background: #CC131C;margin: .7rem auto 1rem;}
.serve .service_coverage .serve_point{margin-left: 5rem;line-height: 2rem;display: flex;}
.serve .service_coverage .serve_point .serve_text{color: #666;font-size: .7rem;margin-left: .5rem;}
.serve .service_coverage .serve_point .point{margin: auto 0;margin-top: 14px;width: 5px;height: 5px;background: #CCCCCC;border-radius: 50%;}
.serve .service_coverage:hover,
.serve .service_coverage:hover .serve_title,
.serve .service_coverage:hover .serve_title_two{background: #CC131C;color: #fff;}
.serve .service_coverage:hover .serve_point .serve_text {color:#FFDDDF;}
.serve .service_coverage:hover .serve_point .point {background:#fff;}
.serve .service_coverage:hover .serve_icon {background: #fff;}
.serve .service_coverage:hover .serve_icon .serve_icon_on{display: block;}
.serve .service_coverage:hover .serve_icon .serve_icon_off{display: none;}

.serve_poster {width: 100%;margin-bottom: 6.29rem;}
.serve_poster img{width: 100%;}
#partners {padding: 0 0 5.87rem;}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .serve .service_coverage .serve_point{margin-left: 20%;}
}
@media screen and (min-width: 768px) and (max-width: 1060px) {
    .serve .service_coverage .serve_point{margin-left: 10%;}
}