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; }