/*ͨÓÃ*/
.comwrap { position: relative; margin: 0 auto;     width: 100%; max-width: 1522px; }
.fl-l { float: left; }
.fl-r { float: right; }
.d-ib { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.cl-baf { *zoom: 1; }
.cl-baf:after { content: ""; display: block; height: 0; font-size: 0; overflow: hidden; clear: both; }
.clear { display: block; height: 0; font-size: 0; overflow: hidden; clear: both; }
.txtoe { -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.trs2s { -webkit-transition: all 2s; -o-transition: all 2s; transition: all 2s; }
.trs1s { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.trs06s { -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.trs03s { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.trsnone { -webkit-transition: none; -o-transition: none; transition: none; }
.imgha img { max-width: 100%; vertical-align: top; }
.imgwr-il, .imgwr-ilm { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; }
.imgwr-il .img { display: block; width: 100%; }
.imgwr-ilm .img { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; max-width: 100%; max-height: 100%; }
strong { font-weight: 900; }





/*¼ò½é*/
.about-tit { font-size: 22px; color: #4d4d4d; }

.about-js { margin: 60px auto 45px; color: #4d4d4d; }
.about-js .con { margin-top: 16px; font-size: 14px; line-height: 40px; }

.about-gs { margin: 45px auto 60px; }

.about-tc { margin: 60px auto 50px; }
.about-ln, .about-ln .imgwr { position: absolute; top: 0; left: 0; width: 50%; height: 100%; }
.about-ln .conwr { position: absolute; bottom: 0; left: 0; z-index: 2; margin: 0 6.66% 5.83%; width: 86.68%; color: #fff; }
.about-ln .conwr .tit { font-size: 30px; line-height: 50px; }
.about-ln .conwr .con { margin-top: 8.33%; font-size: 16px; line-height: 40px; }
.about-ln .imgwr { z-index: 1; padding-bottom: 0; width: 100%; background-color: #253e77; }
.about-sl { width: 50%; }
.about-sl .conwr { padding: 15% 6.66% 12.5%; color: #fff; background-color: #253e77; }
.about-sl .conwr .list { font-size: 0; }
.about-sl .conwr .col { margin: 0 0 5.77% 4.8%; width: 20.2%; vertical-align: top; }
.about-sl .conwr .tit { font-size: 16px; }
.about-sl .conwr .txt { position: relative; margin-top: 8px; font-family: arial; font-size: 30px; }
.about-sl .conwr .stxt { position: absolute; left: 100%; top: 0; margin-left: 4px; font-size: 12px; }
.about-sl .conwr .con { margin: 5.77% 0 0 4.8%; font-size: 14px; line-height: 40px; }
.about-sl .imgwr { padding-bottom: 52.5%; }
.about-sl .imgwr .img { top: auto; bottom: 0; }

.about-lc { margin: 50px auto 45px; padding-bottom: 50px; border-bottom: 1px solid #e5e5e5; }
.about-lc .main { padding-top: 30px; }
.about-lc .main .row { position: relative; margin-top: 10px; padding-bottom: 70px; color: #4d4d4d; overflow: hidden; }
.about-lc .main .tit { position: absolute; top: -3px; left: 0; font-weight: bold; font-size: 34px; line-height: 46px; }
.about-lc .main .dot { position: absolute; top: 12px; left: 115px; width: 14px; height: 14px; border: 1px solid #4d4d4d; border-radius: 100%; }
.about-lc .main .dot::before { content: ''; position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -2px; width: 4px; height: 4px; background-color: #4d4d4d; border-radius: 100%; }
.about-lc .main .con { margin-left: 160px; font-size: 14px; line-height: 40px; }
.about-lc .main .line { position: absolute; top: 28px; left: 123px; width: 1px; height: 100%; background-color: #4d4d4d; opacity: 0.3; filter: alpha(opacity=30); }

.about-ry { margin: 45px auto 40px; }
.about-ry .about-tit { text-align: center; }
.about-ry .main { margin-top: 30px; }
.about-ry .main .col { position: relative; margin-right: 1.25%; width: 24.0625%; }
.about-ry .main .imgwr { position: relative; padding-bottom: 86.2%; border: 1px solid #f0f0f0; }
.about-ry .main .imgwr::before { content: ''; position: absolute; top: -10%; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #253e77; opacity: 0; filter: alpha(opacity=0); transition: all .3s; }
.about-ry .main .img { max-width: 80%; max-height: 80%; }
.about-ry .main .tit { position: absolute; top: 60%; left: 5%; z-index: 3; margin-top: -11px\9; width: 90%; font-size: 16px; line-height: 22px; text-align: center; color: #fff; opacity: 0; filter: alpha(opacity=0); transform: translate3d(0, -50%, 0); }
.about-ry .main .col:hover { cursor: pointer; }
.about-ry .main .col:hover .imgwr::before { top: 0; opacity: 0.8; filter: alpha(opacity=80); }
.about-ry .main .col:hover .tit { top: 50%; opacity: 1; filter: alpha(opacity=100); }
.about-ry .main .swiper-pagination { position: relative; bottom: 0; margin-top: 25px; font-size: 0; }
.about-ry .main .swiper-pagination-bullet { margin: 0 8px; width: 10px; height: 10px; background: #a0a0a0; opacity: 1; filter: alpha(opacity=100); }
.about-ry .main .swiper-pagination-bullet-active { background: #253e77; }

.about-ly { padding: 55px 0; background-color: #f7f7f7; }
.about-ly .comwrap { background-color: #fff; }
.about-ly .imgbox { position: absolute; top: 0; left: 0; padding-bottom: 0; width: 30%; height: 100%; }
.about-ly .conbox { margin-right: 5%; padding: 35px 0 50px; width: 60.83%; font-size: 0; }
.about-ly .conbox .about-tit { margin-bottom: -15px; }
.about-ly .conbox .row { position: relative; margin-top: 55px; width: 45.5%; vertical-align: top; }
.about-ly .conbox .row-full { width: 100%; }
.about-ly .conbox .marl { margin-left: 9%; }
.about-ly .conbox .txt { position: absolute; top: 0; left: 2px; z-index: 1; font-size: 12px; line-height: 32px; color: #919191; }
.about-ly .conbox .star { font-style: normal; color: #ff0000; }
.about-ly .conbox .inbox { display: block; position: relative; z-index: 2; border-bottom: 1px solid #dfdfdf; }
.about-ly .conbox .intxt { display: block; width: 100%; height: 32px; line-height: 32px; background: none; }
.about-ly .conbox .intxt-ta { min-width: 100%; max-width: 100%; height: 120px; line-height: 24px; }
.about-ly .conbox .btn { margin-top: 35px; width: 45.5%; max-width: 145px; font-size: 14px; line-height: 40px; text-align: center; color: #fff; background-color: #253e77; border-radius: 2px; -webkit-appearance: none; }
.about-ly .conbox .btn:hover { background-color: #192d5f; cursor: pointer; }



.comwrap h2
{
        border-left: 4px #0c659a solid;
    text-indent: 12px;
    background: #e2e2e2;
    height: 35px;
    line-height: 35px;
    
    }