.news{padding:3% 0;}
.scope {padding:5% 0;}

/* banner */
.device{position: relative;}
.device .arrow-left{position: absolute;top: 45%;left: 6%;z-index: 500;}
.device .arrow-left:hover .arr1s{display: block;}
.device .arrow-left:hover .arr1{display: none;}
.device .arrow-right{position: absolute;top: 45%;right:6%;z-index: 500;text-align:right;}
.device .arrow-right:hover .arr2s{display: block;}
.device .arrow-right:hover .arr2{display: none;}
.device .swiper-wrapper,.device .swiper-slide{height:100% !important;}
.device .swiper-wrapper img{width:100%;}
.device .swiper-pagination{text-align: center;position: absolute;bottom: 18px;width: 100%;z-index:100;}
.device .swiper-pagination .swiper-pagination-switch{display: inline-block;width: 12px;height: 12px;border-radius: 50%;background: #fff;margin-right: 5px;border: 1px solid #076baf;cursor: pointer;margin-right: 12px;}
.device .swiper-pagination .swiper-active-switch{width:60px;border-radius:40px;}

/*业务范围*/
.newContent {margin-top:40px;}
.yezx_ul li{width: 33%; float: left; margin-bottom: 30px; padding: 0 20px;  box-sizing: border-box; border-right: 2px solid #bfd3e3;}
.yezx_ul li>img{    width: 100px;height: 100px;float: left;transition:all .7s;}
.yezx_div{    float: left; margin-left: 30px; height: 100px;}
.yezx_div>p{    font-size: 20px; color: #8d8d8d;  line-height: 32px; margin-bottom: 20px;}
.yezx_div span{    float: left;}
.value_text{    font-size: 18px;float: left; padding-top: 16px; color: #333;}
.value,.value2,.value3{font-size: 40px;float: left;   font-weight: bold;}
.value{color: #29c0e6;}
.value2{color: #28c886;}
.value3{ color: #f5831e;}
.yezx_ul li:last-child {border-right:0;}
.yezx_ul li:hover img{transform:rotate(180deg);}


/*business*/
.shouyeBusiness {}
.shouyeBusiness li{float:left;width:25%;padding:30px;box-sizing:border-box;border:1px solid #e4e4e4;}
.shouyeBusiness li .titleBus{margin-bottom:12px;}
.shouyeBusiness li .titleBus a{font-size:26px;color:#333;font-weight:550;}
.shouyeBusiness li>p{font-size:16px;color:#333;opacity:0.8;line-height:28px;margin-top:10px;margin-bottom:24px;}
.shouyeBusiness li:hover {background:url(/uiFramework/commonResource/image/2021060210281834795.jpg) no-repeat center #00539b;}
.shouyeBusiness li:hover .titleBus a, .shouyeBusiness li:hover p{color:#fff;}


/*news*/
.latNewsBox h3{font-size: 2.75rem;color: #333;padding-bottom: 3%;}
.latNewsBox .latList{margin-left: -2%;}
.latNewsBox .latList .latme1{width: 64.6%;height: 540px;position: relative;}
.latNewsBox .latList .latme1 img{width: 100%;height: 540px !important;object-fit: cover;-webkit-transition: all 1s linear;  transition: all 1s linear;}
.latNewsBox .latList .latme1 .latmeBg1{position: absolute;bottom: 0;width: 100%;padding: 6%; height: 240px;box-sizing: border-box;background: url(/uiFramework/commonResource/image/2020092314494834532.png) no-repeat center;border:none;}
.latNewsBox .latList .latme1 .latmeBg1 .latTitle{margin-bottom: 2%;}
.latNewsBox .latList .latme1 .latmeBg1 .latTitle a{font-size: 1.5rem;color: #fff;line-height: 36px;}
.latNewsBox .latList .latme1 .latmeBg1 .latSummary>p{color: #fff;opacity: 0.8;line-height: 32px;}
.latNewsBox .latList li{width: 31.3%;margin-left: 2%;margin-bottom:2%;float: left;-webkit-transition: all .2s linear;  transition: all .2s linear;}
.latNewsBox .latList li .latImg{font-size: 0;overflow:hidden;}
.latNewsBox .latList li .latImg img{width: 100%;height: 300px;object-fit: cover;}
.latNewsBox .latList li .latBg{ border:1px solid #e3eff5;border-top:1px solid transparent;padding: 6%;transition: all 1s; height: 240px;box-sizing: border-box;}
.latNewsBox .latList li .latBg .latTitle{margin-bottom: 2%;}
.latNewsBox .latList li .latBg .latTitle a{transition: all 1s; font-size: 1.5rem;color: #333;line-height: 36px;}
.latNewsBox .latList li .latBg .latSummary{position: relative;}
.latNewsBox .latList li .latBg .latSummary p{font-size: 16px;color: #999;line-height: 32px;width: 75%;}
.latNewsBox .latList li .latBg .latSummaryImg{transition: all 1s; position: absolute;bottom: 6px;right: 0;z-index: 1;width: 62px;height: 42px;background: url(	
/uiFramework/commonResource/image/2020092314491691522.png) no-repeat center;}
.latNewsBox .latList li .latBg .latSummaryImg a{display:block;width:100%;height:100%;}
.latNewsBox .latList li:hover .latBg{background: url(/uiFramework/commonResource/image/2020092314493740224.jpg) no-repeat center #0474d0;border:1px solid #0474d0;}
.latNewsBox .latList li:hover .latBg .latTitle>a{color: #fff;}
.latNewsBox .latList li:hover .latBg .latSummary>p{color: #fff;opacity: 0.7;}
.latNewsBox .latList li:hover .latBg .latSummaryImg{background: url(/uiFramework/commonResource/image/2020092314492193814.png) no-repeat center;}
.latNewsBox .latList li:hover{box-shadow:0 15px 30px rgba(0,0,0,.2); filter: progid:DXImageTransform.Microsoft.Shadow(color='#cdcdcd', Direction=155, Strength=5);/*for ie6,7,8*/ -webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0);}
.latNewsBox .latList li img{width:100%;}
.latNewsBox .latList li:hover .latmeBg1{background: url(/uiFramework/commonResource/image/2020092314494834532.png) no-repeat center;border:none;}
.latNewsBox .latList .latme1:hover  img{transform:scale(1.1)}

#cideo{width:100%;height:500px;object-fit: fill}

/* Scope Of Business */
.busList{border-bottom: 2px solid #e3eff5;}
.busList>li{box-sizing: border-box;padding-right: 40px;width:25%;}
.busList>li .blueXian{padding-bottom: 3.625rem;border-bottom: 4px solid transparent;}
.busList>li .busPos{position: relative;overflow: hidden;}
.busList>li .busShow{position: relative;}
.busList>li .busShow img{width:100%;}
.busList>li .busShow p{position: absolute;bottom: 0;left: 0;width: 100%;background: url(/uiFramework/commonResource/image/2020092315441770425.png) no-repeat center;height: 180px;}
.busList>li .busShow p span{color: #fff;font-size: 30px;display: block;margin: 120px 0 0 6%;}
.busList>li .busHide{transition: all 1s;background: url(/uiFramework/commonResource/image/2020102111335837503.png) no-repeat center;padding: 48px 0 0 6%;position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;box-sizing: border-box;}
.busList>li .busHide h4{font-size: 2.5rem;color: #fff;font-weight: 500;}
.busList>li .busHide .busHideList{border-left: 2px solid #d0dce4;padding-left: 20px;margin-top: 36px;}
.busList>li .busHide .busHideList li{margin-bottom: 28px;}
.busList>li .busHide .busHideList li a{font-size: 1.5rem;color: #fff;}
.busList>li:hover .busHide{bottom: 0;}
.busList>li:hover .busShow p{display: none;}
.busList>li:hover .blueXian{border-bottom: 4px solid #0474d0;}
.busuness .swiper-wrapper,.busuness .swiper-slide{height:100% !important;}


/* 视频信息 */
.video-box{position: relative;}
#example_video_1{width: 100%;height: auto;}
.videoBox{background: url(/uiFramework/commonResource/image/2020092717532880243.png) repeat center;position: absolute;bottom: 0;width: 100%;left: 0;z-index: 999;}
.videoBox .videolist{padding: 3% 0;}
.videoBox .videolist li{width: 33.3%;text-align: center;float: left;}
.videoBox .videolist li div{width: 99%;margin: auto;}
.videoBox .videolist li h4{font-size: 3.75rem;color: #fff;display: inline-block;}
.videoBox .videolist li h4 span{font-size: 30px;color: #fff;padding-left: 3px;}
.videoBox .videolist li p{padding-left: 20px;text-align: left;display: inline-block;}
.videoBox .videolist li p span{display: block;font-size: 1.625rem;color: #fff;opacity: .7;font-weight: 500;}
.video-box .vjs-play-progress:before{display:none;}
.video-js .vjs-big-play-button{border:none !important;width:70px !important;height:70px !important;line-height:70px !important;border:none !important;background:rgba(1, 88, 162, 0.8) !important;border-radius:50% !important;}
.vjs-big-play-centered .vjs-big-play-button{margin-top:-35px !important;margin-left:-35px !important;}
.vjs-volume-bar.vjs-slider-horizontal{display:none !important;}



/*手机端1366px*/
@media only screen and (min-width: 100px) and (max-width: 1440px) {
.device .arrowBox a{width: 52px;height:52px;}	

.latNewsBox .latList li .latImg img{height: 222px;}
.latNewsBox .latList .latme1{height:462px}
.latNewsBox .latList .latme1 img{height:462px !important;;}

.busList>li{padding-right:20px;}
.busList>li .busHide h4{font-size: 24px;}
.busList>li .busHide .busHideList li a{font-size: 18px;}
.busList>li .busHide .busHideList{margin-top:20px;}
.busList>li .busHide {padding:24px 0 0 6%}
#example_video_1{width: 100%;}

.suList li .su3Box p img{height:300px;}
.suList li .su3Box{margin-bottom:6%;}
.suList li .suBg a{line-height:300px;}

.shouyeBusiness li{padding:20px;}
}


/*手机端960px*/
@media only screen and (min-width: 100px) and (max-width: 960px) {

}


/*手机端768px*/
@media only screen and (min-width: 100px) and (max-width: 768px) {
/*banner*/
.device .arrowBox img{width:100%;}
.device .arrow-left{left:1rem;}
.device .arrow-right{right:1rem;text-align:right;}
.arrowBox a{width:30px;height:30px;}


/*news*/
.news{padding:20px 0;}
.latNewsBox h3{font-size:18px;padding-bottom:20px;}
.latNewsBox .latList{margin:0;}
.latNewsBox .latList li{width:100% !important;height:auto !important;margin:0 0 1rem 0;}
.latNewsBox .latList li .latBg{padding:1rem 12px;height:auto;}
.latNewsBox .latList li .latBg .latTitle a{font-size:16px;line-height:30px;display:block;}
.latNewsBox .latList li .latBg .latSummary p{font-size:14px;line-height:26px;}
.latNewsBox .latList .latme1 img{height:300px !important;}
.latNewsBox .latList .latme1 .latmeBg1{padding:1rem 12px;height:180px;}

/*video*/
#example_video_1{}
.videoBox{position:static;}
.videoBox .videolist{padding:16px 0;}
.videoBox .videolist li{}
.videoBox .videolist li h4{font-size:18px;margin-bottom:10px;}
.videoBox .videolist li h4 span{font-size:14px;}
.videoBox .videolist li p span{display:block;font-size:14px;line-height:18px;}
.videoBox .videolist li p{padding-left:0;text-align:center;display:block;}
.video-js .vjs-big-play-button{border:none !important;width:50px !important;height:50px !important;line-height:50px !important;}
.vjs-big-play-centered .vjs-big-play-button{margin-top:-25px !important;margin-left:-25px !important;}

/*buess*/
.busuness{overflow:inherit !important;}
.busList>li{margin:0;padding:0;}
.busList>li .busShow img{height:30vh;object-fit:cover;}
.busList>li .busShow p{display:none;}
.busList>li .busHide{background:none;position:static;padding:1rem 0 0 0;}
.busList>li .busHide h4{color:#0474d0;font-size:18px;font-weight:600}
.busList>li .busHide .busHideList{padding-left:0;margin-top:1rem;border-left:4px solid #dde8f2;overflow:hidden;}
.busList>li .busHide .busHideList li{float:left;width:29%;padding-left:4%;margin:4px 0;}
.busList>li .busHide .busHideList li a{color:#999;font-size:14px;}
.busList>li:hover .blueXian{border-bottom:4px solid transparent;}
.busList>li .blueXian{padding-bottom:20px;}

.newContent {margin-top:20px;}

/*business*/
.scope{padding:0 0 1rem 0;}
.yezx_ul li{ padding:0 10px; }
.yezx_ul li>img{       float: none; width: 60%; height: auto; display: block;margin: 0 auto;}
.yezx_div{margin-left: 0;    height: 100%;float: none;    display: inline-block;}
.yezx_div>p{    font-size: 14px;width:78px;margin:8px 0;line-height:20px;   float: none; text-align: center;}
.value, .value2, .value3{    font-size: 16px;text-align:center;width:100%;}
.value_text{font-size: 14px;padding-top:6px;padding-bottom:10px;width:100%;text-align:center;}
.yezx_div span{    float: none;display: block;width: 100%;}
.shouyeBusiness li{width:100%;padding:20px 10px;margin-bottom:1rem;}
.shouyeBusiness li .titleBus{margin-bottom:4px;}
.shouyeBusiness li .titleBus a{font-size:18px;}
.shouyeBusiness li>p{font-size:14px;line-height:20px;margin-bottom:1rem;}
.shouyeBusiness li .titleBusImg img{width:100%;object-fit:cover;}

.device .swiper-wrapper img{height:24vh;object-fit:cover;}
.device .swiper-pagination .swiper-pagination-switch{width:8px;height:8px;margin-right:8px;}
.device .swiper-pagination .swiper-active-switch {width:26px;}
.device .swiper-pagination{bottom:10px;}
}