/* 首页 */ /* 幻灯 */ .m-inhuand{height: 460px; overflow: hidden; margin-bottom: 15px;position:relative;} .m-inhuand .b-slide{width:1200px; height:460px;position: relative; margin:0 auto;} .m-inhuand .bd{width:1200px; height:460px; margin-left: -1200px;*overflow: hidden;} .m-inhuand .bd ul{width:9999px;} .m-inhuand .bd li{width:1200px; height:460px; position: relative; float: left;} .m-inhuand .bd li .pic img { width: 1200px; height: 460px;} .m-inhuand .bd li .pic img:hover{opacity: 1;} .m-inhuand .bd li .text{background: url(/uploads/image/uimages/60.png); _background: #000; position: absolute; left:100px; bottom:21px; width:913px; height: 135px; padding:0 25px;} .m-inhuand .bd li .text h4{font-size: 30px;line-height: 64px; height: 64px; overflow: hidden; border-bottom: 1px solid #fff; text-align: center;} .m-inhuand .bd li .text h4 a{color:#fff;} .m-inhuand .bd li .text h4 a:hover{color: #d51324; text-decoration: none;} .m-inhuand .bd li .text p{font-size: 14px; line-height: 24px; color:#fff; margin-top:7px; height: 48px; overflow: hidden;} .m-inhuand .slide-helper-l, .m-inhuand .slide-helper-r { background: #000; height: 460px; filter:alpha(opacity=50); opacity:0.5; position: absolute; right: 1200px; top: 0; width: 1200px;} .m-inhuand .slide-helper-r { left: 1200px; right: auto;} .m-inhuand .hd a{position: absolute; top:196px; width:38px; height: 64px; cursor: pointer;} .m-inhuand .hd .prev{left:-60px;background: url(/uploads/image/uimages/a-l.png) no-repeat;} .m-inhuand .hd .next{right:-60px;background: url(/uploads/image/uimages/a-r.png) no-repeat;} /* 首页头条 */ .m-jrtt { width: 60px; height: 132px; background-color: #000; text-align: center; color: #fff; font-size: 20px; line-height: 26px; padding-top: 18px; font-weight: bold;margin-top:10px } .m-txdiv {} .m-scroll-show { height: 180px; overflow: hidden; width: 1095px; position: relative; } .m-imgul { } .m-imgul li{ } .m-imgul li a { display: block; } .m-imgul li a p { position: relative; overflow: hidden;} .m-imgul li a p img {display: block; } .m-imgul li a p span {position: absolute; height:56px;background: rgba(255,255,255,0.7);*background:#f3f3f3; display: block; width: 90%; margin:0 5%;bottom: -29px; text-align: center; line-height: 24px; padding-top: 8px} .m-imgu li a{} .m-imguqli {} .m-imguqli li{ margin-bottom: 21px; height: 150px; } .m-imguqli li a img { height: 150px; width: 100% } .m-imgjiepai {} .m-imgjiepai li{ margin-bottom: 20px; height: 230px; } .m-imgjiepai li a img { height: 230px; width: 100% } .m-imguqx {} .m-imguqx li{ margin-bottom: 20px; height: 168px; } .m-imguqx li a img { height: 168px; width: 100%; margin-top: 3px; } .m-qxzx { margin-left: -40px } .m-qxzx li{ width: 245px; height: 168px; margin-left: 40px } .m-qxzx li a img {height: 168px;} .m-qxpp { } .m-qxpp li{ height: 184px; } .m-qxpp li a img {height: 184px;} .m-qxbig {margin-left: -40px } .m-qxbig li{ width: 375px; height: 256px;margin:0 0 25px 40px } .m-qxbig li a img {width: 375px;height: 256px;} .m-qxbig li.m-txtll,.m-txtll { background-image: url(/uploads/image/uimages/in5.jpg); padding: 0 10px; width: 355px; height: 256px } .m-txtll span,body .m-intags a {display: inline-block; width: 94px; margin-left: 20px;text-align: center; line-height: 28px; height: 28px; overflow: hidden;} body .m-intags a {margin-left: 12px;} .m-txtll span a{ display: inline-block; } .m-imgtuup { position: absolute;} .m-imgtuup li{margin-left: 38px;width: 230px; height: 170px; padding:5px 0; } .m-imgtuup li a{padding: 5px 0 0 5px;height: 158px;} .m-imgtuup li a p{width: 220px; height: 150px;} .m-imgtuup li a p img {width: 220px; height: 150px;} .m-imgtuup li a:hover {box-shadow: 0 0 5px rgb(150,150,150)} .m-txdiv .m-scroll-btn{width:45px;height:auto;float:right;margin: 4px 0px 0 0;} .m-txdiv .m-scroll-btn li{width: 45px;height: 45px;background: url(/uploads/image/uimages/goto.jpg) no-repeat -104px -10px ;margin:16px 0 0 0;cursor:pointer; } .m-txdiv .m-scroll-btn .m-scroll-down{background-position: -11px -105px;} /* 标题部分 */ .g-intith3 { position: relative; height: 100px; margin-bottom: 10px; margin-top: 20px; } .g-intith3 strong { width: 350px; height: 100px;background: url(/uploads/image/uimages/h2.jpg) no-repeat; margin:0 auto;position: absolute;left:50%; margin-left: -175px; font-size: 0; overflow: hidden; text-indent: -999; z-index: 5 } .g-intith3 p { height: 2px; background: #000; top: 53px;position: relative;z-index: 2 } .g-intith3 strong.m-clkb { background-position: left -112px; } .g-intith3 strong.m-zbpc { background-position: left -241px; } .g-intith3 strong.m-zbbk { background-position: left -353px; } .g-intith3 strong.m-gxdz { background-position: left -470px; } .m-titleh4 { height: 50px; line-height: 50px; } .m-titleh4 strong{ font-size: 18px; } .m-titleh4 a.f-fr { display: block; width: 16px; height: 16px; background:url(/uploads/image/uimages/jt.jpg) no-repeat; margin:18px 0 0 0 ; } .m-titleh4 a.f-fr:hover { background-position: left -16px } /* 下面部分 */ .m-inleft { width: 220px; } .m-incenter { width: 530px; margin-left: 40px} .m-inleft2 { width:800px; margin-bottom: -5px; } .m-inright { width: 370px; } .f-bot20 { margin-bottom: 20px } .m-rtit { height: 692px; background: url(/uploads/image/uimages/in2.jpg); } .m-imt2 { height:505px; background: url(/uploads/image/uimages/in4.jpg); } .m-rtitimgp { text-align: center; padding: 30px 0 10px } .m-rimgul {margin:0 30px;} .m-rimgul li { display: block;overflow: hidden; } .m-rimgul li p{ height: 37px; line-height: 34px; overflow: hidden; font-size: 16px; } .m-rimgul li p i { font-size: 18px; font-family: impact; font-weight: bold; margin-right: 10px } .m-rimgul li img { display: none; margin-bottom: 10px; margin-left: 5px; } .m-rimgul li.f-ix img{ display: block; } .m-rimgul li.f-t3 i{ color: #ed2c3d } .m-zbbaikediv { height: 505px; background-color: #c0c0c0 } .m-incdu { background: #fafafa; height: 36px; position: relative; } .m-incdu .m-clultit li{ width: 100px; line-height: 36px; font-size: 16px; text-align: center; position: relative; } .m-incdu .m-clultit li.f-hover { background-color:#000; color: #fff; font-weight: bold; } .m-incdu .m-clultit li.f-hover span{background-image:url(/uploads/image/uimages/dian.jpg); position: absolute; width: 10px; height: 5px;left: 50%; bottom: -5px; margin-left: -5px} .m-incdu .m-clult2 { display: block; margin:5px 10px 0 0 ; position: absolute; width: 50px; height: 6px; right: 0px;bottom: 5px } .m-incdu .m-clult2 li{ width: 20px; height: 6px; background-color: #ccc; margin-right: 5px } .m-incdu .m-clult2 li.f-hover {background: #000} .m-inmore { display: block; height: 48px; line-height: 48px; text-align: center; font-size: 16px; border:1px #000 solid; margin-bottom: 20px;} .m-inmore:hover { background-color: #000; color: #fff } .m-hotul {} .m-hotul li.m-oneimg:hover{box-shadow: 0 0 5px rgb(150,150,150)} .m-hotul li.m-oneimg .m-tit { font-size: 18px; padding:0; margin-bottom: 5px;height:52px;overflow:hidden; } .m-hotul li.m-oneimg .m-tit a:hover {font-weight: bold;} .m-hotul li.m-oneimg p.m-img { } .m-hotul li.m-oneimg p.m-img a { width: 110px; height: 76px; float: left; overflow: hidden; margin-right: 24px } .m-hotul li.m-oneimg { padding: 5px; margin:0 0 15px;vertical-align: bottom; } .m-hotul li.m-oneimg .m-img,.m-hotul li.m-oneimg div { float: left; } .m-hotul li.m-oneimg div { color: #666;font-size: 14px; overflow: hidden;} .m-hotul li .m-newtime .f-fl{ color: #aaa } .m-hotul li .m-newtime .f-fr{ margin-right: 20px; } .m-hotul li .m-newtime .f-fr i { display: inline-block; width: 15px; height: 15px; position: relative; top: 2px; margin-right: 4px;} .m-hotul li .m-newtime .m-pl { color: #aaa } .m-hotul li.m-hotullino {border-bottom: 1px #eee solid; margin: 0 0 15px 0 ; height: 1px; width: 100%} .m-hotgul { margin:0 30px; } .m-hotgul li{ margin: 20px 0 0;border-bottom:1px #bababa dotted; } .m-hotgul li i { font-size: 24px; font-family: impact; margin-right: 15px; } .m-hotgul li a{ display: block; height: 96px; overflow: hidden; margin-bottom:20px } .m-hotgul li a p.f-fl{ width: 92px; height: 96px; overflow:hidden; margin-right: 16px } .m-hotgul li a p.f-fl img{ display: block;width: 92px; height: 96px; } .m-hotgul li a strong{ display: block; font-weight: normal; font-size: 18px; overflow:hidden; line-height: 24px; margin-bottom: 5px } .m-hotgul li a span { font-size: 13px ; color: #aaa; height: 30px; overflow: hidden; } .m-htoul { padding-top: 12px; } .m-htoul li { height: 38px; line-height: 38px; } .m-htoul li i { font-size: 24px; } .m-htoul li a p{ font-size: 18px } .m-ibookul { margin-left: -14px; } .m-ibookul li{ width: 251px; height: 238px; border:1px #eee solid; margin-left: 14px; } .m-ibookul li a img { margin:6px; width: 240px; height: 162px; } .m-ibookul li a p { margin:5px 10px 0; line-height: 22px; height:45px; overflow:hidden; } .m-lisul { padding-top: 8px; } .m-lisul li{ height: 34px; line-height: 34px; overflow: hidden; width: 250px; margin:0 0px 0 12px;} .m-lisul li span { float: left; width: 5px; height: 5px; background-color: #000; margin:14px 5px 0 0 ; } .m-lisul li a:hover span{ background-color: #f00 } .m-shendugul { margin:0 30px; } .m-shendugul li{ margin: 20px 0 0;border-bottom:1px #bababa dotted; } .m-shendugul li i { font-size: 24px; font-family: impact; margin-right: 15px; } .m-shendugul li a{ display: block; height: 75px; overflow: hidden; margin-bottom:20px } .m-shendugul li a p.f-fl{ width: 92px; height: 75px; overflow:hidden; margin-right: 16px } .m-shendugul li a p.f-fl img{ display: block;width: 110px; height: 75px; } .m-shendugul li a strong{ display: block; font-weight: normal; font-size: 16px; overflow:hidden; line-height: 24px; margin-bottom: 5px } .m-shendugul li a span { font-size: 12px ; color: #aaa; height: 30px; overflow: hidden; } .m-shizhan { height: 720px; background-color: #fafafa } .m-htoul2 { padding-top: 14px; } .m-htoul2 li { height: 36px; line-height: 36px; } .m-htoul2 li i { font-size: 24px; } .m-htoul2 li a p{ font-size: 16px } .m-htoul3 { } .m-htoul3 li { line-height: 26px; height: 64px; border-bottom: 1px #b0b0b0 dotted; padding-top: 10px; margin:0 30px; } .m-htoul3 li i { font-size: 24px; font-family: impact; font-weight: bold; margin-right: 20px; color: #f00 } .m-htoul3 li a p{ font-size: 16px } .m-hyh { position: relative; height: 5px; display: block;padding-top: 30px ; margin:0 30px;} .m-hyh span { height: 1px; display: block; background-color: #000; } .m-hyh a{ display: block; width: 198px; height: 33px; line-height: 33px; text-align: center; border: 1px #000 solid ; color: #ed2d3c; position: absolute; background-color: #fff; top: 15px;left:50%; margin-left: -99px} .m-hyh a:hover { background-color: #000; color: #fff } .m-inleft3 { width: 375px } .m-inright3 { width: 790px; } .m-baikehot {height: 256px;position: relative;background-image: url(/uploads/image/uimages/bg2.jpg); } .m-baikehot p { width: 14px; height: 88px; background-color: #000; color: #fff; padding: 16px 18px ; font-size: 16px; font-weight: bold; margin:70px 0 0 0 ; } .m-bkul { display: block; width: 700px; padding: 30px 0 0; height: 200px; overflow: hidden; } .m-bkul li { width: 320px; margin-left: 30px} .g-altuwen {} .g-altuwen dt,.g-altuwen dd{ width: 270px; margin-top:5px; margin-bottom:20px; } .g-altuwen dd { margin-left: 40px; } .m-dzleft { width: 370px; } .m-dzright { width: 790px; } .m-dzldiv { height: 623px; background-image: url(/uploads/image/uimages/in6.jpg); } .m-dzright dt,.m-dzright dd{ width:376px; height: 317px; } .m-dzright dd { margin-left: 38px; } /* 装备幻灯 */ .m-hdbox{ position:relative; width:800px; height:505px; margin:0 0 19px; overflow:hidden;box-shadow: 0 0 5px rgb(150,150,150) } .flashbox { width: 800px; height: 505px;} .flashbox ul { width: 2850px; height: 400px; position: absolute; left: 0; top: 0; } .flashbox li { width: 800px; height: 400px; float: left; display: block; } .flashbox a { display: block; width: 800px; height: 400px; position: relative; } .flashbox a img{width: 800px; height: 400px;} .flashbox em { display: block; width: 780px; height: 380px; position: absolute; left: 10px; top: 10px;border:1px #fff solid; } .flashbox strong { display: block; width: 730px; height: 30px; line-height: 30px; padding: 0 20px; position: absolute; left: 20px; bottom: -42px; color: #ed2e3d; font-size: 24px; font-weight: bold; overflow:hidden;} .flashbox p { display: block; width: 730px; height: 32px; position: absolute; left: 20px; bottom: -78px; color: #aaa; line-height: 32px; overflow: hidden; padding: 0 20px; font-size: 14px; font-family: 'simsun'; } .flashpoint { width: 165px; height: 8px; position: absolute; left: 326px; bottom: 10px } .flashpoint i { float: left; width: 25px; height: 8px; background: #ccc; margin-right:30px; cursor: pointer; overflow: hidden; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .flashpoint i.on { background: #000; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }