HLW/css/style.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

.fl{float:left;}
.fr{float:right;}
.center{width:1170px; margin:0 auto;}
.center1100{width:1100px; margin:0 auto;}
.center1000{width:1000px; margin:0 auto;}
.center900{width:900px; margin:0 auto;}
.trans{-webkit-transition:all 400ms ease 0s; -moz-transition:all 400ms ease 0s; -ms-transition:all 400ms ease 0s; -o-transition:all 400ms ease 0s; transition:all 400ms ease 0s;outline: medium none;}

.clean:after,.clean:before{display: table; content:''; }
.clean:after{clear: both;}
.clean{zoom:1;}


@font-face{font-family: 'AmplitudeWide-Black';src: url('AmplitudeWide-Black.ttf');}
@font-face{font-family: 'youyuan';src: url('youyuan.ttf');}

.header{position: relative;z-index: 100;}
.header .head{position: absolute;z-index: 101;left:0;top:0;width: 100%;background: url('/images/images/header_bg.png');}
.header .head .top{height: 103px;}
.header .head .top .logo{margin:28px 0 0;}
.header .head .top .rig .link{margin:15px 0 0;}
.header .head .top .rig .link a{display: block;margin:15px 0;color: #676a6b;}
.header .head .top .rig .div{height: 103px;border-left: 1px solid #b9ced7;padding:0 0 0 25px;margin:0 0 0 25px;}
.header .head .top .rig .div .phone{padding:0 0 0 20px;background: url('/images/images/t_phone.png') no-repeat left center;color: #0e96dd;}
.header .head .top .rig .div .search{width: 164px;height: 26px;position: relative;z-index: 10;}
.header .head .top .rig .div .search .text{border:1px solid #dbdbdb;border-radius: 12px;height: 24px;line-height: 24px;width: 125px;padding:0 27px 0 10px;}
.header .head .top .rig .div .search .btn{position: absolute;z-index: 11;right: 12px;top:6px;width: 13px;height: 13px;background: url('/images/images/search.png') no-repeat;border:none;cursor: pointer;}
.header .head .nav{border-top:1px solid #b9ced7;height: 51px;line-height: 48px;padding:0 0 1px;}
.header .head .nav>div.center{position: relative;z-index: 20;}
.header .head .nav>div.center>ul>li{/*margin:0 20px;*/height: 51px;}
.header .head .nav>div.center>ul>li>a{display: block;padding:0 25px;font-size: 14px;color: #434648;}
.header .head .nav>div.center>ul>li:hover>a{border-bottom: 3px solid #0994dc;}
/*.header .head .nav>div.center>ul>li.on>a{border-bottom: 3px solid #0994dc;}*/
.header .head .nav>div.center>ul>li ul{background: url("/images/images/subnav.png");padding:20px 0;border-top:1px solid #fff;box-shadow: inset 0 15px 30px #eeeded;display: none;position: absolute;z-index: 21;left:0;top:51px;width: 80%;}
.header .head .nav>div.center>ul>li ul li{padding:0 30px;font-size: 14px;border-left:1px solid #d3d3d3;line-height: normal;}
.header .head .nav>div.center>ul>li ul li:first-child{border:none;}

.banner{width: 100%;height: 734px;overflow: hidden;position: relative;z-index: 1;}
.banner .bd{position: absolute;z-index: 100;left:50%;margin-left:-960px;width: 1920px;height: 734px;}
.banner .hd{position: absolute;bottom:20px;z-index: 1000;left: 50%; margin-left: -58px;}
.banner .hd li{background: url("/images/images/ad_btn2.png") no-repeat;width: 14px;height: 14px;float: left;text-align: center;margin:0 5px;cursor: pointer;}
.banner .hd .on{background: url("/images/images/ad_btn1.png") no-repeat;}

.ad{width: 100%;height: 404px;overflow: hidden;position: relative;z-index: 1;}
.ad .ad_div{position: absolute;z-index: 100;left:50%;margin-left: -960px;width: 1920px;height: 404px;}

.index_title{text-align: center;border-bottom: 1px solid #eaeaea;}
.index_title .t1{font-family: 'AmplitudeWide-Black';font-size: 40px;color: #1671c2;}
.index_title .t2{font-size: 18px;color: #1671c2;}
.title_bg{height: 25px;background: url('/images/images/title.jpg') no-repeat center;}

.index_img1{height: 197px;background: url('/images/images/img1.jpg') no-repeat center;}

.index_div1{background: url('/images/images/s_bg.jpg') no-repeat center bottom;}
.index_div1 .list{padding:60px 0;}
.index_div1 .div{width: 193px;height: 193px;position: relative;z-index: 10;overflow: hidden;margin:0 40px;}
.index_div1 .div a{display: inline-block;width: 100%;height: 100%;position: absolute;z-index: 11;left:0;top:0;}
.index_div1 .div .img{width: 100%;height: 100%;position: absolute;z-index: 2;left:0;top:0;}
.index_div1 .div .font{position: absolute;z-index: 3;width: 100%;left:0;top:135px;text-align: center;color: #1978b0;}
.index_div1 .div .bg{background: url('/images/images/s_bg2.png');width: 100%;height: 100%;position: absolute;z-index: 1;left:0;top:0;}