@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;  background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a{ text-decoration:none;font-family:"Microsoft Yahei";color: #333;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocase=this.blur());}
:focase{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{max-width: 750px;min-width: 320px;width: 100%;margin: 0 auto!important; position: relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}

 
 .btnss {
    position: absolute;
    top: 24%;
    width: 36%;
    height: 76%;
    z-index: 99;
    left: 33%;
}

.btnss a {
    display: block;
    width: 100%;
    height: 100%;
}
/**/

.xinneng .xindlimg dl:nth-child(2) dt span::after,.xinneng .xindlimg dl:nth-child(3) dt span::after {
    width: 8rem;
}

.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
.g-adv .swiper-pagination{bottom: 1.5rem;height: 0.8rem; line-height:0;text-align: center;}
.g-adv .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #fff; width: 0.8rem; height: 0.8rem; margin: 0 0.4rem;border-radius: 0.5rem;box-sizing: border-box;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #0071dc;}


/*yz*/
.tit{font-size: 0;line-height: 0;position: relative;text-align: center;padding-bottom:1.8rem;}
.tit span{ display:block;font-size: 2.5rem;line-height: 2.5rem;  color: #373131;font-weight: bold;}
.tit i{ display: block;font-size: 1.2rem;line-height: 1.2rem;  color: #373131;margin-top: 1.5rem;position: relative;font-family: "DIN1";font-weight: bold;}
.tit p { display: block; color: rgb(55, 49, 49); font-size: 1.25rem; line-height: 1rem; padding: 0.88rem 0px 0px; }
.tit::after { content: ""; background: rgb(0, 77, 161); position: absolute; width: 9.5%; left: 46%; height: 2px; display: block; bottom: 0px; }




.fenye .prev {
    display: inline-block;
    width: 2.9rem;
    height: 1.8rem;
    background: url(../images/qie_left.png) no-repeat;
    background-size: 100%;
}.fenye {
    text-align: center;
    display: block;
    margin-top: 1.8rem;
}

.fenye .next {

       display: inline-block;
    width: 2.9rem;
    height: 1.8rem;
    background: url(../images/qie_right.png) no-repeat;
    background-size: 100%; 
}

.fenye .swiper-pagination {
    position: relative;
    display: inline-block;
    padding: 0 4%;
}

.fenye .swiper-pagination span{background: #004da1;opacity: 1;width: 0.9rem;height: 0.9rem;m;margin: 0 0.8rem;}


.fenye .swiper-pagination span.swiper-pagination-bullet-active {
    background: #ff8600;
}





.kehus ul li {
    float: left;
    width: 23%;
    margin-right: 2.5%;
    margin-bottom: 0.88rem;
}

.kehus ul li img {
    width: 100%;
    border: 1px solid #dddddd;
}

.kehus ul li:nth-child(4n) {
    margin-right: 0px;
}

.jz {
    margin: 0 auto;
    width: 93.33%;
}

.kehus {
    overflow: hidden;
    padding: 4rem 0 3.4rem 0;
}

.kehus .tit:after {
    display: none;
    margin: 0;
    padding: 0px;
}



.pro_ducts {
    background: #f0f2f5;
    padding: 4.4rem 3.335% 4rem 3.335%;
}

.pro_ducts .tit {
    margin-bottom: 1.4rem;
}

.pro_ducts  .proleft {
    margin-bottom: 2rem;
}

.pro_ducts .pro_nav {
    margin-bottom: 0.5rem;
}
.pro_ducts .ul{ overflow:hidden;}
.pro_ducts .pro_nav h3 {
    font-size: 1.55rem;
    color: #fff;
    height: 4.1rem;
    box-sizing: border-box;
    padding: 1rem 12%;
    background: #004da1 url(../images/columns.png) no-repeat 3.6% center;
    background-size: 1.68rem;
}

.pro_ducts .pro_nav h3 a {
}

.pro_ducts .pro_nav ul {
    padding: 1.2rem 0;
    display: none;
}

.pro_ducts .pro_nav ul li {
    background: url(../images/xjt.png) no-repeat 3% center;
    padding: 0.8rem 0;
    float: left;
    width: 46.5%;
    padding-left: 3.5%;
}

.pro_ducts .pro_nav ul li a {
    font-size: 1.3rem;
}

.pro_duct_ul {}

.proright .tit2 {
    color: #004da1;
    font-size: 1.9rem;
    font-weight: bold;
    padding-bottom: 0.7rem;
    margin-bottom: 1rem;
    position: relative;
    border-bottom: 1px solid #d3d7df;
}

.pro_duct_ul dl.pro-item {
    float: left;
    width: 48.5%;
    margin-right: 3%;
}
.pro_duct_ul dl.pro-item:nth-child(2n) {margin-right: 0;}
.pro_duct_ul dl.pro-item dt {
    line-height: 0px;
}

.pro_duct_ul dl.pro-item dt img {
    width: 100%;
height: 11.66rem;
}

.pro_duct_ul dl.pro-item dd {}

.pro_duct_ul dl.pro-item dd span {}

.pro_duct_ul dl.pro-item dd span a {
    color: #666666;
    font-size: 1rem;
    text-align: center;
    display: block;
    padding: 0.7rem 0;
}

.jz2 {
}

.pro_ducts .pro_nav h3 b {
    color: #fff;
}

.pro_ducts .pro_nav.cur h3 {
    background: #ff8600 url(../images/columns.png) no-repeat 3.6% center;
    background-size: 1.68rem;
}

.proright .tit2:after {
    content: "";
    background: #004da1;
    width: 22%;
    height: 3px;
    position: absolute;
    left: 0px;
    bottom: -2px;
}

.pro_ducts .pro_nav.cur ul {display: block;}



.projects {
    padding: 3.6rem 0 4rem 0;
    overflow: hidden;
}

.projects .projcc {
    position: relative;
}

.projects .prjcolumn {
    position: relative;
    width: 100%;
    z-index: 9;
}

.projects .projimgs {
    width: 100%;
    line-height: 0px;
}

.projects .projimgs img {
    width: 100%;
    height: 20rem;
}

.projects .prjcolumn .prj_left {
    float: left;
    width: 100%;
    background: #fff;
    height: 100%;
}

.projects .projimgs  .poss {
    position: relative;
    padding: 1.85rem 3.335%;
}

.projects .projimgs  .desc {
    line-height: 2rem;
    width: 100%;
    color: #333;
}

.projects .projimgs .desc span {
    color: #333;
    font-size: 1.3rem;
    padding-bottom: 1.2rem;
    font-weight: bold;
}

.projects .projimgs .desc p {
    color: #333;
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.projects .prjcolumn .content01 {
    height: 100%;
    position: relative;
}

.projects .prjcolumn .prj_left ul {
    height: 100%;
}

.projects .prjcolumn .prj_left ul li {
    box-sizing: border-box;
    background: #0f49a0;
    float: left;
    width: 25%;
    overflow: hidden;
    text-align: center;
}

.projects .prjcolumn .prj_left ul li.cur {
    background: rgb(255, 134, 0);
}

.projects .prjcolumn .prj_left ul li.cur a {
    color: #fff;
}

i {}

.projects .prjcolumn .prj_left ul li i {
    float: left;
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    line-height: 0;
    margin-right: 4.5%;
    margin-top: 2%;
}

.projects .prjcolumn .prj_left ul li i img {
    width: auto;
    height: 100%;
    transition: all 0.3s linear 0s;
}

.projects .prjcolumn .prj_left ul li span {
    color: #fff;
    font-size: 1.2rem;
    display: block;
    line-height: 3rem;
    border-right: 1px solid rgb(255 255 255 / 10%);
}

.projects .prjcolumn .prj_left ul li.cur a.li {
    background: url(../images/pj_jt3.png) no-repeat right;
    background-size: 1.65rem;
}

.projects .prjcolumn .prj_left ul li.cur span {
    color: rgb(255, 134, 0);
    font-weight: bold;
    color: #fff;
}

.projects .prjcolumn .prj_left ul li.cur i img {
    margin-left: -2.6rem;
}

.projects {
    background: #f0f2f5;
}

.projects .prj_qie {
    position: absolute;
    right: 0px;
    height: 100%;
    width: 4.8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.projects .prj_qie a {
    display: block;
    cursor: pointer;
    margin-bottom: 1rem;
}

.projects .tit {
    margin-bottom: 1.46rem;
}

.projects .prjcolumn .prj_left ul li:nth-child(-n+4) span {
    border-bottom: 1px solid rgb(255 255 255 / 10%);
}


.xinneng {
    padding-top: 4rem;
    position: relative;
    padding-bottom: 18.5rem;
}
.xinneng .tit{ margin-bottom:2rem;}

.xinneng .xin_left {
    float: left;
    width: 100%;
}

.xinneng .xindlimg {
    position: relative;
}

.xinneng .imgs {
    line-height: 0px;
    display: block;
    width: 100%;
    position: relative;
}

.xinneng .imgs img {
    width: 100%;
}

.xinneng .xindlimg dl {
    background: #ff8600;
    width: 93.33%;
    height: 26.8rem;
    position: absolute;
    bottom: -21rem;
    cursor: pointer;
    right: 3.33%;
    box-sizing: border-box;
    padding: 4rem 5.5% 1rem 5.5%;
}

.xinneng .xindlimg dl:nth-child(4) dd p,.xinneng .xindlimg dl:nth-child(1) dd p,.xinneng .xindlimg dl:nth-child(3) dd p ,.xinneng .xindlimg dl:nth-child(5) dd p {
    line-height: 2rem;
}


.xinneng .xindlimg dl dt{
    margin-bottom: 2rem;
}
.xinneng .xindlimg dt span em{
    position: relative;
    z-index: 9;
}
.xinneng .xindlimg dt span {
    float: left;
    display: block;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    position: relative;
    z-index: 99;
}

.xinneng .xindlimg dt img {
    float: right;
    width: 12%;
    margin-right: 5%;
}

.xinneng .xindlimg dd {}

.xinneng .xindlimg dd p {
    color: #fff;
    font-size: 1.2rem;
    opacity: 0.7;
    background: url(../images/tuoyy.png) no-repeat left 0.5rem;
    padding-left: 1rem;
    line-height: 1.78rem;
    margin-bottom: 1rem;
    background-size: 0.5rem;
}

.xinneng .xindlimg dt span:after {
    content: "";
    position: absolute;
    height: 0.6rem;
    width: 100%;
    background: #0056a8;
    bottom: 0px;
    left: 0px;
    z-index: 1;
}

.xin_right {}

.xin_right ul {
    background: #004da1;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
}

.xin_right ul li {
    color: #fff;
    font-size: 1.4rem;
    padding: 1.2rem 0% 1.2rem 0%;
    text-align: center;
    width: 20%;
    position: relative;
}
.xin_right ul li:after{
    content:"";
    position: absolute;
    width: 1px;
    right: 0px;
    top: 0px;
    background: rgb(255 255 255 / 20%);
    height: 100%;
}


.xin_right ul li.cur {
    background: #ff8600;
}


.xuandl {
    width: 100%;
    margin: 0 auto;
    padding: 0px 0;
    overflow: hidden;
}

/* dl 列表样式，设置为弹性布局，让 dt 和 dd 并排 */
.xuandl dl {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    padding: 2.9rem 0 1rem 0;
    position: relative;
}

/* dt 样式，设置图片占比和填充 */
.xuandl dt {
    width: 100%;
}

.xuandl dt img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0.7rem;
}

/* dd 样式，设置内容区域占比、内边距等 */
.xuandl dd {
    width: 100%;
    4%; */
    position: relative;
    margin-top: 2.25rem;
}

/* 标题 tits 样式，设置弹性布局排版标题文字 */
.xuandl .tits {display: block;white-space: nowrap;width: 100%;margin-bottom: 1.7rem;}

.xuandl .tits span {
    width: 3.6rem;
    display: inline-block;
    height: 3.6rem;
    line-height: 3.6rem;
    text-align: center;
    background-color: #004da1;
    color: #fff;
    margin-right: 3%;
    font-size: 2.3rem;
    font-weight: bold;
    float: left;
}

.xuandl .tits p {
    color: #333;
    line-height: 1.9rem;
    white-space: nowrap;
    display: inline-block;
    float: left;
    margin-left: 0px;
}

.xuandl .tits p i {
    font-style: normal;
    font-weight: normal;
    display: block;
    color: #3e3e3e;
    font-size: 1.5rem;
}

.xuandl .tits p em {
    font-size: 1.6rem;
    color: #004da1;
    font-weight: bold;
}

/* dd 内部段落样式 */
.xuandl dd p {
    color: #666666;
    line-height: 2.2rem;
    font-size: 1.4rem;
    display: block;
}

/* 图片列表 ul 样式，弹性布局展示图片 */
.xuandl dd ul {
    display: block;
    width: 100%;
    padding-top: 1.25rem;
    border-top: 1px solid #d8d8d8;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.xuandl  ul li:nth-child(3){ margin-right:0px}
.xuandl  ul li {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.xuandl ul li img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0px;
    max-height: 6.4rem;
}

.xuanze {
    padding: 6rem 0 3.2rem 0;
}



.pro_ject {
    padding: 4rem 0 4rem 0;
}

.pro_ject .tit {
    margin-bottom: 1.9rem;
}

.pro_ject dl {
    width: 100%;
    margin-right: 2%;
    position: relative;
    margin-bottom: 2rem;
}
.pro_ject .ul{ overflow:hidden;}
.pro_ject dl:nth-child(2n) {
    margin-right: 0px;
}

.pro_ject dl dt img {
    width: 100%;
    transition: all .5s linear 0s;
}

.pro_ject dl:hover dt img{transform:scale(1.1)}


.pro_ject dl dt {
    width: 69.5%;
    float: left;
    line-height: 0px;
    overflow: hidden;
}
.pro_ject  dl dd {
    background: #0f49a0;
}
.pro_ject  dl dd em{
   color:#fff;
}
.pro_ject  dl dd p {
    color:#fff;
}

.pro_ject dd {
    position: absolute;
    width: 30.5%;
    background: #f9f9f9;
    height: 100%;
    right: 0px;
}

.pro_ject dd  em {
    display: block;
    font-size: 1.2rem;
    color: #333;
    box-sizing: border-box;
    font-weight: bold;
}

.pro_ject dd  p {
    color: #333;
    font-size: 0.8rem;
    box-sizing: border-box;
    padding: 0 20% 0 14%;
    line-height: 1.3rem;
}

dl.clearfix.dl2,dl.clearfix.dl4 {
    margin-right: 0px;
}

dl.clearfix.dl1,dl.clearfix.dl2 {
    margin-bottom: 2rem;
}

.pro_ject dl dd em {
    padding: 3.2rem 17% 1.4rem 15%;
}

.pro_ject dl.dl4 dd em {
    padding: 1.6rem 3% 1.4rem 15%;
}

.pro_ject dl.dl3 dd em {
    padding: 1.6rem 14% 1.4rem 15%;
}

.pro_ject dl.dl2 dd em {
    padding: 1.6rem 15% 1.4rem 15%;
}


.pro_ject dl dd:after {
    content: "";
    display: block;
    background: url(../images/bofans.png) no-repeat;
    position: absolute;
    bottom: 2.66rem;
    left: 15%;
    width: 2.2rem;
    height: 2.2rem;
    background-size: 100%;
}


.abouts {
    background: #f0f2f5;
    padding: 4.5rem 0 3.5rem 0;
    background-size: auto 100%;
}
.abouts  .tit{ margin-bottom:1.5rem}
.abouts  .abright {
    width: 100%;
    position: relative;
}

.abouts ul li {
    display: block;
    height: auto;
    border-bottom: 1px solid #dddfe1;
    position: relative;
    padding: 1.2rem 0;
    height: 1.4rem;
    padding-right: 9%;
    cursor: pointer;
}

.abouts ul li p {
    display: none;
    line-height: 1.5rem;
}

.abouts ul li span {
    display: block;
    color: #373131;
    font-size: 1.3rem;
    font-weight: bold;
}

.abouts ul li.cur:after {
    content: "";
    background: url(../images/abjt.png) no-repeat;
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 12%;
    right: 0px;
    background-size: 100%;
}

.abouts ul li.cur span {
    color: #0f49a0;
    font-weight: bold;
    padding-bottom: 0.8rem;
}

.abouts ul li.cur p {
    display: block;
    font-size: 1rem;
    color: #666666;
}

.abouts ul li.cur {
    height: auto;
}

.abouts ul {
    display: block;
}

.abouts div.clearfix {
    display: block;
    height: 100%;
}

.ableft a.more {
    background: #ff8600;
    color: #fff;
    position: absolute;
    bottom: 4rem;
    padding: 0.5rem 2%;
    font-size: 1rem;
}

.abouts ul li:nth-child(6) {
    border-bottom: 0px;
}

.abouts .abright img {
    width: 100%;
    line-height: 0px;
}

.abouts .abright .bzpros {
    line-height: 0;
    top: 40%;
    right: 42%;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
    width: 5rem;
    height: 5rem;
}


.bzpros:before,.bzpros:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bzpros:before {
    content: '';
    position: absolute;
    width: 6.5rem;
    height: 6.5rem;
    -webkit-box-shadow: inset #0056a8 0 0 40px;
    box-shadow: inset #0056a8 0 0 40px;
    border-radius: 50%;
    opacity: 0;
    animation: warn2 2s ease-out 0.1s infinite;
}

.bzpros:after {
    content: '';
    position: absolute;
    width: 6.8rem;
    height: 6.8rem;
    -webkit-box-shadow: inset #0056a8 0 0 40px;
    box-shadow: inset #0056a8 0 0 40px;
    border-radius: 50%;
    opacity: 0;
    animation: warn 2s ease-out 1.1s infinite;
}

@keyframes warn2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(0.5);
        transform: translate(-50%, -50%) scale(0.5);
    }
    5% {
        opacity: 1; 
    }
    to {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
    }
}

@keyframes warn {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(0.5);
        transform: translate(-50%, -50%) scale(0.5);
    }
    5% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
    }
}


.abouts .abright .bzpros .bnts {
    background: url(../images/abvideo.png) no-repeat;
     position: relative;
    width:100%;
    height: 100%;
    z-index: 20;
    background-size: 100%;
    display: block;
}

.abouts .desc.jz {
    padding: 1rem 0 0 0;
}
.abouts .desc h3 {
    color: #333;
    font-size: 1.6rem;
    padding-bottom: 2.25rem;
    font-weight: bold;
    text-align: center;
}
.abouts .desc p {
    color: #333;
    font-size: 1.2rem;
    line-height: 2rem;
}
.abouts .desc a.mores {
    background: #ff8600;
    color: #fff;
    padding: 0.5rem 2%;
    font-size: 1.1rem;
    margin: 2.25rem auto 0;
    width: 20%;
    display: block;
    text-align: center;
}






.g_xc2 {
    position: relative;
    margin-bottom: 1rem;
    padding: 2rem 0 2rem 0;
}

.g_xc2 .content {
    overflow: hidden;
    /*! width:80%;*/
}

.g_xc2 .tabs3 {
    text-align: center;
    margin-bottom: 1.2rem;
}

.g_xc2 .tabs3 i {
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    position: absolute;
    left: 0.5rem;
    top: 0.3rem;
    line-height: 0
}

.g_xc2 .tabs3 i img {
    width: 4rem;
    height: 1.9rem;
    display: block;
    transition: all 0.3s linear 0s;
}

.g_xc2 .tabs3 li a {
    display: block;
    float: left;
    line-height: 2.25rem;
    margin-right: 3%;
    padding-left: 3rem;
    font-size: 1.36rem;
    color: #333333;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.g_xc2 .tabs3 li a {
    color: #333333;
    display: block;
}

.g_xc2 .tabs3 .active a {
    color: #fff;
    font-weight: normal;
    background: #0f49a0;
    padding-left: 3rem;
}

.g_xc2 .tabs3 .active i img {
    margin-left: -2rem;
}

.g_xc2 .js-swiper-nest-bas-in {
    position: relative;
    overflow: hidden;
}

.xclst2 li {
    position: relative;
    float: left;
    width: 48%;
    margin-right: 4%;
}

.xclst2 li i {
    display: block;
    width: 100%;
    overflow: hidden;
}

.xclst2 li i img {
    width: 100%;
    display: block;
    transition: all 0.3s linear 0s;
}

.xclst2 li:hover i img {
    transform: scale(1.1);
}

.xclst2 li em {
    display: none;
    height: 3rem;
    line-height: 3rem;
    font-size: 16px;
    color: #3e4354;
    text-align: center;
    width: 100%;
    transition: all 0.3s linear 0s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xclst2 li:hover em {
    color: #40bff0;
}

.g_xc2 .swiper-button-next,.g_xc2 .swiper-button-prev {
    top: 11.5rem;
    cursor: Default;
    overflow: hidden;
}

.g_xc2 .swiper-button-next {
    right: 7%;
}

.g_xc2 .swiper-button-prev {
    left: 9.5%;
}

.g_xc2 .swiper-button-next:hover {
}

.g_xc2 .swiper-button-prev:hover {
}


.g_xc2 .tabs3 li.active {
    background: #0f49a0;
}

.g_xc2 .tabs3 li {
    display: inline-block;
    width: 31.5%;
}

.xclst2 li:nth-child(2n) {
    margin-right: 0px;
}

.newsss {
    background: #f0f2f5;
    padding: 4.5rem 0 3.5rem 0;
}

.newsss .tit {
    margin-bottom: 2rem;
}

.newsss .content01 {
    width: 93.33%;
    margin: 0 auto;
    overflow: hidden;
}

.newsss h3.active a:after {
    content: "";
    background: #0f49a0;
    display: block;
    width: 0.3rem;
    height: 100%;
    top: 0px;
    left: 11%;
    position: absolute;
}

.newsss h3:nth-child(1).active a:after {
    content: "";
    background: #0f49a0;
    display: block;
    width: 0.3rem;
    height: 100%;
    top: 0px;
    left: 2%;
    position: absolute;
}

.news_dl{display:block;width:100%;border-bottom:#e8e8e8 .1rem solid;position:relative}
.news_dl dt{width:100%;line-height:0;overflow:hidden;height: 14rem;}
.news_dl dt img{width:100%;display:block;transition:all .3s linear 0s}
.news_dl dd{width:100%;padding-bottom: 1rem;}
.news_dl dd h5{height: auto;line-height: 1.5rem;overflow:hidden;font-weight:400;}
.news_dl dd span{display:block;font-size: 1.25rem;font-weight: bold;color: #ff8600;}
.news_dl dd em{float: left;font-size: 1.15rem;color: #666666;}
.news_dl dd p{padding: 1rem 0 1.2rem 0;font-size: 1.15rem;color: #666666;line-height: 2rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}
.news01 dl {
    display: block;
    background: #fff;
    box-sizing: border-box;
    padding: 2rem 6% 2rem 6%;
}

.newsss h3 {
    display: inline-block;
    width: 24%;
    text-align: center;
    position: relative;
}

.newsss h3 a {
    font-size: 1.3rem;
    padding-left: 1rem;
    display: block;
    height: 1.3rem;
    line-height: 1.3rem;
}

.newsss h3.active {}

.newsss h3.active a {
    color: #0f49a0;
    font-weight: bold;
}

.newsss .columns {
    margin-bottom: 1.4rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

/**/
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:393px){html{font-size:10.48px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


/****/

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}


@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}


/*表单弹框*/

.nsw-modal {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

.modal-dialog {
    position: absolute;
;
    top: 50%;
    left: 0;
    margin-top: -5rem;
    width: 100%;
    min-height: 10rem;
    color: #000000;
    z-index: 99998;
    overflow: hidden;
}

.modal-dialog .css-icon {
    background-image: url("../images/modal-icons2.png");
    background-size: 3.15rem 7.5rem;
    background-repeat: no-repeat;
}

.modal-dialog .modal-head {
    display: none;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px;
}

.modal-dialog .modal-head .modal-logo {
    width: 15px;
    height: 15px;
    background-position: 1px 0px;
    margin: 8px 5px 0 0;
    float: left;
}

.modal-dialog .modal-head .close {
    float: right;
    width: 15px;
    height: 15px;
    background-position: -14px 0px;
    margin-top: 8px;
}

.modal-dialog .modal-body {
    max-width: 600px;
    min-width: 300px;
    width: 80%;
    margin: 0 auto;
    min-height: 10rem;
    background: #fff;
    border-radius: 10px;
}

.modal-dialog .modal-body .modal-body-left {
    margin: 1.5rem 0 0 4rem;
    float: left;
}

.modal-dialog .modal-body .modal-body-left .icon {
    width: 3.3rem;
    height: 3.2rem;
}

.modal-dialog .modal-body .modal-body-left .success-message {
    background-position: left bottom;
}

.modal-dialog .modal-body .modal-body-left .warming-message {
    background-position: 0px 0;
}

.modal-dialog .modal-body .modal-body-right {
    width: 64%;
    float: right;
    padding-top: 1rem;
}

.modal-dialog .modal-body .modal-body-right .close-btn {
    color: #515567;
    text-align: center;
    display: inline-block;
    height: 2.5rem;
    width: 6rem;
    font-size: 1.1rem;
    line-height: 2.5rem;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.modal-dialog .modal-body .modal-body-right p.msg-title {
    font-weight: bold;
    font-size: 1.3rem;
}

.modal-dialog .modal-body .modal-body-right p.msg {
    font-size: 1.2rem;
    color: #515567;
    margin-bottom: .5rem;
}

.g_xc2 a.mores {
    background: #ff8600;
    color: #fff;
    padding: 0.5rem 2%;
    font-size: 1.1rem;
    margin: 2.25rem auto 0;
    width: 20%;
    display: block;
    text-align: center;
}