@charset "UTF-8";
/* CSS Document */
/*公共样式*/
.clear: after { 
display: block; 
clear: both; 
height: 1px; 
content: '' 
}
.f_both{ clear:both;} 
.wrapper{ display:none;margin:0 !important;}
.mt50{margin-top:50px;}
a:hover{text-decoration: none;}
.layout_div4{width: 100%;margin:0 auto;margin-top:50px;background: url(../img/csxz_banner.png) center 100px no-repeat;height: 908px;}
.tittle_h4{text-align: left;width: 1200px;margin:0 auto;margin-bottom: 40px;}
.cs_div{width: 1200px;height: 695px;margin:0 auto; position: relative;top: 70px;left: 0;}
.cs_btn1_div{width: 270px; position: absolute;top: 0;left: 0; position:relative;top: 0;left: 0;}
.cs_btn1_div:hover .cs_btn1 img{ transform: scale(1);}
.cs_btn1_div:hover .cs_btn1_c{ animation: fadeIn 2s ease-in-out .1s forwards !important; }
.cs_btn1{width: 270px;height:270px; position: absolute;top: 0;left: 0;z-index: 200;}
.cs_btn1 img {
  transition: transform 0.3s ease; /* 平滑的放大效果 */
  max-width: 100%; /* 确保图片不会超过其容器 */
  height: auto; /* 保持图片的宽高比 */
   transform: scale(0.8);
}
.cs_btn1_c{width: 230px;height: 372px;background: url(../img/cs_hover1.png) top left no-repeat; position: absolute;top: 135px;left: 0;z-index: 100}
#mask2{
	background: url(../img/cs_hover3.png) top left no-repeat;
	left: -3px;
}
#mask3{
	background: url(../img/cs_hover3.png) top left no-repeat;
	left: -5px;
}
.cs_btn1_c{text-align: left;font-size: 14px; color: #fff;line-height: 23px;padding:0 20px;padding-top: 135px;}

@keyframes fadeIn {
    from { /* 开始状态，透明度为0 */
        opacity: 0;
    }
    to { /* 结束状态，透明度为1（完全不透明） */
        opacity: 1;
    }
}
.b1{left: 32px;top: 26px;}
.b2{left: 320px;top: 186px;}
.b3{left: 600px;top: 26px;}
.b4{left: 901px;top: 186px;}

body{
    min-width: 1200px;
}