.conBox{ width: 100%; background-color: #f4f4f4; } .conBox .Modular1{ float: left; width: 100%; height:700px; } .conBox .Modular1 .Mod1{ float: left; width: 100%; background-color: #f4f4f4; margin: 30px 0; } .conBox .Modular1 .Mod1 span{ float: left; height: 60px; text-align: right; line-height: 60px; background-color: #ffffff; width: 470px; } .conBox .Modular1 .Mod1 span p{ color: #ffffff; margin-top: -3px; float: left; font-size: 20px; font-weight: bold; text-align: left; background: url("/newsbjmfbfcom/templets/mfzx/gy-public/images/mod1-gh.png") no-repeat center; width: 139px; height: 68px; } .conBox .Modular1 .Mod1 span .p1{ width: 109px; padding-left: 25px; } .conBox .Modular1 .Mod1 span .p2{ width: 119px; padding-left: 15px; } .conBox .Modular1 .Mod1 .gy-sp{ width: 470px; } .conBox .Modular1 .Mod1 .hz-sp{ margin-left: 35px; width: 695px; } .conBox .Modular1 .Mod1 .hz-sp a,.conBox .Modular1 .Mod1 .hz-sp i{ margin-right: 12px; } .conBox .Modular1 .Mod1 span a{ float: left; color: #333333; margin-right: 10px; font-size: 14px; } .conBox .Modular1 .Mod1 span a:hover{ color: #ff3030; } .conBox .Modular1 .Mod1 span i{ float: left; color: #999999;margin: 0 5px; } .conBox .Modular1 .Mod2{ float: left; width: 100%; } .conBox .Modular1 .Mod2 div{ float: left; } .conBox .Modular1 .Mod2 .box1{ margin-right: 30px; width: 380px; height: 305px; } .conBox .Modular1 .Mod2 .box1 a{ overflow: hidden; display: block; width: 100%; height: 100%; } .conBox .Modular1 .Mod2 .box1 img{ width: 380px; height: 305px; } .conBox .Modular1 .Mod2 .box1 span{ float: left; background: url("/newsbjmfbfcom/templets/mfzx/gy-public/images/mod2-mack.png") no-repeat center; width: 380px; height: 81px; bottom: 0; left: 0; } .conBox .Modular1 .Mod2 .box1 span p{ display: block; margin-top: 30px; width: 100%; text-align: center; color: #ffffff; line-height: 50px; font-size: 16px; } .xiangqing{ color: #ff3030; } .xiangqing:hover{ border-bottom: 1px solid #ff3030; } .conBox .Modular1 .Mod2 .box2{ font-size: 14px; margin-right: 30px; width: 380px; height: 305px; } .head-tit{ display: block; margin-bottom: 10px; } .conBox .Modular1 .Mod2 .box2 .one-news .head-tit a{ width: 100%; color: #333333; height: 26px; float: left; text-align: left; line-height: 26px; font-size: 20px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .conBox .Modular1 .Mod2 .box2 .one-news{ width: 100%; margin-bottom: 20px; } .conBox .Modular1 .Mod2 .box2 .one-news a{ display: block; line-height: 1.5em; width: 100%; height:45px; } .conBox .Modular1 .Mod2 .box2 .one-news .head-tit a:hover{ color: #ff3030; } .new-list{ width: 100%; } .new-list a{ width: 100%; line-height:2.5em; } .new-list a:hover{ color: #ff3030; } .new-list span{ float: right; } .new-list p{ float: left; width:320px ; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .conBox .Modular1 .Mod2 .box3{ width: 380px; font-size: 14px; height: 305px; } .new-head{ display: block; margin-bottom: 10px; } .new-head i{ background: url("/newsbjmfbfcom/templets/mfzx/gy-public/images/head-xin.png") no-repeat center; float: left; width: 21px; height: 19px; margin-right: 10px; margin-top: 5px; } .new-head p{ float: left; color: #333333; height: 26px; line-height: 26px; font-size: 20px; font-weight: bold; } .conBox .Modular1 .Mod2 .box3 .one-news{ width: 100%; margin-bottom: 10px; } .conBox .Modular1 .Mod2 .box3 .one-news a{ display: block; width: 100%; } .new-head a:hover{ color: #ff3030; } .conBox .Modular1 .Mod2 .box3 .one-news .news-con{ display: block; line-height: 1.5em; font-size: 14px; width: 100%; height: 45px; } .conBox .Modular1 .Mod2 .box3 .new-list a{ line-height: 2em; } .an-niu{ width: 100%; } .an-niu span{ float: left; } .an-niu .go{ width: 379px; height: 61px; margin-bottom: 8px; } .an-niu .go img{ display: none; float: left; width: 100%; height: 55px; top:16px; left: 0; background: url("/newsbjmfbfcom/templets/mfzx/gy-public/images/go-yinying.png") no-repeat center ; } .an-niu .go:hover img{ display: block; } .an-niu .go:hover a{ top:-3px; } .an-niu .go a{ top:0; left: 0; background: url("/newsbjmfbfcom/templets/mfzx/gy-public/images/go-bg.png") no-repeat center ; width: 379px; height: 61px; display: block; } .an-niu .go a s{ display: block; background:url("/newsbjmfbfcom/templets/mfzx/gy-public/images/GO.png") no-repeat center; top: 24px; width: 61px; right: 38px; height: 18px; } .an-niu .go a p{ float: left; font-size: 24px; width: 96px; color: #ffffff; margin: 0 auto; margin-top: 15px; margin-left: 130px; } .an-niu .a-sp{ width: 186px; height: 56px; } .an-niu .a-sp:hover{ background: url("/newsbjmfbfcom/templets/mfzx/gy-public/images/yinying.png") no-repeat left; margin-top: -3px; } .an-niu .a-sp a{ display: block; width: 180px; height: 34px; margin: 0 auto; margin-top: 7px; text-align: center; } .an-niu .a-sp1{ margin-right: 8px; } .an-niu .a-sp1 a{ background:url("/newsbjmfbfcom/templets/mfzx/gy-public/images/s-sp1.png") no-repeat center; } .an-niu .a-sp2 a{ background:url("/newsbjmfbfcom/templets/mfzx/gy-public/images/s-sp2.png") no-repeat center; } .an-niu .a-sp a i{ font-size: 16px; color: #ffffff; font-weight: bold; text-align: center; line-height: 34px; height: 34px; } .an-niu .a-sp1 a i{ margin-left: 12px; } .an-niu .a-sp2 a i{ margin-left: 25px; } .an-niu .goBox{ width: 100%; height: 61px; margin-bottom: 8px; } .an-niu .sBox{ height: 34px; width: 100%; } .Mod3{ float: left; width: 100%; margin-top: 40px; } .Mod3 .con1{ float: left; margin-right: 30px; width: 380px; height: 235px; } .Mod3 .con1 .a-tit{ height: auto; } .Mod3 .con1 a{ width: 120px; height: 90px; overflow: hidden; float: left; margin-right: 20px; } .Mod3 .con1 img{ width: 120px; height: 90px; } .Mod3 .con1 .n-box{ margin-bottom: 15px; } .Mod3 .con1 .new-head i{ background: none; width: 1px; margin-top: 4px; height: 20px; border-left: 4px solid #ff3030; } .conBox .Modular1 .Mod3 .con1 .one-news{ float: left; width: 240px; margin-bottom: 10px; } .conBox .Modular1 .Mod3 .con1 .one-news a{ display: block; width: 100%; } .new-head a:hover{ color: #ff3030; } .conBox .Modular1 .Mod3 .con1 .one-news .news-con{ display: block; line-height: 1.5em; font-size: 14px; width: 100%; height: 45px; } .conBox .Modular1 .Mod3 .con1 .one-news .head-tit a{ width: 100%; color: #333333; height: 26px; float: left; text-align: left; line-height: 26px; font-size: 18px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .conBox .Modular1 .Mod3 .con1 .one-news .head-tit a:hover{ color: #ff3030; } .Mod3 .con2{ float: left; width: 380px; font-size: 14px; } .Mod3 .con2 .new-head{ margin-bottom: 8px; } .Mod3 .con2 .new-head i{ background: none; width: 1px; margin-top: 4px; height: 20px; border-left: 4px solid #ff3030; } .Mod3 .con3{ margin-left: 30px; } .Modular2{ float: left; background: url("/newsbjmfbfcom/templets/mfzx/gy-public/images/Modular2-bg.png") no-repeat center #0e0202; width: 100%; height: 796px; margin-top: 30px; color: #ffffff; } .Modular2 .Modular-icon{ background: url("/newsbjmfbfcom/templets/mfzx/gy-public/images/Modular-icon.png") no-repeat center; display: block; width: 24px; height: 26px; left: 0; top: -3px; } .Modular2 .Modular-head{ width: 100%; float: left; margin-top: 40px; color: #ffffff; } .Modular2 .Modular-head span{ font-size: 24px; font-weight: bold; float: left; } .Modular2 .Modular-head p{ float: right; font-size: 14px; } .Modular2 .Modular-head a{ color: #ffffff; } .Modular-head a{ color: #333333; } .Modular-head a:hover{ color: #ff3030; } .Modular2 .M2-con{ padding: 30px; margin-top: 20px; padding-bottom: 15px; float: left; width: 1140px; background-color: #ffffff; } .M2-con span{ display: block; width: 355px; height: 200px; overflow: hidden; } .Modular2 .M2-con a{ width: 355px; float: left; font-size: 14px; text-align: center; } .Modular2 .M2-con a img{ float: left; width: 355px; height: 200px; } .M2-con a p{ display: inline-block; line-height: 3em; color: #333333; font-weight: bold; } .Modular2 .M2-con a:hover p{ color: #ff3030; } .Modular2 .M2-con .a-lr{ margin: 0 37px; } .Modular2 .a-img{ float: left; margin-top: 30px; } .Modular3{ float: left; height: 670px; width: 100%; color: #ffffff; } .Modular3 .Modular-icon{ background: url("/newsbjmfbfcom/templets/mfzx/gy-public/images/Modular-icon.png") no-repeat center; display: block; width: 24px; height: 26px; left: 0; top: -3px; } .Modular3 .Modular-head{ width: 100%; float: left; margin-top: 40px; color: #333333; } .Modular3 .Modular-head span{ font-size: 24px; font-weight: bold; float: left; } .Modular3 .Modular-head p{ float: right; font-size: 14px; } .Modular3 .M2-con{ padding: 30px; margin-top: 20px; padding-bottom: 15px; float: left; width: 1140px; background-color: #ffffff; } .Modular3 .M2-con a{ width: 355px; float: left; font-size: 14px; text-align: center; } .Modular3 .M2-con a img{ float: left; width: 355px; height: 200px; } .Modular3 .M2-con a p{ display: inline-block; line-height: 3em; color: #333333; font-weight: bold; } .Modular3 .M2-con a:hover p{ color: #ff3030; } .Modular3 .M2-con .a-lr{ margin: 0 37px; } .Modular4{ float: left; height: 670px; background: url("/newsbjmfbfcom/templets/mfzx/gy-public/images/m4-bg.png") no-repeat center #dddddd; width: 100%; color: #ffffff; } .Modular4 .Modular-icon{ background: url("/newsbjmfbfcom/templets/mfzx/gy-public/images/Modular-icon.png") no-repeat center; display: block; width: 24px; height: 26px; left: 0; top: -3px; } .Modular4 .Modular-head{ width: 100%; float: left; margin-top: 40px; color: #333333; } .Modular4 .Modular-head span{ font-size: 24px; font-weight: bold; float: left; } .Modular4 .Modular-head p{ float: right; font-size: 14px; } .Modular4 .M2-con{ padding: 30px; margin-top: 20px; padding-bottom: 15px; float: left; width: 1140px; background-color: #ffffff; } .Modular4 .M2-con a{ width: 355px; float: left; font-size: 14px; text-align: center; } .Modular4 .M2-con a img{ float: left; width: 355px; height: 200px; } .Modular4 .M2-con a p{ display: inline-block; line-height: 3em; color: #333333; font-weight: bold; } .Modular4 .M2-con a:hover p{ color: #ff3030; } .Modular4 .M2-con .a-lr{ margin: 0 37px; } .Modular5{ float: left; width: 100%; height: 780px; color: #ffffff; } .Modular5 .Modular-icon{ background: url("/newsbjmfbfcom/templets/mfzx/gy-public/images/Modular-icon.png") no-repeat center; display: block; width: 24px; height: 26px; left: 0; top: -3px; } .Modular5 .Modular-head{ width: 100%; float: left; margin-top: 40px; color: #333333; } .Modular5 .Modular-head span{ font-size: 24px; font-weight: bold; float: left; } .Modular5 .Modular-head p{ float: right; font-size: 14px; } .Modular5 .M2-con{ padding: 30px; margin-top: 20px; padding-bottom: 15px; float: left; width: 1140px; background-color: #ffffff; } .Modular5 .M2-con a{ width: 355px; float: left; font-size: 14px; text-align: center; } .Modular5 .M2-con a img{ float: left; width: 355px; height: 200px; } .Modular5 .M2-con a p{ display: inline-block; line-height: 3em; color: #333333; font-weight: bold; } .Modular5 .M2-con a:hover p{ color: #ff3030; } .Modular5 .M2-con .a-lr{ margin: 0 37px; } .jg-box{ float: left; margin-top: 25px; width: 100%; } .jg-box .new-head{ margin-right: 35px; float: left; } .jg-box .jg-class{ width: 1054px; float: left; } .jg-box .jg-class a{ line-height: 2em; font-size: 14px; color: #333333; margin-right: 15px; float: left; } .jg-box .jg-class a:hover{ color: #ff3030; }