﻿.sys_case{width:100%;overflow: hidden; position: relative;}
.sys_case ul{transition:all 0.5s;}
.sys_case ul li{width:31%;height:auto;background:#eee;margin-right: 3.5%;float: left;margin-bottom: 40px;border-radius: 10px;}
.sys_case ul li:nth-child(3n){ margin-right: 0;}
.sys_case ul li a{display:block;}
.sys_case ul li .img{width: 100%; overflow: hidden; display: block;border-top-right-radius:10px;border-top-left-radius: 10px;}
.sys_case ul li .img img{width:100%;height:auto;-webkit-transition: all .3s linear 0s;transition: all .3s linear 0s; overflow: hidden;    border-top-right-radius:10px;border-top-left-radius: 10px;}
.sys_case ul li .img img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);border-top-right-radius:10px;border-top-left-radius: 10px;}
.sys_case ul li p{height:70px;font-size:18px;line-height:70px;text-align:center; color: #333;}
.sys_case ul li:hover p{background:#18a9a8;color:#fff;border-bottom-right-radius:10px;border-bottom-left-radius: 10px;}


@media screen and (max-width: 992px){
.sys_case ul li{width: 100%; margin: 0;margin-bottom: 30px; }	
	.sys_case ul li a p{height:40px;font-size:16px;line-height:40px;text-align:center;}
	
}
.fw_sch{width:651px;height:56px;margin-bottom:20px; float: right; }
.fw_sch input{display:inline-block;width:535px;height:54px;font-size:16px;color:#999;border:1px solid #d9d9d9;padding:0 16px;}
.fw_sch button{display:inline-block;width:56px;height:54px;background:#dd3c13 url(../images/sch_bt.png) no-repeat center center;border:0;vertical-align:top;cursor:pointer; margin-left: -4px;}
.fw_sch .img{display:inline-block;width:56px;height:54px;background:#dd3c13 url(../images/cpss.png) no-repeat center center;border:0;vertical-align:top;cursor:pointer; float: left; }

@media screen and (max-width: 992px){

	.wel-product-title1{     font-size: 22px;
    line-height: 36px;
    margin-bottom: 12px;}
}







.caselist{width:100%;overflow: hidden; position: relative;}
.caselist ul{transition:all 0.5s;}
.caselist ul li{width:31%;height:auto;background:#eee;margin-right: 3.5%;float: left;margin-bottom: 40px;}
.caselist ul li:nth-child(3n){ margin-right: 0;}
.caselist ul li a{display:block;}
.caselist ul li .img{width: 100%; overflow: hidden; display: block; }
.caselist ul li .img img{width:100%;height:auto;-webkit-transition: all .3s linear 0s;transition: all .3s linear 0s; overflow: hidden;}
.caselist ul li .img img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.caselist ul li p{height:40px;font-size:15px;line-height:40px;text-align:center; overflow: hidden; color: #000;}
.caselist ul li:hover p{background:#18a9a8;color:#fff;}


@media screen and (max-width: 992px){
.caselist ul li{width: 100%; margin: 0;margin-bottom: 30px; }	
	.caselist ul li a p{height:40px;font-size:14px;line-height:40px;text-align:center;}
.caselist ul li .img{width: 100%; overflow: hidden; display: block; height: auto;}	
}
@media screen and (max-width: 768px){
.wel-product-title1{font-size: 20px;}
.sys_case ul li{width: 48%;margin-right: 4%;margin-bottom: 20px;}
.sys_case ul li:nth-child(3),.sys_case ul li:nth-child(9),.sys_case ul li:nth-child(15),.sys_case ul li:nth-child(21),.sys_case ul li:nth-child(27){margin-right: 4%;}
.sys_case ul li:nth-child(2n){margin-right: 0;}
.sys_case ul li a p{font-size: 14px;line-height: 22px;height: auto;padding:8px 5px;}
.caselist ul li{width: 48%;margin-right: 4%;margin-bottom: 20px;}
.caselist ul li:nth-child(3),.caselist ul li:nth-child(9),.caselist ul li:nth-child(15),.caselist ul li:nth-child(21),.caselist ul li:nth-child(27){margin-right: 4%;}
.caselist ul li:nth-child(2n){margin-right: 0;}
}



.language{position: relative;cursor: pointer;}
.lanList{
	display: none;
	position: absolute;
	top: 80px;
	width: 130px;
    left: -33px;
	background: #ffffff;
	opacity: 0;
  	transition: opacity 0.5s ease-in-out;
}
.lanList.show {
  display: block;
  opacity: 1;
}
.lanList ul{padding: 10px 5px;}
.lanList ul li{height: 40px;}
.lanList ul li:hover{background: #18a9a8 ;}
.lanList ul li:hover a{color: #ffffff;}
.lanList ul li a{font-size: 16px;color: #333;text-align: center;width: 100%;justify-content: center;}
