/*common*/
.clearFix:after{ clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: ""; }
.clearFix{ *zoom: 1; }
a{ text-decoration: none; }
em{ text-decoration: none; }
body{ font-family: microsoft yahei,​simsun; }

div.title{ width: 1190px; margin: 0 auto; margin-top: 190px; height: 98px; background: url('../images/jieri.jpg') no-repeat 0 0; }
div.title a.tit{ color: #F9FFEA; display: block; font-size: 16px; line-height: 18px; height: 18px; float: left; margin-top: 14px; }
div.title a.t1{ margin-left: 247px; _margin-left: 123px; }
div.title a.t2{ margin-left: 207px; _margin-left: 248px; }
div.title a.t3{ margin-left: 207px; _margin-left: 248px; }
div.title ul{ width: 290px; height: 48px; float: left; margin-top: 5px; overflow: hidden; }
div.title ul.h1{ margin-left: 160px; _margin-left: 76px; }
div.title ul.h2 {  padding-left: 20px; width: 265px; border: 1px dashed #F9FFEA; border-top-width: 0; border-bottom-width: 0;}
div.title ul.h3 {  padding-left: 24px;}
div.title ul li { display: block; width: 70px; float: left; line-height: 24px; height: 24px; font-size:14px; }
div.title ul.h2 li { width: 65px; }
div.title ul.h3 li { width: 69px;}
div.title ul li a{ color: #F9FFEA; }
div.title ul li a:hover{ text-decoration: underline; }

div.jieri{ width: 1188px; margin: 0 auto; height: 350px; margin-top: 16px; padding: 1px; position: relative; }
div.jieri a.more{ display: block; position: absolute; top: 46px; right: 60px; _z-index: 10; font-size: 14px; line-height: 14px; _line-height: 16px; }
div.jieri a.more:hover{ color: #ea3112; }
div.jieri div.box{ width: 784px; height: 278px; margin-top: 32px; margin-left: 368px; background: url(../images/jieri.png) no-repeat 0 0; }
div.jieri div.box div.left{ width: 348px; height: 290px; position: relative; float: left; padding: 0 26px; }
div.jieri div.box div.left p.p1{ font-size: 26px; line-height: 46px; color: #ea3112; }
div.jieri div.box div.left p.p1 a:hover{ color: #ea3112; }
div.jieri div.box div.left p.p2{ font-size: 12px; line-height: 24px; text-indent: 2em; }
div.jieri div.box div.left p.p2 a:hover{ color: #ea3112; }
div.jieri div.box div.left a.ting,
div.jieri div.box div.left a.xie,
div.jieri div.box div.left a.kan,
div.jieri div.box div.left a.de{ display: block; position: absolute; width: 146px; height: 34px; line-height: 34px; text-indent: 40px; font-size: 16px; font-weight: bold; color: #ffffff; background: url("../images/btn.jpg") no-repeat; }
div.jieri div.box div.left a.kan{ top: 194px; left: 26px; background-position: 0 0; }
div.jieri div.box div.left a.kan:hover{ background-position: -146px 0; color: #FFEA00; }
div.jieri div.box div.left a.de{ top: 236px; left: 26px; background-position: 0 -68px; }
div.jieri div.box div.left a.de:hover{ background-position: -146px -68px; color: #FFEA00; }
div.jieri div.box div.left a.ting{ top: 194px; left: 212px; background-position: 0 -34px; }
div.jieri div.box div.left a.ting:hover{ background-position: -146px -34px; color: #FFEA00; }
div.jieri div.box div.left a.xie{ top: 236px; left: 212px; background-position: 0 -102px; }
div.jieri div.box div.left a.xie:hover{ background-position: -146px -102px; color: #FFEA00; }
div.jieri div.box ul.right{ width: 380px; height: 244px; float: left; padding-top: 46px; }
div.jieri div.box ul.right li{ width: 380px; height: 32px; line-height: 32px; font-size: 14px; text-indent: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div.jieri div.box ul.right li a:hover{ color: #ea3112; }

div.jieri2{ width: 958px; margin: 0 auto; height: 350px; padding: 1px; margin-top: 16px; position: relative; }
div.jieri2 a.more{ display: block; position: absolute; top: 50px; right: 60px; _z-index: 10; font-size: 14px; line-height: 14px; _line-height: 16px; }
div.jieri2 a.more:hover{ color: #ea3112; }
div.jieri2 div.box{ width: 638px; height: 278px; margin-top: 36px; margin-left: 306px; background: url(../images/jieri2.png) no-repeat 0 0; }
div.jieri2 div.box div.left{ width: 294px; height: 286px; position: relative; float: left; padding: 0 18px; }
div.jieri2 div.box div.left p.p1{ font-size: 26px; line-height: 46px; color: #ea3112; }
div.jieri2 div.box div.left p.p1 a:hover{ color: #ea3112; }
div.jieri2 div.box div.left p.p2{ font-size: 12px; line-height: 24px; text-indent: 2em; }
div.jieri2 div.box div.left p.p2 a:hover{ color: #ea3112; }
div.jieri2 div.box div.left a.ting,
div.jieri2 div.box div.left a.xie,
div.jieri2 div.box div.left a.kan,
div.jieri2 div.box div.left a.de{ display: block; position: absolute; width: 134px; height: 31px; line-height: 31px; text-indent: 40px; font-size: 14px; font-weight: bold; color: #ffffff; background: url("../images/btn2.jpg") no-repeat; }
div.jieri2 div.box div.left a.kan{ top: 194px; left: 20px; background-position: 0 0; }
div.jieri2 div.box div.left a.kan:hover{ background-position: -134px 0; color: #FFEA00; }
div.jieri2 div.box div.left a.de{ top: 236px; left: 20px; background-position: 0 -62px; }
div.jieri2 div.box div.left a.de:hover{ background-position: -134px -62px; color: #FFEA00; }
div.jieri2 div.box div.left a.ting{ top: 194px; left: 176px; background-position: 0 -31px; }
div.jieri2 div.box div.left a.ting:hover{ background-position: -134px -31px; color: #FFEA00; }
div.jieri2 div.box div.left a.xie{ top: 236px; left: 176px; background-position: 0 -93px; }
div.jieri2 div.box div.left a.xie:hover{ background-position: -134px -93px; color: #FFEA00; }
div.jieri2 div.box ul.right{ width: 306px; height: 244px; float: left; padding-top: 46px; }
div.jieri2 div.box ul.right li{ width: 306px; height: 32px; line-height: 32px; font-size: 14px; text-indent: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div.jieri2 div.box ul.right li a:hover{ color: #ea3112; }

div.jinqi{ width: 1190px; margin: 0 auto; height: 160px; margin-top: 16px; border: 1px solid #E6E6E6; overflow: hidden; }
div.jinqi div.tit{ width: 100%; height: 42px; border-bottom: 1px dashed #E6E6E6; }
div.jinqi div.tit span{ font-size: 18px; line-height: 42px; color: #ff9801; margin-left: 16px; }
div.jinqi div.tit a{ font-size: 14px; line-height: 42px; float: right; display: block; _margin-top: -42px; background: url("../../images_1405/com_index_sprite.png") 25px -272px; padding-right: 15px; }
div.jinqi ul{ width: 100%; padding-top: 14px; }
div.jinqi ul li{ width: 270px; height: 30px; line-height: 30px; font-size: 14px; margin-left: 20px; float: left; }
div.jinqi ul li span{ color: #949494; }

div.gequ{ width: 1190px; margin: 0 auto; margin-top: 16px; overflow: hidden; }
div.gequ div.tit{ width: 100%; height: 40px; border-bottom: 1px solid #E6E6E6; }
div.gequ div.tit span{ display: inline-block; float: left; margin-right: 30px; font-size: 24px; line-height: 36px; border-bottom: 3px solid #ff9801; padding-bottom: 1px; color: #ff9801; }
div.gequ div.tit a.more{ display: block; float: right; background: url("../../images_1405/com_index_sprite.png") 25px -272px; padding-right: 15px; font-size: 14px; line-height: 40px; }
div.gequ ul{ width: 1220px; padding: 10px 0; margin-left: -15px; _margin-left: 0; }
div.gequ ul li{ display: block; float: left; margin: 10px 15px; position: relative; _margin: 10px 30px 10px 0; }
div.gequ ul li img{ display: block; width: 210px; height: 180px; border: 2px solid #D8E2E4; }
div.gequ ul li a.img:hover img{ border: 2px solid #ff9801; }
div.gequ ul li p{ font-size: 14px; line-height: 50px; text-align: center; width: 214px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div.gequ ul li a.img{ display: block; position: relative; overflow: hidden; _width: 214px; }
div.gequ ul li a.img span.png{ display: block; position: absolute; background: url("../../images_1405/music/mus_fcstar_gray.png") repeat 0 0; bottom: 2px; color: #ffffff; font-size: 12px; height: 35px; left: 2px; width: 210px;}
div.gequ ul li a.img span.l{ background-position: -120px -78px; padding-left: 30px;display: block; height: 20px; line-height: 20px; margin-top: 8px; background-image: url("../../images_1405/music/mus_sprite.png"); float: left; color: #ffffff; font-size: 12px; }
div.gequ ul li a.play{ width: 20px; height: 20px; background-image: url("../../images_1405/music/mus_sprite.png"); background-position: -186px -212px; display: block; position: absolute; bottom: 60px; right: 10px; }
div.gequ ul li a.play:hover{ background-position: -128px -213px; }

div.wanhui{ width: 1190px; margin: 0 auto; margin-top: 16px; overflow: hidden; }
div.wanhui div.tit{ width: 100%; height: 40px; border-bottom: 1px solid #E6E6E6; }
div.wanhui div.tit span{ display: inline-block; float: left; margin-right: 30px; font-size: 24px; line-height: 36px; border-bottom: 3px solid #ff9801; padding-bottom: 1px; color: #ff9801; }
div.wanhui div.tit a.type{ display: inline-block; float: left; margin-right: 20px; font-size: 16px; line-height: 40px; }
div.wanhui div.tit a.more{ display: block; float: right; background: url("../../images_1405/com_index_sprite.png") 25px -272px; padding-right: 15px; font-size: 14px; line-height: 40px; }
div.wanhui ul{ width: 1240px; padding: 10px 0; margin-left: -25px; _margin-left: 0; }
div.wanhui ul li{ display: block; position: relative; float: left; margin: 10px 27px; _margin: 10px 54px 10px 0; *width: 256px; }
div.wanhui ul li img{ display: block; width: 250px; height: 115px;  border: 1px solid #D8E2E4; padding: 2px; }
div.wanhui ul li a.img:hover img{ border: 1px solid #ff9801; }
div.wanhui ul li a.img:hover span.play{ display: block; }
div.wanhui ul li a.img span.play{ display: none; width: 60px; height: 60px; background: url("../images/play.png") no-repeat center; margin-left: -30px; left: 50%; top: 34px; position: absolute; }
div.wanhui ul li p{ width: 256px; font-size: 14px; line-height: 50px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

div.ad{ width: 1190px; margin: 0 auto; margin-top: 16px; height: 100px; }
div.ad a{ display: block; width: 1190px; height: 100px; background: url("../images/ad.jpg") no-repeat center; }

div.remen{ width: 1190px; margin: 0 auto; margin-top: 16px; overflow: hidden; }
div.remen div.tit{ width: 100%; height: 40px; border-bottom: 1px solid #E6E6E6; }
div.remen div.tit span{ display: inline-block; float: left; font-size: 24px; line-height: 36px; border-bottom: 3px solid #ff9801; padding-bottom: 1px; color: #ff9801; }
div.remen div.tit a.more{ display: block; float: right; background: url("../../images_1405/com_index_sprite.png") 25px -272px; padding-right: 15px; font-size: 14px; line-height: 40px; }
div.remen ul{ width: 1240px; padding: 10px 0; margin-left: -25px; _margin-left: 0; }
div.remen ul li{ display: block; float: left; margin: 10px 27px; _margin: 10px 54px 10px 0; }
div.remen ul li img{ display: block; width: 250px; height: 115px; border: 1px solid #D8E2E4; padding: 2px; }
div.remen ul li img:hover{ border: 1px solid #ff9801; }

/*遮蔽*/
div.overlay{ display: none; position: fixed; left: 0px; top: 0px; opacity: 0.5; filter: alpha(opacity=50);  z-index: 1000; width: 100%; height: 100%; background: none repeat scroll 0 0 #666666; }
div.overbody{ display: none; position: fixed; left: 0px; top: 0px; z-index: 1010; width: 100%; height: 100%; }
div.overlay,
div.overbody{ _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); _left:expression(eval(document.documentElement.scrollLeft)); _width:expression(eval(document.documentElement.clientWidth)); _height:expression(eval(window.screen.availHeight)); }

/*信息*/
#message{ display: none; position: absolute; top: 50%; left: 50%; width: 350px; height: 200px; margin-left: -175px; margin-top: -100px; background: url("../images/msg.jpg") no-repeat center; z-index: -1; }
#message a.close{ display: block; float: right; width: 30px; height: 30px; *position: relative; *z-index: 10; }
#message p.top{ display: block; width: 350px; height: 30px; font-size: 16px; text-indent: 20px; text-align: left; line-height: 30px; color: #ffffff; *margin-top: -30px; _float: left; }
#message p.bottom{ display: block; position: absolute; left: 0; bottom: 0; margin-top: 170px; width: 350px; height: 30px; font-size: 12px; text-indent: 36px; line-height: 30px; color: #D90009; }
#message p.bottom em{ color: #ffffff; }
#message p{ line-height: 18px; font-size: 18px; color: #4D0013; text-align: center; }
#message p a{ color: #FF6702; vertical-align: middle; cursor: pointer; }
#message p a:hover{ text-decoration: underline; }
#message a.btn{ display: inline-block; height: 30px; line-height: 30px; width: 180px; text-align: center; color: #ffffff; vertical-align: middle; cursor: pointer; }
#message a.btn:hover{ color: #FFEA00; text-decoration: none; }

@media screen and (max-width: 1190px) {
    div.title{ width: 960px; height: 96px; background: url('../images/jieri2.jpg') no-repeat 0 0; }
    div.title a.tit{ margin-top: 10px; _margin-top: 14px; }
    div.title a.t1{ margin-left: 200px; _margin-left: 100px; }
    div.title a.t2{ margin-left: 130px; }
    div.title a.t3{ margin-left: 130px; }
    div.title ul{ width: 222px; }
    div.title ul.h1{ margin-left: 135px; _margin-left: 60px; }
    div.title ul.h2{ width: 200px; }
    div.title ul.h3{  }

    div.jinqi{ width: 960px; }
    div.jinqi ul li{ width: 220px; _width: 200px; }

    div.gequ{ width: 960px; *position: relative; }
    div.gequ ul{ width: 1240px; margin-left: -17px; _margin-left: 0px; }
    div.gequ ul li{ margin: 10px 17px; _margin: 10px 32px 10px 0; }

    div.wanhui{ width: 960px; }
    div.wanhui ul{ width: 1000px; margin-left: -16px; _margin-left: 0; }
    div.wanhui ul li{ margin: 10px 16px; *width: 216px; _margin: 10px 30px 10px 0; }
    div.wanhui ul li img{ width: 210px; height: 96px; }
    div.wanhui ul li a.img span.play{ top: 22px; }
    div.wanhui ul li p{ width: 216px; }

    div.ad{ width: 960px; }
    div.ad a{ width: 960px; height: 80px; }

    div.remen{ width: 960px; }
    div.remen ul{ width: 1000px; margin-left: -16px; _margin-left: 0; }
    div.remen ul li{ margin: 10px 16px; _margin: 10px 30px 10px 0; }
    div.remen ul li img{ width: 210px; height: 96px; }
}