.who{;box-shadow: -1px 1px 10px #ccc;-webkit-box-shadow: -1px 1px 10px #ccc;-moz-box-shadow: -1px 1px 10px #ccc; padding:5%; position:relative; padding-left:80px; text-align:left; margin-top:15px; margin-bottom:15px;}
.who i{ width:60px; height:60px; border:#ddd solid 1px; color:#222429; text-align:center; line-height:60px; font-size:28px;border-radius:100%; position:absolute; left:3%; top:10%;}
.who h3{color:#009FE0; font-size:24px; font-weight:700; line-height:25px;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; text-transform:capitalize; margin:0px;}
.who p{ line-height:22px; height:44px;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;margin:0px;word-wrap: break-word;
    word-break: normal;}
.who:hover i{ background-color:#009FE0; color:#fff; border:#009FE0 solid 1px;}
.nTabx{
	width:100%;
; text-align:left; margin-bottom:2%; 
}
.nTabx  ul{
border:0; font-size:0px; 
}
.nTabx  li{ display:inline-block;
	text-align:center;
	cursor: pointer;
	list-style-type: none;
	 overflow:hidden;  text-align:center;TEXT-OVERFLOW: ellipsis; padding-left:20px; padding-right:20px; margin:4px;   line-height:2.6; border-radius:5px; font-size:18px;

}
.nTabx li.active{background-color:#00A5DB; color:#fff; border:#fff solid 1px;box-shadow: -1px 5px 8px #999;-webkit-box-shadow: -1px 5px 8px #999;-moz-box-shadow: -1px 5px 8px #999;}
.nTabx li.normal{ background-color:#f1f1f1;color:#00A5DB; border:#ddd solid 1px;}
.nonea{ display:none;}
#pro{width:100%;
	text-align:center;   margin-top:1%; text-align:left;
}
#pro ul{ list-style-type:none;margin-left:-2%; font-size:0px;}
#pro UL LI { width:31.33%; display:inline-block; text-align:center; background-color:#fff; margin-left:2%;overflow:hidden; margin-top:1%; margin-bottom:1%; cursor:pointer; position:relative;box-shadow:0px 1px 8px #ccc;-webkit-box-shadow:0px 1px 8px #ccc;-moz-box-shadow: 0px 1px 8px #ccc;}
#pro UL LI .nr{ padding:6% 4%; display:block; background-color:#009FE0; position:relative;transition:all 0.6s ease-in-out 0s;}
#pro UL LI .nr:after{position:absolute; right:0px; width:100%; height:4px; background-color:rgba(0,0,0,0.5); content:""; overflow:hidden; bottom:0px;transition:all 0.4s ease-in-out 0s;}
#pro UL LI .nr:before{position:absolute; left:0px; width:0px;; height:4px; background-color:#009FE0; content:""; overflow:hidden; bottom:0px;transition:all 0.4s ease-in-out 0s;}
#pro UL LI:hover .nr:after{ width:0px;}
#pro UL LI:hover .nr{ background-color:#FF9900}
#pro UL LI:hover .nr:before{ width:100%;}
#pro UL LI h4{  color:#fff; font-size:24px;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; text-align:center; margin-top:6px; margin-bottom:6px; line-height:1.8;font-weight:normal;}
#pro UL LI  h3{ font-weight:normal; font-size:16px; line-height:25px; color:#fff; text-align:left; height:50px;  overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp:2;
    -webkit-line-clamp:2;-webkit-box-orient: vertical; margin:0px;}
#pro UL LI span{display:inline-block; border:#fff solid 1px; padding:5px 25px; font-size:14px; color:#fff; margin-top:30%;}
#pro UL LI dd{ display:block;width:100%; padding-bottom:65%; overflow:hidden; position:relative; margin:0px;}
#pro  UL LI dd:before{transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(255,255,255,0);
	z-index: 100; background-color:rgba(0,0,0,0.1)}
#pro  UL LI:hover dd:before {
	top: 3%;
	left: 3%;
	right: 3%;
	bottom: 3%;
	border: 1px solid rgba(255,255,255,0.5);
}	
#pro ul li img{width:100%; position:absolute; left:0px; top:0px; min-height:100%;transition:all 0.6s ease-in-out 0s; }
#pro UL LI:hover img{transform: scale(1.1) rotate(3deg);
	-o-transform: scale(1.1) rotate(3deg);
	-webkit-transform: scale(1.1) rotate(3deg);
	-moz-transform: scale(1.1) rotate(3deg);
	-ms-transform: scale(1.1) rotate(3deg);}
#more{ width:100%;display:inline-block; margin-top:2.5%; text-align:center; margin-bottom:1.5%;}
#more  A{
	display:inline-block; padding:5px 40px; line-height:2; font-weight:bold;  font-size:15px;border-radius:4px; color:#fff; background-color:#009FE0; 
}
#more  A i{ margin-left:8px;transition:all 0.4s ease-in-out 0s;}
#more  A:hover i{ margin-left:20px;}
#more  A:hover { background-color:#FF9900;}
#fuwu{width:100%;
	text-align:center;   margin-top:1%; text-align:left;
}
#fuwu ul{ list-style-type:none;margin-left:-2%; font-size:0px;}
#fuwu UL LI { width:23%; display:inline-block; text-align:center; background-color:#fff; margin-left:2%;overflow:hidden; margin-top:1%; margin-bottom:1%; cursor:pointer; position:relative;box-shadow:0px 1px 8px #ccc;-webkit-box-shadow:0px 1px 8px #ccc;-moz-box-shadow: 0px 1px 8px #ccc;}
#fuwu UL LI .nr{ padding:6% 4%; display:block; background-color:#009FE0; position:relative;transition:all 0.6s ease-in-out 0s;}
#fuwu UL LI .nr:after{position:absolute; right:0px; width:100%; height:4px; background-color:rgba(0,0,0,0.5); content:""; overflow:hidden; bottom:0px;transition:all 0.4s ease-in-out 0s;}
#fuwu UL LI .nr:before{position:absolute; left:0px; width:0px;; height:4px; background-color:#009FE0; content:""; overflow:hidden; bottom:0px;transition:all 0.4s ease-in-out 0s;}
#fuwu UL LI:hover .nr:after{ width:0px;}
#fuwu UL LI:hover .nr{ background-color:#FF9900}
#fuwu UL LI:hover .nr:before{ width:100%;}
#fuwu UL LI h4{  color:#fff; font-size:24px;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; text-align:center; margin-top:6px; margin-bottom:6px; line-height:1.8;font-weight:normal; text-transform:capitalize;}
#fuwu UL LI  h3{ font-weight:normal; font-size:16px; line-height:25px; color:rgba(255,255,255,0.8); text-align:left; height:50px;  overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp:2;
    -webkit-line-clamp:2;-webkit-box-orient: vertical; margin:0px; text-transform:capitalize;}
#fuwu UL LI span{display:inline-block; border:#fff solid 1px; padding:5px 25px; font-size:14px; color:#fff; margin-top:30%;}
#fuwu UL LI dd{ display:block;width:100%; text-align:center; }
#fuwu UL LI dd i{ font-size:70px; line-height:80px; color:rgba(255,255,255,0.6)}
#fuwu UL LI:hover dd i{ color:#fff;}
#case{width:100%;
	text-align:center; text-align:left; padding-left:5%; padding-right:5%;
}
#case ul{ list-style-type:none;margin-left:-2%; font-size:0px;}
#case UL LI { width:23%; display:inline-block; padding:10px; text-align:center; background-color:#f9f9f9; box-shadow:0px 1px 8px #ccc;-webkit-box-shadow:0px 1px 8px #ccc;-moz-box-shadow: 0px 1px 8px #ccc;position:relative;margin-left:2%;overflow:hidden; margin-top:1%; margin-bottom:1%; cursor:pointer; }
#case UL LI:after{ position:absolute; left:50%; width:0px; height:2px; background-color:#009FE0; content:""; overflow:hidden; bottom:0px;transition:all 0.4s ease-in-out 0s;}
#case UL LI:before{position:absolute; right:50%; width:0px; height:2px; background-color:#009FE0; content:""; overflow:hidden; bottom:0px;transition:all 0.4s ease-in-out 0s;}
#case UL LI:hover:after,#case UL LI:hover:before{ width:50%;}
#case UL LI .nr{ padding:3%; display:block; background-color:#009FE0; border-bottom:#FF9900 solid 4px;transition:all 0.6s ease-in-out 0s;}
#case UL LI h4{  color:#555; font-size:18px;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; text-align:center; margin-top:6px; margin-bottom:6px; line-height:1.8;font-weight:normal;}
#case UL LI:hover h4{ color:#009FE0}
#case UL LI dd{ display:block;width:100%; padding-bottom:65%; overflow:hidden; position:relative; margin:0px;}
#case  UL LI dd:before{transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(255,255,255,0);
	z-index: 100; background-color:rgba(0,0,0,0.1)}
#case  UL LI:hover dd:before {
	top: 3%;
	left: 3%;
	right: 3%;
	bottom: 3%;
	border: 1px solid rgba(255,255,255,0.5);
}	
#case ul li img{width:100%; position:absolute; left:0px; top:0px; min-height:100%;transition:all 0.6s ease-in-out 0s; }
#case UL LI:hover img{transform: scale(1.1) rotate(3deg);
	-o-transform: scale(1.1) rotate(3deg);
	-webkit-transform: scale(1.1) rotate(3deg);
	-moz-transform: scale(1.1) rotate(3deg);
	-ms-transform: scale(1.1) rotate(3deg);}
#xwlb{ width:100%; text-align:center; background-color:#f9f9f9; padding:2%;}
#xwlb ul{list-style-type:none;}
#xwlb ul li{  display:inline-block; float:left; width:100%; overflow:hidden; padding-bottom:18px; margin-bottom:18px; position:relative;text-align:left;}
#xwlb ul li p{ margin:0px; padding:0px;}
#xwlb ul li:after{position:absolute; right:0px; width:100%; height:2px; background-color:#009FE0; content:""; overflow:hidden; bottom:0px;transition:all 0.6s ease-in-out 0s;}
#xwlb ul li:before{position:absolute; left:0px; width:0px;; height:2px; background-color:#FF9900; content:""; overflow:hidden; bottom:0px;transition:all 0.6s ease-in-out 0s;}
#xwlb ul li:hover:after{ width:0px;}
#xwlb ul li:hover:before{ width:100%;}
#xwlb ul li .tp{ width:26%; float:left; overflow:hidden; height:190px; margin-right:20px; display:block; text-align:center; position:relative;  }
#xwlb ul li .tp span{ filter: Alpha(Opacity=0);
-moz-opacity:0; 		opacity:0;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:2;
	background-color:rgba(32,50,96,0.5);
	background-image: url(../image/Lightbulb.png);
	background-repeat: no-repeat;
	background-position: center center;background-size:17% auto;transition:all 0.6s ease-in-out 0s;}
#xwlb ul li:hover .tp span{filter: Alpha(Opacity=100);
-moz-opacity:1; 		opacity:1;transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);}
#xwlb ul li .tp img{width:100%; border:0px; position:absolute; left:0px; top:0px; min-height:100%;display:block;transition:all 0.6s ease-in-out 0s;}
#xwlb ul li .bt{ line-height:1.5;  font-size:22px;  overflow:hidden;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; color:#009FE0;}
#xwlb ul li .js{ line-height:25px; height:75px; display: -webkit-box; 
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
 line-clamp: 3;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; color:#777; margin-top:10px;}
#xwlb ul li .more .time{ color:#444;}
#xwlb ul li .more{ margin-top:4px; color:#FF9900;  }
#xwlb ul li .more .xx{   padding-left:20px; padding-right:20px; font-size:16px;border-radius:20px; float:right;  background-color:#009FE0; transition:all 0.6s ease-in-out 0s; color:#fff; line-height:25px;}
#xwlb ul li A{ display:block; width:100%; height:100%;}
#xwlb ul li:hover A .bt{ color:#FF9900;}

#xwlb ul li:hover A .xx{color:#fff; background-color:#FF9900; }
#xwlb ul LI A:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
@media only screen and (max-width: 1200px){#xwlb ul li .bt,#case UL LI h4,#fuwu UL LI h4,#pro UL LI h4{ font-size:16px; font-weight:bold;}#fuwu UL LI  h3,#pro UL LI  h3{ font-size:14px; padding-left:15px; padding-right:15px;}.nTabx  li{ font-size:16px;}#case{ padding-left:3%; padding-right:3%;}#xwlb ul li .tp{ width:30%; height:180px;}}
@media (min-width: 769px) and (max-width: 1200px) {#case UL LI { width:31.33%}#case UL LI.al8,#case UL LI.al7{ display:none;}}
@media only screen and (max-width: 1000px){.who h3{font-size:18px; }.nTabx  li{ font-size:14px;}#fuwu UL LI dd i{ font-size:50px; line-height:60px; }#xwlb ul li .js{line-height:20px; height:60px; font-size:13px;}#xwlb ul li .more .xx{ font-size:12px;}#xwlb ul li .tp{ width:34%; height:150px;}#xwlb ul li .more .time,#xwlb ul li .more .xx{ font-size:14px;}#xwlb ul li{  padding-bottom:12px; margin-bottom:12px;}}
@media only screen and (max-width: 768px){#xwlb ul li .bt,#case UL LI h4,#fuwu UL LI h4,#pro UL LI h4{ font-size:14px;}#fuwu UL LI  h3,#pro UL LI  h3{ font-size:12px;line-height:20px; height:40px;}#fuwu UL LI,#pro UL LI { width:48%;}.nTabx  li{ font-size:13px;padding-left:5px; padding-right:5px;}#case UL LI { width:48%; }#xwlb ul li .tp{ width:40%; margin-right:10px;height:120px;}#xwlb ul li .js{line-height:15px; height:45px; font-size:12px; margin-top:5px;}#xwlb ul li .bt{ line-height:1.2;}.contact_content_inner .all_color_service h3 { font-size:16px;}}
@media only screen and (max-width: 450px){#xwlb ul li .tp{ width:45%;height:100px;}#xwlb ul li .js{line-height:15px; height:30px; line-clamp:2;-webkit-line-clamp:2; }#xwlb ul li .more .xx{   padding-left:10px; padding-right:10px; line-height:20px;}}