/* 酷站导航*/ .clear {clear:both;} #top {height:88px; background:#323436;} #top .header {width:1200px; margin:0 auto;} #top .header li {float:left; font-size:12px;} #top .header .logo {float:left; width:301px;} #top .header .logo a {display:block; width:301px; height:88px;} #top .header .banner {float:left; margin-top:9px; margin-left:39px;} #top .header .login {float:right; margin-top:29px; line-height:30px; margin-left:14px;} #center {width:1212px; margin:0 auto; clear:both;} #center .tit {height:51px; border-bottom:#E9E9E9 1px solid; line-height:50px; color:#525252; padding-left:19px;} #center .tit span {color:#FFB933; float:right; margin-right:19px;} #center .ca {width:1210px; border:#E9E9E9 1px solid; background:#FFFFFF; float:left; clear:both; margin-top:16px;} #center .ca ul {padding-left:10px; height:100%; overflow:hidden; padding-bottom:14px;} #center .ca li {float:left; width:184px; height:97px; margin-left:12px; margin-top:14px;} #center .ca li a img {padding-top:2px; padding-left:2px; width:180px; height:93px;} #center .ca li a:hover img {border:#51A5E6 2px solid; padding-left:0px; padding-top:0px;} #center .cb {width:1210px; border:#E9E9E9 1px solid; background:#FFFFFF; float:left; clear:both; margin-top:16px; height:100%; overflow:hidden;} #center .cb .tit {color:#919191;} #center .cb ul {width:1200px; margin-bottom:-1px; float:left; clear:both; height:100%; overflow:hidden;} /*后期更改直接注释掉不用的即可，也方便切换使用*/ /*小图?文字形式*/ #center .cb li {float:left; width:200px; text-align:center; height:50px; line-height:50px; border-bottom:#E9E9E9 1px solid; border-right:#E9E9E9 1px solid; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;} #center .cb li img {display:inline; margin-bottom:-4px; margin-right:4px; margin-left:2px; _margin-top:17px;} #center .cb li a {display:block; font-size:16px; _height:50px;} #center .cb li a:hover {background:#FBFBFB;} /*图片形式*/ /*#center .cb li {float:left; width:199px; text-align:center; height:50px; line-height:50px; border-bottom:#E9E9E9 1px solid; border-right:#E9E9E9 1px solid;} #center .cb li a img {display:block;} #center .cb li a:hover img {filter: alpha(opacity=50); opacity: 0.5;}*/ #center .cc {width:1210px; border:#E9E9E9 1px solid; background:#FFFFFF; float:left; clear:both; margin-top:16px; height:100%; overflow:hidden;} #center .cc .tit {border:0px; background:url(../images/sbg.jpg) bottom repeat-x; line-height:50px; height:50px; overflow:hidden; padding:0px;} #center .cc .tit li {float:left; width:120px; text-align:center; padding:0px; border:0px; cursor: pointer;color:#919191;} #center .cc .tit .thistab{color:#000000; background:url(../images/sbga.jpg) bottom repeat-x;} #center .cc ul {width:1200px; margin-bottom:-1px; float:left; clear:both; height:100%; overflow:hidden;} #center .cc li {float:left; width:199px; text-align:center; height:50px; line-height:50px; border-bottom:#E9E9E9 1px solid; border-right:#E9E9E9 1px solid; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;} #center .cc li img {display:inline; margin-bottom:-4px; margin-right:4px; margin-left:2px; _margin-top:17px;} #center .cc li a {display:block; font-size:16px; _height:50px;} #center .cc li a:hover {background:#FBFBFB;} #center .cd {width:1210px; border:#E9E9E9 1px solid; background:#FFFFFF; float:left; clear:both; margin-top:16px; height:100%; overflow:hidden;} #center .cd ul {padding-top:14px;} #center .cd li {float:left; width:199px; margin-bottom:25px; color:#CECECE; font-size:12px;} #center .cd li a {font-size:14px;} #center .cd li img {float:left; margin-left:12px; display:inline} #center .cd li span {float:left; text-align:left; width:120px; margin-left:16px;} #footer {height:97px; border-top: solid 8px #138CD1;background: #444; text-align:center; padding-top:30px; line-height:30px; color:#C3C3C3; float:left; clear:both; margin-top:26px; width:100%;} #footer a {color:#C3C3C3;} /*=====================插件导航新版模板下载?015.11.9=================*/ /*==========index.css 公共css==========*/ a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; color: #ea544a!important; } .m { width: 100%; overflow: hidden; margin: auto; } .hei { background: #000 } .hui { background: #F5F5F5; } .headermain { width: 1208px; overflow: hidden; margin: auto; padding: 0; height: 94px; } .main { width: 1190px; overflow: hidden; margin: auto; padding: 10px; } .maincat { width: 1210px; overflow: hidden; margin: auto; } .t1 { margin-top: 25px } .t { margin-top: 15px } .mp { margin-bottom: 10px } .mr { margin-right: 20px } .mr11 { margin-right: 8px } .br-m { margin-bottom: 15px } .f { float: left } .d { border-bottom: 1px solid #F6F6F6 } .dd { border-right: 1px solid #F6F6F6 } .bian { padding-bottom: 0px; border: 1px solid #DEDBDB; margin-bottom: 15px; } .ov { overflow: hidden; padding-bottom: 10px } .bor {} .pad { padding: 10px; overflow: hidden } .blank10 { height: 10px; line-height: 10px; clear: both; background: none; } /*==========index.css 公共css==========*/ .bgwhite { background: #FFF; } .g1 { background-repeat: no-repeat; background-position: left; background-image: url(../images/t1.png); } .g2 { background-repeat: no-repeat; background-position: left; background-image: url(../images/t2.png); } .submit { width: 40px; height: 35px; float: left; background-color: #fff; background-image: url(../images/s1.jpg); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; } .g3 { background-repeat: no-repeat; background-position: left; background-image: url(../images/t3.png); } .g4 { background-repeat: no-repeat; background-position: left; background-image: url(../images/t4.png); } .g5 { background-repeat: no-repeat; background-position: left; background-image: url(../images/t5.png); } .g6 { background-repeat: no-repeat; background-position: left; background-image: url(../images/t6.png); } /*============================字体===========================*/ .black { color: #000!important; } .hui { color: #666 } .font1, .main .font1 { font-size: 18px; line-height: 150%; color: #323232; display: block } .font1:hover { color: #ea544a!important } .font2 { font-size: 14px; line-height: 150%; color: #a5a5a5!important; position: relative; } .font2:hover { color: #ea544a!important; } .fontis_best { background: url(../images/jing.gif) no-repeat center top; display: inline-block; height: 15px; width: 20px; position: absolute; top: 3px; } .font7 { font-size: 18px; line-height: 40px; height: 40px; display: block } .font22 { font-size: 14px; line-height: 150%; color: #999!important; display: block } .font9 { font-size: 18px; color: #444; line-height: 30px; } .pad .font9:hover { color: #000!important; } .font10 { font-size: 12px; line-height: 30px; height: 30px; color: #bdbdbd } .font11 { font-size: 12px; height: 60px; display: block; overflow: hidden; line-height: 20px; color: #888; } .h2tit { font-size: 2em; height: 70px; line-height: 70px; font-weight: normal; display: block; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .pad .font11:hover { color: #666!important; } /*============================首页css内容===========================*/ /*=======end=======*/ .banner { width: 470px; height: 400px; } .new { margin-left: 15px; width: 390px; height: 400px; } .down { margin-left: 15px; width: 300px; height: 400px; } .com { width: 400px; height: 40px } .com .more { background: none; } .title1 { display: block; float: left; color: #333; font-size: 24px; height: 30px; line-height: 30px; } .more { display: block; float: right; font-size: 14px; color: #E10B02; padding-right: 10px; height: 30px; line-height: 30px; } .compan { width: 400px; overflow: auto; } .compan li a { color: #333; width: 385px; padding-left: 15px; overflow: hidden; background-image: url(../images/t7.png); background-repeat: no-repeat; background-position: left center; line-height: 28px; } .xiazai { height: 130px; margin: 0px; margin-bottom: 5px; background-color: #FD454D; background-image: url(../images/i1.jpg); background-repeat: no-repeat; background-position: left; padding: 10px; } .font3 { font-size: 24px; line-height: 150%; color: #fff; text-align: right; padding-right: 15px; font-weight: bold } .font4 { font-family: "微软雅黑"; font-size: 12px; line-height: 150%; color: #fff; text-align: right; padding-right: 10px; } .button { width: 150px; height: 40px; margin-left: 140px; background-image: url(../images/button.png); } .button a { font-family: "微软雅黑"; font-size: 14px; line-height: 40px; color: #333; display: block; margin-left: 48px; font-weight: bold } .button a:hover { color: #FFF696 } .xiazai-1 { background: #FBCB58; height: 130px; padding: 10px; } .chanpin { background: #FBCB58; height: 298px; padding: 10px; } .font5 { font-family: "微软雅黑"; font-size: 18px; line-height: 35px; color: #fff!important; font-weight: bold; padding-left: 15px } .font6 { font-family: "微软雅黑"; font-size: 14px; line-height: 25px; color: #fff!important; padding-left: 10px; display: block; background-image: url(../images/t8.png); background-repeat: no-repeat; background-position: left center; margin-left: 10px; width: 270px; overflow: hidden; } .font6:hover { color: #fff!important; } .link { width: 80px; height: 28px; float: left; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; background-image: url(../images/but2.png); text-align: center; overflow: hidden; } .link a { font-family: "微软雅黑"; font-size: 12px; line-height: 28px; color: #227bce; } .link a:hover { color: #052d52!important; } .chanpin1 { margin-top: 5px; } /*====您的位置===*/ .Location { width: 1210px; height: 30px; margin-bottom: 10px;background:#FFFFFF; } .Location .tubiao { background: transparent url("../images/weishi.png") no-repeat scroll 3px 3px;} .Location ul li { float: left; height: 30px; line-height: 26px; padding-right: 5px; font-family: "微软雅黑"; font-size: 14px; color: #999;padding-left: 25px; } .Location ul li a { font-family: "微软雅黑"; font-size: 14px; line-height: 30px; height: 30px; display: block; color: #999; float: left; margin: 0 4px; } .Location ul li code { font-family: "微软雅黑"; float: left; } .Location ul li a:hover { color: #333!important; } /*============================列表页左?==========================*/ .cate-l { width: 894px; overflow: hidden } .cate-le { overflow: hidden;} /*=====列表页三级菜?====*/ .cate-tab { width: 730px; float:left; } .cate-tab dt { font-family: "微软雅黑"; font-size: 28px; color: #333; height: 70px; line-height: 70px; text-indent: 10px } .cate-tab dd { float: left; } .cate-tab dd a { font-family: "微软雅黑"; font-size: 16px; color: #333; line-height: 30px; display: block; padding-left: 10px; padding-right: 10px; white-space: nowrap; } .cate-tab dd a:hover { background: #fd6f6c; color: #FFF!important; } .cate-tab dd a.curr { background: #fd6f6c; color: #FFF!important; } /*=====列表循环===*/ .cat-r { width: 548px; height: 160px; overflow: hidden; float: right; position: relative; } #menu { height: 30px; width: 130px; overflow: hidden; text-align: center; position: absolute; right: 0px; bottom: 0px; } #menu ul li { float: left; list-style-type: none; } /* Menu Link Styles */ #menu ul a { display: block; background: #FD6F6C; color: #fff; height: 30px; width: 130px; text-decoration: none; -webkit-transition: margin .4s ease-in-out; -moz-transition: margin .4s ease-in-out; -o-transition: margin .4s ease-in-out; -ms-transition: margin .4s ease-in-out; transition: margin .4s ease-in-out; font-family: "微软雅黑"; font-size: 16px; line-height: 30px; font-weight: lighter; } /* Secondary Link Styles */ #menu ul a:nth-of-type(even) { background: #666; color: white; line-height: 30px; } #menu ul a:hover { color: #fff!important; line-height: 30px; } /* Hover Slide */ #menu ul li:hover :first-child { margin-top: -30px; } /***********************************end button03***********************************/ /*============================列表页右?=========:=================*/ .cate-r { width: 300px; overflow: hidden; float: right } .art-t { border-bottom: 1px solid #DEDBDB; font: 400 18px 'Microsoft Yahei'; background-position: left center; text-indent: 15px; padding-top: 15px; padding-bottom: 10px; position: relative; margin-bottom: 10px; } .art-t .icon { position: absolute; left: 1px; top: 18px; display: inline-block; width: 2px; height: 26px; background: #f35d5d; } .art { margin-bottom: 15px; } .art li { height: 30px; padding: 0 10px; } .art li span { float: left; width: 20px; font-size: 12px; line-height: 20px; font-style: normal; height: 20px; color: #fff; font-family: Arial, Helvetica, sans-serif; background: #ea544a; text-indent: 0px; text-align: center; border-radius: 50%; margin-top: 6px; margin-right: 5px; } .art li span.hui { background: #e5e5e5; color: #666 } .art li a { width: 250px; display: block; float: left; font-size: 14px; line-height: 30px; color: #666; } .art li a:hover { color: #333!important; } .erweima { border-top: 1px solid #DEDBDB; width: 298px; overflow: hidden;}