.news{padding:3% 0;}
.scope {padding:5% 0;}
.none{display:none;}
.yeWuBox{ background: #eff8ff;padding:0 0 32px 0;}
.newContent_top{padding-top:40px;}
/*第一屏*/
.firstBox{width:100%;background:url(../images/2020121416491348516.jpg) no-repeat;position:relative;}
.listTab{position: absolute;width:100%;bottom:8%;z-index:10;}
.listTab li{width: 25%;float: left;text-align: center;height: 125px;position: relative;}
.listTab li:last-child{}
.listTab:before { position: absolute;top: 84px;right: 0; left: 0; border-top: 2px solid #1570ca; content: '';z-index: 2; width:100%}
.listTab li.on .listTxt:before {position: absolute; top: 84px; right: 0;left: 0;width: 100%;border-top: 2px solid #fff;content: '';z-index: 6;}
.listTab li.on .listXian:after { position: absolute;top: 79px; right: 0;width: 2px; height: 12px;background: #fff;content: '';z-index: 9;transition:all .5s;}
.listTab li.on .listXian:before { position: absolute;top: 79px; left: 0;width: 2px; height: 12px;background: #fff; content: '';z-index: 9;transition:all .5s;}
.listTab li .listTxtHide {display:none;}
.listTab li .listTxt:before{transition:all 1s;}
.listTab li .listTxt{}
.listTab li .listTxt>p{font-size:22px;color:#fff;margin-top:34px;opacity:0.7;transition:all .5s;}
.listTab li .listTxtShow img{opacity:0.6;transition:all .5s;}
.listTab li:hover .listTxt>p{font-size:24px;opacity:1;font-weight:450}
.listTab li:hover .listTxtShow img{opacity:1;transform: scale(0.85);}
.listTab li .listXian{border:none}
.ping{position:absolute;top:0;width:100%;}
.ping li{display:none;}
.ping li:first-child{display:block;}
.ping li.oneVs{ background:url(../picture/pic_video.jpg) center center no-repeat;background-size: 100%;}
.ping li img{width:100%;height:100%;object-fit:cover;}
.ping li video{object-fit:fill;width:100%;}
.aboutVideo{position:absolute;top:50%;left:50%;margin: -24px 0 0 -24px;z-index:99;display:none;transition:all .7s;}
.aboutVideo img{}
.oneVs:hover .aboutVideo{display:block;}
.videoPhoneList{display:none;}



/* banner */
#zhuanti{padding:40px 0;}
.device{position: relative;}
.device .swiper-wrapper,.device .swiper-slide{height:100% !important;}
.device .swiper-wrapper img{width:100%;border-radius:6px;}
.device .swiper-pagination{text-align: center;position: absolute;bottom: 22px;width: 100%;z-index:20;}
.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{background:#076baf;}

/* 定位导航样式 */
.gs_position { width: 100%; height: 90px; background: rgba(147, 137, 137, 0.8); display: none; }
.posCon { width: 1200px; margin: 0 auto; height: 90px; }
.gs_posL { float: left; margin-top: 12px; }
.gs_posR { float: right; }
.gs_posNav { margin-top: 25px; }
.gs_posNav li { margin-left: 40px; float: left; line-height: 40px; }
.gs_posNav li a { cursor: pointer; font-size: 20px; color: #fff;padding-bottom:10px; }





#wrap {width: 1200px;position: relative;margin: 30px auto; }
#showcase {width: 100%;height: 420px;visibility: hidden;overflow: hidden !important;}
#item-title {color: #F31414;font-size: 29px;letter-spacing: 0.13em;text-shadow: 1px 1px 6px #C72B2B;text-align: center;margin-top: 30px;margin-bottom: 22px;}
.cloud9-item p{position: absolute; bottom: 0;width: 100%; color: #fff; background: rgba(0,0,0,.5); text-align: center;}
.cloud9-item p a{    line-height: 40px;font-size: 18px;color: #fff; text-indent: 2rem;}


.port-2{float: left; width: 100%; position: relative; overflow: hidden; text-align: center;    height: 340px;}
.port-2 .text-desc{    background: rgba(69, 95, 173, 0.7); top: -100%; transition: 0.5s; color: #fff; padding: 45px 20px 20px;}
.port-2 .image-box img{    transition: 0.5s;width: 100%; height: 290px; object-fit: cover;    border-radius: 20px;}


.port-2.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-2.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 290px;    border-radius: 20px;}

.image-box h4{ line-height: 50px;font-weight: unset;font-size: 18px;}
.btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #4d92d9; background-color: #4d92d9; text-decoration: none; transition: 0.4s;}
.btn:hover{background-color: transparent; color: #fff; transition: 0.4s;    border: 2px solid #fff;}
.text-desc{position: absolute; left: 0; top: 0;}
.text-desc{height: 100%; width: 100%; padding: 20px;}
.text-desc h3{    color: #fff; font-size: 30px; line-height: 40px; padding-top: 120px;}
.text-desc a{margin-top: 20px;}
.effect-3 p{position: absolute;bottom: 0; width: 100%;color: #fff;  background: rgba(0,0,0,.5);border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.effect-3 p a{    line-height: 40px;font-size: 18px; color: #fff;}
.effect-3:hover p{    display: none;}
.text-desc span{padding: 0 10%;display: block;font-size: 16px;line-height: 30px;text-align: left;}
.yewuBox{ display: none;}



/*手机端1366px*/
@media only screen and (min-width: 100px) and (max-width: 1440px) {
.listTab li .listTxtShow img{width:50px;}
.listTab li .listTxt>p{font-size:18px;}
.listTab:before,.listTab li.on .listTxt:before  {top:70px;}
.listTab li.on .listXian:after,.listTab li.on .listXian:before{top:65px;}
.moneny{height:42px;line-height:42px;}
.moneny .monTitle{font-size:18px;}
.listTab{bottom:8%;}
}

/*ipad ipadPrp*/
@media only screen and (min-width:768px) and (max-width: 1200px) {
.newsTab li a{font-size:16px;}
.newsList li a{max-width:74%;}
.newsTab li{    margin-right: 20px;}
.newsBox .HB .autoPlay li .Title a{    font-size: 14px;}
.newsSum .newSummary{    display: none;}
.newsBox .HB .autoPlay li{    height: 275px;}
.yeWuBox{    padding: 20px 0 20px 0;}
.ywzx span{font-size: 24px;    line-height: 30px;}
.ztzlList .left{    width: 100%;}
.ztzlList .right{    width: 100%;    margin-top: 20px;}
.yewuL{width:100%;}
.yezx_ul li{    margin-bottom: 0px;width: 33%;    text-align: center;}
.yezx_ul li>img{       float: none; width: 50%; height: 50%; display: block;margin: 0 auto;}
.yezx_div{margin-left: 0;    height: 100%;float: none;    display: inline-block;}
.yezx_div>p{    font-size: 16px;margin-bottom:5px;    float: none; text-align: center;}
.yewuR{    width: 100%;}
.ywzx_list{    margin-top: 20px;}
#wrap {display: none;}
.ztzlList{display: block;}
}





/*手机端768px*/
@media only screen and (min-width: 100px) and (max-width: 767px) {
	
	
#ad2,.listTab:before, .listTab li.on .listTxt:before,.listTab:before, .listTab li.on .listTxt:before,.listTab li.on .listXian:after, .listTab li.on .listXian:before,#showcase{display:none !important;}
.newContent_top{padding-top:20px;}
.zhuanti_img,#zhuanti,.tzgg_text .bd{padding:20px 0;}



/*轮播*/
.firstBox,.pingImg img,.ping li video,.pingImga img{height:60vh !important;}
.firstBox{ margin-top:0;}

.listTab{bottom:0;}
.listTab li{
	height: auto;
    min-height: 65px;
	}
.listTab li .listTxtShow{min-height:40px;}
.listTab li .listTxt>p{font-size:13px;margin-top:0;}
.listTab li:hover .listTxt>p{font-size:15px;opacity:1;font-weight:450}
.listTab li .listTxtShow img{width:35px;}
.moneny{    height: 35px; line-height: 35px;}
.comwidth>p{    margin-top: 0px;    margin-left: 12px;    float: left;}
.moneny .monTitle{    font-size: 14px;}

}



.ywzx_list li{ width: 23%; float: left;margin-right: 2.5%;    height: 250px;}
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center;    height: 250px;}
.port-1 .text-desc{    background: rgba(69, 95, 173, 0.7); top: -100%; transition: 0.5s; color: #fff; padding: 45px 20px 20px;}
.port-1 img{    transition: 0.5s;width: 100%; height: 250px; object-fit: cover;    border-radius: 10px;}
.port-1:hover img{transform: scale(1.2);}

.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%;}
.btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #4d92d9; background-color: #4d92d9; text-decoration: none; transition: 0.4s;}
.btn:hover{background-color: transparent; color: #fff; transition: 0.4s;    border: 2px solid #fff;}
.text-desc{position: absolute; left: 0; top: 0;height: 100%; width: 100%; padding: 20px;}
.text-desc h3{    color: #fff; font-size: 30px; line-height: 40px; padding-top:115px;}
.text-desc a{margin-top: 20px;}
.effect-3 p{position: absolute;bottom: 0; width: 100%;color: #fff;  background: rgba(0,0,0,.5);}
.effect-3 p a{    line-height: 40px;font-size: 18px; color: #fff;}
.effect-3:hover p{    display: none;}



.clearfix {
    zoom: 1;
}


@media screen and (max-width: 767px) and (min-width: 500px){
	.firstBox{ margin-top:0;}
	}
	
	
	
@media (max-width: 768px){
	.firstBox .pingImg{ display:none}
	.firstBox .pingImga{ display: block}
	
	}
@media (min-width: 769px){
	.firstBox .pingImg{ display: block}
	.firstBox .pingImga{ display:none}
	}
@media (max-width: 768px){
	.ping li.oneVs{ background:url(../picture/pic_videoa.jpg) center center no-repeat;background-size: 100% 100%;}
	.ping li.oneVs {
    background: url(../picture/pic_videoa.jpg) center center no-repeat;
    background-size: 100%;
}
	}