@charset "utf-8"; /* CSS Document */ * { margin: 0px; padding: 0px; } img,form,input { border: 0px; } ul,li { list-style: none; } .clear { font-size: 0; line-height: 0; height: 0; clear: both; visibility: hidden; } .l { float: left } .r { float: right; } body { font-size: 12px; color: #272727; background: url(../images/img30/bg.jpg); line-height: 22px; height: 22px; } a { text-decoration: none; color: #a9a8a8; } a:hover { text-decoration: none; } .head { height: 67px; padding-top: 20px; background: url(../images/img30/hbg.jpg) no-repeat center; } .review { width: 505px; _width: 308px; height: 60px; margin-left: 710px; background: #000000; } .review select { margin-top: 18px; margin-left: 30px; height: 22px; width: 190px; background: #bfbfbf; border: 1px solid #595959; } .main { width: 990px; margin: 0 auto; _width: 1020px; } .floatleft { position: fixed; top: 1px; width: 199px; *position: relative; } .left { width: 199px; height: 800px; float: left; margin-right: 5px; _overflow: hidden; color: #a9a8a8; text-align: right; } .right { width: 784px; float: left; _overflow: hidden; _width: 814px; } .link li { margin-bottom: 1px; } .link li a { margin-left: -225px; display: block; width: 424px; height: 82px; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .link .link1 a { background: url(../images/img30/link1.jpg); } .link .link1 a:hover { background: url(../images/img30/link1hover.jpg); } .link .link2 a { background: url(../images/img30/link2.jpg); } .link .link2 a:hover { background: url(../images/img30/link2hover.jpg); } .link .link3 a { background: url(../images/img30/link3.jpg); } .link .link3 a:hover { background: url(../images/img30/link3hover.jpg); } .link .link4 a { background: url(../images/img30/link4.jpg); } .link .link4 a:hover { background: url(../images/img30/link4hover.jpg); } .ban { width: 1002px; background: #444444; padding: 10px 0px 10px 10px; } .ban p { width: 750px; margin-left: 18px; color: #fff; font-size: 14px; line-height: 26px; } .bdsharebuttonbox { margin-top: 20px; margin-left: 13px; } .ding { padding: 15px 10px 15px 0px; margin-top: 20px; background: url(../images/img30/hover.png); _background: #2a2a2b; } .ding p b { font-size: 14px; } .numm { margin-top: 10px; width: 175px; height: 20px; color: #fff; background: #272727; border: 1px solid #373737; border-radius: 4px; } .btnn { width: 54px; height: 20px; margin-top: 12px; text-align: center; color: #fff; background: #2a65b5; cursor: pointer; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .btnn:hover { background: #1d51a0; } .box { background: #222222; width: 982px; padding-left: 20px; overflow: hidden; } .pro { width: 792px; } .rh2 { margin-top: 28px; margin-bottom: 20px; } .protab li { display: inline; margin-right: 10px; width: 180px; height: 252px; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .protab li a i { z-index: 10; position: absolute; width: 180px; height: 252px; background: url(../images/img30/hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/img30/hover.png" ,sizingMethod="crop"); } .protab li:hover a i,.pro li a.tabactive i { display: none; } .pro div { margin-top: 10px; margin-bottom: 15px; padding: 12px 20px; width: 726px; height: 100px; background: #2c2c2c; border: 1px solid #414141; color: #fff; display: none; } .pro div strong { display: block; font-size: 16px; font-weight: 500; color: #12cbc9; line-height: 26px; } .pro div span { color: #a8a8a8; } .art { width: 775px; overflow: hidden; } .art div { float: left; width: 592px; margin-right: 2px; } .art div p { width: 592px; height: 49px; padding-top: 5px; background: #3b8895; } .art div p span { display: block; padding-left: 72px; color: #fff; } .art div p i { z-index: 10; position: absolute; margin-top: -85px; width: 73px; height: 134px; background: url(../images/img30/artfloat.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/img30/artfloat.png" ,sizingMethod="crop"); } .arttab { width: 162px; float: left; } .arttab li { width: 162px; height: 35px; margin-bottom: 1px; } .arttab li a { display: block; padding-left: 10px; width: 152px; height: 35px; line-height: 35px; background: #3e3e3e; color: #fff; } .arttab li a.tabactive { background: url(../images/img30/arttabli.png); } .stone { width: 762px; } .stone li { float: left; width: 249px; height: 166px; overflow: hidden; margin-right: 5px; margin-bottom: 5px; } .stone li p { color: #fff; font-weight: 600; height: 26px; line-height: 26px; background: #3e3e3e; padding-left: 10px; } .stone li a i { z-index: 10; position: absolute; width: 249px; height: 166px; background: url(../images/img30/hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/img30/hover.png" ,sizingMethod="crop"); cursor: pointer; } .stone li a:hover i,.stone li a.tabactive i { display: none; } .stone span,pol span { display: none; width: 0px; height: 0px; } .pol { width: 755px; overflow: hidden; } .pol li { float: left; width: 151px; height: 482px; overflow: hidden; } .pol li a i { z-index: 10; position: absolute; width: 151px; height: 482px; background: url(../images/img30/hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/img30/hover.png" ,sizingMethod="crop"); cursor: pointer; } .pol li a:hover i,.pol li a.tabactive i { display: none; } .team,.cont { width: 730px; padding-left: 25px; padding-top: 20px; background: #2c2c2c; border: 1px solid #414141; color: #fff; overflow: hidden; } .team ul { float: left; display: block; } .team ul li { float: left; width: 52px; margin-right: 25px; height: 78px; margin-bottom: 20px; margin-top: 5px; } .team ul li p { text-align: center; line-height: 26px; } .clas { float: left; width: 20px; height: 35px; margin-right: 5px; margin-top: 5px; line-height: 14px; padding-top: 4px; padding-left: 4px; background: url(../images/img30/teamulbg.jpg) no-repeat left top; } .cont p { color: #a9a8a8; line-height: 28px; } .cont { padding-top: 15px; padding-bottom: 15px; } .bot { width: 755px; text-align: center; color: #a9a8a8; margin-top: 25px; margin-bottom: 30px; } /*top start*/ .weekly_top { width: 100%; height: 41px; background: url(../images/img19/weekly_top.jpg) repeat-x; } .top { width: 940px; height: 20px; padding-top: 12px; margin: 0 auto; } .top_left { width: auto; padding-left: 15px; line-height: 20px; color: #000; } /*.weekly_back{width:auto;height:20px; margin-right:30px; line-height:20px;}*/ .top_right { width: auto; height: 20px; line-height: 20px; padding-right: 30px; } .top_right a { color: #d40000; } .top_right img { margin-top: 2px; float: left; margin-right: 10px; } /*top end*/ #fun1,.m,.dbdh,.tit1,.tit2,.ber1,.ber2,.ber2_1 { display: none; } .clearfloat { zoom: 1 } .clearfloat:after { display: block; clear: both; content: " "; visibility: hidden; height: 0; width: 0; } @media (max-width:1200px) { .head,.left,.ban1,.team { display: none; } .top,.main,.right,.ban,.box,.protab,.pro div,.art,.art div img,.art div p,.arttab li a,.arttab li,.stone li img,.pol,.pol li img, .cont,.bot { width: 100%; } .tit1,.ber1,.ber2 { display: block; width: 100%; height: auto; } .tit1 img { width: 100%; height: auto; padding: 10px auto; background: #404040; } .ber1 img,.stone,.ber2 img { width: 100%; height: auto; } .ban { padding: 0 0 0 0; } .ban p { width: 100%; margin-left: 0; box-sizing: border-box; padding: 5px 6px; overflow: hidden; } .box { padding-left: 0; } .pro { width: 100%; margin: 0 auto; } .protab li,.protab li a i,.protab li a img { width: 22%; margin-right: 1%; height: auto; } .pro div { padding: 12px 6px; overflow: hidden; box-sizing: border-box; } .art div { width: 69%; margin-right: 1%; } .arttab { width: 30%; } .arttab li { height: 36px; } .rh2 { width: 32%; margin-right: 66%; } .art div p,.art div p i,.pol { height: auto; } .stone li { width: 32%; margin-right: 1%; height: auto; position: relative; } .stone li a i { width: 100%; margin-right: 1%; height: 100%; } .pol li { width: 20%; height: auto; position: relative; } .pol li a i { width: 100%; height: 100%; } .cont { text-align: center; } } @media (max-width:991px) { } @media (max-width:767px) { .top_right,.tit1_1,.ber2,.weekly_back { display: none; } #fun1 { position: absolute; right: 3%; top: 15px; display: block; cursor: pointer; } .m { font-size: 15px; background: #fff; list-style: none; } .m a { color: #3e3e3e; } .m li { float: none; height: auto; line-height: 34px; border-bottom: 1px solid #cbcbcd; text-align: left; padding-left: 15px; } .dbdh { display: block; width: 100%; position: fixed; bottom: 0; background: #ff4639; } .dbdh ul li { width: 25%; height: auto; float: left; } .dbdh ul li a { display: block; text-align: center; padding: 5px; } .dbdh ul li a p { line-height: 30px; } .dbdh ul li a img { display: inline-block; } .tit2 { display: block; width: 100%; } .tit2 img { width: 100%; height: auto; } .protab li, .protab li a i, .protab li a img { width: 47%; } .rh2 { width: 40%; margin-right: 34%; } .art div,.arttab { width: 100%; } .arttab li { width: 50%; float: left; } .art div p span { padding-left: 10px; } .stone li { width: 49%; } .pol li { width: 33%; } .cont { padding-left: 0; } .bot { margin-bottom: 75px; } .ber2_1 { display: block; width: 100%; } .ber2_1 img { width: 100%; height: auto; } } @media (max-width:374px) { .pol li,.stone li,.arttab li,.protab li, .protab li a i, .protab li a img { width: 100%; } .protab li a img { margin-bottom: 10px; } .pro div { display: none; } }