#pinfo{
  >div:first-child{
    height: 86px;
    box-shadow: 0 0 10px 1px #e3e3e3;
  }
  .indexTopCont{
    background:#002A44;
    height:640px;
    .indexTop{
      width:1200px;
      display: flex;
      margin:auto;
      padding-top:214px;
      >div:first-child{
        width:65%;
        color:white;
      }
      >div{
        >p{
          font-size: 32px;
          margin-bottom: 30px;
        }
        >a{
          text-decoration: none;
          color:white;
          margin-top:30px;
          outline: none;
          width:145px;
          height:45px;
          text-align: center;
          border-radius: 45px;
          border:2px solid white;
          background:none;
          font-size:20px;
        }
        >img{
          width:100%;
        }
      }
      >div:last-child{
        width:35%;
      }
    }
  }
  .middleCont{
    padding-bottom: 85px;
    >div{

      width:1200px;
      display: flex;
      margin:auto;
      flex-direction: row;
      justify-content: space-between;
      >div:first-child{
        width:855px;
        //height:800px;
        margin-right:15px;
        overflow-y: auto;
        >p{
          color:#8D8D8D;
          font-size:12px;
          margin-top:30px;
          margin-bottom: 30px;
          >span{
            margin-right:16px;
          }
          >i{
            margin-right:16px;
          }
          >span:last-child{
            color:#0363E0;
          }
        }
        >.introduce{
          position: relative;
          margin-bottom: 30px;
          >div:first-child{
            height:270px;

            position: relative;
            z-index: 999;
            >img{
              width:380px;
              height:240px;
              margin-left:10px;
              //margin-top:3px;
            }
          }
          >div:last-child{
            position: absolute;
            z-index: 0;
            padding-left:405px;
            padding-right:20px;
            top:20px;
            left:0px;
            width:100%;
            height:250px;
            //border-radius: 10px;
            background: #FAFAFA;
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
            text-align: left;
            >h3{
              color:#333333;
              font-size:24px;
              margin-bottom: 15px;
              margin-top:20px;
            }
            >span{
              display: inline-block;
              width:40px;
              height:2px;
              background:#0363E0;
              margin-bottom: 25px;
            }
            >p{
              text-align: left;
              margin-bottom: 14px;
              font-size:14px;
              color:#707070;
              display: inline-block;
              height:70px;
              width:100%;
              line-height: 24px;
            }
            >a{
              text-decoration: none;
              display: inline-block;
              height:30px;
              line-height:26px;
              text-align: center;
              width:92px;
              outline: none;
              background:none;
              border:2px solid #146EE2;
              border-radius: 30px;
              color:#146EE2;
              //line-height:26px;
            }
            >a:hover{
              background:#146EE2;
              color:white;
            }
          }
        }
        >.summary{
          padding-top:45px;
          >h2{
            color:#343434;
            text-align: center;
            font-size:30px;
            margin-top:0;
            margin-bottom: 65px;
            >span{
              display: inline-block;
              padding-bottom: 14px;
              border-bottom: 3px solid #146EE2;
            }
          }
          >p{
            color:#707070;
            font-size:14px;

            line-height: 24px;
          }
          >img{
            width:100%;
          }
          >ul{
            width:100%;
            *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
            >li{
              float:left;
              color:#404040;
              font-size:18px;
              margin-bottom: 28px;
            }
            >li:nth-child(2n+1){
              width:70%;
            }
          }
          >ul:after{
            content: "";
            display: block;
            height: 0;
            clear:both;
            visibility: hidden;
          }
        }
        >.newCase{
          >h3{
            color:#333333;
            font-size:20px;
            line-height:45px;
            background:#F3F3F3;
            text-indent: 15px;
            font-weight: bold;
            margin-top:60px;
            margin-bottom: 25px;
          }
          >div{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            >div{
              box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
              width:270px;
              height:315px;
              cursor: pointer;
              >a{
                text-decoration: none;
                >img{
                  width:100%;
                  height:180px;
                }
                >div{
                  padding:0 35px;
                  >h4{
                    font-size:20px;
                    color:#343434;
                    margin-top:20px;
                    margin-bottom: 15px;
                    text-align: center;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;
                  }
                  >p{
                    text-align: left;
                    color:#8D8D8D;
                    font-size:14px;
                    line-height:21px;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                    height:40px;
                  }
                }
              }
            }
          }
        }
      }
      >div:last-child{
        //flex: 1;
        width:328px;
        //border:2px solid #F3F3F3;
        //height:1100px;
        //background:#F3F3F3;
        padding-top:72px;
        >div:first-child{
          background:#F3F3F3;
          height:65px;
          border:2px solid #F3F3F3;
          border-top:2px solid #0363E0;
          >h1{
            font-size:16px;
            color:#1B232F;
            line-height:65px;

            font-weight: bold;
            //padding-top:44px;
            margin-top:0;
            text-align: center;
          }
        }
        >div:last-child{
          border:2px solid #F3F3F3;
          background:white;
          height:1000px;
          >ul{
            width:100%;
            li{
              width:100%;
              cursor: pointer;
              >a{
                >p{
                  margin-bottom: 0;
                  display: inline-block;
                  height:100%;
                  padding:25px 0;
                  width:100%;
                  //border-bottom: 1px solid #ECECEC;
                  color:#707070;
                  font-size:18px;
                  //font-weight: bold;
                  line-height: 30px;
                  position:relative;
                  >span:first-child{
                    padding:0 40px;
                    display: inline-block;
                    line-height:30px;
                  }
                  >span:last-child{
                    position:absolute;
                    bottom:0;
                    left:50%;
                    display: inline-block;
                    width:260px;
                    height:2px;
                    background:#ECECEC;
                    margin-left:-130px;
                  }
                }
              }

            }
            >li:last-child{
              >a{
                >p{
                  >span:last-child{
                    display: none;
                  }
                }
              }

            }
            .liActive{
              >a{
                >p{
                  >span:first-child{
                    border-left:3px solid #0363E0;
                    color:#0363E0;
                  }
                }
              }

            }
          }
          >p{
            text-align: center;
            padding-top:10px;
            >a{
              font-size:14px;
              color:#333333;
              text-decoration: none;

              >i{

              }
            }
          }
        }
      }
    }
  }
}
@media (max-width:1280px) {
  #pinfo{
   >div:first-child{
    height: 120px
   }
  }
  .middleCont{
    >div{
      flex-wrap: wrap;
      width: 100% !important; 
      >div{
        width: 100% !important;
        margin-right: 0 !important;
      }
    }
  }
  .newCase > div {
    flex-wrap: wrap;
    justify-content: center !important;
    >div{
      margin-bottom: 10px;
    }
  }
  .introduce > div:first-child{
    height: auto !important;
    > img{
      width: 100% !important;
      height: auto !important;
      margin-left: 0 !important;
    }
  }
  .introduce > div:last-child{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 20px !important;
    margin: 0 0 20px !important;
  }
  
}