@charset "utf-8";
/* CSS Document */
.focus{ width:100%; float:left; margin-top: 74px; height:424px; 
	background:url(../images/wsc.jpg) no-repeat center center; background-size: cover; position:relative;}
.focus .fcont{ width: 100%; float: left; }
.focus .fcont h5{ width: 100%; padding-left: 20px; box-sizing: border-box; margin-top: 60px; float: left; 
 height: 60px; line-height: 60px; font-size: 36px; color: #fff;}
.focus .fcont p{ width: 600px; padding-right: 580px; padding-left: 20px; margin-top: 10px; float: left;
 line-height: 40px; font-size: 20px; color: #fff;}
.focus .fcont span{ width: 120px; height: 40px; line-height: 40px; float: left;
	text-align: center; font-size: 14px; color: #c00518; margin-top: 30px;  border-radius: 6px; background: #fff; transition: all 0.3s; }
.focus .fcont span:hover{ background:#f6a3ab;color: #fff;}
  
.wap-a{ width: 100%; background: #fff; float: left; }
.wap-a ul{ width: 100%; float: left;}
.wap-a li{ width:100%;float: left; }
.wap-a li img{ width:100%;float: left; }

.wap-b{ width: 100%; background: #fff; float: left; padding: 80px 0;}
.wap-b .wtit{ width:100%;float: left; }
.wap-b .wtit h5{ width: 100%;display: block; text-align: center; line-height: 50px; font-size: 32px; color: #333; }
.wap-b .wcont{ width: 100%; padding: 0 80px; box-sizing: border-box; float: left; margin-top: 80px; }
.wap-b .wcl{ width: 510px;height: 620px;float: left; }
.wap-b .wcl .wimg{ width: 100%;height: 620px;float: left;display: none; }
.wap-b .wcl .wimg img{ width: 100%;height: 620px; display: block;}
.wap-b .wcl .wcut{display: block;}

.wap-b .wcz{ width: 320px;float: left; margin-left: 210px; margin-top: 60px; }
.wap-b .wcz .wcl5{width: 100%;float: left; height: 80px; line-height: 80px; text-align: center;border-radius: 10px;
font-size: 20px; font-weight: 700;color: #333;background: #F6F4FF; margin-bottom: 20px; cursor: pointer;}
.wap-b .wcz .wcl5.wact{background: #000;color: #fff;}