.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%;}


/*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 #0158a2;border:1px solid #0158a2;}
.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: 22px;}
.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 #0158a2;}
.busuness .swiper-wrapper,.busuness .swiper-slide{height:100% !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%;height: 500px;}

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


/*手机端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 !important;height:30px !important;}
.video-box .aboutVideo{display:none;}


/*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;text-align:left;}
.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;}


/*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:#0158a2;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:100%;padding-left:4%;margin:4px 0;line-height:20px;}
.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;}
.sxNav{width:20%!important;}

}