/*companyInfo*/
#companyInfobg{padding:38px 0 50px;}
.companyInfo{margin-top:16px;background:#FFF;}
.companyInfo .cl_img{width:625px;float:left;padding-bottom:494px;position:relative;margin-right:35px;margin-top:10px;}
.companyInfo .cl_img img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:cover;}
.companyInfo .c_right{width:calc(100% - 640px);float:right;padding:6px 0 0 35px;}
.companyInfo p{margin:0;text-align:left;line-height:28px;color:#666;margin-top:10px;font-size:15px;}
.companyInfo p:nth-child(2){height:40px;line-height:40px;font-size:40px;font-family:Impact;color:#3C62AD;}
.companyInfo p:nth-child(3){height:34px;line-height:34px;font-size:24px;font-weight:bold;color:#3C62AD;font-weight:bold;margin-top:9px;}
/**/
/*c_youshi*/
#c_youshibg{background:#F5F5F5;background-size:cover;padding:31px 0 62px;}
.c_youshi{width:100%;overflow:hidden;margin-top:30px;}
.c_youshi .ys_li{background:#FFF;border-radius:10px;padding:21px 30px 36px;text-align:center;}
.c_youshi .ys_li:nth-child(odd){margin-left:0;}
.c_youshi .ys_li i{display:inline-block;height:91px;width:91px;border-radius:50%;}
.c_youshi .ys_li i.icon1{background:url(nc_icon1.png) no-repeat center center #ececed;}
.c_youshi .ys_li i.icon2{background:url(nc_icon2.png) no-repeat center center #ececed;}
.c_youshi .ys_li i.icon3{background:url(nc_icon3.png) no-repeat center center #ececed;}
.c_youshi .ys_li .ys_txt{padding-top:8px;text-align:left;}
.c_youshi .ys_li .ys_txt p{margin:0;line-height:26px;font-size:16px;color:#8a8d91;margin-top:11px;}
.c_youshi .ys_li .ys_txt p:first-child{height:30px;line-height:30px;font-size:20px;font-weight:bold;color:#020303;text-align:center;}
.c_youshi .ys_li .ys_txt p:last-child{height:104px;}
/*1200以上屏幕*/
@media screen and (max-width:1429px){
    #companyInfobg{padding:35px 0 40px;}
    .companyInfo .cl_img{width:500px;padding-bottom:393px;}
    #c_youshibg{padding:30px 0 40px;}
    .c_youshi .ys_li{padding:15px 16px 20px;}
    .c_youshi .ys_li .ys_txt p:last-child{height:147px;}
}
@media screen and (max-width:1229px){
    #companyInfobg{padding:30px 0;}
    .companyInfo{margin-top:15px;}
    .companyInfo .cl_img{margin-right:20px;}
    .companyInfo p{font-size:14px;line-height:24px;}
    .companyInfo p:nth-child(2){font-size:36px;height:36px;line-height:36px;}
    .companyInfo p:nth-child(3){font-size:18px;height:30px;line-height:30px;}
    #c_youshibg{padding:25px 0 30px;}
    .c_youshi{margin-top:20px;}
    .c_youshi .ys_li{padding:10px 10px 12px;}
    .c_youshi .ys_li i{width:80px;height:80px;}
    .c_youshi .ys_li .ys_txt p{font-size:12px;margin-top:6px;}
    .yc_youshi .ys_li .ys_txt p:first-child{font-size:16px;height:26px;line-height:26px;margin-top:6px;}
    .c_youshi .ys_li .ys_txt p:last-child{height:105px;}
}
@media screen and (max-width:1023px){
    #companyInfobg{padding:20px 0;}
    .companyInfo .cl_img{width:369px;padding-bottom:299px;margin-right:15px;}
    .companyInfo p:nth-child(2){margin-top:0;}
    #c_youshibg{padding:20px 0;}
    .c_youshi{margin-top:20px;}

}
@media screen and (max-width:767px){
    .companyInfo .cl_img{width:100%;padding-bottom:75%;float:none;margin-right:0;dn}
    .companyInfo p:nth-child(2){font-size:30px;height:30px;line-height:30px;margin-top:15px;}
}
@media screen and (max-width:667px){
    

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






/*companyInfo*/
.companyInfos{background:#eee;padding:60px 0;}
.companyInfos .ci_content{position:relative;padding:50px;}
.companyInfos .ci_content:before{content: '';background:#fff;width:90%;left:0;top:0;position:absolute;z-index:0;box-shadow:0px 9px 27px 4px rgb(204,204,204,.5);bottom:0;height: 100%;}
.companyInfos .ci_left{width:calc(100% - 650px);float:left;position:relative;z-index:1;padding-right:60px;}
.companyInfos .ci_left .ci_title{padding-bottom:29px;position:relative;}
.companyInfos .ci_left .ci_title:before{content:'';width:60px;height:3px;position:absolute;left:0;bottom:13px;background:#0B73BA;}
.companyInfos .ci_left .ci_title p:first-child{font-size:30px;height:40px;line-height:40px;}
.companyInfos .ci_left .ci_title p:last-child{font-size:42px;height:52px;line-height:52px;margin-top:3px;font-weight:bold;color:#0B73BA;}
.companyInfos .ci_left .ci_title p span{font-size:14px;color:#666;}
.companyInfos .ci_left>p{font-size:16px;line-height:1.8;margin-top:16px;}
.companyInfos .ci_right{width:650px;float:right;position:relative;z-index:1;}
.companyInfos .ci_right .ci_img{width:100%;position:relative;}
.companyInfos .ci_right .ci_img img{max-width: 100%;}


@media screen and (max-width:1546px){
    .companyInfos{padding:30px 0 36px;}
    .companyInfos .ci_content{padding:30px;}
    .companyInfos .ci_left{width:calc(100% - 520px);padding-right:40px;}
    .companyInfos .ci_left .ci_title{padding-bottom:20px;}
    .companyInfos .ci_left .ci_title:before{bottom:6px;}
    .companyInfos .ci_left .ci_title p:first-child{font-size:24px;height:32px;line-height:32px;}
    .companyInfos .ci_left .ci_title p:last-child{font-size:34px;height:44px;line-height:44px;}

    .companyInfos .ci_right{width:520px;}
    .com_img{padding:30px 0;}
    .com_img .cm_content{padding-top:0;}
    .com_img .cm_left{margin-top:18px;}
    .com_img .cm_right .cm_li{margin-top:18px;}
}
@media screen and (max-width:1246px){
    .companyInfos{padding:20px 0 20px;}
    .companyInfos .ci_content{padding:20px ;}
    .companyInfos .container{margin:0;}
    .companyInfos .ci_left{width:calc(100% - 431px);padding-right:20px;}
    .companyInfos .ci_left .ci_title{padding-bottom:16px;}
    .companyInfos .ci_left .ci_title:before{bottom:3px;}
    .companyInfos .ci_left .ci_title p:first-child{font-size:20px;height:26px;line-height:26px;}
    .companyInfos .ci_left .ci_title p:last-child{font-size:26px;height:auto;line-height:34px;}

    .companyInfos .ci_right{width:431px;}

    .com_img{padding:20px 0;}
    .com_img .cm_content .cm_img p{font-size:14px;height:30px;line-height:30px;}
    .com_img .cm_left{margin-top:14px;}
    .com_img .cm_left .swiper-pagination{height:30px;padding:9px 15px 9px 0;}
    .com_img .cm_right .cm_li{margin-top:14px;}
}
@media screen and (max-width:1023px){
    .companyInfos .ci_content{padding:15px 15px;}
    .companyInfos .ci_content:before{width:100%;}
    .companyInfos .ci_left{width:100%;padding-right:0;float:none;}
    .companyInfos .ci_left>p{font-size:13px;line-height:22px;margin-top:5px;}
    .companyInfos .ci_right{display:none;}
    .com_img{padding:15px 0;}
    .com_img .cm_left{width:100%;float:none;}
    .com_img .cm_right{width:100%;float:none;}
    .com_img .cm_right .cm_li{margin-left:2%;width:49%;}
    .com_img .cm_right .cm_li:nth-child(odd){margin-left:0;}
        .companyInfos .ci_left>p{font-size:13px;line-height:21px;margin-top:10px;}
            .companyInfos .ci_right .ci_img{padding-bottom:409px;}
}
.m-case{
  padding: 50px 0;
  overflow: hidden;
}
.m-case .title{
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}
.ul-csae{
  overflow: hidden;
  margin:0 -15px;
}
.ul-csae li{
  width: 25%;
  float: left;
  margin-bottom: 15px;
}
.ul-csae .con{
  display: block;
  margin:0 15px;
}
.ul-csae .pic{
  position: relative;
  padding-top: 75%;
  overflow: hidden;
  height: 0;
}
@media only screen and (max-width: 1230px) {
  .ul-csae li{width: 50%;}
  .m-case .title{font-size: 22px;}
}
@media only screen and (max-width: 500px) {
  .m-case{padding: 20px 0;}
  .ul-csae li a{margin: 0 5px;}
  .ul-csae{margin:0 -5px;}
}