.nav_top_box{ padding-bottom: 15px; height: 65px; width: 100%; } .nav_top_box .nav_top{ width: 1200px; height: 65px; margin:0 auto; } .nav_top_box .nav_top li{ float: left; height: 65px; border-right: 1px solid #dddddd; padding-right: 60px; margin-right: 60px; } .nav_top_box .nav_top li .title{ font-size: 14px; color: #333333; display: block; font-weight: 600; } .nav_top_box .nav_top li .item{ float: left; margin-top: 4px; margin-right: 7px; font-size: 12px; } .nav_top_box .nav_top li .item:hover{ color: #ff3030; } .nav_top_box .nav_top .lastchild{ margin-right: 0; border: none; padding:0; } .contener{ width: 1200px; margin: 0 auto; } .contener .title1{ height: 45px; line-height: 45px; border-top: 1px solid #dddddd; } .contener .title1 span{ float: left; border-top: 2px solid #ff3030; margin-top: -1px; height: 44px; font-weight: bold; line-height: 33px; font-size: 18px; color: #333333; } .contener .title1 a{ float: right; font-size: 14px; color: #666666; } .contener .title1 a:hover{ color: #ff3030; } .contener .list_box .list_item { height: 36px; line-height: 36px; font-size: 14px; color: #333333; display: block; overflow: hidden; padding-left: 9px; background: url("/newsbjmfbfcom/templets/mfzx/yl-public/images/dian1.png") no-repeat center left; } .contener .list_box .list_item:hover{ background: url("/newsbjmfbfcom/templets/mfzx/yl-public/images/dian2.png") no-repeat center left; color: #ff3030; cursor: pointer; } .contener .list_box .list_item i{ float: left; height: 36px; line-height: 36px; width: 10px; color: #ff3030; } .contener .list_box .list_item span{ float: left; height: 36px; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;!important; } .contener .Chart_box1{ height: 170px; width: 210px; } .contener .Chart_box1 .img_box{ width: 210px; height: 130px; overflow: hidden; } .contener .Chart_box1 .p1{ width:210px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-top: 10px; font-size: 14px; color: #666666; } .contener .Chart_box1 .img_box img{ display:inline-block; width: 100%; height: 100%; } .Modular_box1{ padding-top: 30px; height:270px; width: 100%; overflow: hidden; } .Modular_box1 .left.img_box{ width: 440px; height: 270px; float:left; overflow: hidden; position: relative; } .Modular_box1 .left.img_box .text_macks{ position:absolute; bottom: 0; left: 0; right: 0; width:420px; height: 36px; line-height: 36px; padding-left: 20px; font-size: 14px; color: #ffffff; background: url("/newsbjmfbfcom/templets/mfzx/yl-public/images/bannerbg.png") repeat left top; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .Modular_box1 .right{ height: 270px; width: 740px; float: right; margin-left: 0; } .Modular_box1 .right .headright{ padding-bottom: 9px; color: #333333; font-weight: bold; font-size: 18px; cursor: pointer; } .Modular_box1 .right .p1{ height: 48px; font-size: 14px; } .Modular_box1 .right .p1 span{ color: #ff3030; } .Modular_box1 .right .p1 span:hover{ text-decoration: underline; } .Modular_box1 .right .headright:hover{ color: #ff3030; } .Modular_box1 .right{ line-height: 24px; font-size: 12px; color: #666666; } .Modular_box1 .text_item_box{ padding-top: 18px; } .Modular_box1 .text_item_box .text_item_box1{ width: 350px; float: left; } .Modular_box1 .text_item_box .text_item_box2{ width: 350px; float: right; margin-top: 0; } .Modular_box2{ margin-top: 40px; } .Modular_box2>div>div{ /*height: 400px; background: red;*/ } .Modular_box2 .moda_b2_left{ width: 440px; float: left; margin-right: 20px; } .Modular_box2 .moda_b2_cetner{ width: 370px; float: left; }.Modular_box2 .moda_b2_right{ width: 350px; float: right; } .Modular_box2 .moda_b2_left .top_item{ height: 205px; width: 100%; } .Modular_box2 .moda_b2_left .top_itemlist{ width: 210px; float: left; } .Modular_box2 .moda_b2_left .top_itemlist.top_itemlist2{ float: right; } .Modular_box2 .moda_b2_left .tabchang{ width: 438px; height: 218px; border:1px solid #dddddd; } .Modular_box2 .moda_b2_left .tabchang .hd{ height: 36px; } .Modular_box2 .moda_b2_left .tabchang .hd li{ height: 32px; width: 146px; float: left; /*border-top: #ffffff solid 2px;*/ padding-top: 2px; border-bottom: 1px solid #dddddd; text-align:center; line-height: 30px; color: #666666; font-size: 14px; cursor: pointer; } .Modular_box2 .moda_b2_left .tabchang .hd li.on{ border-bottom: none; border-top: 2px solid #ff3030; margin-top: -1px; padding-top: 1px; color: #ff3030; } .Modular_box2 .moda_b2_left .tabchang .hd ul li.centers{ width: 144px; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; } .Modular_box2 .moda_b2_left .tabchang .bd{ height: 182px; overflow: hidden; } .Modular_box2 .moda_b2_left .tabchang .bd .slide_item { width: 100%; height: 100%; overflow: hidden; } .Modular_box2 .moda_b2_left .tabchang .bd .slide_item .list_box{ padding: 0 20px 0 20px; } .Modular_box2 .moda_b2_cetner .contentlist{ width: 370px; height: 400px; overflow: auto; background: #f4f4f4; } .Modular_box2 .moda_b2_cetner .contentlist ul{ padding-left: 18px; margin-top: 20px; margin-bottom: 20px; } .Modular_box2 .moda_b2_cetner .contentlist ul li{ height: 28px; line-height: 28px; font-size:14px; color: #333333; } .Modular_box2 .moda_b2_cetner .contentlist ul li a{ color: #333333; } .Modular_box2 .moda_b2_cetner .contentlist ul li:hover a{ color: #ff3030; } .moda_b2_right .Map{ width: 350px; height: 192px; overflow: hidden; } .moda_b2_right .Map a{ display: block; height: 350px; width: 192px; } .moda_b2_right .hresyagnlao{ padding-top: 20px; } .moda_b2_right .yagnlapitem{ width: 166px; height: 186px; float: left; border: 1px solid #dddddd; } .moda_b2_right .yagnlapitem .img_box{ width:166px; height: 140px; overflow: hidden; } .moda_b2_right .yagnlapitem .img_box img{ display: block; width: 100%; height: 100%; } .moda_b2_right .yagnlapitem .p1{ height: 46px; line-height: 46px; text-align:center; font-size: 16px; color: #ff3030; } .moda_b2_right .yagnlapitem .p1 i{ padding-left: 22px; background: url("/newsbjmfbfcom/templets/mfzx/yl-public/images/toplink.png") no-repeat center; } .moda_b2_right .yagnlapitem.yagnlapitemlast{ float: right; } .Modular_box2 .title2{ padding-top: 0; height: 16px; line-height: 16px; margin-bottom: 10px; font-size: 16px; color: #333333; font-weight: bold; border-left: 2px solid #ff3030; padding-left: 5px; } .Modular_box3{ margin-top: 40px; } .Modular_box3 .iconbox{ height: 106px; padding-bottom: 32px; padding-top: 16px; } .Modular_box3 .iconbox li{ float: left; height: 90px; width: 58px; margin: 0 71px 0 71px; text-align: center; } .Modular_box3 .iconbox li .p1{ padding-top: 5px; } .Modular_box3 .iconbox li .img_box{ width: 58px; } .Modular_box3 .iconbox li .img_box img{ display: block; margin: 0 auto; width: 51px; height: 51px; } .Modular_box3 .iconbox li .img_box .p1{ color: #666666; font-size: 14px; padding-top: 16px; } .main_1_right{ float: left; width: 440px; } .main_1_right .Chart_box1{ float: left; } .main_1_right .Chart_box1right{ float: right; } .text_item_box2{ width:740px; float: right; margin-top:-10px; } .text_item_box2 .text_item_box1{ float: left; width: 350px; } .text_item_box2 .text_item_box2{ float: right; width: 350px; margin-top: 0; } .Modular_box4{ margin-top: 40px; } .Modular_box4 h5{ padding-bottom: 4px; font-size: 20px; font-weight: bold; color: #333333; cursor: pointer; } .Modular_box4 h5:hover{ color: #ff3030; } .Modular_box4 .p1{ cursor: pointer; } .Modular_box4 .p1{ line-height: 24px; color: #999999; padding-bottom: 14px; } .Modular_box4 .p1 span{ color: #ff3030; } .Modular_box4 .text_item_box2 { margin-top: 0; } .footBox{ margin-top: 80px; }