.IproB2-block ul.p-list {
    width: 300px;
    margin: 16px 0;
}  
.IproB2-block ul.p-list li a {
    font-size: 15px;
    line-height: 15px;
    border-color: #fff;
}
  .container-yewu{background:#fff;}
  .hei65{height:65px !important;}
  .container-Ipro{padding: 60px 0 25px;}
  .p-nav a.btn{white-space: normal !important;text-overflow:initial !important;}


/*index_banner*/
body{background:#fff;}
  .nav {
    position: inherit;
  }
  .wap_swiper{display:none;}
  @media screen and (min-width: 1200px) {
    .pc_swiper{display:block;}
  }
  @media screen and (max-width: 1200px) {
     .pc_swiper{display:none;}
     .wap_swiper{display:block;}
  }
  
   .wap_swiper   .swiper-container {
      width: 100%;
      height: 100%;
    }
   .wap_swiper .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
  .wap_swiper{max-height:400px;height:50vw;min-height:150px;}



	.container-anli {padding: 0px 0px 60px 0; background-color: #fafafa;overflow: hidden;}
    .pnav{ text-align: center; background: url(../images/pt-line.jpg) repeat-x left center; position: relative; overflow: hidden;     }
    .pnav span{background-color: #fafafa;border-color: #fafafa;padding: 0 15px;}
	.p-nav {   background: url('') !important;}


  #fh5co-section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
}

.case_Listbox{width:1210.5px;}
.case{overflow:hidden;height:auto;width:393px;text-align:left;float:left;margin-right:10.5px;margin-bottom: 10px;}
.case h3 {font-size: 16px;color: #505050;margin:0 auto;font-weight:700;margin-top:14px;}
.case p {font-size: 14px;overflow:hidden;margin:0 auto;line-height:26px;height:26px;color: #868686;margin-bottom: 14px;}
.case .img{overflow:hidden;max-height: 245px;max-width: 393px}
.case img{width: 100%;}
.case,.case p,.case h3,.case img{  
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
  -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); 
  -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
} 
.case:hover img{-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.case:hover{background-color:#1462b3;}
.case:hover h3,.case:hover p {color:#fff;text-indent: 15px;}
.M {
    text-align: center;
    margin: 40px 0 0px 0;
}
@media screen and (max-width: 1200px) {
/*case*/
.case_Listbox{width: calc(100% + 10.5px);}
.case{overflow:hidden;height:auto;width: calc(100% / 3 - 10.5px);margin-right:10.5px;margin-bottom: 10px;}
.case h3 {font-size: 16px;color: #505050;margin-top:14px;}
.case p {font-size: 14px;overflow:hidden;line-height:26px;height:26px;margin-bottom: 14px;}
}
@media screen and (max-width: 640px) {
.index-heading {margin-bottom: 1.5em;padding-top:3em;}
.case .img{overflow:hidden;width:100%;max-height: 675px;max-width: 992px;}
.case span img {width:50px;margin-top: 0.2em;margin-bottom: 1.1em;}

.case_Listbox{width: calc(100% + 1em);}
.case{overflow:hidden;height:auto;width: calc(100% / 2 - 1em);margin-right:1em;margin-bottom: 0.5em;}
.case h3 {font-size: 1em;color: #505050;margin-top:14px;}
.case p {font-size: 0.875em;overflow:hidden;line-height:1.5em;height:1.5em;margin-bottom: 0.875em;}
.M{margin:1em 0 2em 0;}
.btn-outline {padding: 10px 47px !important;}
}
.btn-primary.btn-outline {
  background: transparent;
  color: #1462b3;
  border: 1px solid #1462b3;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: transparent;
  color: #fff !important;
}
.btn-outline {
  background: none;
  border: 1px solid #1462b3;
  font-size: 14px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 12px 57px !important;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
}

.btn.with-arrow {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn.with-arrow i {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -6px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn.with-arrow:hover {
  padding-right: 70px !important;
}
.btn.with-arrow:hover i {
  color: #fff;
  right: 18px;
  visibility: visible;
  opacity: 1;
}


        .container_case_content li h2 {
          -webkit-whitespace: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          whitespace: nowrap;
          white-space: nowrap;
        }
    @media only screen and (max-width: 3500px) and (min-width: 961px){
    .container_case_content .com-img{height:226px;}      

        .container_case_content li{width:calc(25% - 7px);margin-left:7px;margin-bottom:25px;border-radius:20px;overflow:hidden;}      
        .container_case_content li:nth-child(4n+1){
            margin-left:0px;
        }      

    }   
    .container-case{background:#fff;}
    .container-case li>a {height:auto; padding-bottom: 4px;}
    .container_case_content li p {
        height: 44px;
        overflow: hidden;
        text-overflow: ellipsis;
        word-spacing: inherit;
        white-space: pre-line;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    @media only screen and (max-width: 1200px) and (min-width: 961px){
    	.container_case_content li{width: 22vw;margin-left:0.8vw;}
      	.container_case_content .com-img{height: 17vw;}
        .container_case_content li .case-box { padding: 15px 5px 0;} 
      	.zs_ul li{width:15.6%;margin-right:1%;}
    }
    @media only screen and (max-width: 333766px) and (min-width: 33360px){
    	.container_case_content li{width: 22vw;margin-left:0.8vw;}
      	.container_case_content .com-img{height: 17vw;}
        .container_case_content li .case-box { padding: 15px 5px 0;}     
    }

    
    @media only screen and (max-width: 960px) and (min-width: 767px){
        .container_case_content li:nth-child(3n+1){
            margin-left:0px;
        }          
     	.container_case_content li{width: 29vw;margin-left:1vw;}
      	.container_case_content .com-img{height: 17vw;}
        .container_case_content li .case-box { padding: 15px 5px 0;}    
     	 .zs_ul li{width:24%;margin-right:0.5%;}
    }
    @media only screen and (max-width: 767px) and (min-width: 480px){
         .container_case_content li:nth-child(2n+1){
            margin-left:0px;
        }  
     	.container_case_content li{overflow:hidden;    width: 43vw; margin-left: 1.7vw;margin-bottom:13px;}
      	.container_case_content .com-img{height: 32.62vw;}
        .container_case_content li .case-box { padding: 15px 5px 0;}  
        .container_case_content li p {
          font-size: 13px;
          color: #666666;
          line-height: 24px;
          margin: 8px 0 4px;
          overflow: hidden;
          text-overflow: ellipsis;
      }
      .zs_ul li{width:48%;margin-right:2%;}
    }  
    
    @media only screen and (max-width: 480px) {
    	.container_case_content li{    width: 90vw; margin-left: 2vw;}
        .container_case_content .com-img{height: 68.275vw;}
        .container_case_content li .case-box { padding: 15px 5px 0;}  
      	.zs_ul li{width: 48%;margin-right: 2%;}
    }


/*解决方案*/

              @media only screen and (min-width: 1200px) {
                .yx_d3_div h2{
                              margin-top: 70px;font-size: 30px;margin-bottom: 40px;
                }
                 .yx_d3_div h3{margin-top: 45px;font-size: 30px;margin-bottom: 30px;}
                .yx_d3{
                    height: 515px;width: 100%;position: relative;border-radius:20px;overflow: hidden;
                }  
                .yx_d3_div p{ font-size: 18px;}
                .yx_d3_div ul li{
                    display: inline-block;width: 120px;height: 38px;line-height: 38px;border: 1px solid #fff;border-radius: 4px;
                    cursor: pointer;margin: 0 10px;font-size: 16px;
                    margin:10px;
                }                
              }
             @media only screen and (max-width: 1200px) and (min-width: 767px){
                .yx_d3_div h2{
                    margin-top: 70px;font-size: 22px;margin-bottom: 40px;
                }
                .yx_d3_div h3{margin-top: 45px;font-size: 22px;margin-bottom: 30px;}
                .yx_d3{
                    height: 515px;width: 100%;position: relative;
                } 
               .yx_d3_div p{ font-size: 14px;}
              .yx_d3_div ul li{
                  display: inline-block;width: 120px;height: 38px;line-height: 38px;border: 1px solid #fff;border-radius: 4px;
                  cursor: pointer;margin: 0 10px;font-size: 16px;
                  margin:10px;
              }               
              }
             @media only screen and (max-width: 766px) and (min-width: 360px){
                .yx_d3{
                    height: 515px;width: 100%;position: relative;
                }  
                .yx_d3_div h3{margin-top: 30px;font-size: 18px;margin-bottom: 25px;}
               .yx_d3_div h3{font-size:22px;}
                .yx_d3_div h2 {
                    margin-top: 30px;
                    font-size: 22px;
                    margin-bottom: 25px;
                }
                .yx_d3_div p{ font-size: 14px;}
                 .yx_d3_div ul li{
                    display: inline-block;width: 100px;height: 32px;line-height: 32px;border: 1px solid #fff;border-radius: 4px;
                    cursor: pointer;margin: 0 10px;font-size: 14px;
                    margin:8px;
                }              
              }  
              @media only screen and (max-width:580px){
                .yx_d3_div span{width:100% !important;}
              }
              @media only screen and (max-width: 360px){
                .yx_d3{dipslay:none;}.container-jjfa{display:none;}
              }
            .yx_d3_tab{
                width: 100%;height: 100%;
            }
            .yx_d3_tab img{
                width: 100%;height: 100%;display: none;
            }
            .yx_d3_div{
                position: absolute;left: 0;top: 0;right: 0;height: 100%;color: #fff;text-align: center;
            }



            .yx_d3_div ul{
                margin-top: 50px;margin-bottom: 45px;
            }

            .yx_d3_div span{
                display: block;background: #9f9b95;width: 580px;height: 7px;margin: auto;
            }
            .yx_d3_div_a{
                background: #ff6e2c!important;border: 1px solid #ff6e2c!important;
            }



/*全景优势*/
            .container-Youshi, .container-anli {
                padding: 60px 0 0 0;
                background-color: #fff;
                overflow: hidden;
            }
            .container-Youshi .p-nav, .container-anli .p-nav,.container-yewu .p-nav, .hnews .p-nav {
                margin-top: 35px;
            }
            .center{text-align:center;}
            .ul_indexApp li{width: calc((100% / 3) - 51px); background: #fff; box-shadow: 0 0 30px rgba(83,115,252,0.13); border-radius:20px;overflow:hidden;border-radius1: 0 5px 5px 0; cursor: pointer; float: left;margin:0 51px 51px 0;}
            .ul_indexApp li .indexAppTop{width: 100%; height: 160px;  position: relative;background: linear-gradient(to right, #378ffd , #5ea1ff);}
            .ul_indexApp li .indexAppTop h2{ height: 120px; line-height: 120px; font-size: 24px; color: #fff; font-weight: 400}
            .ul_indexApp li .indexAppTop  .app_icon{ display: block; position: absolute; bottom:-60px; left: 50%; margin-left: -54px;}
            .ul_indexApp li:hover .indexAppTop  .app_icon{-webkit-animation: bounce 1s ease 0s 1 both;  animation: bounce 1s ease 0s 1 both;}
            .ul_indexApp li .indexAppBottom{font-size: 16px; color: #454f66; line-height: 28px; padding:60px 0 18px 0}
            .ul_indexApp li:hover{ -webkit-transform: translate3d(0,-10px,0);
                   -moz-transform: translate3d(0,-10px,0);
                        transform: translate3d(0,-10px,0);  transition: all .2s linear;}
            .ul_indexApp li:hover img{}

            .ul_indexApp li.bg14 .indexAppTop{background: linear-gradient(to right, #378ffd, #5ea1ff);}
            .ul_indexApp li.bg13 .indexAppTop{background: linear-gradient(to right, #cca71F, #D8171F);}
            .ul_indexApp li.bg12 .indexAppTop{background: linear-gradient(to right, #ff7081, #ffa596);}
            .ul_indexApp li.bg11 .indexAppTop{background: linear-gradient(to right, #7f8bff, #76dfff);}
            .ul_indexApp li.bg10 .indexAppTop{background: linear-gradient(to right, #30cec6, #34db96);}
            .ul_indexApp li.bg9 .indexAppTop{background: linear-gradient(to right, #7f8bff, #76dfff);}
            .ul_indexApp li.bg8 .indexAppTop{background: linear-gradient(to right, #ff7081, #ffa596);}
            .ul_indexApp li.bg7 .indexAppTop{background: linear-gradient(to right, #7075e0, #a4a9fe);}
            .ul_indexApp li:nth-child(3n){ margin-right: 0}  
            
            @media (max-width: 1200px) {
              .container-Youshi .ul_indexApp li {
                  width: 32%;
                  margin-right:2%;
              }
              .container-Youshi .ul_indexApp li p{height:56px;overflow:hidden;}
              .ul_indexApp li .indexAppTop{width:100%}
              .ul_indexApp li:nth-child(3n){ margin-right: 0}
            }
            @media (max-width: 640px) {
              .container-Youshi .ul_indexApp li {
                  width: 47%;
                  margin:0 2% 2vw 2%;
              }
              .ul_indexApp li .indexAppTop{width:100%;height:33vw;max-height:160px;}
              .ul_indexApp li:nth-child(2n){ margin:0 2% 2vw 0%;}
              .ul_indexApp li .app_icon img{width:80%;height:80%}
              .container-Youshi .ul_indexApp li p{height:84px;overflow:hidden;}
              .ul_indexApp li .indexAppTop h2{line-height:120px !important;}
              .ul_indexApp li .indexAppBottom{    padding: 55px 0 10px 0;}

			}
            }