/*妗堜緥寮�濮�*/

.screen1_case{height:350px;padding-top:127px;background: url("/NT/51/images/case_bg.jpg") repeat-x top center;}
.case_box{ width:1200px; margin:0px auto 0 auto; position:relative;
	
	}
.case_logo{ width:82px; height:82px; background-size:100%;
background: rgba(255,255,255,.3); border-radius:50%; text-align:center;
    -webkit-box-shadow:0 6px 21px rgba(8,0,1,.2);
    -moz-box-shadow:0 6px 21px rgba(8,0,1,.2);
    box-shadow:0 6px 21px rgba(8,0,1,.2);

    cursor:pointer;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-duration:5s;
    -moz-animation-duration:5s;
    animation-duration:5s;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
    animation-direction:normal;
    -webkit-animation-timing-function:linear;
    -moz-animation-timing-function:linear;
    animation-timing-function:linear
}
.case_logo img{ width:68px; height:68px;  margin:7px auto;}
.casexy1{ position:absolute; left:1px; top:105px; -webkit-animation-name:iconMove1;  -moz-animation-name:iconMove1;  animation-name:iconMove1; }
.casexy2{ position:absolute; left:83px; top:210px; -webkit-animation-name:iconMove2;  -moz-animation-name:iconMove2;  animation-name:iconMove2; }
.casexy3{ position:absolute; left:153px; top:50px;-webkit-animation-name:iconMove1;  -moz-animation-name:iconMove1;  animation-name:iconMove1;  }
.casexy4{ position:absolute; left:218px; top:140px;-webkit-animation-name:iconMove2;  -moz-animation-name:iconMove2;  animation-name:iconMove2; }
.casexy5{ position:absolute; left:299px; top:36px; -webkit-animation-name:iconMove1;  -moz-animation-name:iconMove1;  animation-name:iconMove1;  }
.casexy6{ position:absolute; left:370px; top:216px;-webkit-animation-name:iconMove2;  -moz-animation-name:iconMove2;  animation-name:iconMove2; }
.casexy7{ position:absolute; left:432px; top:35px; -webkit-animation-name:iconMove1;  -moz-animation-name:iconMove1;  animation-name:iconMove1;  }
.casexy8{ position:absolute; left:498px; top:160px; -webkit-animation-name:iconMove2;  -moz-animation-name:iconMove2;  animation-name:iconMove2;}
.casexy9{ position:absolute; left:579px; top:50px;-webkit-animation-name:iconMove1;  -moz-animation-name:iconMove1;  animation-name:iconMove1;  }
.casexy10{ position:absolute; left:643px; top:200px;-webkit-animation-name:iconMove2;  -moz-animation-name:iconMove2;  animation-name:iconMove2;}
.casexy11{ position:absolute; left:730px; top:70px; -webkit-animation-name:iconMove1;  -moz-animation-name:iconMove1;  animation-name:iconMove1;  }
.casexy12{ position:absolute; right:277px; top:135px;-webkit-animation-name:iconMove2;  -moz-animation-name:iconMove2;  animation-name:iconMove2; }
.casexy13{ position:absolute; right:182px; top:70px; -webkit-animation-name:iconMove1;  -moz-animation-name:iconMove1;  animation-name:iconMove1;  }
.casexy14{ position:absolute; right:89px; top:180px; -webkit-animation-name:iconMove2;  -moz-animation-name:iconMove2;  animation-name:iconMove2;}
.casexy15{ position:absolute; right:5px; top:80px; -webkit-animation-name:iconMove1;  -moz-animation-name:iconMove1;  animation-name:iconMove1; }





@-webkit-keyframes iconMove1 {
    0%,100% {
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        transform:translateX(0)
    }
    50% {
        -webkit-transform:translateX(5px);
        -moz-transform:translateX(5px);
        transform:translateX(5px)
    }
}@-moz-keyframes iconMove1 {
     0%,100% {
         -webkit-transform:translateX(0);
         -moz-transform:translateX(0);
         transform:translateX(0)
     }
     50% {
         -webkit-transform:translateX(8px);
         -moz-transform:translateX(8px);
         transform:translateX(8px)
     }
 }@keyframes iconMove1 {
      0%,100% {
          -webkit-transform:translateX(0);
          -moz-transform:translateX(0);
          transform:translateX(0)
      }
      50% {
          -webkit-transform:translateX(8px);
          -moz-transform:translateX(8px);
          transform:translateX(8px)
      }
  }@-webkit-keyframes iconMove2 {
       0%,100% {
           -webkit-transform:translateX(0);
           -moz-transform:translateX(0);
           transform:translateX(0)
       }
       50% {
           -webkit-transform:translateX(-10px);
           -moz-transform:translateX(-10px);
           transform:translateX(-10px)
       }
   }@-moz-keyframes iconMove2 {
        0%,100% {
            -webkit-transform:translateX(0);
            -moz-transform:translateX(0);
            transform:translateX(0)
        }
        50% {
            -webkit-transform:translateX(-10px);
            -moz-transform:translateX(-10px);
            transform:translateX(-10px)
        }
    }@keyframes iconMove2 {
                   0%, 100% {
                       -webkit-transform: translateX(0);
                       -moz-transform: translateX(0);
                       transform: translateX(0)
                   }
                   50% {
                       -webkit-transform: translateX(-10px);
                       -moz-transform: translateX(-10px);
                       transform: translateX(-10px)
                   }
               }

.screen2{background: #f4f4f4;}
.screen2Inner{width:1200px;margin:0 auto;overflow: hidden;padding-top: 24px;}
.caseItem{
    width:316px;
    height:363px;
    padding:29px 29px 0px 28px;
    float: left;
    background: #fff;
	margin-left:5px;
    margin-right:29px;
    margin-bottom: 36px;
	cursor: pointer;
}
.caseItem:hover{	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(103, 103, 103, 0.6);}

.caseItem img{width:316px;height:158px;margin-bottom: 23px;}
.caseItem:nth-child(3n){
    margin-right:0px;
}
.caseItem p{
    font-size:16px;
    line-height: 28px;
    text-indent: 2em;
}
.caseItem p span{font-weight:700;}
.listDetail{width:940px;padding:40px 21px 0;margin: 0 auto;position: relative;}
.returnBtn{position: absolute;left:22px;top:22px;font-size: 14px;color:#2ea1c4;text-align: center; cursor:pointer;}
.returnBtn:hover{ color:#0086cc}
.listDetailBox{margin-bottom: 95px;}
.listDetailBox h5{
    font-size:18px;
    line-height: 1;
    color:rgb(51,51,51);
    margin-bottom: 17px;
    text-align: center;
}
.listDetailBox h6{
    font-size:14px;
    line-height: 1;
    color:rgb(153,153,153);
    margin-bottom:25px;
    text-align: center;
}
.listDetailBox p{
    font-size:14px;
    text-indent: 2em;
    line-height: 36px;
    font-family: 'PingFang-SC-Regular';
    color:#333333;

}
.listDetailBox .img{
    padding:47px 0;
    text-align:center;
}
.pageBox{
    height:14px;
    
    margin: 0 auto;
    font-size: 14px;
    color:#333333;
    font-family: "PingFang-SC-Regular";
    margin-top: -50px;
	padding-bottom:60px;
}

.case_t{ width:100px; margin:0 auto; font-size:22px; text-align:center;  color: #333; border-bottom:3px #0086cc solid; height:34px; margin-bottom:20px; }

.tabs{
	width: 1336px;
    margin: 0 auto;
    padding-top: 20px;
}

.tabs .horizontal{
	display: flex;
	border-bottom:1px solid #e0e0e0;
}

.tabs .horizontal li{
	padding:10px 20px;
	cursor: pointer;
	color:#666666;
}

.context-voide{
	text-align:center;
	padding-top:20px;
}

.context-text{
	width:1000px;
	margin:0 auto;
	line-height:30px;
	color:#666666;
}

.context-text p{
	text-align:center;
	padding:20px;
	display:flex;
	width: 1000px;
	justify-content: space-around;
}

.tabs .horizontal li.selectActive{
	border-bottom: 2px solid #0070D2;
	color:#0070D2;
}