ershouche/WebRoot/css/home.css

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

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

@charset "utf-8";
/*top*/
.egc-top{width:100%; background:#f8f8f8; border-bottom:1px solid #e4e4e4;}
.egc-top .nav-cent{height:35px; width:1200px; margin:0 auto;}
.egc-top .nav-cent .top-r{float:right; position:relative;}
.egc-top .nav-cent .top-r a{ color:#666666; line-height:35px; padding:0px 10px;}
.egc-top .nav-cent .top-l{line-height:35px; color:#666666;}

/*导航*/
.navigation{width:100%; background:#fff; padding:0px 0; z-index:1000; border-bottom:1px solid #dedede;}
.navigation .nav-cent{width:1200px; margin:0 auto; height:100px; position:relative;}
.navigation .nav-cent .sea{float:left; padding:0; margin-top:20px;}
.navigation .nav-cent .logo{padding:0; float:left;}
.navigation .nav-cent .logo a{ float:left; margin-top:10px; margin-right:30px;}

.hot-phone { float:right; height:30px;  line-height:30px; font-size:20px; margin-top:35px; color:#00002e;font-weight:700;}
.hot-phone i {display:block; width:30px; height:30px; margin-right:5px; float:left; background:url(../images/tel.png) no-repeat;}

.navmenu{ width:500px; margin:0 auto; zoom:1;}
.navmenu li{ height:60px; line-height:60px; display:block; float:left; position:relative;}
.navmenu li a{ color:#0e103d; font-family:'Microsoft Yahei'; font-size:15px; text-decoration:none; height:58px; line-height:58px; display:block; padding:0px 20px;}
.navmenu li a:hover{ color:#000; text-decoration:none;}
.navmenu li.active a{ border-bottom:2px solid #0e103d;}
.navmenu li span{ display:block; position:absolute; width:0px; height:0px; background:#0e103d; top:58px; left:50%;}





/*搜索框*/
.navigation .egc-sea-box{margin:10px 0; zoom:1; overflow:hidden; position:relative;}
.egc-sea-box .sea-ipt-txt{/*height:20px;*/ padding:10px; font-size:12px; color:#888; width:450px;  border:1px solid #e4e4e4; outline:none;}
.egc-sea-box .search-btn{width:80px; height:37px; display:block; line-height:37px; position:absolute; right:1px; top:1px; text-align:center; color:#fff; background:#00002e;} 
.egc-sea-box .search-btn:hover { background-color:#f79630; color:#fff;}
.egc-sea-box .search-btn.on{border-color:#00002e;}
.egc-sea-box .search-btn.on:hover{background-color:#f79630;}
.egc-sea-box .sea-ipt-txt.on{border-color:#00002e;}

.navigation-mb .egc-search{width:100%; background:rgba(0,0,0,.7); overflow:hidden; z-index:9; display:none;}
.egc-search .search-box{height:20px; margin:10px; padding:10px 50px 10px 10px; background:#fff; position:relative;}
.egc-search .search-box input{width:100%;height:20px;padding:0;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle; outline:none;}
.egc-search .search-box button{width:90px;height:40px;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#008cd6;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out; position:absolute; right:50px; top:0;}
.egc-search .search-box button:hover{background:#0074b2;}
.egc-search .sea-close{position:absolute; right:0; top:0; display:block;  width:50px; height:40px; background:rgba(0,0,0,.7);}
.egc-search .search-box a.close{color:#fff; display:block;cursor:pointer; text-align:center; width:32px; height:32px; margin:4px 0 0 14px;}
.egc-search .search-box a.close i{line-height:40px;}
.egc-search .search-box a.close:hover{ color:#3DBDC3;}

.navigation-mb-list{position:fixed; left:0; top:0; z-index:20000; width:100%; height:100%; background:rgba(0,0,0,.7); display:none;}
.navigation-mb-list .listcon{margin:0; padding:20px;}
.navigation-mb-list .listcon ul li{}
.navigation-mb-list .listcon ul li a{font-size:14px; color:#fff; display:block; padding:15px; border-bottom:1px solid #888; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.navigation-mb-list .listcon ul li a:hover{color:#FF0; background:rgba(0,0,0,.4) ;}
.navigation-mb-list .list-close-btn{font-size:0; color:#fff; width:32px; height:32px;  margin:30px auto 0 auto; display:block;}
.navigation-mb-list .list-close-btn img,.egc-search .search-box a.close img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ 
-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out;