@CHARSET "UTF-8";
/* *{
margin: 0;
padding: 0;
}
body{
font-size: 16px;
background-color:#EDEDED ;
font-style: inherit;
color:#030303 ;
}
.main{
width: 1050px;
margin: 0 auto;
}
.fl{
float: left;
}
.fr{
float: right;
}
a{
text-decoration: none;
outline: none;
color:#000 ;
}
ul,ol{
list-style: none;
}
.clear{
clear: both;
}
.clearfix{
*zoom:1;
}
li{
float: left;
display: inline-block;
width: 120px;
height: 40px;
text-align: center;
line-height: 40px;
}
#nav li{
float: left;
display: inline-block;
width: 120px;
height: 40px;
text-align: center;
line-height: 40px;
}
li a:hover{
color: red;
}
#frist {
opacity: 0;
}
#frist li{
width:120px;
float: none;
position: relative;
position: static;
display: inline-block;
}
li a:hover{
color: red;
transition: all 0.5s;
}
:hover{
transition: all 2s;
}
#second {
opacity: 0;
margin: -40px 0 0 120px;
padding: 0px;
position: absolute;
width:850px;
height:40px;
}
#second li{
width:130px;
}
#nav_one:hover #frist{
opacity:1;
transition: all 1s;
}
#nav_two:hover #second{
opacity:1;
transition: all 1s;
}
*/
* {
margin:0;
padding:0;
}
.w {
width:1200px;
margin:0 auto;
}
a {
text-decoration:inherit;
color:#ffffff ;
}
a,li {
list-style:none;
}
.cf:before,.cf:after,.clearfix:before,.clearfix:after {
content:"";
display:table;
}
.cf:after,.clearfix:after {
clear:both;
}
.cf,.clearfix {
clear:both;
*zoom:1;
}
/*导航条*/
#nav {
width:100%;
min-width:1200px;
height:30px;
background:#00a1ea;
margin-top:100px;
}
#nav ul li {
float:left;
}
#nav ul li:first-child {
margin-left:17%;
}
#nav ul li a {
font-size:16px;
color:#fff;
line-height:30px;
padding:0 35px;
display:inline-block;
}
#nav ul li a:hover {
background:#fff000;
color:#00a1ea;
}
#nav ul li.active a {
background:#fff000;
color:#00a1ea;
}
/*banner上面浮层*/
.cat_wrap {
/*box-shadow:1px 1px 2px #bfbcbc;
box-shadow:0 -4px 8px 0 rgba(7,17,27,.1),0 4px 8px 0 rgba(7,17,27,.1);
background:#21458E;*/
/*background-color:rgb(14,51,120,0.7);*/
width:230px;
position:absolute;
z-index:999;
/*top:13px;*/
}
.cat_wrap .cat_title {
width:230px;
height:45px;
line-height:50px;
font-size:16px;
/*background:url(http://www.keming365.com/images/juxing.png) no-repeat;
margin-left:-6px;*/
margin-top:-13px;
background-size:100%;
color:white;
text-align:center;
background:#FF8B00;
}
.cat_wrap .cat_header {
min-height:495px;
}
.cat_wrap .cat_list div {
/*background:#21458E;
background-color:rgb(33,69,142,0.5);*/
border-left:3px solid transparent;
}
.cat_wrap .cat_list div li {
float:left;
color:#323232;
font-size:14px;
/*margin:7px 0px;*/
}
.cat_wrap .cat_list div li:first-child {
margin-left:5px;
margin-right:10px;
}
.cat_wrap .cat_list {
cursor:pointer;
}
.cat_wrap .cat_list div:hover {
/*background:white;*/
}
.cat_wrap .cat_list a:hover {
color:#ffa42e;
font-weight:bold;
}
.cat_wrap .cat_list div.active {
width:100px;
padding-left:0px;
position:relative;
z-index:999;
border-top:0px solid white;
/*border-left:3px solid #00a1ea;
border-bottom:1px solid #00a1ea;
border-right:none;*/
}
/*banner浮层滑动显示弹框*/
.cat_subcont {
display:none;
}
.cat_subcont.active {
display:block;
}
.cat_subcont .cat_sublist {
/*position:absolute;*/
position: relative;
z-index:998;
top:25px;
left:0px;
/*padding-top:5px;
padding-bottom: 20px;*/
min-height: 80px;
max-height: 800px;
width: fit-content;
background:#fff;
border-top:1px solid #f9f9f9;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); /* 添加阴影 */
}
.cat_subcont .cat_sublist .fore1 {
/*width:374px;*/
}
.cat_subcont .cat_sublist .fore1 .fore_list {
padding:10px 0px;
margin-left: 25px;
margin-right: 15px;
}
.cat_subcont .cat_sublist .fore1 .fore_list h3 {
padding:5px;
border-bottom:1px solid #d3d3d3;
}
.cat_subcont .cat_sublist .fore1 .fore_list h3 a {
font-size:14px;
color:#00a1ea;
}
.cat_subcont .cat_sublist .fore1 .fore_list li {
float:left;
padding:5px;
}
.cat_subcont .cat_sublist .fore1 .fore_list li a {
font-size:14px;
color:#333333;
}
.cat_subcont .cat_sublist .fore1 .fore_list li a:hover {
color:#3882ff;
}