*{
    margin: 0;
    padding: 0;}
html{
    font-size:18px;}
/* 脙搂脗搂脗禄脙楼脜聽脗篓脙搂脗芦脗炉脙楼脗庐脜隆脙陇脗鹿芒鈧懊兟ッ偮⑩偓鈥澝兟っ偮矫⑩偓艙脙搂脜隆芒鈧久兟っ偮幻偮Ｃ兟偮犆偮� */
body{}
a{
    text-decoration: none;}
li{
    list-style: none;}
/*webkit脙楼脜陆脗禄脙漏芒鈥灺⒚偮っ兟偮∶偮兟ッ偮嵜⑩偓垄脙楼芒鈧γ嗏�櫭兟偮疵偮犆兟吢∶⑩偓啪脙漏脗禄脣艙脙篓脗庐脗陇脙娄脗聽脗路脙楼脗录脗聫*/
input[type="text"],
input[type="number"],
input[type="submit"],
input[type="password"], 
input[type="button"],
textarea {
    appearance: none;
    -webkit-appearance: none;
    outline: none;}






.clearfix::after{
    display: block;
    content: '';
    overflow: hidden;
    height: 0;
    width: 0;
    clear: both;}
.clearfix{
    zoom: 1;}
body{
    background-color: #ffffff;
    min-width:320px;
    margin: 0 auto;
    overflow-x: hidden;}
img {
    max-width: 100%;
     vertical-align: middle;}

input{
    outline: none;
    border: none;}
.fl{
  float: left;}
.fr{
  float: right;}
.width1200{
    width: 1200px;
    margin:0 auto;}
.width1300{
   width: 1600px;
    margin:0 auto;}
   .width1210{
            width: 1200px;
            margin:0 auto;}
.top{
  width: 100%;
  text-align: center;
  display: block;
  position: relative;}

.top .top1{

    text-align: center;}



.top .top2{
  display: none;
  text-align: center;}


.top .width1200{
  position: absolute;
  top: 20px;
  left: 0px;
  right: 0px;
  margin:0 auto;
  text-align: left;}

.logo{
  height: 50px;
  width: 100%;
  display: block;}

.location{
  width: 100%;
  height: 55px;
  line-height: 55px;
  background-color: #e5f1fe;}
.loca_case{
  background: url(dqwz.png) no-repeat center left;
  padding-left: 30px;}
.loca_case a{
  font-size: 16px;
  color: #2d2d2d;}
.loca_case a:hover{
  color: #568aff;}


.tzgg_case{
  width: 886px;
  height: 360px;
  float: left;
  background: url(tzgg.png) no-repeat center top;
  background-size: contain;}
.jddh{
    width: 283px;
    height: 350px;
    background-color: #ebf0fb;
    border-radius: 11px;
    background: url(dh_bg.png) no-repeat center top;
    float: right;}
.tzgg_case h3{
  display: block;
  text-align:center;
  font-size: 26px;
  line-height: 45px;
  letter-spacing: 0px;
  color: #fdfeff;
  background: url(name2.png) no-repeat center top;}

.jddh .box{
    padding:25px 30px;}
.jddh .box h3{
    font-size: 24px;
    line-height: 33px;
    color: #568aff;
       height: 66px;}
.jddh .box  div{
    margin-top: 20px;}
.jddh .box  div span{
    display: block;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #568aff;}
.jddh .box  div p{
     line-height: 40px;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #010101;}






.name{
  height: 47px;
  line-height: 47px;
  width: 100%;
  background: url(name.png) no-repeat center ;
  font-size: 26px;
  color: #ffffff;  
  text-align: center;}
.name2{
 height: 47px;
  line-height: 47px;
  width: 100%;
  background: url(name2.png) no-repeat center ;
    font-size: 26px;
  color: #ffffff;  
  text-align: center;}
.name3{
   height: 47px;
  line-height: 47px;
  width: 100%;
  background: url(name3.png) no-repeat center ;
    font-size: 26px;
  color: #ffffff; 
  text-align: center;}


.name span{
  color: #568aff;
  font-size: 28px;
  font-family: Microsoft YaHei;
   font-weight: bold;
  color: #FFFFFF;
  line-height: 60px;
  font-weight: bold;
  display: block;
  text-align: center;}
.name .more{
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #4F7EEA;
  line-height: 60px;}
 .case .list{
    padding-top:14px;}
 .case .list a{
    width: 100%;}
.list {
      width: 95%;
      height: auto;
      overflow: hidden;
      padding-top: 20px;
      margin:0 auto;}

  .list ul {
      overflow: hidden;}

  .list ul li {
      padding-left: 12px;
      height: 42px;
      line-height: 42px;
      background: url(zqlfk.png) no-repeat left center;
      overflow: hidden;}

  .list ul li .bt {
      width: 85%;
      float: left;
      display: block;
      font-size: 17px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #130000;
      line-height: 42px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;}

  .list ul li .time {
      width: 15%;
      float: right;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #130000;
      line-height: 42px;
      opacity: 0.3;
      text-align: right;
      font-size: 16px;}

  .list ul li.jg {
      background: none;
      height: 1px;
      margin: 15px 0;
      border-bottom: 1px dotted #ddd;}

  .list ul li:hover .bt {
      color: #568aff;}



.content .case{
    width: 377px;
    height: 201px;
    background-color: #ebf0fb;
    border-radius: 5px;
    float: left;}

.content .case:nth-child(2){
    margin:0 34px;}

.name4{
  height: 60px;
  width: 100%;
  background: url(name43.png) no-repeat center left;}


.name4 span{
  color: #568aff;
  font-size: 35px;
  font-weight: bold;
  text-indent: 80px;
  display: block;
  line-height: 60px;}

.tab_case .list_case{
  margin-top: 10px;}
.tab_case .title{
 display: flex;
 align-items: center;
 justify-content: center;
 margin-top: 35px;}

.tab_case .title .tit_case{}
.tab_case .title span{
   display: block;
   float: left;
   text-align: center;
   height: 40px;}
.tab_case .title span b{
  color: #070707;
  font-weight: bold;
  font-size: 24px;
  /* height: 45px; */
  margin:0 40px;
  padding: 12px 6px;
  display: block;
  /* text-align: center; */
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.tab_case .title2 span b{
  padding: 12px 0px;
  margin:0 20px;}
.tab_case .title3 span b{
   padding: 12px 30px;
    margin:0 10px;}
.tab_case .title span.on  b{
  background: url(name5.png) no-repeat center bottom;
  color: #568aff;}
.tab_case .list{
  background-color: #ebf0fb;
  /*margin-top:10px;*/
  display: none;
  padding-bottom: 20px;}
.tab_case .list .box{
  padding: 22px 22px 7px 22px;
     display: grid;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill, 280px);}

.tab_case .list_case3 .list .box{
   display: flex;
 align-items: center;
 justify-content: center;}
.tab_case .list_case3 .list .box a{
  margin-right:12px;}
.tab_case .list a{
  display: block;
  width: 280px;
  height: 58px;
  background-color: #ffffff;
  line-height: 58px;
  margin-bottom:15px;}
.tab_case .list a:hover{
  box-shadow: 0 0 10px #568aff;}
.tab_case .list a:hover span{
  color: #568aff;
  font-weight: bold;}
.tab_case .list a span{
  background: url(xx.png) no-repeat 22px center;
  padding-left: 39px;
  color: #626161;}

.martop{
    margin-top: 30px;}

.list_case2 .list{
    margin:0px;
    width: 100%;}

.bt_title{
    height: 175px;
    width: 100%;
    margin-top: 1px;
    padding-top: 1px;}

.bt_title span{
    display: block;
    text-align: center;
    color: #568aff;
    font-size: 45px;
    font-weight: bold;
    height: 90px;
    line-height: 90px;
    margin-top: 30px;
    background: url(line.png) no-repeat center bottom;}
.zn_case{
    margin-top: 40px;}
.zn_case .model{
    /* width: 366px;  20220721三个变两个隐藏*/
    width: 577px; 
    height: 194px;
    float: left;}
.zn_case .model h1{
    font-size: 23px;
    padding:30px 0 0 40px;}
.zn_case .model a{
    width: 100px;
    height: 33px;
    display: block;
    text-align: center;
    line-height: 33px;
    font-size: 15px;
    border-radius: 5px;
     margin:20px 0 0 40px;}
.zn_case .model1 h1{
    color: #6ea243;}
.zn_case .model1 a{
    color: #6ea243;
    border:1px solid #6ea243;}
.zn_case .model1:hover a{
    color: #ffffff;
   background-color: #6ea243;}
.zn_case .model2 h1{
    color: #2e79e6;}
.zn_case .model2 a{
    color: #2e79e6;
    border:1px solid #2e79e6;}

.zn_case .model2:hover a{
    color: #ffffff;
   background-color: #2e79e6;}


.zn_case .model3 a{
    color:#cf0202;
    border:1px solid #cf0202;}

.zn_case .model3:hover a{
    color: #ffffff;
   background-color: #cf0202;}
.zn_case .model3 h1{
    color: #cf0202;}
.zn_case .model3 span{
    color: #000;
     margin:20px 0 0 40px;
     display: block;
     line-height: 30px;}
.zn_case .model1{
     background: url(bg1.png) no-repeat center;
     background-color: #f6fcf1;
     box-shadow: 0px 0px 11px 0px rgb(15 6 12 / 14%);}
.zn_case .model2{
     background: url(bg2.png) no-repeat center;
     background-color: #ebf7fe;
     margin: 0 49px;
     box-shadow: 0px 0px 11px 0px rgb(15 6 12 / 14%);}
.zn_case .model3{
     background: url(bg3.png) no-repeat center;
     background-color: #fef1f1;
     box-shadow: 0px 0px 11px 0px rgb(15 6 12 / 14%);
     float: right;}
.secation_modle{

width: 1200px;}
.secation{
    width: 578px;
    height: 178px!important;
    background: url(bg33.png) no-repeat center;
    float: left;
    margin-top: 40px;
    box-shadow: 0px 0px 11px 0px 
        rgba(15, 6, 12, 0.14);}
.secation:nth-child(2n){
    float: right;}
.secation .box{
    padding:30px  30px;}
.secation .box h1{
    color: #666666;
    font-size: 23px;
	height:30px;
	line-height:30px;}
.secation .box .secation_case i{
    display: block;
    width: 72px;
    height: 66px;
    float: left;
    margin-top: 13px;
    background-size: 100%;}
.secation .box .secation_case .secation_list{
    width: 294px;
    margin-left: 70px;
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
    float: left;
    margin-top: 10px;}
.secation .box .secation_case .secation_list a{
    display: block;
    float: left;
    background: url(d.png) no-repeat center left;
    padding-left: 10px;
    color: #666;
    font-size: 16px;
    width: 46%;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.secation .box .secation_case .secation_list a:hover{
    color: #2e79e6;}
.secation1 .box .secation_case i{
    background: url(icon1.png) no-repeat center;
    background-size: 100%;}
.secation2 .box .secation_case i{
    background: url(icon2_gs.png) no-repeat center;
    background-size: 100%;}
.secation3 .box .secation_case i{
    background: url(icon3_gs.png) no-repeat center;
    background-size: 100%;}
.secation4 .box .secation_case i{
    background: url(icon4_gs.png) no-repeat center;
    background-size: 100%;}
.secation5 .box .secation_case i{
    background: url(icon5_gs.png) no-repeat center;
    background-size: 100%;}
.secation6 .box .secation_case i{
    background: url(icon6_gs.png) no-repeat center;
    background-size: 100%;}

.secation7 .box .secation_case i{
    background: url(icon7_gs.png) no-repeat center;
    background-size: 100%;}

.secation8 .box .secation_case i{
    background: url(icon8.png) no-repeat center;
    background-size: 100%;}
.secation9 .box .secation_case i{
    background: url(icon9.png) no-repeat center;
    background-size: 100%;}
.secation10 .box .secation_case i{
    background: url(icon10.png) no-repeat center;}
.secation11 .box .secation_case i{
  background: url(icon11.png) no-repeat center;}
.secation_list_nr{
    width: 415px;
    color: #a1a1a1;
    font-size: 16px;
    text-align: justify;
    margin-left:30px;
    float: left;
    margin-top: 20px;}
.secation_list_nr a{
    color: #f04;}

.zt_zon{
  margin: 8px 15px;
  font-weight: 400;
  color: #130000;
  line-height: 40px;
  font-size: 17px;
  display: block;
  text-indent: 30px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 猫驴鈩⒚┾�∨捗λ溌垛�γモ�÷好モ�÷犆∨捗撀伱р�⒙� */
  overflow: hidden;}
.zt_zon:hover{
      color: #568aff;}
@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px){
   .top .width1200{
        display: flex;} 
    .zn_case .model{
        width: 48%;}
    .zn_case .model3{}
    .zn_case .model1{
        float: left;}
    .zn_case .model2{
        float: right;
        margin-left: 4%;
        margin-right: 0px;}
    
    .width1200{
        width: 95%;}

    .width1210{
        width: 95%;}
    .logo img{
      width: 90%;}
    .content .case{
        width: 32%;}
    .content .case:nth-child(2){
        margin:0 2%;}

      .content .case h3{
        font-size: 20px;}
      .tzgg_case{
        width: 71%;}
      .jddh{
        width: 29%;}
      .secation{
        width: 48%;}
      .secation .box .secation_case .secation_list{
        margin-left:50px;}

}
@media only screen and (max-width: 1060px), only screen and (max-device-width: 1060px){
   .tab_case .title span b{
font-size: 20px;
margin: 0 0px;}
    .name{
          height: 50px;}
    
    .name span{
      font-size: 22px;
          line-height: 50px;}
    .logo img{
      width: 80%;}
    .zn_case .model3 span{
        font-size: 15px;}
    .secation_case{
        display: flex;}
    .secation .box .secation_case .secation_list{
        width: 100%;}
    .secation .box .secation_case .secation_list a {
       
width: 43%;}
    .list ul li .time{
      width: 20%;}
    .list ul li .bt{
      width: 78%;}

  



}
@media only screen and (max-width: 950px), only screen and (max-device-width: 950px){
  .tab_case .list .box {
    padding: 22px 22px 7px 22px;
    display: grid;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill, 277px);}

}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px){
    .tzgg_case{
        width:100%;
         float: none;}
      .jddh{
        width:100%;
         float: none;
         background: none;
         background-color: #EBF0FB;}
      .jddh .box h3{
        border-bottom: 2px solid #ADC2F4;}
     
}
@media only screen and (max-width:800px), only screen and (max-device-width: 800px){
    
    .secation {
    width: 100%;
    background-size: cover;
    box-shadow: 0px 0px 11px 0px 
        rgba(15, 6, 12, 0.14);}
}
@media only screen and (max-width:750px), only screen and (max-device-width: 750px){
   .tab_case .title span b{font-size: 18px;margin: 0 5px;}

   .name span{
      font-size: 20px;}
    .top .top1{
      display: none;}

    .top .top2{
      display: block;}
    
    .tab_case .title3{
      width: 80%;
    margin: 15px auto;
    margin-bottom: 0px;}

    .logo img{
      width: 60%;}
    .name4 {
        height: 40px;}
    .name4 span {
        font-size: 20px;
        line-height: 40px;}
    




    
}

@media only screen and (max-width:670px), only screen and (max-device-width: 670px){
  .content .case{
        width: 100%;}
    .content .case:nth-child(2){
        margin:2% 0%;}
}



@media only screen and (max-width: 600px), only screen and (max-device-width: 600px){
   
   .name a {
   
    font-size: 14px;
   
    line-height: 40px;}
   .name3 {}
  .zymain .list ul li .bt{
    font-size: 16px;
    width: 70%;}
  .zymain .list ul li .time{
    width: 30%;}
  .name2 {
      background: url(name2.png) no-repeat center;}
  .zn_case .model h1{
    padding: 30px 0 0 20px;}
  .secation_list_nr {
    width: 79%;}
    .bt_title{
        height: 100px;}
    .bt_title span{
        font-size: 26px;
        height: 76px;
        line-height: 76px;
        margin-top: 0px;}
    .secation .box .secation_case .secation_list {
        margin-left: 38px;}
    .tab_case .title {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 15px;}
    .tab_case .title2 span {
        width: 50%;
        margin-bottom: 7px;}
    .tab_case .list .box {
    grid-template-columns: repeat(auto-fill, 48%);
    padding: 10px 10px 0 10px;}
    .tab_case .list a {
        display: block;
        width: 100%;
        height: 40px;
        background-color: #ffffff;
        line-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;}
    .tab_case .list a span {
        background: url(xx.png) no-repeat 5px center;
        padding-left: 20px;
        font-size: 14px;}
}
@media only screen and (max-width:480px), only screen and (max-device-width: 480px){
    .tab_case .title span b {
      font-size: 16px;
      margin: 0 5px;}
  .jddh .box h3 {
      font-size: 24px;
      line-height: 33px;
      color: #568aff;
      height: 97px;}
   .zn_case .model{
        width: 100%;
        background-size: cover;}
     .zn_case  .model2{
      margin-top: 30px;}
    .zn_case  .model3{
        width: 100%;
        margin-top:30px;}
    .loca_case a {
      font-size: 14px;
      color: #2d2d2d;}
  .loca_case {
    background: url(dqwz.png) no-repeat center left;
    padding-left: 25px;
    margin-left:10px;}
  .top .width1200{
   
    top: 0px;}
  .secation .box h1 {
    color: #666666;
    font-size: 20px;}

.secation .box .secation_case .secation_list {
    width: 79%;}
}
@media only screen and (max-width:320px), only screen and (max-device-width: 320px){
   
   .zymain .list ul li .bt{
      font-size: 16px;
      width: 60%;}
    .zymain .list ul li .time{
      width: 40%;}
    .name span {
    font-size: 18px;
    line-height: 40px;}



}