html{
background-color: #fff;
}
body{
width: 100%;
background-color: #f4f4f4;
}
.conBox{
width: 100%;
margin:0 auto;
background-color: #f4f4f4;
overflow: hidden;
}
.top_ban{
height: 526px;
background: url("/staticbjmfbfcom/static.mfzxcn.com/static/news/special/orange_tree/img/banner_bg.png") #edc970 no-repeat center;
}
.z1_con{
width: 1200px;
position: relative;
height: 526px;
margin:0 auto;
}
.z1_bg{
position: absolute;
top: 0;
left: 50%;
margin-left: -945px;
}
.win12{
width: 1200px;
margin:0 auto;
}
.view1{
margin-bottom: 50px;
}
.view1 .brand_logo{
float: left;
width: 144px;
}
.view1 .brand_logo img{
display: block;
width: 142px;
}
.view1 .brand1{
margin-top: 60px;
}
.view1 .brand2{
margin-top: 38px;
}
.view1 .brand_infor{
float: right;
width: 1010px;
font-size: 16px;
color: #333333;
margin-top: 8px;
line-height: 26px;
}
.view2{
background-color: #f9ae3b;
}
.tit_view {
padding-top: 30px;
}
.tit_view .tit_img{
display: block;
margin: 0 auto;
margin-bottom: 30px;
}
.tit_view p{
font-size: 42px;
color: #fff;
text-align: center;
line-height: 57px;
}
.yymo{
width: 280px;
height: 380px;
position: relative;
}
.yymo div{
position: absolute;
width: 280px;
height: 380px;
z-index: 9;
background-color: #fff;
}
.yymo div a{
display: block;
width: 280px;
height: 380px;
}
.yymo div a img{
display: block;
}
.yymo div p{
line-height: 100px;
color: #333333;
font-size: 24px;
text-align: center;
}
.yymo>img{
position: absolute;
z-index: 6;
left: -39px;
top: -43.5px;
opacity: 0;
display: none;
}
/* .yymo:hover div p{
color: #f9ae3b;
} */
.marl20{
margin-right: 20px;
}
.marl15{
margin-right: 15px;
}
.lis1{
margin-bottom: 40px;
margin-top: 45px;
}
.lis1 .nsar{
width:600px;
height: 380px;
overflow: hidden;
}
.link_con{
margin-bottom: 90px;
height: 40px;
}
.link_con a{
float: left;
width:120px;
height: 40px;
text-align: center;
line-height: 40px;
margin-right: 30px;
font-size: 16px;
color: #666666;
background: url("/staticbjmfbfcom/static.mfzxcn.com/static/news/special/orange_tree/img/link_bg1.png") no-repeat center;
}
.link_con a.firs{
margin-left: 165px;
}
.link_con a:hover{
color: #fff;
background: url("/staticbjmfbfcom/static.mfzxcn.com/static/news/special/orange_tree/img/link_bg2.png") no-repeat center;
}
.view3 .tit_view{
padding-top: 48px;
}
.sfb{
width: 600px;
height: 380px;
}
.sfb .sg_item{
width: 290px;
height: 180px;
overflow: hidden;
position:relative;
}
.sfb .sg_item .icon{
position: absolute;
top: 0;
right: 28px;
}
.marb20{
margin-bottom: 20px;
}
.view4{
background-color: #f9ae3b;
}
.vi_con1 {
height: 280px;
}
.view4 .er_pr{
width: 590px;
height: 280px;
overflow: hidden;
position:relative;
}
.view4 .er_pr .texpa{
position: absolute;
left: 0;
top: 75px;
height: 130px;
width:130px;
background-color: #fff;
}
.view4 .er_pr .texpa p{
line-height: 36px;
text-align: center;
font-size: 24px;
color: #f9ae3b;
}
.view4 .vi_con2{
margin-top: 20px;
padding-bottom: 60px;
}
.view4 .vi_con2 a{
width: 285px;
height: 180px;
position: relative;
overflow: hidden;
}
.view4 .vi_con2 a .icon{
position: absolute;
top: 0;
right: 20px;
}
.view5 .tit_view{
padding-top: 50px;
}
.view5 .tit_view p{
color: #f9ae3b;
}
.v5_con1{
margin-top: 30px;
}
.v5_con1>.flbig{
width: 600px;
height: 380px;
overflow: hidden;
float: left;
}
.v5_con2{
margin-top: 20px;
padding-bottom: 30px;
}
.v5_con2 a{
display: block;
width: 380px;
height: 160px;
overflow: hidden;
position: relative;
}
.v5_con2 a .icon{
position: absolute;
top: 0;
right: 20px;
}
.prmov{
position: absolute;
left: 247px;
top: 314px;
height: 187px;
width: 225px;
z-index: 99;
overflow: hidden;
}
.num5 {
height: 175px;
width: 208px;
overflow: hidden;
margin-left: 8px;
margin-top: 6px;
/*border: 2px solid #ccc;*/
/* margin: 50px 125px;*/
/*float: left;*/
position: relative;
text-align: center;
}
.moveco{
position: absolute;
}
.divTop{
height: 2px;
width: 100%;
border-top: 2px #f9ae3b solid;
top: 0px;
left: -100%;
}
.divRight{
height: 100%;
width: 2px;
border-right: 2px #f9ae3b solid;
top: -100%;
right: 0;
}
.divBottom{
height: 2px;
width: 100%;
border-bottom: 2px #f9ae3b solid;
bottom: 0px;
right: -100%;
}
.divLeft{
height: 100%;
width: 2px;
border-left: 2px #f9ae3b solid;
bottom: -100%;
left: 0;
}