.dpflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -o-flex
}

.clearfix {
    *zoom: 1
}

.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.user-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fl {
    float: left
}

.fr {
    float: right
}

.none {
    display: none
}

.text_center {
    text-align: center
}

.iconfont {
    font-size: 26px
}

.color_blue {
    background-color: #e6241b !important
}

.backgroud-while {
    background-color: #fff !important
}

.background-zs {
    background-color: #e6241b !important
}

#main {
    visibility: visible;
    max-width: 640px;
    margin: 0 auto;
    color: #666;
    font-size: 14px;
    line-height: 22px;
    -webkit-transition: all .5s;
    transition: all .5s
}

h2.pubh2 {
    text-align: center;
    font-size: .4rem;
    line-height: 34px;
    margin-bottom: 5px;
    color: #333
}

h2.pubh2_2 {
    text-align: center;
    font-size: .4rem;
    line-height: 34px;
    margin-bottom: .6rem;
    color: #333
}

h3.pubh3 {
    text-align: center;
    font-size: .4rem;
    line-height: .6rem;
    margin-bottom: .4rem;
    color: #999;
    font-weight: 100
}

.link_solid {
    margin: 0 auto 15px;
    height: 2px;
    width: 20px;
    background-color: #999
}

header {
    padding: 0 20px;
    *zoom: 1
}

header:before, header:after {
    display: table;
    line-height: 0;
    content: ""
}

header:after {
    clear: both
}

header .head {
    overflow: hidden;
    padding: .35rem 0 .2rem
}

header .head-top-left {
    float: left
}

header .head-top-left h1 {
    float: left;
    width: 1rem;
    margin-right: 15px
}

header .head-top-left h1 img {
    width: 100%
}

header .head-top-left .head-top-cnt {
    float: left
}

header .head-top-left .head-top-cnt h3 {
    color: #333;
    font-size: .32rem;
    margin: 2px 0 .12rem
}

header .head-top-left .head-top-cnt p {
    color: #e6241b;
    font-size: .22rem
}

header #menu {
    width: .6rem;
    font-size: 20px;
    float: right;
    margin-top: .3rem
}

header #menu i {
    margin-top: .1rem;
    font-size: .6rem;
    color: #666
}

.sidebar {
    position: fixed;
    right: -100%;
    width: 66%;
    top: 0;
    z-index: 100;
    height: 100%;
    background-color: #fff;
    -webkit-transition: all .6s;
    transition: all .6s
}

.sidebar .top-box {
    line-height: 60px;
    background-color: #333;
    *zoom: 1
}

.sidebar .top-box:before, .sidebar .top-box:after {
    display: table;
    line-height: 0;
    content: ""
}

.sidebar .top-box:after {
    clear: both
}

.sidebar .close {
    display: inline-block;
    width: 23px;
    height: 23px;
    line-height: 23px;
    margin-right: 6.8%;
    margin-top: 2px;
    cursor: pointer
}

.sidebar .close i {
    font-size: .35rem;
    vertical-align: top;
    color: #fff
}

.sidebar .idx_back {
    display: inline-block;
    font-size: 16px;
    margin-left: 8.2%
}

.sidebar .idx_back a {
    color: #acacac
}

.sidebar ul {
    width: 100%
}

.sidebar ul li {
    line-height: 50px;
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
    overflow: hidden
}

.sidebar ul li p {
    padding: 0 0 0 8.2%;
    height: .8rem;
    line-height: .8rem;
    overflow: hidden
}

.sidebar ul li p a {
    display: block;
    float: left
}

.sidebar ul li dl {
    display: none;
    width: 100%
}

.sidebar ul li dl dd {
    padding: 0 7.8% 0 10%;
    border-top: 1px solid #f2f2f2
}

.sidebar ul li dl dd a {
    display: block;
    border-left: 1px solid #f2f2f2;
    padding-left: 15px;
    font-size: .22rem
}

.sidebar ul li a {
    display: inline-block;
    font-size: .25rem
}

.sidebar ul li span {
    float: right;
    display: block;
    width: 22%;
    text-align: center
}

.sidebar ul li span i {
    vertical-align: text-top;
    font-size: .35rem;
    color: #666
}

.sidebar ul li:last-child {
    border-bottom: none
}

.exit-off-canvas {
    position: fixed;
    top: 0;
    left: -100%;
    display: block;
    width: 44%;
    height: 100%;
    z-index: 99;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

body.open {
    overflow: hidden
}

body.open .sidebar {
    right: 0
}

body.open .exit-off-canvas {
    left: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 16px
}

.banner-container {
    width: 100%
}

.banner-container img {
    width: 100%;
    display: block
}

.banner-container .swiper-pagination-bullet {
    opacity: 1;
    width: .5rem;
    height: 2px;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.4)
}

.banner-container .swiper-pagination-bullet-active {
    background: #e6241b;
    border-radius: 0
}

h2.pubh2 {
    text-align: center;
    font-size: .4rem;
    line-height: 24px;
    letter-spacing: 2px;
    margin-bottom: .2rem;
    color: #333
}

h2.pubh2 img {
    margin: 0 .2rem;
    vertical-align: 3px
}

h2.pubh2_2 {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    font-size: 30px;
    margin-bottom: 40px;
    color: #333
}

h3.pub_h3 {
    text-align: center;
    margin-bottom: .4rem;
    font-size: .26rem;
    font-weight: 200;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 4px
}

a.pub-more {
    width: 2rem;
    display: block;
    text-align: center;
    height: .6rem;
    background: #e6241b;
    margin: .2rem auto;
    line-height: .6rem;
    color: #fff
}

.idx-ser {
    padding: .8rem .2rem .3rem;
    text-align: center;
    position: relative
}

.idx-ser .idx-ser-container {
    padding-bottom: .8rem
}

.idx-ser .idx-ser-container .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0;
    opacity: 1;
    background: #666
}

.idx-ser .idx-ser-container .swiper-pagination-bullet-active {
    background: #e6241b
}

.idx-ser .swiper-slide {
    position: relative;

}
.idx-ser .swiper-slide a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);

}
.idx-ser .swiper-slide a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.idx-ser .swiper-slide img {
    width: 100%;
    display:block;
}

.idx-ser .swiper-slide p {
    position: absolute;
    bottom: .6rem;
    left: 0;
    width: 100%;
    z-index: 2;
    color: #fff;
    font-size: .3rem
}

.idx-ser .swiper-slide p:before {
    content: '';
    position: absolute;
    width: .5rem;
    height: 2px;
    left: 50%;
    margin-left: -0.25rem;
    bottom: -0.15rem;
    background: #fff
}

.idx-advantage {
    background: url(/Public/Mobile/default/img/index/idx_advan.jpg) center no-repeat;
    background-size: cover;
    padding: .8rem .2rem .5rem
}

.idx-advantage-cnt ul {
    *zoom: 1
}

.idx-advantage-cnt ul:before, .idx-advantage-cnt ul:after {
    display: table;
    line-height: 0;
    content: ""
}

.idx-advantage-cnt ul:after {
    clear: both
}

.idx-advantage-cnt ul li {
    float: left;
    width: 1.88rem;
    height: 1.88rem;
    text-align: center;
    background: #fff;
    margin-right: 3%;
    border: 1px solid #ddd;
    border-radius: 100%;
    padding: .25rem;
    margin-bottom: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.idx-advantage-cnt ul li h4 {
    color: #e6241b;
    font-size: .35rem;
    padding: 0 0 .15rem;
    font-family: '宋体';
}

.idx-advantage-cnt ul li hr {
    border: 0;
    width: 1.1rem;
    margin: 0 auto .1rem;
    height: 1px;
    background: #ddd
}

.idx-advantage-cnt ul li p {
    color: #333;
    font-size: .22rem;
    width: 80%;
    margin: 0 auto;
}

.idx-advantage-cnt ul li:nth-child(3n) {
    margin: 0
}

.idx-advantage-cnt ul li.idvan-more h4 {
    font-size: .6rem
}

.idx-advantage-cnt ul li.idvan-more p {
    line-height: .6rem
}

.swiper-button-next, .swiper-button-prev {
    top: 50%;
    background: none
}

.swiper-button-next {
    right: 0
}

.swiper-button-prev {
    left: 0
}

.case_cms {
    padding: .8rem .2rem .5rem;
    position: relative
}

.case_cms .idx-news-main-til {
    height: 40px;
    text-align: center;
    margin-bottom: .3rem
}

.case_cms .idx-news-main-til ul {
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -o-flex
}

.case_cms .idx-news-main-til ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #666;
    font-size: .22rem;
    cursor: pointer
}

.case_cms .idx-news-main-til ul li a {
    padding-bottom: .1rem
}

.case_cms .idx-news-main-til ul li.active a {
    color: #333;
    border-bottom: 2px solid #e6241b
}

.case_cms .inx-case-container {
    background: #fff;
    text-align: center
}

.case_cms .inx-case-container img {
    width: 80%
}

.case_cms .inx-case-container h4 {
    margin: .2rem 0;
    font-size: .3rem;
    color: #333
}

.case_cms .swiper-button-next, .case_cms .swiper-button-prev {
    background-color: #e6241b;
    display: block;
    text-align: center;
    top: 1.8rem;
    z-index: 3;
    border-radius: 4px;
    opacity: 1;
    pointer-events:auto;
}

.case_cms .swiper-button-next i, .case_cms .swiper-button-prev i {
    color: #fff;
    display: block;
    text-align: center;
    vertical-align: 1px;
    margin-top: 12px;
    font-size: .2rem
}

.case_cms .swiper-button-next.swiper-button-disabled, .case_cms .swiper-button-prev.swiper-button-disabled {
    background-color: #ddd
}

.case_cms .swiper-button-next.swiper-button-disabled i, .case_cms .swiper-button-prev.swiper-button-disabled i {
    color: #333
}

.idx-about {
    padding: .8rem .2rem .5rem;
    position: relative;
    background: url(/Public/Mobile/default/img/index/idx_ab.jpg) center no-repeat;
    background-size: cover
}

.idx-about h2, .idx-about h3 {
    color: #fff
}

.idx-about .idx_ab-top {
    text-align: center
}

.idx-about .idx_ab-top p {
    color: #e8e8e8
}

.idx-about .idx_ab-top .idx_ab_more {
    width: 1.8rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    color: #fff;
    margin: .4rem auto .6rem;
    background: #e6241b;
    border-radius: 20px;
    display: block
}

.idx-about .inx-ab-container {
    text-align: center
}
.idx-about .inx-ab-container figure {
background: #fff;
    height: 186px;
    line-height: 186px;
}
.idx-about .inx-ab-container figure img{
background: #fff;
}

.idx-about .inx-ab-container img {
    width: 90%;
    vertical-align: middle;
}

.idx-about .inx-ab-container p {
    width: 80%;
    margin: .1rem auto;
    color: #dedddd;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.idx_news {
    padding: .8rem .2rem .5rem;
    position: relative
}

.idx_news .tab {
    text-align: center
}

.idx_news .tab ul {
    *zoom: 1;
    margin-bottom: .3rem;
    display: inline-block
}

.idx_news .tab ul:before, .idx_news .tab ul:after {
    display: table;
    line-height: 0;
    content: ""
}

.idx_news .tab ul:after {
    clear: both
}

.idx_news .tab ul li {
    float: left;
    color: #666;
    font-size: .25rem;
    cursor: pointer;
    margin: 0 .2rem
}

.idx_news .tab ul li.active {
    font-weight: bold;
    color: #e6241b
}

.idx_news .news_cont {
    *zoom: 1;
    margin-bottom: 20px
}

.idx_news .news_cont:before, .idx_news .news_cont:after {
    display: table;
    line-height: 0;
    content: ""
}

.idx_news .news_cont:after {
    clear: both
}

.idx_news .news_cont a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -o-flex
}

.idx_news .news_cont figure {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42%;
    flex: 0 0 42%
}

.idx_news .news_cont figure img {
    width: 100%
}

.idx_news .news_cont .news_cont_right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-left: .2rem
}

.idx_news .news_cont .news_cont_right h3 {
    color: #333;
    font-size: .25rem;
    margin: 4px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.idx_news .news_cont .news_cont_right h5 {
    color: #999;
    font-family: 'Arial';
    margin-bottom: .1rem;
    line-height: .3rem;
    font-size: .22rem
}

.idx_news .news_cont .news_cont_right p {
    overflow: hidden;
    height: 44px
}

.foot-cnt {
    background: #f5f5f5;
    padding: .4rem .2rem
}

.foot-cnt h3 {
    color: #333;
    font-size: .3rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: .15rem;
    margin-bottom: .15rem
}

.foot-cnt p {
    font-size: .25rem;
    color: #666
}

footer {
    background: #333;
    padding: .4rem .2rem
}

footer .foot-nav ul {
    *zoom: 1;
    border-bottom: 1px solid #666;
    margin-bottom: .3rem;
    padding-bottom: .1rem
}

footer .foot-nav ul:before, footer .foot-nav ul:after {
    display: table;
    line-height: 0;
    content: ""
}

footer .foot-nav ul:after {
    clear: both
}

footer .foot-nav ul li {
    text-align: center;
    margin-bottom: .2rem;
    width: 25%;
    float: left
}

footer .foot-nav a {
    color: #999
}

footer .foot-bot {
    text-align: center;
    color: #666
}

footer .foot-bot p {
    line-height: .45rem
}

footer .foot-bot a {
    color: #666
}

.pub-ban img {
    width: 100%;
    display: block
}

.link_solid {
    margin: 0 0 .3rem;
    height: 2px;
    width: 20px;
    background-color: #999
}

.ab-top {
    background: #f5f5f5;
    padding: .4rem .2rem .1rem
}

.ab-top h2 {
    color: #e6241b;
    font-size: .4rem;
    margin-bottom: .2rem;
    font-family: Arial
}

.ab-top h3 {
    font-size: .3rem;
    color: #333;
    margin-bottom: .25rem
}

.ab-top p {
    text-align: justify;
    margin-bottom: .3rem
}

.ab-cnt {
    padding: .6rem .5rem
}

.ab-cnt .ab-container {
    text-align: center
}

.ab-cnt .ab-container img {
    width: 100%
}

.ab-cnt .ab-container p {
    margin-top: 4px;
    font-size: .25rem
}

.ab-cnt .swiper-button-next, .ab-cnt .swiper-button-prev {
    background-color: #e6241b;
    display: block;
    text-align: center;
    top: 2rem;
    opacity: 1;
    z-index: 3;
    border-radius: 4px
}

.ab-cnt .swiper-button-next i, .ab-cnt .swiper-button-prev i {
    color: #fff;
    display: block;
    text-align: center;
    vertical-align: 1px;
    margin-top: 12px;
    font-size: .2rem
}

.ab-cnt .swiper-button-next.swiper-button-disabled, .ab-cnt .swiper-button-prev.swiper-button-disabled {
    background-color: #ddd
}

.ab-cnt .swiper-button-next.swiper-button-disabled i, .ab-cnt .swiper-button-prev.swiper-button-disabled i {
    color: #333
}

.service-main {
    padding: .6rem .2rem .4rem
}

.service-main ul li {
    background: #f5f5f5;
    margin-bottom: 20px
}

.service-main ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -o-flex
}

.service-main ul li figure {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    position: relative;
}

.service-main ul li figure:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: rgba(0,0,0,.5);
}

.service-main ul li figure img {
    width: 100%;
    display: block
}

.service-main ul li .box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .2rem .2rem 0
}

.service-main ul li .box h3 {
    font-size: .3rem;
    color: #333;
    margin-bottom: .2rem;
    position: relative;
    padding-bottom: .2rem
}

.service-main ul li .box h3:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: .5rem;
    background: #999;
    height: 2px
}

.service-main ul li .box p {
    overflow: hidden;
    height: 88px
}

.service-main ul li .box .info {
    background: #e6241b;
    width: 1.4rem;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    margin: .2rem 0 0;
    display: block
}

.four-top > h2 {
    text-align: center;
    color: #333;
    font-size: .3rem;
    margin-bottom: .3rem;
    line-height: .5rem
}

.four-top > h2 span {
    font-weight: bold;
    font-size: .4rem;
    color: #e6241b
}

.service_field {
    padding: .6rem .2rem .4rem;
    background: #f5f5f5
}

.service_field ul {
    *zoom: 1
}

.service_field ul:before, .service_field ul:after {
    display: table;
    line-height: 0;
    content: ""
}

.service_field ul:after {
    clear: both
}

.service_field ul li {
    background: #fff;
    padding: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%
}

.service_field ul li .box {
    border: 1px solid #ddd
}

.service_field ul li figure {
    height: 1.4rem;
    line-height: 1.4rem
}

.service_field ul li figure img {
    vertical-align: middle;
    max-width: 45px;
}

.service_field ul li h3 {
    font-weight: bold;
    color: #333;
    font-size: .3rem;
    margin-bottom: .1rem
}

.service_field ul li p {
    color: #999;
    font-family: Arial;
    margin-bottom: .3rem
}

.service_field ul li .link_solid {
    margin: 0 auto .4rem !important
}

.service_field ul li:nth-child(3n) {
    margin-right: 0
}

.fourh-advan {
    background: #fff
}

.service_flow {
    padding: .6rem .2rem .4rem;
    background-color: #f5f5f5
}

.service_flow .service_flow_cnt {
    *zoom: 1
}

.service_flow .service_flow_cnt:before, .service_flow .service_flow_cnt:after {
    display: table;
    line-height: 0;
    content: ""
}

.service_flow .service_flow_cnt:after {
    clear: both
}

.service_flow .service_flow_cnt ul {
    position: relative;
    *zoom: 1
}

.service_flow .service_flow_cnt ul:before, .service_flow .service_flow_cnt ul:after {
    display: table;
    line-height: 0;
    content: ""
}

.service_flow .service_flow_cnt ul:after {
    clear: both
}

.service_flow .service_flow_cnt ul li {
    position: relative;
    z-index: 2;
    float: left;
    text-align: center;
    width: 33.33%;
    cursor: pointer;
    padding-bottom: .3rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: .3rem
}
.service_flow .service_flow_cnt ul li.ser-adver figure{
    background: #e6241b;
}

.service_flow .service_flow_cnt ul li figure {
    background: #fff;
    height: 1.4rem;
    line-height: 1.4rem;
    width: 1.4rem;
    margin: 0 auto;
    border-radius: 100%
}

.service_flow .service_flow_cnt ul li figure img {
    vertical-align: middle
}

.service_flow .service_flow_cnt ul li p {
    font-size: .25rem;
    margin-top: .15rem;
    color: #333
}

.service_flow .service_flow_cnt ul li p span {
    color: #e6241b;
    font-size: .25rem
}

.service_flow .service_flow_cnt ul li:nth-child(7), .service_flow .service_flow_cnt ul li:nth-child(8), .service_flow .service_flow_cnt ul li:nth-child(9) {
    border-bottom: none
}

.comson_main {
    padding: .6rem .2rem
}

.comson_main h4 {
    color: #e6241b;
    text-align: center;
    font-size: .28rem;
    margin-bottom: .3rem
}

.comson_main .comson-container .swiper-slide {
    padding-bottom: .6rem
}

.comson_main .comson-container .swiper-pagination-bullet {
    background: #999;
    width: .3rem;
    height: .16rem;
    border-radius: 6px;
    margin: 0 2px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.comson_main .comson-container .swiper-pagination-bullet-active {
    width: .6rem;
    background: #e6241b
}

.comson_main .comson-container img {
    width: 100%
}

.comson_main .comson-pagination {
    left: -70px;
    bottom: 0
}

.comson_main .comson-yh {
    position: absolute;
    bottom: 0;
    left: 45%;
    font-size: .25rem
}

.comson_main .comson_cnt_nuo {
    margin: .6rem 0 .4rem;
    text-align: center;
    position: relative
}

.comson_main .comson_cnt_nuo:after {
    content: '';
    position: absolute;
    top: .26rem;
    left: 0;
    height: 100%;
    width: 100%;
    border: 2px solid #e6241b
}

.comson_main .comson_cnt_nuo h2 {
    display: block;
    color: #fff;
    background: #e6241b;
    width: 2.6rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    margin: 0 auto 25px;
    position: relative;
    z-index: 2;
    font-size: .26rem
}

.comson_main .comson_cnt_nuo h4 {
    color: #333;
    font-size: .26rem;
    margin-bottom: 10px;
    padding: 0 .2rem
}

.comson_main .comson_cnt_nuo h4 span {
    font-size: .26rem;
    color: #e6241b
}

.comson_main .comson_cnt_nuo p {
    color: #666;
    font-size: .22rem;
    padding: 0 .5rem
}

.fourh-hor {
    padding: .8rem .2rem .2rem;
    background: #f5f5f5;
    text-align: center
}

.inx-ab-container {
    padding-bottom: .8rem
}

.inx-ab-container figure img {
    width: 100%
}

.inx-ab-container p {
    width: 80%;
    margin: .1rem auto;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.inx-ab-container .swiper-pagination-bullet-active {
    background: #e6241b
}

.cust-main {
    padding: .8rem .2rem
}

.cust-main .cust-container {
    text-align: center
}

.cust-main .cust-container figure {
    text-align: center
}

.cust-main .cust-container figure img {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 100%;
    margin: 0 auto 10px
}

.cust-main .cust-container h4 {
    color: #e6241b;
    font-size: .25rem;
    margin-bottom: .2rem
}

.cust-main .cust-container .link_solid {
    margin: 0 auto .2rem
}

.cust-main .cust-container a {
    border: 1px solid #e6241b;
    padding: .08rem .3rem;
    margin: .3rem auto 0;
    border-radius: 16px;
    display: inline-block;
    color: #666
}

.cust-main .cust-container a img {
    margin-left: 5px;
    vertical-align: -1px
}

.cust-main .cust-container .swiper-button-next, .cust-main .cust-container .swiper-button-prev {
    top: 1.1rem;
    opacity: 1
}

.cust-main .cust-container .swiper-button-next i, .cust-main .cust-container .swiper-button-prev i {
    color: #e6241b
}

.cust-main .cust-container .swiper-button-next.swiper-button-disabled i, .cust-main .cust-container .swiper-button-prev.swiper-button-disabled i {
    color: #999
}

.cust-main .cust-container .swiper-button-next {
    right: .2rem
}

.cust-main .cust-container .swiper-button-prev {
    left: .2rem
}

.ser_scope {
    background: #f5f5f5;
    padding: .6rem .2rem .4rem
}

.ser_scope ul li {
    position: relative;
    margin-bottom: .2rem
}
.ser_scope ul li:after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.34);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.ser_scope ul li figure img {
    display: block;
    width: 100%
}

.ser_scope ul li .box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index:2;
}

.ser_scope ul li .box h2 {
    margin-top: 1rem;
    font-size: .26rem;
    font-family: arial;
    text-transform: uppercase;
    color: #fff
}

.ser_scope ul li .box h3 {
    font-size: .26rem;
    color: #fff;
    margin-bottom: .16rem
}

.ser_scope ul li .box .link_solid {
    margin: 0 auto .16rem;
    background: #ddd
}

.ser_scope ul li .box p {
    color: #dedede
}

.ser_scope ul li .box a {
    margin: .3rem auto 0;
    background: #e6241b;
    color: #fff;
    text-align: center;
    height: .6rem;
    line-height: .6rem;
    width: 1.8rem;
    display: block
}

.baiyi-advan {
    border-top: 2px solid #ddd
}

.link-while {
    height: .3rem;
    background: #fff
}

.pub-pdt {
    padding: .5rem .2rem;
    background: #f5f5f5
}

.pdt_top {
    padding: .3rem .2rem;
    background: #fff;
    margin-bottom: .5rem
}

.pdt_top h4 {
    font-size: .25rem;
    color: #333;
    font-weight: bold;
    margin-bottom: .1rem
}

.pdt_top p {
    color: #666;
    font-size: .22rem;
    margin-bottom: .3rem
}

.pdt_cnt ul {
    *zoom: 1;
    width: calc(103%)
}

.pdt_cnt ul:before, .pdt_cnt ul:after {
    display: table;
    line-height: 0;
    content: ""
}

.pdt_cnt ul:after {
    clear: both
}

.pdt_cnt ul li {
    background: #fff;
    width: 47%;
    text-align: center;
    float: left;
    padding-bottom: .2rem;
    margin: 0 3% 3% 0;
    min-height: 172px;
}

.pdt_cnt ul li figure img {
    width: 100%;
    vertical-align: middle
}

.pdt_cnt ul li p {
    font-size: .24rem
}

#page {
    text-align: center;
    padding-top: .5rem
}

#page > * {
    display: inline-block;
    font-size: .25rem
}

#page a {
    display: inline-block;
    width: 34px;
    height: 34px;
    color: #666;
    margin: 0 .06rem;
    line-height: 34px;
    border: 1px solid #ddd
}

#page a.active {
    color: #fff;
    border-color: #e6241b;
    background-color: #e6241b
}

#page a i {
    font-size: .24rem
}

.subnav {
    background-color: #f5f5f5;
    padding: 0 20px
}

.subnav ul {
    *zoom: 1
}

.subnav ul:before, .subnav ul:after {
    display: table;
    line-height: 0;
    content: ""
}

.subnav ul:after {
    clear: both
}

.subnav ul li {
    height: 50px;
    line-height: 50px;
    float: left;
    font-size: 13px
}

.subnav ul li .icon {
    vertical-align: -2px;
    font-size: 15px;
    margin-right: 5px
}

.subnav ul li span {
    margin: 0 5px
}

.pub-det-main {
    background: #f5f5f5;
    padding: 0 .2rem .6rem
}

.pdt-dets {
    background: #fff;
    padding: .6rem .6rem .4rem
}

.pdt-dets figure {
    border: 1px solid #ddd
}

.pdt-dets figure img {
    width: 100%
}

.pdt-dets .til {
    margin: .3rem 0;
    *zoom: 1
}

.pdt-dets .til:before, .pdt-dets .til:after {
    display: table;
    line-height: 0;
    content: ""
}

.pdt-dets .til:after {
    clear: both
}

.pdt-dets .til h3 {
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .35rem;
    color: #333;
    line-height: .5rem;
    float: left
}

.pdt-dets .til a.advisory {
    float: right;
    background: #e6241b;
    color: #fff;
    text-align: center;
    width: 1.2rem;
    line-height: .5rem;
    display: inline-block;
    border-radius: 4px
}

.link {
    border-top: 1px solid #ddd;
    margin: 0 .2rem
}

.news_page {
    background: #fff;
    padding: .4rem .2rem .2rem
}

.news_page p {
    margin-bottom: .15rem
}

.case_cnt ul li {
    padding-bottom: 0;
    background: none
}

.case_cnt ul li p {
    margin-top: .2rem
}

.case-dets {
    background: #fff;
    padding: .4rem .2rem .2rem
}

.case-dets h3 {
    text-align: center;
    font-size: .3rem;
    color: #333;
    margin-bottom: .2rem
}

.case-dets hr {
    border: none;
    border-top: 1px solid #ddd;
    margin-bottom: .4rem
}

.case-dets img {
    width: 100%;
    margin-bottom: .2rem
}

.case-dets p {
    margin-bottom: .2rem
}

.news-main {
    background: #f5f5f5
}

.news-dets h3 {
    margin-bottom: .1rem
}

.news-dets h5 {
    font-size: .2rem;
    text-align: center;
    color: #999;
    margin-bottom: .3rem
}

#allmap {
    width: 100%;
    height: 3.5rem
}

.cnt_top {
    padding: .4rem .2rem
}

.cnt_top h3 {
    font-size: .32rem;
    margin-bottom: .2rem;
    color: #333
}

.cnt_top img {
    margin-top: .5rem
}

.reservation {
    background: #f5f5f5;
    padding: .4rem .2rem
}

.reservation h2 {
    font-size: .32rem;
    margin-bottom: .2rem;
    color: #333
}

.reservation h2 span {
    color: #666;
    font-size: .2rem
}

.reservation .reser-cnt {
    background: #fff;
    padding: .3rem .2rem
}

.reservation .reser-cnt input, .reservation .reser-cnt textarea, .reservation .reser-cnt select {
    margin-bottom: .2rem;
    width: 100%;
    background: #f5f5f5;
    line-height: .7rem;
    outline: 0;
    border: 0;
    font-size: .25rem;
    color: #666;
    text-indent: 1.2em
}

.reservation .reser-cnt textarea {
    height: 1.6rem
}

.reservation .reser-cnt input[type='submit'] {
    background: #e6241b;
    color: #fff;
    text-indent: 0
}

.reservation .reser-cnt select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    background: #f5f5f5 url(../img/public/sel-btn.jpg) right center no-repeat;
    background-size: auto 100%
}

.cnt2_main {
    padding: .4rem .2rem;
    background: #f5f5f5
}

.cnt2_main article {
    background: #fff;
    margin-bottom: .2rem;
    padding: .4rem .2rem
}

.cnt2_main article h4 {
    color: #333;
    font-size: .3rem;
    margin-bottom: .3rem
}

.cnt2_main article h5 {
    color: #e6241b;
    margin: .3rem 0 .1rem;
    font-size: .25rem
}

.five_advan {
    background: #f5f5f5;
    padding: .6rem .2rem 1px
}

.five_advan article {
    position: relative;
    margin-bottom: .6rem
}

.five_advan article figure {
    margin: 0 .2rem;
    position: relative
}

.five_advan article figure img {
    width: 100%;
    display: block
}

.five_advan article figure .til {
    position: absolute;
    left: .2rem;
    top: -0.35rem;
    width: .6rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    color: #fff;
    font-size: .4rem;
    background-color: #e6241b;
    font-weight: 100;
    font-family: '宋体';
    border-radius: 6px
}

.five_advan article .box {
    background: #fff;
    margin-top: -1.8rem;
    padding: 2.2rem .2rem .4rem
}

.five_advan article .box h2 {
    color: #ddd;
    font-size: .4rem;
    font-family: Arial;
    margin-bottom: .1rem
}

.five_advan article .box h3 {
    font-size: .3rem;
    color: #333;
    margin-bottom: .3rem
}

.five_advan article .box .link_solid {
    margin: 0 0 .3rem;
    background: #e6241b
}

.culture {
    background: #f5f5f5;
    padding: .4rem .2rem
}

.culture .culture_ln {
    margin-bottom: .1rem
}

.culture .culture_ln ul li {
    background: #fff;
    height: 1rem;
    padding: .3rem 0;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -o-flex
}

.culture .culture_ln ul li figure {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    text-align: center;
    line-height: 60px
}

.culture .culture_ln ul li figure img {
    width: 50%;
    vertical-align: middle
}

.culture .culture_ln ul li .box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-left: 1px solid #e4e4e4;
    padding: 0 0 0 .2rem;
    overflow: hidden
}

.culture .culture_ln ul li .box h3 {
    margin-top: .1rem;
    font-size: .3rem;
    margin-bottom: .1rem
}

.culture .culture_ln ul li .box p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.culture > .box {
    background: #fff;
    padding: .4rem .2rem
}

.culture > .box p {
    font-size: .22rem;
    margin-bottom: .3rem
}

.ab-team {
    background: #f5f5f5;
    padding: .6rem .2rem
}

.ab-team .team-container figure {
    text-align: center
}

.ab-team .team-container figure img {
    width: 60%;
    margin: 0 auto;
    display: block
}

.ab-team .team-container .box {
    background: #666;
    padding: .2rem .4rem .5rem
}

.ab-team .team-container .box .info_top {
    *zoom: 1;
    border-bottom: 1px solid #858585;
    margin-bottom: .2rem
}

.ab-team .team-container .box .info_top:before, .ab-team .team-container .box .info_top:after {
    display: table;
    line-height: 0;
    content: ""
}

.ab-team .team-container .box .info_top:after {
    clear: both
}

.ab-team .team-container .box .info_top .info_top_left {
    width: 70%;
    float: left
}

.ab-team .team-container .box .info_top .info_top_left h3 {
    color: #fff;
    font-size: .28rem
}

.ab-team .team-container .box .info_top .info_top_left p {
    color: #d9d9d9
}

.ab-team .team-container .box .info_top .info_top_right {
    float: right;
    width: 30%;
    color: #fff;
    text-align: right;
    line-height: .7rem
}

.ab-team .team-container .box .info_top .info_top_right span {
    font-size: .6rem;
    margin-right: 2px;
    vertical-align: -2px
}

.ab-team .team-container .box p {
    color: #fff;
    font-size: .22rem
}

.ab-team .team-container .swiper-button-next, .ab-team .team-container .swiper-button-prev {
    background-color: #e6241b;
    display: block;
    text-align: center;
    top: 1.8rem;
    z-index: 3;
    border-radius: 4px;
    opacity: 1
}

.ab-team .team-container .swiper-button-next i, .ab-team .team-container .swiper-button-prev i {
    color: #fff;
    display: block;
    text-align: center;
    vertical-align: 1px;
    margin-top: 12px;
    font-size: .2rem
}

.ab-team .team-container .swiper-button-next.swiper-button-disabled, .ab-team .team-container .swiper-button-prev.swiper-button-disabled {
    background-color: #ddd
}

.ab-team .team-container .swiper-button-next.swiper-button-disabled i, .ab-team .team-container .swiper-button-prev.swiper-button-disabled i {
    color: #333
}

.ab-team .team-container .swiper-button-next {
    right: .2rem
}

.ab-team .team-container .swiper-button-prev {
    left: .2rem
}

.team-deme {
    padding: .6rem .2rem .2rem
}

.team-deme .team-dem-container {
    padding-bottom: .9rem
}

.team-deme .team-dem-container figure img {
    display: block;
    width: 100%
}

.team-deme .team-dem-container p {
    position: relative;
    z-index: 2;
    text-align: center;
    background: #e6241b;
    color: #fff;
    font-size: .25rem;
    line-height: .8rem;
    margin: -0.4rem .4rem 0
}

.team-deme .team-dem-container .swiper-pagination-bullet-active {
    background: #e6241b
}

.ab-honor {
    background: #f5f5f5;
    padding: .4rem .2rem
}

.ab-honor ul {
    *zoom: 1;
    width: calc(103%)
}

.ab-honor ul:before, .ab-honor ul:after {
    display: table;
    line-height: 0;
    content: ""
}

.ab-honor ul:after {
    clear: both
}

.ab-honor ul li {
    width: 47%;
    float: left;
    margin-right: 3%;
}


.ab-honor ul li figure img {
    width: 100%;
    display: block;
}

.ab-honor ul li p {
    text-align: center;
    line-height: .7rem;
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ab-honor ul li:nth-child(even) {
    float: right
}

/*# sourceMappingURL=common.css.map */
/*导航*/
.fix-foot {
    height: 60px;
    line-height: 60px;
}
.fix-foot ul {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #e6241b;
    z-index: 999;
    font-size: 15px;
    border-top: 0.5px solid rgba(255, 255, 255, 0.1);
}
.fix-foot ul li {
    text-align: center;
    flex: 1;
    border-right: 0.5px solid rgba(255, 255, 255, 0.1);
}
.fix-foot ul li a {
    color: #fff;
}
.fix-foot ul li img {
    vertical-align: -6px;
    margin-right: 3px;
    width: 22px;
}
/*导航 end*/<!--0.00022792816162109-->