.youpage-block-cont .youpage-layout,.youpage-cont .youpage-layout{box-sizing:border-box}.youpage-block-cont .youpage-layout_2:after,.youpage-cont .youpage-layout_2:after{content:'\20';display:table;width:0;height:0;line-height:0;clear:both;overflow:hidden}.youpage-block-cont .youpage-layout_2>.youpage-layout_1,.youpage-cont .youpage-layout_2>.youpage-layout_1{width:50%;display:block;box-sizing:border-box;overflow:hidden;float:left}.youpage-block-cont .youpage-layout_2[max-width~="768px"]>.youpage-layout_1,.youpage-cont .youpage-layout_2[max-width~="768px"]>.youpage-layout_1{width:auto;float:none}



.index-info.bgw{background-color:#fff}



.inrecom .wrapper {



    width: 1200px;



    margin: 0 auto;



}



.inrecom {



    position: relative; overflow: hidden;  background: #fff;padding: 80px 0;



   /* top: -50px;*/     



}



.inrecom  a {



    transition: all .5s;



    background: #f5f5f5;



    text-decoration: none;



    display: flex;



    flex-direction: column;



    align-items: center;float:left;width:23.5%;margin-right:2%;



}



.inrecom a:nth-child(4){margin-right:0}



.inrecom-txt {



    padding: 28px 10px 32px;



    width: -webkit-fill-available;text-align: center;



}



.inrecom-icon {



    width: 46px;



    height: 46px;



    margin: 0 auto;



}.inrecom-txt h3 {



    font-weight: normal;



    font-size: 22px;



    margin-top: 13px;



    color: #666;



}



.inrecom  a .inrecom-img {



    margin-bottom: -5px;



    overflow: hidden;



    width: 100%;



}.inrecom  a .inrecom-img img {



    transition: transform ease .5s;



    width: 100%;



}.inrecom  a:hover {



    background: #99B7ED;



}



.inrecom-icon i{    font-size: 45px;color:#99B7ED}



.inrecom  a:hover .iconfont, .inrecom  a:hover .inrecom-h3 {



    color: #fff;



}







.inrecom  a:hover img {



    transform: scale(1.05);



}







.index-service .swiper-button-next,.index-service  .swiper-button-prev{



        color: #99B7ED!important;



}



.index-service .swiper-button-next{right: -40px;}



.index-service  .swiper-button-prev{left: -40px;}



.icon-yuyueguahao1:before {



    content: "\e6aa";



}.icon-zhinan:before {



    content: "\e63e";



}.icon-zhenliao:before {



    content: "\e60b";



}.icon-jiankangguanli:before {



    content: "\e689";



}







.index-service .swiper-pagination-bullet-active{







background: #99B7ED;







  }



.index-keshi {

    padding-top : 80px;



    margin: 0 auto;



    background-color: #fff;



}  



 .index-keshi .wrapper {



    max-width: 1200px;



    margin: 0 auto;



} 



  .tabs {



    height: 40px;



    line-height: 40px;      



	  border-bottom:2px solid #E4E7ED;margin-bottom:15px;



        }



 



        .tabs li {



          font-size:22px;color:#666;



            float:left; 



            text-decoration: none;



            list-style-type: none;



        margin-right: 40px;



    height: 40px;cursor: pointer;



        }



 



 



 .keshibox  .swiper-slide a{display:block;    background: #f7f6f2;



    padding: 60px 0 100px;text-align: center;}



 .keshibox  .swiper-slide a img{height:45px;    width: auto;



    margin: 0px auto;}



  .keshibox  .swiper-slide a span{margin-top: 12px;



    margin-bottom: 70px;



    line-height: 1.56;



    font-size: 18px;



    font-weight: normal;display:block; 



    color: #333;



    white-space: nowrap;



    text-overflow: ellipsis;



    overflow: hidden;}



   .keshibox  .swiper-slide a i{ font-size: 16px;font-style:normal} 



        .tabs-box {



            display: none



        }



 .videobf{    position: fixed;



    top: 0;



    left: 0;



    display: flex;



    justify-content: center;



    align-items: center;    flex-direction: column;



    width: 100%;



    height: 100%;



    z-index: 9999;}



	 .videobf>div{       max-width: 1200px;



    position: relative;}



	#closea{    color: #fff;



    font-size: 18px;



    position: absolute;



    width: 40px;



    height: 40px;



    background: #99B7ED;



    border-radius: 30px;



    right: -15px;



    top: -15px;



    text-align: center;



    line-height: 40px;    cursor: pointer;



    box-shadow: 0px 0px 5px #333;z-index: 9999;}



	.hbg{position:fixed;z-index:9998;left:0;top:0;    width: 100%;



    height: 100%;    background: rgb(51 51 51 / 50%);}



 .tabs li.active {



		color:#99B7ED;



          border-bottom:2px solid #99B7ED



        }



 



        .tabs-box.boxOne {



            display: block;



        }



  .ggboxa{overflow:hidden}



  .ggboxa img{width:100%}



  .ggboxl{float:left;width:30%}



  .ggboxr{float:left;width:68%;margin-left:2%}



  .ggboxa  .innews-ul {



    list-style: none;



 



    display: flex;



    flex-direction: row;



    flex-wrap: wrap;



    justify-content: space-between;



}.innews-ul li {



    border-bottom: 1px solid #ebebeb;



    display: inline-block;



    vertical-align: top;



    width: 46%;



    padding-bottom: 14px;



    margin-bottom: 14px;



}.innews-ul li a {



    text-decoration: none;



    color: #333;



    overflow: hidden;



    display: flex;



}.innews-ul li a .innews-litxt {



    cursor: pointer;



    box-sizing: border-box;



    overflow: hidden;



    padding-right: 35px;



    width: 73%;



    text-align: left;



}



  .innews-ul li a .innews-litxt h3 {



    font-weight: normal;



    transition: all .5s;



    font-size: 15px;



    margin-bottom: 15px;



    display: -webkit-box;



    text-overflow: ellipsis;



    overflow: hidden;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;margin-top: 0;    line-height: 1.3;



}.innews-ul li a .innews-liimg {



    float: right;



    width: 104px;



    height: 70px;



    overflow: hidden;



}.innews-ul li a .innews-liimg img {



    width: 100%;



    height: 100%;



    transition: transform ease .5s;



}



.innews-ul li a:hover img {



    transform: scale(1.05);



}







.innews-ul li a:hover h3 {



    color:#99B7ED



}







.icon-yuyueguahao2:before {



    content: "\e706";



}



.icon-weixin:before {



    content: "\e678";



}



.icon-dianhua:before {



    content: "\e670";



}



.icon-huidaodingbu:before {



    content: "\e601";



}



.icon-bofang:before {



    content: "\e609";



}



.videolista {    display: flex;    justify-content: space-between;}



.videolista a{width:31%}







.videolista a .word {



    border: 2px solid #eee;



    border-top-width: 1px;



    transition: all .3s;



    padding: 18px 25px;



    margin: 0 7px;



}







.videolista a .video {



    position: relative;



    height: 70%;



    margin: 0 auto;



    padding: 0 7px;



}



.videolista a .el-image {



    position: relative;



    overflow: hidden;



}







.videolista a .word .title {



    white-space: nowrap;



    text-overflow: ellipsis;



    overflow: hidden;



    color: #262626;



    font-size: 14px;



    line-height: 1.5;



    transition: all .3s;    margin: 0;



    text-align: center;font-weight:bold;



}







.videolista a .iconfont {



    font-size: 30px;



	}







.videolista a .video-play {



    position: absolute;



    top: 50%;



    left: 50%;



    transform: translate(-50%,-50%);



    z-index: 3;



    background: transparent;



    border-color: transparent;



}







.videolista a:hover .el-image img {



    transform: scale(1.05);



}



.videolista a .el-image img {



    transition: all .3s;



}



.videolista a:hover .word {



    border-color: #99B7ED;



}







@media screen and (max-width:768px){

.index-service .swiper-button-prev{    left: 0;}

.index-service .swiper-button-next {

    right: 0;

}

.inright-menu{display:none}



.inrecom .wrapper, .index-keshi .wrapper{width:auto}



.inrecom-txt h3{font-size:14px}



.inrecom-txt{padding:10px}



.inrecom a{width:46%;margin:2%}



.inrecom{padding:40px 0}



.ggboxl {



    float: none;



    width: 100%;margin-bottom:20px;



}



.ggboxr {



    float: none;



    width: 100%;    margin-left: 0;



}



.innews-ul li{width:100%}



.videolista {



    flex-direction: column;



}



.videolista a {



    width: 100%;margin-bottom: 20px;



}



.videolista a .word{margin:0}



.videobf>div{max-width:80%}



.videobf>div video{width:100%;    height: auto;}







.index-keshi{padding:0 20px 40px 20px}







.index-info.bgw{padding:40px 20px}



.tabs li{margin-right:20px;font-size:14px}



.keshibox .swiper-slide a {



    padding: 20px 0 40px;



}



.videolista a .video{padding: 0;height:50%}



.keshibox .swiper-slide a span{margin-bottom:30px}



.youpage-block-cont .youpage-layout_2>.youpage-layout_1,.youpage-cont .youpage-layout_2>.youpage-layout_1{width:auto;float:none}}