#wrapper #head #FocusBG{ width:100%; height:450px; } .fullSlide { width:100%; position:relative; height:450px; background:#000; } .fullSlide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide .bd ul { width:100% !important; } .fullSlide .bd li { width:100% !important; height:450px; overflow:hidden; text-align:center; } .fullSlide .bd li a { display:block; height:450px; } .fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; } .fullSlide .hd ul { text-align:center; } .fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:22px; height:22px; background:url("/images/MyCMSBlue/grey.png") no-repeat 2px 2px; margin:5px; overflow:hidden; filter:alpha(opacity=50); opacity:0.5; line-height:999px; } .fullSlide .hd ul .on { background:url("/images/MyCMSBlue/darkblue.png") no-repeat 2px 2px; } .fullSlide .prev,.fullSlide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:0%; z-index:1; width:40px; height:60px; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none; } .fullSlide .next { left:auto; right:0%; background-position:-6px -137px; } /* main block*/ #body .MainBlock{ font-size:12px; width:1000px; margin:auto; } #body .MainBlock .left{ float:right; width:420px; height:250px; overflow:hidden; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; } #body .Block2 .MainBlock .left{ height:220px;} #body .Block2 .MainBlock .right{ height:220px;} #body .topic{ height:35px; line-height:35px; background:url("""/images/MyCMSBlue/box_titlebg.png""") no-repeat 0px 0px; color:#FFFFFF; } #body .topic .TopicTitle{ float:left; width:120px; text-align:center; font-size:16px; color:#FFFFFF; height:35px; } #body .topic .TopicTitle a{ color:#FFFFFF;} #body .topic .TopicMore{ float:right; font-size:12px; padding-right:10px; padding-top:13px;} #body .topic .TopicMore img{ } #body .left .MBlockTable td{ line-height:28px; padding-left:0px; font-size:12px; } #body .MainBlock .left .MBlockTable span{ color:#196ba7; padding-left:10px; font-size:11px;} #body .MainBlock .right{ width:560px; float:left; height:250px; overflow:hidden; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; } #body .MainBlock .right .img{ width:220px; float:left; padding:0px 10px;} #body .MainBlock .right .txt{ width:310px; float:right; padding:0px 10px 0px 0px;} #body .MainBlock .right .txt p{ line-height:28px; } #body .tab{ } #body .tab-hd { width:420px;background:url("""/images/MyCMSBlue/box_titlebg.png""") no-repeat -200px 0px; overflow:hidden; zoom:1;} #body .tab-hd li{ float:left; width:140px; color:#fff; cursor:pointer;height:35px;line-height:35px;} #body .tab-hd li a{ padding-left:15px; } #body .tab-hd li.active{ background:url("""/images/MyCMSBlue/box_titlebg.png""") no-repeat -30px 0px; padding:0px; margin:0px; padding-left:0; font-size:16px;} #body .tab-hd li.active a{ color:#FFFFFF; padding:0px; margin:0px; padding-left:15px; line-height:35px; background:none;} #body .tab-bd li{display:none; padding:10px; border-top:0 none; } #body .MainBlock .blk_29 { PADDING:0px 0px; OVERFLOW: hidden; ZOOM: 1; POSITION: relative;} #body .MainBlock .blk_29 .LeftBotton { BACKGROUND: url(""/images/MyCMSBlue/dirleft.jpg"") no-repeat 0px 0px; LEFT: 10px; FLOAT: left; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 62px; HEIGHT: 114px} #body .MainBlock .blk_29 .RightBotton { RIGHT: 5px; BACKGROUND: url(""/images/MyCMSBlue/dirright.jpg"") no-repeat -0px 0px; FLOAT: right;right:0px; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 62px; HEIGHT: 114px} #body .MainBlock .blk_29 .Cont { MARGIN: 0px auto; OVERFLOW: hidden; PADDING:15px 0 0 0px;float:left;height:170px;width:488px;POSITION: relative;left:25px;} #body .MainBlock .blk_29 .box { FLOAT: left; WIDTH: 244px; TEXT-ALIGN: center;} #body .MainBlock .blk_29 .box IMG { BORDER: #F5F5F5 1px solid; PADDING: 1px; DISPLAY: block; MARGIN: 0px auto; width:155px;height:116px;} #body .MainBlock .blk_29 .box A:hover IMG { BORDER: #CCC 1px solid;} #body .MainBlock .blk_29 .box P { WIDTH: 244px; LINE-HEIGHT: 20px;text-align:center;font-size:12px;color:#3092b9} #body .ProductShow { border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; width: 998px; font-size:12px; margin:auto; } .hjc { } .hjnav { BACKGROUND-COLOR: #fff; HEIGHT: 258px; overflow:hidden; } .hjnavC{ width:998px; height:258px; background-color:#F5f5f5; overflow:hidden;} .hjnavleft { WIDTH: 998px; HEIGHT: 42px; z-index:100; background-color:#FFF; overflow:hidden; border-right:1px solid #e7e7e7;} .hjnavcn { WIDTH: 998px; FLOAT: left; HEIGHT: 260px; OVERFLOW: hidden; } .hjnavleft UL { } .hjnavleft UL LI { LINE-HEIGHT: 42px; PADDING:0 30px; HEIGHT: 42px; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; float:left;} .hjnavleft UL LI a:hover{ text-decoration:none; color:#196ba7; font-weight:bold;} .hjnavleft UL LI.hover0 { border-left:none; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; } .hjnavleft UL LI.hover0 a{ color:#196ba7; font-weight:bold;} .hjnavleft UL LI.hover1 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; } .hjnavleft UL LI.hover1 a{ color:#196ba7; font-weight:bold;} .hjnavleft UL LI.hover2 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; } .hjnavleft UL LI.hover2 a{ color:#196ba7; font-weight:bold;} .hjnavleft UL LI.hover3 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; } .hjnavleft UL LI.hover3 a{ color:#196ba7; font-weight:bold;} .hjnavleft UL LI.hover4 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; } .hjnavleft UL LI.hover4 a{ color:#196ba7; font-weight:bold;} .hjnavleft UL LI.hover5 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; } .hjnavleft UL LI.hover5 a{ color:#196ba7; font-weight:bold;} .hjnavleft UL LI.hover6 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; } .hjnavleft UL LI.hover6 a{ color:#196ba7; font-weight:bold;} .hjnavleft UL LI.hover7 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; } .hjnavleft UL LI.hover7 a{ color:#196ba7; font-weight:bold;} .hjnavleft UL LI.hover8 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; } .hjnavleft UL LI.hover8 a{ color:#196ba7; font-weight:bold;} .hjnavleft UL LI.hover9 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; } .hjnavleft UL LI.hover9 a{ color:#196ba7; font-weight:bold;} .hjnavleft UL LI.hover10 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; } .hjnavleft UL LI.hover10 a{ color:#196ba7; font-weight:bold;} .hjone { PADDING-BOTTOM: 10px; LINE-HEIGHT: 22px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px } #wrapper .ProductShow .blk_29 { PADDING:0px 0px; OVERFLOW: hidden; ZOOM: 1; POSITION: relative;} #wrapper .ProductShow .blk_29 .LeftBotton { BACKGROUND: url(""/images/MyCMSBlue/dirleft.jpg"") no-repeat 0px 0px; LEFT: 10px; FLOAT: left; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 77px; HEIGHT: 114px} #wrapper .ProductShow .blk_29 .RightBotton { RIGHT: 5px; BACKGROUND: url(""/images/MyCMSBlue/dirright.jpg"") no-repeat -0px 0px; FLOAT: right;right:0px; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 77px; HEIGHT: 114px} #wrapper .ProductShow .blk_29 .Cont { MARGIN: 0px auto; OVERFLOW: hidden; PADDING:10px 0 0 0px;float:left;height:195px;width:920px;POSITION: relative;left:40px;} #wrapper .ProductShow .blk_29 .box { FLOAT: left; WIDTH: 184px; TEXT-ALIGN: center;} #wrapper .ProductShow .blk_29 .box IMG { BORDER: #F5F5F5 1px solid; PADDING: 1px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:155px;height:155px;} #wrapper .ProductShow .blk_29 .box A:hover IMG { BORDER: #0288E9 1px solid;} #wrapper .ProductShow .blk_29 .box P { WIDTH: 184px; LINE-HEIGHT: 20px;text-align:center;font-size:12px;color:#0288E9} #wrapper .ProductShow .albumblock{ padding:10px 5px 30px 25px; } #LinksBG{ background:#F0F0F0;} #Links { padding:10px 0px; line-height:25px; font-size:12px; width:1000px; margin:auto; } #Links span{ font-weight:bold;} #Links a{ padding:0px 7px;} .pos{ position:relative;} .clear{ clear:both;} .marg{ margin-top:15px;} .marg1{ margin-top:10px;} .fl{ float:left;} .fr{ float:right;} .hd{width:320px; height:320px; margin:0 auto; margin-top:10px; position:relative; } .sub_marg{ margin-right:20px;} /*news of index*/ .news{ width:100%; height:30px; overflow:hidden;} .newsr{ width:960px;height:30px; width:500px; margin:0 auto; color:#c60000;position:absolute; top:-40px; } .newsr span{ width:70px; height:30px; line-height:30px; float:left;font-weight:bold; color:#666; text-shadow:1px 1px #fff; font-weight:bold; z-index:100000} .core{ height:30px; line-height:30px; overflow:hidden; } .core a{ color:#666; display:block; text-shadow:1px 1px #fff;} /* the kind of products in page index*/ .index_kind{width:100%; height:50px; background:url("/images/index_pro_bg.jpg") left bottom repeat-x;overflow:hidden;} .index_kind_c{width:961px; height:50px; margin:0 auto; position:relative; } ul.index_kind_ul{width:961px; height:49px; margin:0 auto; background:url("""""""/images/index_pro_icon.jpg""""""") 0 -2px no-repeat;} .index_kind_ul li{width:160px; height:50px; float:left; overflow:hidden;} .index_kind_ul li a{width:161px; height:50px; display:block; line-height:50px; text-align:center;font-family:"Microsoft Yahei","宋体"; color:#999;font-size:14px;} .index_kind_ul li a:hover{ color:#fff;height:50px; background-color:#2999c9;} .IndexKindA1:hover{ background-image:url("""""""/images/index_pro_icon.jpg"""""""); background-position:0px -107px;} .IndexKindA2:hover{ background-image:url("""""""/images/index_pro_icon.jpg"""""""); background-position:-160px -107px;} .IndexKindA3:hover{ background-image:url("""""""/images/index_pro_icon.jpg"""""""); background-position:-320px -107px;} .IndexKindA4:hover{ background-image:url("""""""/images/index_pro_icon.jpg"""""""); background-position:-480px -107px;} .IndexKindA5:hover{ background-image:url("""""""/images/index_pro_icon.jpg"""""""); background-position:-640px -107px;} .IndexKindA6:hover{ background-image:url("""""""/images/index_pro_icon.jpg"""""""); background-position:-800px -107px;} /* the content of page index*/ .main{ width:1000px; height:auto; overflow:hidden; margin:10px auto 0px auto; zoom:1;} .index_rail{ height:40px; background-image:url(""/images/rail_icon.png""); background-repeat:no-repeat; border-bottom:#d5d5d5 solid 1px; line-height:40px;font-family:"Microsoft Yahei","宋体";font-size:14px;} .video_con{width:240px; height:192px; float:left; margin-right:20px; overflow:hidden;} .video_rail{width:240px; background-position:0px -60px; text-indent:40px; color:#2999c9;} .video{ padding:18px 0px 10px 0px;} .news_con{width:538px; height:auto; overflow:hidden; float:left; margin-right:20px; } .news_rail{width:538px; background-position:0 0; color:#2999C9; text-indent:42px;} .news_img{width:223px; height:134px; float:left; overflow:hidden;} .index_news{padding:18px 0px 0px 0px; overflow:hidden; } .index_news_ul{ width:300px; height:150px; float:right; overflow:hidden;} .index_news_ul li{width:100%; height:24px; float:left; background:url(""/images/rail_icon.png"") -12px -168px no-repeat; text-indent:15px; overflow:hidden;} .index_news_ul li a{ color:#999999;} .index_news_ul li a:hover{ color:#29a3d7;} /* p-top */ #p-top{margin:0 auto;padding:0 10px;width:100%;text-align:left;} #p-top{background:none;width:100%;padding:0;} /*#p-banner-1{background: #EDEDED url("/images/p-banner1.jpg") repeat-x 50% 0px;} #p-top-banner .p-banner-small-1{background: url("/images/p-banner1-small.png") no-repeat 0 80%;} #p-banner-2{background: #EDEDED url("/images/p-banner2.jpg") repeat-x 50% 0px ;} #p-top-banner .p-banner-small-2{background: url("/images/p-banner2-small.png") no-repeat 0px 80%;} #p-banner-3{background: #EDEDED url("/images/p-banner3.jpg") repeat-x 50% 0px;} #p-top-banner .p-banner-small-3{background: url("/images/p-banner3-small.png") no-repeat 0px 50%;} #p-banner-4{background: #EDEDED url("/images/p-banner4.jpg") repeat-x 50% 0px;} #p-top-banner .p-banner-small-4{background: url("/images/p-banner4-small.png") no-repeat 0px 50%;}*/ .p-home-banner{width:100%;padding:0;margin:0 auto;clear:both; } /*.p-home-banner:after{content:".";display:block;height:0;clear:both;visibility:hidden;} */ #p-top-banner img,#p-top-banner h1,#p-top-banner h2,#p-top-banner h3{padding:0; margin:0;} #p-top-banner h1,#p-top-banner h2,#p-top-banner h3{position:relative;} #p-top-banner{background:#EFEFEF;border-bottom:1px solid #C0C0AE;} #p-top-banner.p-container{margin:0;} #p-top-banner.p-top-qh .p-container-body{clear:both;position:relative;height:400px;border:0 none;background:none;margin:0;} #p-top-banner .p-top-qh-pane{position:relative;height:400px;overflow:hidden;clear:both;} #p-top-banner .p-top-qh-pane h1 img,#p-top-banner .p-top-qh-pane h2 img{margin-top:80px;} #p-top-banner .p-bannerqh{position:absolute;overflow:hidden;} #p-top-banner .p-bannerqh .p-home-banner{clear:none;height:400px;overflow:hidden;width:100%;margin:0;float:left;} #p-top-banner .p-bannerqh .p-home-banner .p-banner1-1-1{width:100%;margin:0 auto;text-align:left} #p-top-banner .p-top-qh-nav{margin:-15px 100px 0 0;width:300px;height:50px;float:right;display:inline; } #p-top-banner .p-top-qh-nav a{width:45px;height:30px; overflow:hidden;position:relative;z-index:2100;display:inline-block;text-decoration:none;padding:0;margin:3px 2px;font-size:1px;outline:0;border:3px solid #EEE;border:3px solid rgba(255,255,255,0.6);box-shadow:0 1px 3px rgba(0,0,0,0.6);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);} #p-top-banner .p-top-qh-nav a .p-top-qh-view{width:45px;height:30px;} #p-top-banner .p-top-qh-nav a.p-active{top:-8px;} #p-top-banner .p-top-qh-nav a:hover,#p-top-banner .p-top-qh-nav a.p-active{border:3px solid #FFF;border:3px solid rgba(255,255,255,0.9);box-shadow:0 1px 3px rgba(0,0,0,0.85);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.85);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.85);} #p-top-banner a.p-top-qh-next,#p-top-banner a.p-top-qh-prev{display:none;} .p-container{margin:0 0 1.2em;width:100%;} .p-container .p-container-body h2,.p-container.p-alternate-two h2,.p-container.p-alternate-six h2{background:none;border:none;} .p-subtittle{position:absolute;left:-3000px;width:500px;} .banner-buttom{position:absolute;bottom:0px;width:100%;height:34px;cursor:pointer;z-index:40;margin:0 auto;text-align:center; background:url("/images/banner_bg.png") left top repeat-x;} .p-banner-wenzi{ position:absolute; left:200px;}