
.swiper-container {
    width: 100%;
    height: 100%; position: relative;
}
.column_banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.column_banner .info span{ display: block; font-size: 14px; font-weight: normal; }
.column_banner .info:after{ content: ""; display: block; left: 0; bottom:-15px; position: absolute; width: 30px; height: 3px; background: #004899;}
.column_banner .info{ position: absolute; z-index: 9; left: 15px; top: 50%; transform: translateY(-50%); color: #fff; font-size: 21px; white-space: nowrap; text-transform: uppercase; text-shadow: 0 0 5px rgba(0,0,0,.3);}
.piclist{ margin:25px 10px;}
.column_banner .info h1{ font-weight: 700;}
.piclist ul{ display: flex; flex-wrap: wrap;}
.piclist ul li{ margin-bottom:15px; padding:10px; position: relative; background: #e0e0e0; color: #999; width:calc((100% - 15px)/2); margin-right: 15px; }
.piclist ul li:nth-child(2n){ margin-right: 0;}
.piclist ul li:hover{box-shadow: 0 2px 6px rgba(4, 24, 143, .23);}
.piclist ul li .icon{ color: red; font-size: 32px; margin: 0 15px; position: absolute; left:0px; top:5px; display: none;}
.piclist ul li b{ font-size: 15px; color: #313131; font-weight: 700; display: block; line-height: 1.25; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.piclist ul li  .time,.piclist ul li  .num{ font-size: 12px; color: #999; display: inline-block; margin-right:5px; font-style: normal;}
.piclist ul li .order{ margin-top: 15px; text-align: center;margin-bottom: 5px;}
.piclist ul li .order a{ display: inline-block; line-height: 30px; text-align: center; width: calc((100% - 15px)/2); padding: 0 10px; padding-left:20px;  background: rgba(0,0,0,.23) url(../img/view.png) no-repeat 5px center; background-size:16px auto; color:#fff; font-size: 14px; }
.piclist ul li .order a:last-child{ padding-left:20px; background:rgba(253, 2, 2, 1) url(../img/down.png) no-repeat 5px center; background-size: 18px auto; margin-left: 15px; }
.nav-wrap.navFix{position: fixed;z-index: 99999; top: 0; width: 1200px;} 
.nav-wrap{ float: right; width:800px ;}
.nav-wrap ul {padding: 0;margin: 0 auto;  display: block;}
.nav-wrap.navFix ul{ border-bottom: 0; text-align: right;}
.nav-wrap li { display: inline-block; text-align:left; position: relative; font-size: 12px;}
.nav-wrap li i{ display: block; font-size: 12px; line-height: 1; white-space: nowrap; text-transform: uppercase;}
.nav-wrap li a:after{ width: 4px; height: 4px; display: block; left: 0; position: absolute; top: 50%; margin-top: -2px; background: #9a9a9a; border-radius: 50%; content: "";}
.nav-wrap .active:after{ background: #034a9a;}
.nav-wrap li a {display: block;padding-right: 30px;color:#9a9a9a; text-decoration: none;padding-left: 10px;}
.nav-wrap li a:hover{color: #034a9a;}
.nav-wrap li a.active {color: #034a9a;}
.aboutcontent{ margin: 25px 0; position: relative;}
.subnav{ overflow: hidden; text-align: right;} 
.subnav .share{ float: left; width: 300px; margin-right: }
.share{ text-align:left; padding-top: 6px;}
.show-cx-lr img{ max-width: 100% !important; height: auto !important;}
.title-name {
    display: inline-block;
    margin: auto;
    position: relative;
    text-align: left;
    padding: 35px 0;
    color: #fff; margin-bottom: 5px;
}
.title-name .sub-en {
    font-size: 24px; line-height: 1;
}
.sub-en:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45px;
    border-bottom: 3px solid #034a9a;
}
.title-name .sub-en:after {
    bottom:30px;
}
.color{
    color: #313131; margin: auto;
}
.sub-lmname{ text-align: center;}
.showwecontent p{ color:#737373; margin-bottom:25px; text-indent: 20px;}
.showwecontent  ul{ margin: 35px auto; }
.showwecontent ul li{ display: inline-block; width: 33%; text-align: center; font-size: 16px; color: #313131;}
.showwecontent ul li .icon{ display:inline-block; font-size:42px; color: #034a9a; margin: auto; margin-left: 18px;}
.section-content{ max-width: 1200px; margin: auto;}
.honor .bd ul{ width:100%;}
.story .box .next{ left:inherit; right:-10px;}
.story .box .prev .icon,.story .box .next .icon{ font-size:48px;}
		  .story .hd ul li:after, .honor .hd ul li:after  {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: rgba(255,255,255,1);
    border-radius: 50%;
    left: 50%;
    margin-left: -10px;
    bottom: 40px;
    position: absolute; z-index:99
}
.story .box .hd ul li.on{ color: rgb(9, 78, 156);}
.story .hd ul .on:after,.about-bd1 .honor .hd ul .on:after{ background:#094e9c;}
.about-bd1 .title-name,.about-bd1 .bd ul li,about-bd1 .hd ul li,.about-bd1 .honor .hd ul li{ color:#313131}
	/* 本例子css */
    .story .bd ul,.honor .bd ul{ overflow:hidden; position:relative; z-index:0;  padding:30px; background:rgba(255,255,255,0.13); margin-top:25px; width:80%; margin-left:10%; color:#fff; line-height:25px; }
    .story .bd li {
        text-align: center;
    }
    .slider, .slider-1 {
        width: 100%;
        height: 130px;
        position: relative;
        cursor: pointer;
    }
    .prev, .next {
        position: absolute;
        width: 25px;
        height: 20px;
        cursor: pointer;
        top: 50px;
        background-color: #daa520;
        text-align: center;
        line-height: 20px;
        font-weight: bold;
        color: #fff;
        padding: 0 5px;
    }
    .next {
        right: 20px;
    }
    .no_click {
        background-color: #808080;
    }
    #slider_pic, #slider_pic-1 {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
        height: 130px;
        position: relative;
    }
    .story .hd ul, .honor .hd ul {
        width: 80%;
        margin-left: 10%;
        margin-top: 60px;
        text-align: center;
        cursor: pointer;
        position: relative;
    }
    .story .hd ul li, .honor .hd ul li {
        float: left;
        width: 9%;
        color: #fff;
        font-weight: 700;
        position: relative;
        top: 30px;
    }
    #slider_pic li, #slider_pic-1 li {
        float: left;
        margin-right: 10px;
        width: 110px;
    }
    .story .hd ul li:after, .honor .hd ul li:after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background: rgba(255,255,255,1);
        border-radius: 50%;
        left: 50%;
        margin-left: -10px;
        bottom: 40px;
        position: absolute;
        z-index: 99;
    }
    #slider_pic:after, #slider_pic-1:after {
        content: "";
        display: block;
        border-bottom: 1px solid #ffffff;
        position: absolute;
        top: 60px;
        width: 100%;
    }
    #section2 video {
        width: 100%;
        height: auto;
        opacity: .8;
    }
    .left-news{ float: left; width: 40%;}
    .news-li{ float: left; width: 60%; padding-left: 25px;}
    .left-news p{ white-space: nowrap; text-overflow: ellipsis;}
    .left-news p a{ color: #fff;}
    .left-news p a:hover{ color:#e0e0e0;}
    .zs-content{ background: url(/img/about_ban.jpg) no-repeat top center; background-size: cover; color: #fff; padding:35px 15px; text-align: center; overflow: hidden;}
    .jion{ display: inline-block; margin: auto; margin-bottom: 25px;}
    .jion p{ font-size: 14px; margin-bottom: 13px; text-align: left;}
    .jion p b{ display: block; font-size: 24px; text-align: center;}
    .jion .tel{ font-size: 32px; font-weight: 700; text-align: right;}
    .jion .tel i{ display: block; text-align: right; font-size: 12px; font-weight: normal;}
    .border  td{ position: relative; padding:10px 0; text-align: center;}
    .border  td span{ position: absolute; left: 0; line-height: 35px; width: 85px; padding-right: 15px; text-align:right;}
    .border  td span i{ color: rgb(255, 0, 0);}
    .border  td input,.border  td textarea{ border: 1px solid rgba(255,255,255,.63); background: rgba(255,255,255,.13); padding-left: 3px; border-radius: 0; line-height:45px; width: 100%; line-height: 43px;}
    .border  td textarea{ line-height: 1.25; padding: 5px;}
    .border  td .yzm{ width: 90px; display: inline-block; float: left;}
    .border  td  img{ margin-left: 10px; height:45px; display: inline-block; float: left;}
    .border  td  .sure-btn,.border  td a{ margin-top: 25px; display: inline-block; line-height:50px; width:80%; text-align:  center; color: #fff; font-size: 16px; background: #034a9a; margin: auto; border: 0;}
    .border  td a{  background: #01bc8e;}

.networkbox{ background: #e0e0e0; padding: 15px; margin: 15px;}
.lx,.sf,.dq{ border: 1px solid #999; background: #fff; color: #313131; line-height: 45px; text-align: center; margin-bottom: 15px;}
.dq:last-child{ margin-bottom: 0;}
.lx a { display: block !important;}
.lx ul,.sf ul,.dq ul{ display: none; position: absolute; top: 46px; left:-1px; width: calc(100% + 2px);width: calc(100% + 2px); background: #fff;z-index: 999; border: 1px solid #e0e0e0;    max-height: 360px;
    overflow-y: scroll;}
.lx .cur{ background: #034a9a;}
.lx .cur a{ color: #fff;}
.networkbox .form-control{width: 100%;
    line-height: 45px;
    height: 45px; border: 0; border-radius: 0; text-align: center; padding-left: 10px; font-size: 16px; color: #999;}
.show-sale ul li{ padding:13px; font-weight: normal; text-align: left;position: relative;}
.show-sale ul li:nth-child(2n)::after{ content: ""; display: block; left: 0; top: 0; width: 100%; height: 100%; position: absolute; background: #efefef; }
.show-sale dl{ position: relative; padding-right: 90px; z-index:9;}
.show-sale ul li .s-2{ font-size: 18px; font-weight:700; margin-bottom:10px; color: #313131; line-height: 1.25;}
.show-sale ul li .s-3{ font-size: 14px; color:#999; font-weight: normal;line-height: 1.25; font-weight:400;}
.show-sale ul li  .s-1{ position: absolute; top: 50%; right:10px; font-weight: 500; color: #313131; transform: translateY(-50%); font-size: 15px;}
.show-sale ul li  .s-1 img{width:18px; margin-right: 5px; display: inline-block;    position: relative;
    top: -2px;}
.sale-content-lr{ background: #fff;}
#pagelist{ text-align: center;}
.sub-lm-title {
    padding: 35px 0;
    text-align: center;
    color: #999;
    text-transform: uppercase;
    position: relative; display: block; text-align: ;
}
.sub-lm-title p {
    position: relative;
    font-size: 18px;
    color: #464646;
    letter-spacing: 3px; display:block; padding: 0 15px; font-weight: 700;
}
.sub-lm-title p:before {
    content: "";
    display: block;
    width: 83px;
    border-bottom: 1px solid #e1e1f1;
    position: absolute; left:33px;
    top: 50%;
}
.sub-lm-title p:after {
    content: "";
    display: block;
    width: 83px;
    border-bottom: 1px solid #e1e1f1;
    position: absolute;
    right:33px;
    top: 50%;
}
.sub-lm-title i{ display: block;}
.service{ padding: 25px 15px;}
.service li{ padding:5px 0;}
.m-home-1{ margin-top: 20px;}
.service li .q,.service li .s{ background:#eaedf2; padding:15px 15px 15px 24px; font-weight:700; color: #313131; font-size: 15px; line-height: 1.5; position: relative; }
.service li .q .wen,.service li .s .da{top:16px;  left: 5px; position: absolute; width: 16px; height:16px; background: url(/img/w.jpg) no-repeat center center; background-size: 100%;}
.service li .s .da{background: url(/img/d.jpg) no-repeat center center; background-size: 100%;}
.service li .q span{  color: #999; font-size: 12px; line-height: 1.25; font-weight: 400;  display: block; margin-top: 7px;}
.service li .s{ padding-left: 35px; padding-right: 0; color: #464646; background: #fff; font-weight: normal;}
.service li .s .icon{ color: #f00313;}
.fenye{ padding: 25px 0;}
.fenye a{ width:40px; height: 40px; line-height:40px; color: #717171; margin: 0 13px;}
.show-list{ padding: 15px;}
.show-list ul li{ padding:15px 10px; margin-bottom: 15px; background:#efefef;}
.show-list ul li .zoombox{ position: relative;text-align: left;}
.show-list ul li .zoombox b{ font-weight:700; font-size: 18px; color: #313131; margin-bottom: 10px; display: block;padding-right:110px; }
.show-list ul li .zoombox p,.show-list ul li .zoombox i{ display: block; color: #999; font-size: 15px;}

.show-list ul li .zoombox p{ line-height: 1.25; margin-bottom: 10px;}
.show-list ul li .zoombox a{ position: absolute; right: 0; top: 0;display:block; line-height: 25px; border-radius:13px; padding: 0 13px; color: #999; background:#e0e0e0 url(/UploadFiles/75/2020-7/6372939375373158022518747.png) no-repeat 5px center; background-size: 16px; padding-left: 25px;}
.show-list ul li .vr{ text-align: right; margin-top:10px;}
.show-list ul li .vr dd { display: inline-block;}
.show-list ul li .vr dd a{ display:block; line-height: 25px; border-radius:13px; padding: 0 13px; color: #999; background: #e0e0e0; margin-right: 10px;background:#e0e0e0 url(/img/vr.png) no-repeat 5px center; background-size: 16px; padding-left: 25px;}
.show-list ul li .vr dd:last-child a{ margin-right: 0;}
#pagelistend{ font-size: 12px; text-align: center; padding: 25px 0; display: block;}
.zoomcontent{ padding:15px 15px 35px 15px;padding-top: 80px !important; background: url(/img/pro-bg.jpg) no-repeat top center; background-size: cover; color: #fff; font-size: 14px; line-height: 1.25; }
.caseboxcontent{ background: none; color: #333; padding-top: 25px !important;}

.zoomcontent .zoomname{ margin-bottom:15px;}
.zoomcontent .zoomname b{ margin-bottom: 10px; display: block; color: #fff; }

.zoomcontent .zoomname b span,.zoomcontent .zoomname p span{ display: inline-block; margin-right: 3px; text-align: right; font-weight: normal !important; font-size: 14px;}
.zoomcontent .zoomname  p{ margin-bottom: 10px; display: block; line-height: 2; }
.zoomcontent .zoomname  .ztname{ padding-left: 0; font-size: 18px; display: block; margin-bottom: 5px; line-height: 1.5; font-weight: 700;}
.caseboxcontent.zoomcontent .zoomname b,.caseboxcontent.zoomcontent .zoomname p{ padding-left: 0; color:#313131;}
.caseboxcontent.zoomcontent .zoomname b {     font-size: 16px;color: #034a9a; font-weight: 700;}
.zoomname em{ color: #004899; padding-bottom:5px; font-size: 32px; text-transform: uppercase; font-weight: 500; display: block; font-style: normal;}
.showcaseintro{ padding: 5px; border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0; line-height: 2; color: #464646;}
.zoomcontent #zoomsubing { margin-top: 25px;}
.zoomcontent #zoomsubing .swiper-slide{ height:75px;  background-size: cover !important; position: relative; border: 1px solid rgba(255,255,255,.13);}
.zoomcontent #zoomsubing .swiper-slide:after{ content: ""; display: block; width:calc(100% + 2px) ; height: calc(100% + 2px) ; background: rgba(0,0,0,.7); left: -1px; top: -1px; position: absolute;}
.zoomcontent #zoomsubing  .active{ border: 1px solid #fff}
.zoomcontent #zoomsubing  .active:after{background:none;}
.copy .containt{ font-size: 12px; text-align: center;}
.sub-lmname{ text-align: center;}
.title-name {
    display: inline-block;
    margin: auto;
    position: relative;
    text-align: left;
    padding:25px 0;
    color: #fff; margin-bottom: 5px;
}
.title-name .sub-en {
    font-size: 24px; line-height: 1; margin-bottom: 5px;
}
.sub-en:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
     bottom: -10px;
    width: 45px;
    border-bottom: 3px solid #034a9a;
}
.title-name .sub-en:after {
    bottom:20px;
}
.color{
    color: #313131; margin: auto;
}
.showwecontent{ padding: 0 15px; color:#323232; line-height: 1.5; font-weight:400;}
.showwecontent .aboutli { overflow: hidden;}
.showwecontent .aboutli li{ text-align: center; font-size: 14px; line-height: 1.25; width: 30%; float: left;}
.showwecontent .aboutli li .icon{ font-size:42px;}
.showwecontent .aboutli li:nth-child(2){ position: relative; top:0px; width: 40%;}
.showwecontent .aboutli li:nth-child(2) .icon{ font-size:42px; position: relative; top: -3px;}
.video{ position: relative;}
.video:after{ content: ""; left: 0; top: 0; bottom: 0;right: 0; background: rgba(0,0,0,.23); display: block; position: absolute;}
.video:before{ content: ""; display: block; width:60px; height:60px; background: url(/img/video.png) no-repeat center center; background-size: cover; z-index: 9; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute;}
.home-video-dialog {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    z-index: 99999;
}
.videobox{ display: none ;}
.videobox video {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
 
}
.videobox .mast {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 99998;
    display: block;
}
.timelinebox{ background: url(/img/temp2.jpg) no-repeat  center center; background-size: cover; padding: 95px 15px; color: #fff; text-align: center;}
.timelinebox #zooming { margin-bottom: 35px;}
.timelinebox #zooming .swiper-slide{ background:rgba(255,255,255,.23); padding:15px; }
.timelinebox #zoomsubing{ position: relative; padding-bottom: 30px;}
.timelinebox #zoomsubing:after{content: ""; display: block; width: 100%; height: 3px; background:#fff; border-radius: 3px; bottom:10px; left: 0; position: absolute;  opacity: .3;}
.timelinebox #zoomsubing .swiper-slide:after{ content: ""; display: block; width:12px; height:12px; border-radius: 50%; background: rgba(255,255,255,1); position: absolute; left: 50%; bottom: -25.5px; transform: translateX(-50%);}
.timelinebox #zoomsubing .active:after{ background: yellow;}
.ryzz{ padding: 35px 15px; display: flex;}
.ryzz li{ flex: 1; margin: 0 8px;}
.ryzz li a{ display: block; color: #fff; background: #004899; text-align: center; line-height: 45px; font-size: 14px;}
.qywh{ background: url(/img/group-circle_bg.jpg) no-repeat  center center; background-size: cover; padding:0 15px; color: #fff; }
.qywh ul{ overflow: hidden; display: flex;  flex-wrap: wrap;}
.qywh ul li{ margin-right: 7px; background:rgba(3,74,154,.6); color: #fff; padding: 10px; width: calc((100% - 14px)/2); margin-bottom: 15px; font-size: 12px;}
.qywh ul li b{ font-weight:700; margin-bottom: 10px; display: block; font-size: 16px;}
.qywh ul li:nth-child(2n){ margin-left: 7px; margin-right: 0;}
.qyxw{ padding: 15px;}
.newsimg{ position: relative;}
.newsimg p{ position: absolute; width: 100%; left: 0; bottom: 0; line-height: 35px; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff;background:rgba(3,74,154,.9);}
.qyxw ul li{ position: relative; margin: 5px 0; padding:5px 3px; line-height: 30px;padding-right: 90px; }
.qyxw ul li:nth-child(2n){ background: #efefef;}
.qyxw ul li a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%;}
.qyxw ul li i{ position: absolute; right: 5px; color: #999; font-size: 12px; top: 5px; display: inline-block; }
.eventbox{ padding: 35px 15px;}
.eventbox li{ background: #f2f2f2; margin-bottom: 15px; text-align: left;border-radius: 3px 3px 0 0;}
.eventbox li img{ width: 100%; margin-bottom:10px; display: block;  border-radius: 3px 3px 0 0;}
.eventbox li b{ color: #313131; display:block; margin-bottom: 5px; padding:0 10px; font-size: 16px; line-height: 1.25; font-weight: 500;}
.eventbox li p{ color: #999; font-size: 14px; line-height: 1.5; font-weight: 300; display: block; padding:5px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0;}
.eventbox li i{ padding:10px 5px; font-size: 14px; color: #999; display: block; font-style: normal; background: url(/img/right-arrow.png) no-repeat 98% center; background-size: 16px; }
.cx-content h1{ padding: 25px 15px; line-height: 1.25; font-size: 18px; font-weight: 500;}
.cx-content h1 i{ display: block; font-style: normal; font-style: 14px; font-weight: 300; margin-top: 15px; font-size:14px; color: #999; text-align: right;}
.show-cx-lr p{ padding: 0 15px !important; margin-bottom: 15px !important;}
.case-ul{ padding: 25px 15px; overflow: hidden;}
.case-ul a{ display: inline-block; width:calc((100% - 16px)/3); float: left; text-align: center; margin-right:8px; margin-bottom:8px; border:1px solid #e0e0e0; color: #313131; padding: 0 5px; line-height: 35px;}
.case-ul .curr{ background: #034a9a; border:1px solid #034a9a; color: #fff;}
.case-ul a:nth-child(3n){ margin-right: 0;}
.saixuan{ text-align: center; margin-bottom: 25px;}
.saixuan span{ display: none;}

.saixuan a{display: inline-block; line-height: 35px; border: 1px solid #094e9c; color: #094e9c; padding: 0 5px; font-size: 12px;}
.saixuan .curr{ background: #094e9c; color: #fff;}
.saixuan a:first-child{ display: none;}
.saixuan a:last-child{border-left: 0;}
.show-case{ overflow: hidden; padding: 0 15px; }
.show-case ul{ overflow: hidden; }
.show-case ul li{  margin-bottom: 15px; text-align: left; }
.show-case ul li .overimg{ height: 75vw; position: relative;}
.show-case ul li .overimg a{ display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.show-case ul li  b{ display: block; font-weight: 700; font-size: 16px; margin-bottom: 5px; color: #313131;}
.show-case ul li  p{ color: #999; border: 1px solid #efefef; padding-top: 10px; text-align: right;}
.show-case ul li  p em{ font-style: normal; padding: 10px; padding-top: 0px; display: block;border-bottom: 1px solid #efefef; text-align: left; } 
.show-case ul li  p a{ display: inline-block; padding:0 10px;  color: #999; background: #e0e0e0; border-radius: 20px; line-height: 25px; margin: 15px;}
.proli ul{ display: flex;    flex-wrap: wrap; padding: 15px;}
.proli ul li {
    margin-right: 7px;
  
    color: #fff;
    width: calc((100% - 14px)/2);
    margin-bottom: 15px;
}
.casetips{ color: #999; font-size: 12px; margin-bottom: 15px;}
.proli ul li:nth-child(2n){ margin-right: 0; margin-left:7px;}
.proli ul li  img{ height: 160px; max-width: 100%; width:auto; display: block; margin: auto; margin-bottom: 5px;}
.proli ul li p{ background: #004899; color: #fff; line-height: 35px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 3px;}
.show-news li{ padding:10px 15px; text-align: left;}
.show-news li b{ font-weight: 500; line-height: 1.25; display: block; font-size: 15px; margin-bottom:5px;}
.show-news li  p{ font-size: 12px; color: #999;}
.show-news li:nth-child(2n){ background: #efefef;}
.m-home-name{ padding:20px 0; text-align: center; font-size: 14px; color: #999; font-weight: 300;}
.m-home-name b{ font-size:21px; display: block; font-weight: 700; color: #313131;}
.m-prolist{ padding: 15px; display: flex; flex-wrap: wrap; padding-bottom: 0;}
.m-prolist li{ width:calc((100% - 15px)/2); margin-bottom: 15px; margin-right: 15px;}
.m-prolist li:nth-child(2n){ margin-right: 0;}
.m-prolist li .home-pro-over{ height:45vw ; overflow: hidden; display: flex;align-items: center;
    justify-content: center;}
.m-prolist li p{ background: #efefef;  color: #999; font-size: 14px; font-weight: 400; line-height: 35px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; display: block; text-align: center;}
.more-btn a{ display: inline-block; line-height: 45px; border:1px solid #313131; margin: 25px auto; padding: 0 15px; padding-right: 10px; color: #313131; letter-spacing: 5px;}
.more-btn{ text-align: center;}
.m-home-2{ text-align: center; height: 100vw;  padding:45px 15px; background: url(/img/about-bg.jpg) no-repeat center center; text-align: left; background-size: cover; color: #fff; position: relative;}
.m-home-2 .mast,.m-home-4 .mast{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); display: block; z-index: 3;}
.bd2-content p{ font-size:24px; text-align: center; font-weight: 500; display: block; margin-bottom: 10px;}
.bd2-content{ position: absolute;top: 50%; left: 15px; right: 15px; transform: translateY(-50%); z-index:4; color: #fff; line-height: 2; font-size: 15px;}
.m-home-2 .more-btn a,.m-home-4 .more-btn a{ color: #fff; border:1px solid #fff}
.m-home-4{ text-align: center; height: 100vw;  padding:45px 15px; background: url(/UploadFiles/K132700309776721.jpg) no-repeat center center; text-align: left; background-size: cover; color: #fff; position: relative;}
.m-home-4 .more-btn{ position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); z-index: 9; left: 0;}
.m-home-4 .m-home-name,.m-home-4 .m-home-name b{ color: #fff; position: relative; z-index: 9;}
.yinwen{ display: none;}
.abouttips{ margin-top: -20px; margin-bottom: 20px; color: #034a9a; text-align: center;}
.abouttips i{ display: inline-block; line-height: 35px; border: 1px solid #034a9a; padding: 0 10px;}
.proli{text-align: center;}
.rylm{ display: inline-block; padding: 0 15px; margin: auto; font-size: 18px; font-weight: 700; position: relative;}<!--0.00012302398681641-->