@charset "utf-8";
/* CSS Document */
html {/*overflow-y:scroll;*/ }
div, ul, li, h1, h2, h3, h4, p, dl, dd, dt { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: 0; }
body { margin: 0; padding: 0; font-family: Arial, "微软雅黑"; font-size: 14px; color: #fff; background: #212121;}
a:link { color: #fff; text-decoration: none; }
a:visited { text-decoration: none; color: #fff; }
a:hover { text-decoration: none; color: #f00; }
a:active { text-decoration: none; color: #fff; }
.clear { clear: both; font-size: 12px; }
.hide { display: none }
.red { color: #F00; }
.w{ margin:0 auto; width:1440px;}



#top{ height:60px; line-height:60px; font-family:"黑体"; overflow:hidden; background:#000; width:100%; min-width:1440px;}
#top .w{ position:relative; height:60px; background:#000}
#top p.t1{ position:absolute; left:85px;top:0px;width:350px; font-size:14px; height:60px;}
#top p.t2{ position:absolute; right:200px;top:0px; font-size:12px; color:#595959}
#top p.t3{ background:url(../images/t.jpg) left top no-repeat; width:160px; color:#595959; text-indent:45px; font-size:12px; position:absolute; right:0px;top:0px;}

#indexmain{ height:888px;overflow:hidden; background:url(../images/m1.jpg) center top repeat-x;width:100%; min-width:1440px; max-width:1920px; margin:0 auto}
#indexmain .w{ position:relative; height:888px; overflow:hidden}
#indexmain a{ position:absolute; width:172px; height:199px; overflow:hidden; display:block; text-align:left; font-size:18px; color:#fff; background:url(../images/h.png) left top no-repeat}
#indexmain a:hover{background:url(../images/hh.png) left top no-repeat}
#indexmain a.home{ display:none}
#indexmain a.a1{ left:633px;top:27px}
#indexmain a.a2{ left:372px;top:175px}
#indexmain a.a3{ left:893px;top:173px}
#indexmain a.a4{ left:287px;top:320px}
#indexmain a.a5{ left:633px;top:320px}
#indexmain a.a6{ left:980px;top:324px}
#indexmain a.a7{ left:374px;top:471px}
#indexmain a.a8{ left:894px;top:471px}
#indexmain a.a9{ left:634px;top:619px}

#indexmain p{ position:absolute; width:160px; left:6px; text-align:center; font-size:18px;top:75px;}
#indexmain span{ position:absolute; width:160px; height:20px; line-height:20px; text-align:center; font-family:"微软雅黑"; top:108px; position:absolute; left:6px}
span.f13{ font-size:13px}
span.f14{ font-size:14px;}
#indexmain span img{ position:relative; top:10px;}
#indexmain .a5p{top:45px;}
#indexmain .a5s{ color:#b20000;top:118px;}


#footnav{ background:#000; height:53px; line-height:53px; border-bottom:1px solid #6e6e6e; width:100%; min-width:1440px;}
#footnav a{ font-family:"黑体"; font-size:14px; color:#a3a3a3}
#footnav a.on{ color:#680404}
#footnav a:hover{ color:#680404}
#footnav ul{ margin-left:20px;}
#footnav ul li{ float:left; margin:0 10px;}

#copyright{padding:15px 0; background:#000; min-width:1440px; overflow:hidden; text-align:center; color:#fff; line-height:22px;}

#about{min-width:1440px; max-width:1920px; background:url(../images/a.jpg) center top no-repeat; height:888px; overflow:hidden}
#about .w{ position:relative; height:888px; overflow:hidden; height:888px;}
#about .txt{ width:780px; height:360px; overflow:hidden; position:absolute; left:440px;top:240px; font-size:15px; line-height:25px;}
#about .abouttitle{ position:absolute; width:180px; height:291px; left:245px;top:260px;}
.aboutcontact .alink a{position:absolute; width:172px; height:199px; background:url(../images/h.png) left top no-repeat; overflow:hidden; display:block; text-align:left; font-size:18px;}
.aboutcontact .alink a:hover{background:url(../images/hh.png) left top no-repeat; color:#fff}
.aboutcontact .alink a.home{ left:635px;top:25px; color:#ffff00;}
.aboutcontact .alink a.home p{ position:absolute; left:10px;top:45px;}
.aboutcontact .alink a.a1{ left:287px;top:25px;}
.aboutcontact .alink a.a2{ left:460px;top:25px;}
.aboutcontact .alink a.a3{ left:809px;top:25px;}
.aboutcontact .alink a.a4{ left:982px;top:25px;}
.aboutcontact .alink a.a5{ left:634px;bottom:72px;}
.aboutcontact .alink a.a6{ left:460px;bottom:72px;}
.aboutcontact .alink a.a7{ left:286px;bottom:72px;}
.aboutcontact .alink a.a8{ left:808px;bottom:72px;}
.aboutcontact .alink a.a9{ left:982px;bottom:72px;}
.aboutcontact .alink a.on{background:url(../images/hh.png) left top no-repeat;}
.aboutcontact .alink p.a5p{top:45px;}
.aboutcontact .alink .a5s{ color:#b20000;top:118px;}

.aboutcontact .alink a.a1 img{position:relative; top:10px;}
.aboutcontact .alink a.a1 span{top:97px;}
.aboutcontact .alink a.a9 img{position:relative; top:10px;}
.aboutcontact .alink a.a9 span{top:97px;}
.aboutcontact .alink span.f13{ font-size:13px;}
.aboutcontact .alink span.f14{ font-size:14px;}
.aboutcontact .alink span.a5s{ color:#b20000}

.aboutcontact .alink a p{ width:160px; left:6px;top:75px; text-align:center; font-size:18px; position:absolute}
.aboutcontact .alink a span{position:absolute; font-size:18px; width:160px; height:20px; line-height:20px; text-align:center; font-family:"微软雅黑"; top:115px;left:6px}



.contacttxt{ position:absolute;width:959px; height:386px;left:240px;top:235px; background:url(../images/conbg.jpg) left top no-repeat}
.contacttxt p{ position:absolute; height:40px; line-height:40px; width:200px;text-align:center; font-size:14px; overflow:hidden}
.contacttxt p.c1{ left:368px;top:15px;}
.contacttxt p.tel{ right:36px;top:15px;}
.contacttxt p.email{ left:368px;top:78px;}
.contacttxt p.fax{ right:36px;top:78px;}
.contacttxt p.address{ left:368px;top:140px; width:555px;}
.contacttxt p.q1{ width:109px; left:422px; bottom:116px; height:60px; line-height:25px;}
.contacttxt p.q2{ width:109px; left:556px; bottom:116px; height:60px; line-height:25px;}

#nav{ height:80px; line-height:80px; background:url(../images/navbg.jpg) left top repeat-x; min-width:1440px; max-width:1920px; overflow:hidden;}
#nav .w{ height:80px;}
#nav ul{ margin-left:128px;}
#nav ul li{ float:left; padding:0 13px; background:url(../images/navline.jpg) left bottom no-repeat;}
#nav ul li a{ font-family:"黑体"; font-size:24px; color:#888888; display:block; width:100%; height:80px;}
#nav ul li:first-child{ background:none}
#nav ul li.on{ background:url(../images/navhover.jpg) left top repeat-x;}
#nav ul li.on a{ color:#fff;}

#postion{ height:60px; line-height:60px; background:#000}
#postion .w{ height:60px; line-height:60px; background:#000; text-indent:200px; font-size:14xp; color:#888888; font-family:"黑体"}
#postion .w a{font-size:14px; color:#888888; margin:0px 5px;}

#main{ padding-bottom:30px;}/*border-bottom:1px solid #363636; */
#main .left{ float:left; width:200px; margin-left:20px;overflow:hidden; background:url(../images/bg.jpg) 86px top repeat-y}
#main .left ul{width:100%;padding-top:100px;}
#main .left ul li{line-height:26px; position:relative; padding:35px 0 1px 0}
#main .left ul li a{ color:#7e7e7e; font-size:18px;display:block; height:205px; line-height:200px; width:180px; background:url(../images/h.png) 0 0px no-repeat; overflow:hidden; text-align:center; color:#fff}
#main .left ul li a:hover{background:url(../images/hh.png) 0 0px no-repeat;}
#main .left ul li.on a{background:url(../images/hh.png) 0 0px no-repeat;}
#main .left ul li ul{padding-top:0px; margin-left:88px; width:90px; display:none}
#main .left ul li.on ul{ display:block}
#main .left ul li ul li{ height:30px; width:100%; padding-top:18px; padding-bottom:0; margin:0;}
#main .left ul li ul li a{ height:30px; line-height:30px; display:block; color:#313131; text-indent:12px; background:none; text-align:left; border-bottom:1px solid #363636; overflow:hidden; width:100%;}
#main .left ul li ul li a.on,#main .left ul li ul li a:hover{ border-bottom:1px solid #d50000; color:#d50000}
#main .left ul li.on ul li a{ background:none}

#main .right{ float:right; width:184px; overflow:hidden; padding-top:135px; background:url(../images/bg.jpg) 87px 0 repeat-y;}
#main .right a{ position:relative; display:block; width:180px; height:205px; background:url(../images/h.png) 0 0px no-repeat; color:#b20000; font-size:18px; text-align:center; line-height:260px;}
#main .right a img{ position:absolute; left:36px;top:50px;}
#main .right a:hover{background:url(../images/hh.png) 0 0px no-repeat;}

#main .center{ float:left; overflow:hidden; width:1000px; padding:30px 0}
#main #mainpro li{ position:relative; width:412px; height:320px; float:left; padding:16px; border:1px solid #4a4a4a; color:#888888; margin:25px; font-size:18px; background:#1e1e1e}
#main #mainpro li img{ width:412px; height:238px; overflow:hidden; margin-bottom:15px;}
#main #mainpro li a{ font-size:18px; color:#888888}
#main #mainpro li a{ display:block; width:412px; height:320px;}
#main #mainpro li a.m{ display:none; background:url(../images/d.jpg) left top no-repeat; width:100px; height:43px; font-size:0px; position:absolute; right:15px; bottom:15px;}
#main #mainpro li.on{ background:#353535}
#main #mainpro li p.title{ display:none}


#intro{ width:942px; margin:0 auto; background:url(../images/introb2.jpg) left top repeat-y; overflow:hidden }
#intro .txt{ padding:10px 30px; font-size:18px; line-height:30px;}
#intro .txt span.red{ font-size:24px; color:#ac0202}
#mainpro2{ width:940px; margin:0 auto;}
#mainpro2 ul li{ padding:13px; border:1px solid #4d4d4d; margin:38px 0; height:420px; overflow:hidden; width:912px;}
#mainpro2 ul li img{ width:910px; height:340px; border:1px solid #fff; margin-bottom:30px; display:block}
#mainpro2 ul li a{ font-size:24px;}
#mainpro2 ul li p.title2{ display:none}
#mainpro2 ul li a.m{ display:none}

#mainpro3{ width:940px; margin:0 auto;}
#mainpro3 ul li{border:1px solid #4d4d4d; margin:38px 10px; height:390px; overflow:hidden; width:260px; padding:10px 11px; float:left; position:relative}
#mainpro3 ul li img{ width:260px; height:330px; overflow:hidden; margin:0 auto; display:block; margin-bottom:10px;}
#mainpro3 ul li p.title2{ display:none}
#mainpro3 ul li a.m{ display:none; background:url(../images/mbg.jpg) left top repeat-x; width:66px; height:28px; font-size:0px; position:absolute; right:10px; bottom:10px; border:1px solid #444444; text-align:center; line-height:28px; font-size:14px; color:#fff}


.fy{ font-family:"黑体"; font-size:14px; text-align:right; margin-right:25px; color:#999999; clear:both}
.fy span{ background:url(../images/fy.jpg) left top no-repeat; height:27px; line-height:27px; width:265px; padding: 5px 10px; position:relative; margin-right:5px;}
.fy span em{ background:url(../images/fy.jpg) right top no-repeat; position:absolute; right:0px;top:0px; height:27px; width:2px;}
.fy span font{ color:#b90000; font-weight:bold}
.fy a{ background:url(../images/fy.jpg) right top no-repeat; padding:5px 18px; margin:0 5px;color:#999999}


#maintxt{ border:1px solid #4d4d4d; padding:29px; overflow:hidden; color:#888888; font-size:14px; line-height:30px; margin-bottom:70px;}
#maintxt .txt{ padding:18px;}
#maintxt .txt ul li{ float:left; width:445px;}

#maintxt2{border:1px solid #4d4d4d; height:152px; padding:12px; margin-bottom:50px; overflow:hidden; position:relative}
#maintxt2 a.abtn{ display:block; width:55px; height:152px; overflow:hidden; cursor:pointer; position:absolute; top:12px;}
#maintxt2 .aleft{left:12px;background:url(../images/pn.jpg) left top no-repeat;}
#maintxt2 .aright{right:12px;background:url(../images/pn.jpg) right top no-repeat}
#maintxt2 .imglist{ margin-left:55px; height:152px;position:relative; width:865px; overflow:hidden}
#maintxt2 .imglist ul{ position:absolute; left:0px;top:0px; width:20000px;}
#maintxt2 .imglist ul li{ float:left; width:391px; height:134px; border:1px solid #4d4d4d; padding:8px; overflow:hidden; margin-right:46px; font-size:12px; color:#888; position:relative}
#maintxt2 .imglist ul li img{ height:134px; width:232px; overflow:hidden; float:left}
#maintxt2 .imglist ul li p{ position:absolute; left:250px;top:10px; line-height:25px; color:#888; font-size:12px;}


#brandmarket{ margin:0 auto; width:942px;margin-top:60px;}
#brandmarket .bm{border:1px solid #4d4d4d; background:#1e1e1e; margin-bottom:65px;}
#brandmarket .bm h3{ height:60px; line-height:60px; padding:15px 0px; margin:0 20px; border-bottom:1px solid #8f8f8f; background:url(../images/j.jpg) left center no-repeat; text-indent:60px;}
#brandmarket .bm .txt{ text-align:center; padding:15px 0}

#maincutomers{ margin:0 auto; width:960px;}
#maincutomers ul li{ float:left; width:200px; height:180px; overflow:hidden; margin:20px; text-align:center}
#maincutomers ul li img{ width:200px; height:150px; display:block; margin-bottom:10px;}

.introtxt{ font-size:18px; line-height:28px; margin-bottom:90px;}
#artistagent{ border:1px solid #4d4d4d; background:#1e1e1e; padding-bottom:30px;}
#artistagent h3{ height:60px; line-height:60px; padding:15px 0px; margin:0 20px; border-bottom:1px solid #8f8f8f; background:url(../images/j.jpg) left center no-repeat; text-indent:60px; margin-bottom:50px;}

#waterfall{width:1000px; margin:0 auto;}
#waterfall img{ width:440px; margin-bottom:20px;}
#waterfall .cell{width:440px; background:#353535; padding-bottom:30px; margin-bottom:30px; overflow:hidden}
#waterfall .cell:hover{}
#waterfall .cell span{ display:block; height:30px; line-height:30px; background:url(../images/jt.jpg) 10px center no-repeat; text-indent:60px; font-size:18px;}


#img3d{ margin:0 auto; width:1000px; height:500px; overflow:hidden; position:relative; padding-bottom:50px;}
#icon_left,icon_right{}
#img3d ul li{ position:absolute;}

li.p1,li.p5{top:50px; width:307px; height:384px; z-index:1; overflow:hidden; background:#626262}
li.p1 img,li.p5 img{ width:307px; height:384px; opacity:0.4}
li.p1{ left:0px;}
li.p2,li.p4{ width:344px; height:430px; z-index:2;top:30px; overflow:hidden; background:#a3a3a3}
li.p2 img,li.p4 img{ width:344px; height:430px; opacity:0.5}
li.p2{ left:100px;}
li.p4{ right:100px;}
li.p3{ position:absolute;top:0px; width:400px; height:500px; left:300px; z-index:3}
li.p5{ right:0px}
#icon_left{ display:none; width:47px; height:64px; background:url(../images/icon_lr.png) left top no-repeat; position:absolute; left:10px;top:220px; z-index:10; cursor:pointer}
#icon_right{display:none; width:47px; height:64px; background:url(../images/icon_lr.png) left bottom no-repeat; position:absolute; right:10px;top:220px; z-index:10; cursor:pointer}

/**/
.showad{ background:url(../images/adbg.png) center top repeat-x; height:195px; padding:67px 20px; overflow:hidden; width:902px; margin:20px auto}
.showadmain{ width:900px; overflow:hidden;}
.showadmain { float:left; margin:0px 10px}
.showadtable td{ padding:0px 10px;}