/*@charset "UTF-8";*/ /** DESKTOP CSS */ /* ---------------------------------------------------------------------- COMMON CLASS ----------------------------------------------------------------------*/ #loader { background: #FFFFFF; z-index: 9000; width: 100%; height: 100%; position:absolute; top:0; left:0; display:block; } #loader span { display:block; width:110px; height:110px; background:url(../images/load.gif); position:fixed; top:50%; left:50%; margin-top: -55px; margin-left:-55px; } /* ---------------------------------------------------------------------- CONTAINER ----------------------------------------------------------------------*/ html { width: 100%; height: 100%; } body { width: 100%; height:auto; position: relative; min-width:1000px; background:url(../images/bg.gif); } #container { visibility:hidden; } a:hover { color:#FF6600;} a{cursor:pointer;} /* ---------------------------------------------------------------------- HEADER ----------------------------------------------------------------------*/ #logo{ position:absolute; z-index:8500; top:15px; left:25px; width:124px; height:53px; } #logo img { width:124px; height:53px; } /* ---------------------------------------------------------------------- FOOTER ----------------------------------------------------------------------*/ #footer { position:relative; width:100%; height:30px; background:#000; } #footer a { display:block; position:absolute; width:339px; height:9px; background:url(../images/copy_right.gif) no-repeat; top:10px; right:13px; text-indent:-9999px; } /* ---------------------------------------------------------------------- Navi ----------------------------------------------------------------------*/ #nav{ width:100%; height:80px; background:#a40000; position:fixed; z-index:8000; overflow:hidden; } #nav_inr { width:1024px; height:80px; margin:0 auto; position:relative; background:#FFF; } #nav_inr p{ z-index:0; width:300%; height:100%; background:#FFF; position:absolute; top:0; left:0; } #nav ul{ position:relative; width:1024px; height:80px; background:url(../images/nav.gif) no-repeat; } #nav li{ float:left; height:80px; overflow:hidden; display:block; text-indent:-9999px; } #nav li a { display:block; height:100%; width:100%; background:url(../images/nav.gif); } #nav1 a{background-position:-171px -80px!important;} #nav2 a{background-position:-295px -80px!important;} #nav3 a{background-position:-388px -80px!important;} #nav4 a{background-position:-489px -80px!important;} #nav5 a{background-position:-592px -80px!important;} #nav6 a{background-position:-707px -80px!important;} #nav7 a{background-position:-830px -80px!important;} #nav8 a{background-position:-917px -80px!important;} #nav0{width:171px;} #nav1{width:124px;} #nav2{width:93px;} #nav3{width:101px;} #nav4{width:103px;} #nav5{width:115px;} #nav6{width:123px;} #nav7{width:123px;} #nav8{width:87px;} /* ---------------------------------------------------------------------- UI ----------------------------------------------------------------------*/ #scroll { display:none; width:84px; height:84px; position:fixed; z-index:8500; bottom:0; left:50%; margin-left:-40px; cursor:pointer; display:none; } #scroll span { display:block; width:84px; height:84px; position:relative; background:url(../images/scroll.gif); } #page_top { height:100px; position:relative; } #page_top a { width:84px; height:84px; display:block; margin: 0 auto; } #page_top span { width:84px; height:84px; display:block; background:url(../images/btn_page_top.gif); } ul.link { font-size:12px!important; margin-top:10px; margin-bottom:25px; position:relative; z-index:7000; } ul.link li { background:url(../images/ico_li.gif) no-repeat; background-position: 0% 50%; /* 0，垂直居中 */ display:block; padding-top:1px; overflow:visible; height:35px; line-height:35px !important; padding-left:22px; margin-top:10px; font-size:12px!important; } ul.link li a { } ul.link li span.ico { background:url(../images/ico_pop.gif) no-repeat 2px 2px; width:22px; height:9px; padding-left:10px; margin-left:5px; } ul.link span.sup { vertical-align:top; color:#000000!important; font-size:80%; line-height:0!important; } p.sp_icon { display:none; } p.sp_line { display:none; } /* ---------------------------------------------------------------------- Main Contents ----------------------------------------------------------------------*/ .contents { visibility:hidden; } .title0 { position:absolute; display:block; } .contents img { vertical-align:top; } .contents img.item1 { position:absolute; } .contents_inr{ position:relative; width:1000px; height:530px; margin:0 auto; } .contents { overflow:hidden; } .contents { width:100%; height:800px; overflow-y:hidden; overflow-x: hidden; position:relative; } .contents .title { overflow:hidden; height:46px; text-indent:-9999px; z-index:0; overflow: visible; } .contents .item0 { position:absolute; display:none; z-index:99; width:451px; height:475px; z-index:2; filter: grayscale(100%) contrast(120%); } .contents .item1 { position:absolute; display:none; top:0; left:0; z-index:2 ; } .contents .catch { position:absolute; } .contents .title0 { text-indent:-99999px; } .contents .catch_title { text-indent:-9999px; } .contents .copy { position:absolute; top:325px; text-indent:-9999px; } /* ---------------------------------------------------------------------- Top ----------------------------------------------------------------------*/ #container0 { overflow:hidden; position:relative; } #container0_cover { width:100%; height:100%; position:absolute; top:0; left:0; background:#fff; z-index:100; } #container0_main { position:relative; width:1000px; margin:0 auto; height:100%; z-index:2; overflow: hidden; } #container0_main ul { position:absolute; top:0; left:0; width:100%; height:100%; } #container0_main li {position:absolute; text-indent:-9999px; } #container0_title { top:85px; left:72px; background:url(../images/weixin.jpg); width:180px; height:180px; text-indent:-9999px; } #container0_batch { left:775px; top:55px; background:url(../images/c0_batch.png); width:215px; height:215px; } #container0_copy { bottom:100px; left:520px; background:url(../images/c0_copy.png); width:466px; height:60px; } .bg_img { position:absolute; width:100%; height:100%; z-index:0; } #top_banner{position:absolute; bottom:120px;} #bottom_banner{display:none;} #bottom_store{display:none;} /* ---------------------------------------------------------------------- Music ----------------------------------------------------------------------*/ .mq_img{ width: 475px; height: 475px; /*圆形*/ -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; /*阴影*/ -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } #container1 { } #container1 .title{ top:255px; left:-130px; position:absolute; background:url(../images/c1_title.png); width:790px; height:46px; } #container1 .title0 { left:0px; top:120px; background:url(../images/c1_title0.jpg) no-repeat; width:680px; height:200px; } #container1 .copy { top:397px; left:100px; background:url(../images/c1_copy.gif) no-repeat; width:397px; height:100px; } #container1 .item1 { top:50px; left:553px;} #container1 .catch { left:690px; top:0; } #container1 .catch_title { background:url(../images/c1_catch.gif) no-repeat; width:170px; height:51px; } /* ---------------------------------------------------------------------- Talk ----------------------------------------------------------------------*/ #container2 .title { top:250px; left:380px; position:absolute;/* background:url(../images/c2_title.jpg); -*/width:790px; height:46px; } #container2 .title0{ left:430px; background:url(../images/c2_title0.jpg) no-repeat; width:680px; height:200px; } #container2 .copy { left:575px; background:url(../images/c2_copy.gif) no-repeat; width:462px; height:100px; } #container2 .item1 { top:50px; left:27px; } #container2 .catch { left:160px; } #container2 .catch_title { background:url(../images/c2_catch.gif) no-repeat; width:170px; height:51px; } /* ---------------------------------------------------------------------- Play ----------------------------------------------------------------------*/ #container3 .title{ top:255px; left:-130px; position:absolute; /* background:url(../images/c3_title.jpg); */ width:790px; height:46px; } #container3 .title0 { left:0px; background:url(../images/c3_title0.jpg) no-repeat; width:680px; height:200px; } #container3 .copy { left:150px; background:url(../images/c3_copy.gif) no-repeat; width:397px; height:128px;} #container3 .item1 { top:50px; left:553px; } #container3 .catch { left:700px; } #container3 .catch_title { background:url(../images/c3_catch.gif) no-repeat; width:170px; height:55px; } #container3_copy { text-indent:-9999px; position:absolute; width:293px; height:10px!important; } /* ---------------------------------------------------------------------- Movie ----------------------------------------------------------------------*/ #container4 .title { top:300px; left:380px; position:absolute; background:url(../images/c4_title123.png); width:790px; height:46px; } #container4 .title0{ left:410px;background:url(../images/c4_title0.jpg) no-repeat 0 0px; width:680px; height:200px;} #container4 .title0 img { display:block; position:absolute; top:-20px; } #container4 .copy { left:575px; /* background:url(../images/c4_copy.jpg) no-repeat;*/ width:464px; height:127px; } #container4 .item1 { top:50px; left:27px; } #container4 .catch { left:165px; } #container4 .catch_title { /*background:url(../images/c4_catch.gif) no-repeat; width:160px; height:48px;*/ } /* ---------------------------------------------------------------------- Radio ----------------------------------------------------------------------*/ #container5 .title{ top:255px; left:-130px; position:absolute; background:url(../images/c5_title.png); width:790px; height:46px; } #container5 .copy{ left:70px; background:url(../images/c5_copy.gif) no-repeat; width:397px; height:100px;} #container5 .title0 { left:32px; position:absolute; background:url(../images/c5_title.gif) no-repeat; width:464px; height:90px;} #container5 .title0 img { display:block; position:absolute; top:5px; } #container5 .item1 { top:0px; left:23px; } #container5 .catch { left:700px; } #container5 .catch_title { /*background:url(../images/c5_catch.gif) no-repeat; */width:157px; height:49px; } /* ---------------------------------------------------------------------- Promotion Movie ----------------------------------------------------------------------*/ #container6_main { position:absolute; top:80px; left:0; height:100%; width:100%; } #container6_movie { overflow: hidden; margin:0; padding:0; position:relative; } #container6_link { display:none; } #container6_main { position:relative; top:80px; margin:0 auto; } #container6_non{ position:absolute; background:url(../images/non_flash.png); width:778px; height:314px; top:50%; left:50%; margin:-157px 0 0 -389px; } #container6_non a{position:absolute; display:block; width:160px; height:41px; top:212px; left:309px; } #container6 .back a { background:url(../images/container7_back.gif) no-repeat; } #container6 .next a { background:url(../images/container7_next.gif) no-repeat; } .next { position:absolute; top:136px; left:932px; z-index:99; } .next a { display:block; width:55px; height:70px; } .back { position:absolute; top:136px; left:32px; z-index:99; display:none; } .back a { display:block; width:55px; height:70px; } ul.slide { width:2280px; position:relative; height:340px; } ul.slide li { width:1140px; line-height:1.6; font-size:13px!important; float:left; display:block; } ul.slide h3 { font-size:18px; margin-bottom:8px; } .slide_inr { position:relative; } .slide_item{ width:900px; position:relative; left:150px; margin-top:80px; padding-left: 150px; z-index:99; } .slide1_copy { width:340px; display: block; float: left; } .slide2_copy { width:340px; display: block; float: left; padding-left: 20px;} .slide3_copy { width:370px; display: block; float: left; } .slide4_copy { width:370px; display: block; float: left; } .slide_left { position:relative; left:20px; } /* ---------------------------------------------------------------------- ----------------------------------------------------------------------*/ #container7 { padding-left: 0px; } #container7_main { position:relative; padding-top:0px; width:1000px; margin:0 auto; overflow-x:hidden; overflow-y: hidden; } #container7_title { position:absolute; top:0px; left:444px; } #container7_title p.catch_title { width:139px; height:32px; background:url(../images/c7_title.gif); text-indent:-9999px; } #container7_img1 { position:absolute; top:-60px; left:112px; width:325px; height:310px; } #container7_img11 { position:absolute; top:145px; left:0; z-index:3; width:165px; height:165px; } #container7_img12 { position:absolute; top:65px; left:140px; z-index:2; width:183px; height:183px; } #container7_img13 { position:absolute; top:0; left:0; z-index:1; width:182px; height:182px;} #container7_img2 { position:absolute; top:-55px; left:640px; } #container7_img21 { width:290px; height:290px; position:absolute; top:0; left:0; } #container7_title1 { text-indent:-9999px; width:1137px; height:46px; background:url(../images/c7_title1.png) -60px 0; } #container7_title2 { text-indent:-9999px; width:1137px; height:46px; background:url(../images/c7_title2.png) -60px 0; } #container7 p.left { padding-left:22px; } /* ---------------------------------------------------------------------- ----------------------------------------------------------------------*/ #container8 { } #container8_main { position:relative; padding-top:160px; overflow-x:hidden; width:1000px; margin:0 auto; } #container8_img1 { position:absolute; top:-60px; left:640px; width:290px; height:325px; } #container8_img11 { position:absolute; top:135px; left:0; z-index:3; width:190px; height:190px; } #container8_img12 { position:absolute; top:0px; left:80px; z-index:2; width:210px; height:210px; } #container8_img2 { position:absolute; top:-55px; left:112px; width:290px; height:290px; } #container8_img21 { position:absolute; top:0; left:0; width:290px; height:290px; } #container8_title1 { text-indent:-9999px; width:1137px; height:46px; background:url(../images/c7_title3.png) -60px 0; } #container8_title2 { text-indent:-9999px; width:1137px; height:46px; background:url(../images/c7_title4.png) -60px 0; } #container8 p.mini { padding-top:55px!important; } #container8 p.left { padding-left:22px; } #container8 .back a { background:url(../images/container8_back.gif) no-repeat; } #container8 .next a { background:url(../images/container8_next.gif) no-repeat; } /* ---------------------------------------------------------------------- ----------------------------------------------------------------------*/ #container9 { } #container9 h3.title { width:139px; height:32px; position:absolute; top:-75px; left:444px; } #container9 h3.title p.catch_title { width:139px; height:32px; background:url(../images/c9_title.gif); text-indent:-9999px; } #container9_inr { position:relative; padding-top: 200px; overflow: visible } #container9_main { position:relative; width:1000px; margin:0 auto; overflow-x: visible } #container9_title1 { text-indent:-9999px; width:328px; height:19px; background:url(../images/c9_title1.gif); position:relative; margin:0 auto; } #container9_title2 { text-indent:-9999px; width:328px; height:19px; background:url(../images/c9_title2.gif); position:relative; margin:0 auto; } #container9_main1 { height:490px; position:relative; width:1000px; overflow: hidden;} #container9_main1 ul { position:absolute; top:0; left:32px; } #container9_main1 li.left { position:absolute; top:95px; left:0px; width:623px; height:332px; opacity:0; } #container9_main1 li.right { position:absolute; top:100px; left:660px; width:300px; height:300px; } #container9_main2 { height:610px; position:relative; } #container9_main2 ul { position:absolute; top:90px; left:32px; } #container9_spec { position:absolute; top:90px; left:800px!important; width:190px!important; font-size:12px; color:#666666; } #container9_spec li { background:url(../images/ico_list.gif) no-repeat 0px 2px; padding-left:12px; margin-bottom:8px; line-height:1.5; } #container9_spec li.model { background:none!important; padding-left:0px!important; margin-bottom:8px; line-height:1.5; font-weight:bold; } #container9_spec li span { display:block; } #container9_main3 { height:100px; color:#666666; font-size:11px; line-height:1.5; } #container9_btn { display:block; position:absolute; width:410px; height:50px; background:url(../images/c9_btn.gif); top:305px; left:275px; text-indent:-9999px; } #middle_store{ width:230px; height:115px; position:absolute; bottom:110px; left:50%; margin-left:-115px; margin-bottom:0px; } #middle_banner{ width:600px; height:115px; position:absolute; bottom:10px; left:50%; margin-left:-300px; margin-bottom:30px; } .scale { display:none; position:relative; } span.sup { vertical-align:top; color:#000000!important; font-size:80%; line-height:1!important; } p.mini { font-size:10px; color:#666; padding-top:20px; clear:both; } .fish_right{width:500px;float: left; padding-top:60px; padding-left: 10px;} .fish_left{width:300px;float: left; padding-top:120px; } .fish_center{width:300px;margin:0 auto; text-align: center;} #foot{} #foot .friend{float: left;margin: 5px;padding-left: 150px;} #copy_right{margin: 0 auto;text-align: center;font-size: 12px;font-color: #333;padding-top: 10px;nav_inr} #foot_title{background-color: #333;line-height: 35px;padding-left:155px;color: #ffffff;} .clear{clear: both;} .des{margin: 0 auto;width: 700px;padding-top: 50px;} #page_main{ text-align: center; } .page_content{ margin:0 auto;width: 980px;background-color: #fff;/*min-height:800px;*/ margin-top: 20px; } #page_foot{margin:0 auto;width: 980px;margin-top: 20px;} #menu{ width:100%; height:80px; background:#a40000;z-index:8000; overflow:hidden; padding-left: 120px; } .article_title{margin:50px auto;text-align:center;padding-top: 10px; font-size: 20px;height: 50px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333;color: #660000;} .article_content{padding: 10px;} .article_content ul li{line-height: 30px;} /* .article{padding:10px;text-align: left;float:left;width:650px;min-height:500px;} */ .article{text-align: left; width:100%;min-height:500px;} .article_left{float: left;width:250px;text-align: left;padding-left:10px;left;padding-top:10px;} .tittle02 { height: 25px; width: 190px; border-left-width: 5px; border-left-style: solid; border-left-color: #ff9900; font-size: 14px; line-height: 25px; font-weight: bold; color: #660000; padding-left: 5px; } .side_nav { width: 182px; margin-top: 10px; padding: 9px; border: 1px solid #333; } .side_nav a { font-size: 14px; line-height: 29px; } .side_nav li { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; background-position: left center; padding-left: 10px; } .side_nav img { padding: 1px; border: 1px solid #333; margin-top: 9px; } .dh { line-height: 25px; margin-top: 10px; padding-left: 10px; } #page_nav{ width:100%; height:80px; background:#a40000; z-index:8000; overflow:hidden; } #page_nav_inr { width:1024px; height:80px; margin:0 auto; position:relative; background:#FFF; } #page_nav_inr p{ z-index:0; width:300%; height:100%; background:#FFF; position:absolute; top:0; left:0; } #page_nav ul{ position:relative; width:1024px; height:80px; background:url(../images/nav.gif) no-repeat; } #page_nav li{ float:left; height:80px; overflow:hidden; display:block; text-indent:-9999px; } #page_nav li a { display:block; height:100%; width:100%; background:url(../images/nav.gif); } #page_nav1 a:hover{background-position:-171px -80px!important;} #page_nav2 a:hover{background-position:-295px -80px!important;} #page_nav3 a:hover{background-position:-388px -80px!important;} #page_nav4 a:hover{background-position:-489px -80px!important;} #page_nav5 a:hover{background-position:-592px -80px!important;} #page_nav6 a:hover{background-position:-707px -80px!important;} #page_nav7 a:hover{background-position:-830px -80px!important;} #page_nav8 a:hover{background-position:-917px -80px!important;} #page_nav0{width:171px;} #page_nav1{width:124px;} #page_nav2{width:93px;} #page_nav3{width:101px;} #page_nav4{width:103px;} #page_nav5{width:115px;} #page_nav6{width:123px;} #page_nav7{width:123px;} #page_nav8{width:87px;} .page ul li{ display: inline-block; min-width: 28px; } p{ padding:5px; } #huiyi{ position: absolute; left: 670px; top:435px; }