@charset "utf-8";
/* CSS Document */

.Section-abj{ width: 100%; background-color: #fff}
.Section-ac{ width: 1200px; margin: 0 auto; overflow: hidden;}
.Focus-News{ width: 100%; margin: 40px 0 40px 0; overflow: hidden;}
.Focus{ width: 626px; height: 373px; float: left; overflow: hidden;}
.News{ width: 535px; height: 373px; float: right; overflow: hidden;}

.picScroll-left{ width: 100%;position: relative; overflow: hidden; }
.picScroll-left .bd{ width: 100%; }
.picScroll-left .bd ul{ width: 100%; }
.picScroll-left .bd ul li{width: 100%;height: 373px;}
.picScroll-left .bd ul li a{ width: 100%; height: 100% ; display: block; position: relative; overflow: hidden; }
.picScroll-left .bd ul li a img{ width: 100%; height: 373px;object-fit: cover;}
.picScroll-left .bd ul li a .zhe{width: 100%; height: 60px ; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.4),rgba(0,0,0,0)) ;position: absolute; left: 0;bottom: 0; overflow: hidden;}
.picScroll-left .bd ul li a .zhe h3{ width: 450px; height: 60px; line-height: 60px;text-align: left ;font-size: 18px; color: #fff ;white-space: nowrap;text-overflow: ellipsis;padding-left: 30px; overflow: hidden;}
.picScroll-left .hd{ width:600px; position: absolute; left: 0;bottom: 16px ;text-align: right;}
.picScroll-left .hd li{ width: 12px; height: 12px; background-color: #fff; display: inline-block; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; font-size: 0 ; margin-left: 7px; }
.picScroll-left .hd li.on{background-color: #1146a9;}

.picScroll-left .hd .next{ width:36px; height:50px; background: rgba(0, 0, 0, 0.1); background-color: #000; opacity: 0.1; background-image: url(../images/jt2.png); background-repeat: no-repeat; background-position: center center; position:absolute;right:-26px;top:-180px; cursor:pointer; z-index:9 ;display: block ;}
.picScroll-left .hd .prev{width:36px; height:50px;  background: rgba(0, 0, 0, 0.1);  background-color: #000;opacity: 0.1; background-image: url(../images/jt1.png); background-repeat: no-repeat; background-position: center center; position:absolute;left:0;top:-180px; cursor:pointer; z-index:9 ;display: block;}
.picScroll-left .hd .next img{display: block ; margin: 0 auto; margin-top: 14px;}
.picScroll-left .hd .prev img{display: block ; margin: 0 auto; margin-top: 14px;}
.picScroll-left .hd .next:hover{opacity: 0.7;}
.picScroll-left .hd .prev:hover{opacity:  0.7;}


.tit-box{ width: 100% ;height: 48px; border-bottom: 1px solid #eee ; position: relative;}
.tit-box h4{min-width: 90px; font-size: 22px; color: #999 ;float: left; height: 48px;line-height: 28px; position: relative;margin: 0 20px 0 0 ;cursor: pointer;}
.tit-box h4 i{ width: 62px; height: 2px;display: block ;background: url(../images/onx.png) no-repeat; position: absolute; left: 0;bottom: -1px;display: none}
.tit-box h4.on{color: #3c3c3c}
.tit-box h4.on i{display: block}
.tit-box a{font-size: 16px; color: #b3b3b3 ;position: absolute; right: 0 ;top: 4px}

.news-list{ width: 100%; overflow: hidden;}
.news-list ul{  width: 100%;}
.news-list ul li{ width: 100%; height: 53px;position: relative; border-bottom: 1px dashed #eee}
.news-list ul li a{ width: 420px;height: 53px; line-height: 53px; float: left;font-size: 16px; color: #1a1a1a; white-space: nowrap; text-overflow: ellipsis ;position: relative; padding-left: 20px;  overflow: hidden;}
.news-list ul li a i{ width: 6px; height: 7px;display: block ; background: url(../images/d1.png) no-repeat; position: absolute; left: 0;top: 23px }
.news-list ul li span{ width: 80px;height: 53px; line-height: 53px; float: right;text-align: right;font-size: 14px; color: #959595; }
.news-list ul li:hover a{color: #214a9a; text-decoration: none; }
.news-list ul li:hover a i{background: url(../images/d2.png) no-repeat;}
.news-list ul li:hover span{color: #214a9a; }

.special-box{ width:  100% ;margin-bottom: 51px; overflow: hidden;}
.bt-box{ width: 100%; height: 24px; background: url(../images/btx.png) no-repeat 128px 12px }
.bt-box h3{line-height: 24px; font-size: 24px ;font-weight: bold;color: #333 ;/*background-color: #fff ;*/padding-right: 10px;display: inline-block}

.video_item {
    width: 100%;
    height: 260px;
    margin-top: 35px;
}
.video_item video {
    outline: none;
    width: 376px;
    height: 260px;
}

.picScroll-left2{ width: 100%; height: 400px; position: relative;margin: 39px 0 0 0; overflow: hidden; }
.picScroll-left2 .bd{ width: 100%; }
.picScroll-left2 .bd ul{ width: 100%; }
.picScroll-left2 .bd ul li{width: 289px;height: 400px;float: left;margin: 0 15px 0 0}

.picScroll-left2 .bd ul li a{ width: 48px; height: 48px; display: block; position: relative; overflow: hidden; }
.picScroll-left2 .bd ul li a img{ width: 100%; height: 400px;}
.picScroll-left2 .hd{ width:100%; position: absolute; left: 0;top: 0 ;}
.picScroll-left2 .hd .next{ width:28px; height:60px; background: rgba(255, 255, 255, 0.1); background-image: url(../images/jt2.png); background-repeat: no-repeat; background-position: center center; position:absolute;right:0;top:170px; cursor:pointer; z-index:9 ;display: block;opacity: 0.2;}
.picScroll-left2 .hd .prev{width:28px; height:60px;  background: rgba(255, 255, 255, 0.1); background-image: url(../images/jt1.png); background-repeat: no-repeat; background-position: center center; position:absolute;left:0;top:170px; cursor:pointer; z-index:9 ;display: block;opacity: 0.2;}
.picScroll-left2 .hd .next:hover{ background: rgba(17, 70, 169, 0.7); background-image: url(../images/jt2.png); background-repeat: no-repeat; background-position: center center;opacity: 0.7;}
.picScroll-left2 .hd .prev:hover{ background: rgba(17, 70, 169, 0.7); background-image: url(../images/jt1.png); background-repeat: no-repeat; background-position: center center;opacity: 0.7;}


.zw-box{ width: 100% ;height: 324px; margin-bottom: 47px; overflow: hidden;}
.zw-box .sw-l{ width: 376px; float: left;}
.zw-box .sw-c{ width: 376px; float: left;margin-left: 35px;}
.zw-box .sw-r{ width: 376px; float: right;}

.tit-box2{ width: 100% ;height: 48px; border-bottom: 1px solid #eee ; position: relative;margin: 35px 0 0 0}
.tit-box2 h4{min-width: 90px; font-size: 20px; color: #999 ;float: left; height: 48px;line-height: 28px; position: relative;margin: 0 20px 0 0 ;cursor: pointer;}
.tit-box2 h4 i{ width: 62px; height: 2px;display: block ;background: url(../images/onx.png) no-repeat; position: absolute; left: 0;bottom: -1px;display: none}
.tit-box2 h4.on{color: #3c3c3c}
.tit-box2 h4.on i{display: block}
.tit-box2 a{font-size: 16px; color: #b3b3b3 ;position: absolute; right: 0 ;top: 4px}
.tit-box a:hover{color: #1146a9}
.tit-box2 a:hover{color: #1146a9}
.ddstyle ul li a i{width: 2px; height: 2px;display: block ; background: url(../images/d1.jpg) no-repeat; position: absolute; left: 0;top: 23px }
.ddstyle ul li a{padding-left: 12px}
.ddstyle ul li:hover a i{ background: url(../images/d2.jpg) no-repeat;}


.Section-bbj{ width: 100% ;background: url(../images/bkb-bj.jpg) no-repeat left top; overflow: hidden;}
.Section-bc{ width: 1200px; margin: 0 auto ; padding: 62px 0 55px 0; overflow: hidden;}
.zhut-box{ width: 1140px; padding: 0 30px; height: 295px ;background-color: #fff ; overflow: hidden; margin: 42px 0 38px 0;}

.tit-box3{ width: 100% ;height: 44px; border-bottom: 1px solid #eee ; position: relative;margin: 25px 0 0 0}
.tit-box3 h4{line-height: 44px ;height: 44px;}
.tit-box3 a{top: 12px}



.picScroll-left3{ width: 100%; height: 160px; position: relative;margin: 30px 0 0 0; overflow: hidden; }
.picScroll-left3 .bd{ width: 1068px;margin: 0 auto; overflow: hidden;}
.picScroll-left3 .bd ul{ width: 100%;height: 160px;  padding: 10px 0 0 0 !important}
.picScroll-left3 .bd ul li{width: 110px; height: 160px; float: left;text-align: center; margin: 0 28px 0 0}
.picScroll-left3 .bd ul li a{ width: 100%;display: block; position: relative; overflow: hidden; }
.picScroll-left3 .bd ul li a .tu-box{ width: 96px; height: 96px; text-align: center; background: url(../images/ty1.png) no-repeat; border-radius:96px; overflow: hidden; -webkit-border-radius:96px; -moz-border-radius:96px; -ms-border-radius:96px; -o-border-radius:96px; display: inline-block; }
.picScroll-left3 .bd ul li a .tu-box img{ width: 40px; height: 40px;margin-top: 28px}
.picScroll-left3 .bd ul li a  h3{ width: 100%;height: 44px; text-align: center; line-height: 22px ;font-size: 18px; color: #3c3c3c ; margin-top: 10px; overflow: hidden;display: flex; align-items: center; justify-content: center;}
.picScroll-left3 .hd{ width:100%; position: absolute; left: 0;top: 0 ;}
.picScroll-left3 .hd .next{ width:28px; height:60px; background: rgba(170, 170, 170, 0.3); background-image: url(../images/jt2.png); background-repeat: no-repeat; background-position: center center; position:absolute;right:0;top:40px; cursor:pointer; z-index:9 ;display: block ;}
.picScroll-left3 .hd .prev{width:28px; height:60px;  background: rgba(170, 170, 170, 0.3); background-image: url(../images/jt1.png); background-repeat: no-repeat; background-position: center center; position:absolute;left:0;top:40px; cursor:pointer; z-index:9 ;display: block;}
.picScroll-left3 .hd .next:hover{ background-color: #eee; background-image: url(../images/jt2-1.png); background-repeat: no-repeat; background-position: center center;}
.picScroll-left3 .hd .prev:hover{ background-color: #eee; background-image: url(../images/jt1-1.png); background-repeat: no-repeat; background-position: center center;}
.picScroll-left3 .bd ul li:hover a  h3{color: #416bba ;text-decoration: underline}
.picScroll-left3 .bd ul li:hover a .tu-box{box-shadow: 0 4px 6px 3px #e1ebfd; background: url(../images/ty2.png) no-repeat;  }


.kp-box{ width: 100% ; overflow: hidden;}
.kp-box .kp-l{ width: 568px;  height: 510px ; padding: 0 30px; background-color: #fff ;float: left; overflow: hidden;}
.kp-box .kp-r{ width: 472px;  height: 510px ; padding: 0 30px; background-color: #fff ;float: right; overflow: hidden;}
.kp-box .kp-l .tw-box{ width: 100%; border-bottom: 1px solid #e5e5e5 ; padding: 28px 0 27px 0; overflow: hidden;}
.kp-box .kp-l .tw-box a{width: 100%; display: block}
.kp-box .kp-l .tw-box .tu{ width: 200px; height: 120px; float: left;}
.kp-box .kp-l .tw-box .trb{ width: 348px; float: right;}
.kp-box .kp-l .tw-box .trb h3{width: 100% ; height: 48px; line-height: 24px; font-size: 18px;color: #1a1a1a;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-bottom: 16px; overflow: hidden;}
.kp-box .kp-l .tw-box .trb p{width: 100% ; height: 48px; line-height: 24px; font-size: 14px;color: #858585;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;  overflow: hidden;}
.kp-box .kp-l .tw-box a:hover .trb h3{color: #416bba}

.news-list3 ul{padding: 9px 0 0 0}
.news-list3 ul li{height: 44px;}
.news-list3 ul li a{ width: 420px; height: 44px ;line-height: 44px;font-size: 16px;color: #3c3c3c}
.news-list3 ul li span{width: 90px;height: 44px ;line-height: 44px ;font-size: 14px; color: #858585 ;float: right;margin: 0}
.news-list3 ul li a i{top: 18px}

.news-list4 ul{padding: 14px 0 0 0}
.news-list4 ul li{height: 53px;}
.news-list4 ul li a{ width: 450px; height: 53px ;line-height: 53px;font-size: 16px;color: #3c3c3c}
.news-list4 ul li a i{top: 23px}

.viod-box{width: 100%; height: 266px; margin: 17px 0 0 0 ;position: relative; overflow: hidden;}
.viod-box .viod{width: 100%; height: 266px;}
.viod-box .zhe{ width: 100%;height: 36px;text-align: center; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.4),rgba(0,0,0,0));
    position: absolute;left: 0; bottom: 0;display: none}
.viod-box .zhe h3{font-size: 18px; color: #fff}
.viod-box:hover .zhe{display: block}


.Section-cbj{ width: 100% ; background-color: #fff ; overflow: hidden;}
.Section-cc{ width: 1200px; margin: 0 auto ; padding: 54px 0 56px 0; overflow: hidden;}
.interaction-box{width: 100% ;padding: 43px 0 0 0; overflow: hidden;}
.interaction-box .inter-l{ width: 806px; float: left; height: 322px ; overflow: hidden;}
.interaction-box .inter-r{ width: 345px; float: right;height: 322px ; overflow: hidden;}
.interaction-box .inter-r .zx{width: 100% ; height: 96px;margin-bottom: 18px}


.tit-box4{height: 36px;margin: 0}
.tit-box4 h4{height: 36px; line-height: 22px;margin: 0 30px 0 0}
.wenda{ width: 100% ;}
.wenda ul{ width: 100% ;}
.wenda ul li{ width: 100% ; border-bottom: 1px dashed #e5e5e5;}
.wenda ul li a{width: 100% ; display: block ; padding: 16px 0 ; overflow: hidden;}
.wenda ul li a .wen{ width: 100%; height: 24px}
.wenda ul li a .wen img{ width: 24px; float: left;}
.wenda ul li a .wen h3{ width: 752px; height: 24px ; line-height: 24px; float: left; margin-left: 12px;font-size: 18px; color: #3c3c3c; white-space: nowrap;text-overflow: ellipsis; margin-bottom: 14px; overflow: hidden;}
.wenda ul li a .da{ width: 100%; height: 24px}
.wenda ul li a .da h3{ width: 742px; height: 24px ; line-height: 24px; float: left; margin-left: 12px;font-size: 16px; color: #858585; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.wenda ul li a .da img{ width: 24px; float: left;}
.wenda ul li a:hover .wen h3{color: #1146a9}

.kp-r .qhb{ height: 405px; overflow: hidden;}

/* 业务领域 */
.service { width:1200px; margin: 0 auto; padding: 50px 0 50px;}
.serviceTitle { text-align: center; margin-bottom: 30px;}
.serviceTitle p { font-weight: bold; font-size: 24px; color: #333333; line-height: 42px; margin-bottom: 10px;}
.serviceTitle span { display: block; font-size: 18px; line-height: 24px; color: #666666;}
.service ul { overflow: hidden;}
.service li { overflow: hidden; position: relative; float: left; width: 24.5%; margin-right: 0.625%;}
.service li:last-child { margin-right: 0;}
.serviceTxt {transition: all 0.5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 60px 12% 0;}
.service li p { font-size: 20px; font-weight: bold; line-height: 26px; margin-bottom: 10px; color: #ffffff;}
.service li img { transition: all 1s; display: block; width: 100%; height: 100%; object-fit: cover;}
.service li span { position: relative;display: block; font-size: 14px; opacity: 0.6; line-height: 18px; color: #ffffff;}
.service li a.serviceEnter { overflow: hidden; position: absolute; bottom: -190px; transition: all 0.5s; background: #095DA2;}
.service li a.serviceEnter i { z-index: 2; position: relative; float: left; display: block; background: url(../images/moreRight.png) center no-repeat; width: 48px; height: 48px;}
.serviceEnter b { transition: all 0.5s; opacity: 0; position: absolute; left: 0; width: 0; text-align: center; display: block; line-height: 48px; color: #ffffff; font-size: 14px; padding: 0;}
.service li:hover a.serviceEnter { padding-left: 136px;}
.service li:hover .serviceEnter b{ width: 136px; opacity: 1;}
.service li:hover .serviceTxt { background: rgba(9,93,162,.7);}
.service li:hover img { transform: scale(1.2);}


@media(max-width:1000px){
.banner{
    top:60px;
}
.bannernewbox{
    width: 100%;
    padding: 20px 0;
    margin: 0 0 50px 0;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 0.5rem;
}
.swiper-container-bnews{
    width: 100%;
    height: 30px;
}
.swiper-container-bnews .titbox{
    width: 100%;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
}
.swiper-pagination-bnews{
    display: none;
}
.swiper-container-bnews .newstime{
    display: none;
    font-size: 14px;
}

.Section-ac{
    width: 92%;
}
.Focus{
    width: 100%;
    height: 55vw;
    max-height: 352px;
}
.picScroll-left .hd{
    width: 98%;
}
.picScroll-left .bd ul li{
    width: 100%;
    height: 55vw;
    max-height: 352px;
}
.picScroll-left .bd ul li a{
    width: 100%;
    height: 55vw;
    max-height: 352px;
}
.picScroll-left .bd ul li a .zhe h3{
    width: 80%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 16px;
    color: #fff;
    padding-left: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.picScroll-left .bd ul li a img{
    width: 100%;
    height: 55vw;
    max-height: 352px;
    object-fit: cover;
}
.picScroll-left .hd .prev{
    top:-100px;
}
.picScroll-left .hd .next{
    right: -8px;
    top:-100px;
}
.picScroll-left .hd li{
    width: 7px;
    height: 7px;
}

.News{
    width: 100%;
    height: auto;
    margin-top: 30px;
}
.news-list ul li{
    height: 47px;
}
.news-list ul li a{
    width: 70%;
    height: 47px;
    line-height: 47px;
}
.news-list ul li span{
    width: 23%;
    height: 47px;
    line-height: 47px;
}
.tit-box{
    height: 40px;
}
.tit-box a{
    font-size: 14px;
}
.tit-box h4{
    min-width: 0;
    font-size: 16px;
    color: #999;
    float: left;
    height: 40px;
    line-height: 28px;
    position: relative;
    margin: 0 10px 0 0;
    cursor: pointer;
}

.serviceTitle p{
    font-size: 22px;
    line-height: normal;
}
.service { 
    width: 92%;
    padding: 35px 0 35px;
}
.service ul {
    overflow-x: auto;
    white-space: nowrap;
}
.service ul li {
    float: none;
    display: inline-block;
    width: 200px;
    vertical-align: top;
}
.picScroll-left2 .bd ul li{
    width: 100%;
    height: auto;
    float: left;
    margin: 0
}
}