.lay-show { width: 100%; background: url(../img2/bg3.jpg) no-repeat center center; } .show { width: 1200px; margin: auto; overflow: hidden } .mt0 { margin-top: 0 !important } .slideTxtBox { width: 1200px; margin: auto; text-align: left } .slideTxtBox .hd { width: 460px; margin: auto auto 16px; height: 35px; line-height: 35px; position: relative } .slideTxtBox .hd ul { margin: auto; height: 35px } .slideTxtBox .hd ul li { float: left; width: 137px; height: 35px; cursor: pointer; text-align: center; margin-left: 22px } .slideTxtBox .hd ul li.on { background: url(../img2/btn1.jpg) no-repeat center center; color: #fff } .slideTxtBox .bd ul { width: 1200px; overflow: hidden } .slideTxtBox .bd ul li { float: left; width: 272px; margin-left: 36px; text-align: center; color: #000 } .slideTxtBox .bd ul li a { display: block; color: #000; margin-bottom: 30px } .slideTxtBox .bd ul li a p { padding-top: 10px } .lay-title { width: 1000px; margin: 40px auto; text-align: center; } .lay-title>img { margin: auto; } .lay-title>div { font-size: 30px; } .lay-title>p { font-size: 17px; } .colorw { color: #fff !important; } .aboutbg { width: 100%; height: 699px; overflow: hidden; background: url(../img2/bg1.jpg) no-repeat center center; } .lay1 { width: 1200px; margin: auto; overflow: hidden; } .lay1>div { width: 570px; float: left; margin-left: 56px; } .lay1>div>p { color: #ffc001; font-size: 25px; margin-bottom: 20px; } .lay1>div.lay1-1>div>img{ width: 218px; float: left; } .lay1>div.lay1-1>div>p{ float: right; color: #fff; width: 334px; } .fl{ float: left; } .fr{ float: right; } .lay1-2>div{ overflow: hidden; } .lay1-2>div>a{ display: block; color: #fff; margin-left: 16px; text-align: center; } .lay1-2>div>a>p{ padding: 10px 0; } .lay1-3>div>a{ margin-left: 10px!important; } .lay1-4>div>ul{ color: #fff; } .lay1-4>div>ul>li{ width: 330px; font-size: 16px; line-height: 30px; } .mt50{ margin-top: 50px; } .lay2{ width:1200px; margin: auto; overflow:hidden; } .lay2>a{ width: 380px; float: left; margin-left:30px; margin-bottom: 50px; } .lay2>a>div{ width: 236px; } .lay2>a>div>div{ font-size: 23px; color: #000; margin: 20px auto 14px; } .lay2>a>div>p{ font-size: 14px; color: #999; } .lay3{ width: 100%; height: 562px; background: url(../img2/bg2.jpg) no-repeat center center; overflow: hidden; } .lay4{ width: 1200px; margin:auto; overflow: hidden; } .lay4>a{ width: 530px; margin-left: 140px; margin-bottom: 74px; overflow: hidden; float: left; } .lay4>a>img{ float: left; } .lay4>a>div{ width: 386px; float: right; } .lay4>a>div>div{ color: #ffc001; font-size: 23px; } .lay4>a>div>p{ color: #fff; margin-top: 12px; } .lay5{ width: 1200px; margin: auto auto 4rem; overflow: hidden; } .lay5>div{ width: 373px; float: left; margin-left: 40px; } .lay5>div>ul{ width: 373px; background: #fff; } .lay6{ width: 100%; background: #f1f1f1; overflow: hidden; } .lay5>div>div{ width: 373px; margin-bottom: 6px; overflow: hidden; } .lay5>div>div>p{ float: left; font-size: 23px; color: #333; } .lay5>div>div>span{ float: left; font-size: 14px; color: #999; margin-top: 10px; margin-left: 10px; } .lay5>div>div>a{ float: right; font-size: 26px; color: #999; } .lay5>div>div>a:hover{ color: #000; } .lay5>div>ul{ padding: 14px 0; } .lay5>div>ul>li{ width: 344px; margin: auto; overflow: hidden; line-height: 24px; } .lay5>div>ul>li>a{ color: #909090; } .lay5>div>ul>li>a>span{ float: left; } .lay5>div>ul>li>a>p{ float: left; color: #6c6c6c; margin-left: 20px; } .lay7{ width: 100%; margin: auto; overflow: hidden; background: url(../img2/bg3.jpg) no-repeat center center; height: 589px; } .colorh{ color: #ffc001; } .lay8{ width: 1200px; overflow: hidden; margin: auto; } .lay8>a{ display: block; float: left; width: 218px; margin-left: 26px; overflow: hidden; } .lay8>a>p{ width: 218px; background:#000; color: #fff; height: 33px; line-height: 33px; text-align: center; margin-top: 10px; }