/* ===================================琛屼笟鑱氬悎================================== */
@media (min-width:1281px) and (max-width: 1366px) {

  .bg_F4  .layui-container {
        width:1200px !important;
    }
}
@media (min-width:1367px) and (max-width: 1440px) {
  .bg_F4    .layui-container {
        width:1300px !important;
    }
   
}
@media (min-width:1441px) and (max-width: 1580px) {
   .bg_F4   .layui-container {
        width:1360px !important;
    }
   
}
@media (min-width:1580px) and (max-width: 1700px) {
  .bg_F4    .layui-container {
        width:1400px !important;
    }
    

}
@media (min-width:1700px) and (max-width: 1920px) {
  .bg_F4    .layui-container {
        width:1440px !important;
    }
}
@media (min-width:1920px){
  .bg_F4    .layui-container {
        width:1392px !important;
    }
}
/* ===================================琛屼笟鑱氬悎================================== */
/* banner */
.yun-detail *{box-sizing:border-box;}
.yun-detail{width:100%;background: #151515;padding-top:0.7rem;}
.dtbanner{position: relative;width:100%;height:4rem;}
.detbtm-md{position: absolute;bottom:0px;left:0px;width:100%;height:0.48rem;}
.detbtm-md ul li{width:25%;height:100%;float:left;line-height:0.48rem;-webkit-transition:all 0.4s;transition:all 0.4s;}
.detbtm-md ul li a{
    
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    display: block;
    line-height:0.48rem;
}
.detbtm-md ul li.on{background: #0058b2;}
.detail-info{padding-top:1rem;}
.detail-info h2{
    
    font-size: 32px;
    color: #FFFFFF;
    margin-bottom:0.24rem;
}
.detail-info p{
    
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom:0.4rem;
}
.detail-info a{
    display:block;
    float:left;
    width:136px;
    height:38px;
    line-height: 38px;
    border:1px solid #fff;
    text-align:center;
    font-size: 14px;
    color: #FFFFFF;
    margin-right: 16px;
}
.dtbanner .detail-info  a:hover{background:#fff;color: #21252E;}
.detail-img img{display: block;width:auto;height:auto;float:right;}

@media (min-width:320px) and (max-width:768px){
  .detbtm-md ul li a{font-size:16px!important;}
    /* 涓夌骇banner */
    .yun-detail{margin-top:65px;padding-top:0;background-position:right top!important;}
    .dtbanner{height:4rem;}
    .detail-info{padding-top:1rem;}
    .detail-info h2{font-size:24px;}
    .detail-info p{font-size:18px;}
    .detail-info a{font-size:16px;border: 1px solid #eee;}
}
@media (min-width:320px) and (max-width:600px){
  
}
@media (min-width:769px) and (max-width: 1024px){}

@media (min-width:1025px) and (max-width: 1280px){}

@media (min-width:1281px) and (max-width: 1366px){
}

@media (min-width:1367px) and (max-width: 1440px){
}

@media (min-width:1441px) and (max-width: 1680px){}

@media (min-width:1680px) and (max-width: 1920px){}

@media screen and (max-width: 1366px) {
    .yun-detail{background-size: 600px!important;}
}
@media screen and (max-width: 767px) {
    .yun-detail{background-size: 100%!important;}
    .detail-info p{max-width: 100%!important;}
}

/* --------------------------------琛屼笟寮€濮?-------------------- */
.hybtm-md ul li{width:50%;}
/* --------------------------------鏁板瓧婊氬姩-------------------- */
.num-show{margin:30px 0px 50px 0px;height:auto;}
.num-show .hy-num{width:3.2rem;margin-left:32.3%;margin-top:0.75rem;}
.num-show .hy-num h2{line-height:1.5;}
.num-show .hy-num h2 span{
    font-family:DINCond-Medium!important;
    font-size: 48px;
    color: #21252E;
    letter-spacing: 0;
    margin-bottom:8px;
    font-weight: 700;
}
.num-show .hy-num p{
    font-size: 16px;
    color: #8C97B2;
    letter-spacing: 0;
    line-height: 20px;
}
.num-show .hy-num .line{width:100%;height:1px;background:rgba(0,0,0,0.10);margin:24px 0px;}

.num-show .jhinfo{background:#0058b2;padding:40px 130px 50px;}
.num-show .hy-jhinfo h2{margin-bottom:32px;}
.num-show .hy-jhinfo h2 img{display:block;width:auto;}
.num-show .hy-jhinfo p{
    
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: justify;
    line-height:30px;
    display: -webkit-box;    
    -webkit-box-orient: vertical;    
    -webkit-line-clamp:7;    
    overflow: hidden;
}

/*#hyjj{background: none;padding-top: 0!important;}*/
#ythpt{padding-bottom: 24px!important;}
.hyjf-list .hyjjitem{width:23.5%;margin-right:24px;float:left;position: relative;margin-bottom:40px;}
.hyjf-list .hyjjitem:nth-of-type(4n){margin-right: 0px;}
.hyjf-list .hyjjitem .item-main{position: relative;top:0;left:0;z-index:20;width:100%;height:100%;background:#fff;-webkit-transition:all 0.4s;transition:all 0.4s;}
.hyjf-list .hyjjitem .item-main .mainpic{width:100%;height:0;overflow: hidden;padding-bottom: 75%;}
.hyjf-list .hyjjitem .item-main .mainpic img{-webkit-transition: all 0.4s;transition: all 0.4s;height:100%!important;width:100%;height: auto!important;}
.hyjf-list .hyjjitem .item-main .hyjjinfo{padding:24px;}
.hyjf-list .hyjjitem .item-main .hyjjinfo h2{
    font-size: 20px;
    color: #0058b2;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom:24px;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.hyjf-list .hyjjitem .item-main .hyjjinfo p{
    
    font-size: 14px;
    color: #21252E;
    letter-spacing: 0;
    line-height: 1.5;
    overflow: hidden;
    height: 3em;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  margin-bottom:30px;

}
.hyjf-list .hyjjitem .item-main .hyjjinfo a{
    display: block;
    width:114px;
    height:36px;
    text-align: center;
    line-height:36px;
    
    font-size: 14px;
    color: #FFFFFF;
    background-color: #0058b2;
    letter-spacing: 0;
    overflow: hidden;

}
.hyjf-list .hyjjitem .item-main .hyjjinfo a::before{
	content: '';
	z-index:0;
	position: absolute;
	top:0%;
	left:0%;
	width:0%;
	height:0.36rem;
	background: rgba(0,0,0,0.1);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
	transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}
.hyjf-list .hyjjitem .item-main .hyjjinfo a:hover::before {
    width:100%;
}
.hyjf-list .hyjjitem:hover .item-main .mainpic img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.hyjf-list .hyjjitem:hover .item-main{left:-12px;top:-12px;}
.hyjf-list .hyjjitem .item-green{position: absolute;top:0;left:0;z-index:5;width:100%;height:100%;background:#0058b2;}
.hy-more{width:100%;height:0.41rem;background: #fff;padding-top:0.15rem;cursor: pointer;}
.hy-more h2{
    width:0.6rem;
    text-align: center;
    margin:0 auto;
    line-height:0.2rem;
    padding-bottom:0.05rem;
    
    font-size: 14px;
    color: #0058b2;
    letter-spacing: 0;
    position: relative;
}
.hy-more h2::before{
    display: block;
    position: absolute;
    content: '';
    width:0%;
    height:3px;
    background:#0058b2;
    bottom:0px;
    left:0px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.hy-more:hover h2::before{
    width:100%;
}
.morelist{display: none;}

@media (min-width:320px) and (max-width:768px){
    /* 鏁板瓧 */
    .num-show .hy-num{width:80%;margin:32px auto 32px;}
    .num-show .hy-num h2 span{font-size:40px;}
    .num-show .jhinfo{padding:20px;}
    .num-show .hy-jhinfo{height:auto;}
    .num-show .hy-jhinfo p{font-size:16px;line-height:1.5;}
    .hyjf-list .hyjjitem .item-main .mainpic img{height:auto!important;width:auto;}
    .hyjf-list .hyjjitem .item-main .hyjjinfo p{margin-bottom: 15px;}
    .hyjf-list .hyjjitem .item-main .hyjjinfo h2{margin-bottom: 15px;}
  .num-show .hy-jhinfo h2{margin-bottom:16px;}

}

@media (min-width:769px) and (max-width: 1024px){}

@media (min-width:1025px) and (max-width: 1280px){}

@media (min-width:1281px) and (max-width: 1366px){
    
    .hyjf-list .hyjjitem .item-main .hyjjinfo h2{font-size:18px;}
}



@media (min-width:1441px) and (max-width: 1680px){}

@media (min-width:1680px) and (max-width: 1920px){}
@media screen and (max-width: 1366px) {
    .num-show .jhinfo{padding:30px 90px 40px;}
}
/* ---------------------------------琛屼笟瀹㈡埛绮鹃€?----------------------- */

.bg_F4{background: #F4F4F4;padding-top: 64px!important;}
.hyjx-customer{/*background: #F4F4F4;*/padding:64px 0px 124px;}
.hyjx-list .hyjx-item{margin-bottom:16px;overflow: hidden;position: relative;}
.hyjx-list .hyjx-item:last-child{margin-bottom: 0;}
.hyjx-list .hyjx-item:nth-of-type(2n+1){background:#0058b2;}
.hyjx-list .hyjx-item:nth-of-type(2n+1) .layui-col-md6:first-child{float: right;}
.hyjx-list .hyjx-item .jxcont{}
.hyjx-list .hyjx-item .jxcont-white{background:#fff;}
.hyjx-list .hyjx-item .jxcont .contpd{padding:56px 40px;}
.hyjx-list .hyjx-item .jxcont .contpd h3{
    
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom:40px;
}
.hyjx-list .hyjx-item .jxcont .contpd h3 span{display: inline-block;width:0.4rem;height:1px;background:#fff;vertical-align: middle;margin-right:9px;}
.hyjx-list .hyjx-item .jxcont .contpd h2{
    
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 36px;
    font-weight: normal;
}
.hyjx-list .hyjx-item a.jx-btn{
    display: block;
    width:114px;
    height:36px;
    text-align: center;
    line-height:36px;
    font-size: 14px;
    background: #21252E;
    color: #FFFFFF;
    letter-spacing: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    bottom:64px;
    left:40px;
}
a.jx-btn::before{
	content: '';
	z-index:0;
	position: absolute;
	top:0%;
	left:0%;
	width:0%;
	height:0.36rem;
	background: rgba(0,0,0,0.1);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
	transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}
a.jx-btn:hover::before {
    width:100%;
}
.hyjx-list .hyjx-item .jxcont-white .contpd h3{color: #21252E;}
.hyjx-list .hyjx-item .jxcont-white .contpd h3 span{background: #21252E;}
.hyjx-list .hyjx-item .jxcont-white .contpd h2{color: #0058b2;}
.hyjx-list .hyjx-item:nth-of-type(2n+2) a.jx-btn{background: #0058b2;left: 53%;}
.hyjx-list .hyjx-item .contpd a.jx-btn{display: none;}

.hyjx-list .hyjx-item .jx-pic{height:0;overflow: hidden;position: relative;padding-bottom: 60.4%;}
.hyjx-list .hyjx-item .jx-pic img{-webkit-transition: all 0.6s;transition: all 0.6s;}
.hyjx-list .hyjx-item .jx-pic .video-hover{position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.hyjx-list .hyjx-item .jx-pic .video-hover .video-icon{width:0.9rem;height:0.9rem;position: absolute;top:50%;left:50%;margin-left:-0.45rem;margin-top:-0.45rem;cursor: pointer;}
.hyjx-list .hyjx-item .jx-pic .video-hover .video-icon img{display: block;}
.videorbg{width:2.5%;float:left;margin-top:1.27rem;}
.videorbg img{display:block;}
.hyjx-list .hyjx-item:hover .jx-pic img{-webkit-transform: scale(1.05);transform: scale(1.05);}
/* 濯掍綋鏌ヨ */

@media (min-width:320px) and (max-width:768px){
    /* 瑙ｅ喅鏂规 */
    .hyjf-list{}
    .hyjf-list .hyjjitem{width:48.5%;margin-right:15px;margin-bottom:15px;height:auto;-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.1);box-shadow: 0px 2px 3px rgba(0,0,0,0.1);}
  .hyjf-list .hyjjitem:nth-of-type(2n){margin-right:0px;}
    .hy-more{padding-top:0.2rem;}
    .hy-more h2{width:1.2rem;padding-bottom: 0.1rem;}
    .hyjf-list .hyjjitem .item-main .hyjjinfo a{font-size:14px;}
    /* 瀹㈡埛绮鹃€夋渚 */
    .hyjx-list .hyjx-item{height:auto;min-height:5rem;}
    .hyjx-list .hyjx-item .jxcont .contpd a.jx-btn{font-size:14px;bottom:0.2rem;}
    .hyjx-list .hyjx-item .jxcont{height:auto;}

}
@media (min-width:769px) and (max-width: 1024px){}

@media (min-width:1025px) and (max-width: 1280px){}


@media (min-width:1441px) and (max-width: 1680px){}
@media (min-width:1680px) and (max-width: 1920px){}
@media screen and (max-width: 1366px) {
    .bg_F4{padding-top: 48px!important;}
    .hyjx-customer{padding:56px 0 64px;}
}
@media screen and (max-width: 1200px) {
    .hyjx-list .hyjx-item .jxcont .contpd h3{margin-bottom: 20px;}
    .hyjx-list .hyjx-item a.jx-btn{bottom: 20px;}
    .hyjx-list .hyjx-item .jxcont .contpd h2{font-size: 16px;}
}
@media screen and (max-width: 990px) {
    .hyjx-customer{padding:32px 0;}
    .bg_F4{padding-top: 32px!important;}
    .hyjx-list .hyjx-item .jxcont .contpd{padding:24px 16px;}
    .hyjx-list .hyjx-item a.jx-btn{background: #0058b2;left: 40px;display: none;}
    .hyjx-list .hyjx-item .contpd a.jx-btn{display: block;position: static;margin-top: 30px;}
    .hyjx-list .hyjx-item:nth-of-type(2n+1) .layui-col-md6:first-child{float: none;}
    .hyjx-list .hyjx-item:nth-of-type(2n+1) a.jx-btn{background: #21252E;}
}

@media screen and (max-width: 600px) {
  .detail-info{padding-top:20px;}
  .detail-info h2{font-size:18px;}
  .detail-info p{font-size:14px;}
  .hyjf-list .hyjjitem{width:100%;margin-right:0;}
  .hyjx-list .hyjx-item .jxcont .contpd h3,.hyjx-list .hyjx-item .jxcont .contpd h2{line-height:1.5;}
}