@charset "utf-8"; /* CSS Document */ *{ margin:0;padding:0;color:#000; } a{text-decoration: none;} a:hover{} a:active {outline:none;} :focus { -moz-outline-style:none; } ul{ list-style:none; margin:0px auto;} em{ font-style:normal;} img{ border:none;} div{ margin:0px auto} body { font-size:12px;font-family:"微软雅黑";margin:0 auto;background:#f2f2f2; } #goToTop { position: fixed;width:62px;bottom:35px;height:62px;cursor:pointer;display:none; background:#eaeaea url(../images/toTop.gif) no-repeat; } /**********************************header begin!*********************************/ .top { width:100%; height:447px; background:url(../images/header_bj.png) 0 5px repeat-x; } .topDetial { height:85px; } .header { width:960px; height:84px; } .hd_box { width:960px; height:3px; background-color:#323232; clear:both; } .logo{ width:247px; height:84px; float:left;} .topRight { width:700px;margin:0 auto;height:43px;float:right; background:url(../images/topRed.png) 80% -1px no-repeat; } .topRight p { width: 200px;float:right;margin-right:125px;margin-top:6px;color:#fff;text-align:center; } .topRight p a { color:#fff;padding-left:3px;padding-right:3px; } /**************************nav begin!**************************/ #navBar { width:700px;margin:0 auto;height:44px;float:right; background:url(../images/3.png) repeat-x; } #navUl { width:100%;list-style:none;margin:0px;padding:0px;font-size:12px;line-height:20px; } #navUl li { list-style:none;position:relative;display:block;float:left;font-size:11px;font-weight:bold;height:44px; line-height:44px;margin:0 3px;width:88px;z-index: 1003; } #navUl li a { display:block;float:left;text-transform:uppercase; font-size:14px; cursor:pointer;position:relative;display:block; } .changea { color:#000;font-weight:bold;height:44px;line-height:44px;text-align:center;width:88px; text-decoration:none; } #navUl li span { background:url(../images/3.png) 0px -44px repeat-x;height:44px;position:absolute; top:0px;left:0px;width:88px;display:none; } #navUl li .current { background:url(../images/nav1.gif) repeat-x top;color:#fff;text-align:center;width:88px; text-decoration:none; } .NavDropDownPanel { z-index: 1003;min-width:150px;background: #000;position:absolute; opacity: 0.8;filter: alpha(opacity=80);padding-top: 10px;top:44px;left:0; overflow: hidden;line-height: 30px;padding-bottom: 12px;display:none; } *+html .NavDropDownPanel { overflow: visible; } .NavDropDownPanel ul li { white-space:nowrap; } .NavDropDownPanel ul li a { color:#fff;font-weight:normal;height:25px;line-height:25px;font-family: arial,"宋体"; width:100%;text-align:left;padding-left:10px;padding-right:10px; } .NavDropDownPanel ul li a:hover { text-decoration:underline; } .imageBanner { height:360px;width:960px; } .imageBannerDetial { width:960px;height:200px; } #imageBox { width:100%; height:22px; background:url(../images/zt.jpg) no-repeat 50%; clear:both; } .content { width:960px;height:500px;clear:both;margin-top:15px; } .contentDetial { min-height:700px;width:960px;clear:both;margin-top:15px; } .cl:after { DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."; } .index_news_intro .index_news { BORDER-BOTTOM: #cdcdcd 1px solid; BORDER-LEFT: #cdcdcd 1px solid; WIDTH: 49%; FLOAT: left; BORDER-TOP: #cdcdcd 1px solid; BORDER-RIGHT: #cdcdcd 1px solid; } .content_menu_head { BORDER-BOTTOM: #c2d5e3 1px solid; LINE-HEIGHT: 33px; BACKGROUND: #f2f2f2; HEIGHT: 33px; OVERFLOW: hidden; BORDER-TOP: #fff 1px solid; } .content_menu_head H2 { FONT-SIZE: 14px; text-shadow: 1px 1px 1px white; } #content A { COLOR: #2e424f; } .more { FLOAT: right;width:71px;height:33px;margin-top:-2px;display:block; } .more a { width:100%;height:100%;display:block; color:#2e424f;text-align:center; } .more a:hover { color:#fff;background:url(../images/more_bg1.png) no-repeat; } .index_news .centerContent { HEIGHT: 180px;padding-left:5px;padding-top:5px; } OL.newslist { LINE-HEIGHT: 21px; BACKGROUND: url(../images/sortnum.png) no-repeat 0px 3px; } OL.newslist LI { PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(../images/ico_banner_nor.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0 3px; HEIGHT: 25px; } .newsListOn { BACKGROUND-IMAGE: url(../images/ico_banner_cur.png); } .newslist_1 LI { HEIGHT: 1.5em; OVERFLOW: hidden; } .newslist LI { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; MARGIN: 2px 0px; } .index_news_intro .index_intro { FLOAT: right; } .content_menu_head { BORDER-BOTTOM: #c2d5e3 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 33px; PADDING-LEFT: 10px; WHITE-SPACE: nowrap; background-color: #f2f2f2; HEIGHT: 33px; BORDER-TOP: #fff 1px solid; PADDING-TOP: 0px; background:url(../images/title_shandow.png) repeat-x 0 29px; } .newslist EM { PADDING-LEFT: 5px; FLOAT: right; COLOR: #999; } .centerContent span { line-height:25px; } #productSlide { width:960px;text-align:center;position:relative;margin-top:5px; } #gallery { width:960px;overflow:hidden;border:1px solid #cdcdcd;position:relative; background:url(../images/panel.jpg) repeat-x bottom center;-moz-box-shadow:0 0 3px #AAAAAA; -webkit-box-shadow:0 0 3px #AAAAAA;box-shadow:0 0 3px #AAAAAA;-moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px; } #slides { height:200px;width:960px;overflow:hidden;border:1px solid #cdcdcd; } .slide { float:left;background-color:#000;overflow:hidden; } #productSlideMenu{ height:45px;overflow:hidden; } #gallery ul{ margin:0px;padding:0px; } #gallery li{ width:156px;display: block; float: left;list-style:none;height:45px;line-height:45px; overflow:hidden;margin-top:-1px; } #gallery li.inact:hover{ /* The inactive state, highlighted on mouse over */ background:url(../images/pic_bg.png) repeat; } #gallery li.act,#gallery li.act:hover{ /* The active state of the thumb */ background:url(../images/active_bg1.png) no-repeat; } #gallery li.act a{ cursor:default; } #gallery li a{ display:block;height:45px;line-height:45px;overflow:hidden; background:url(../images/divider.png) no-repeat right; } #gallery a, #gallery a:visited { color:#000;text-decoration:none;outline:none; } #gallery a:hover{ text-decoration:none; } .imageContainer { float:left;position:relative;overflow: hidden; } .cover { position:absolute;opacity: 0.6;filter: alpha(opacity=60);background: #000; height: 120px;width: 320px;top:170px;left:0;color:#fff; } .cover p { color:#fff;height:30px;line-height:30px; } #elevator_item { width: 31px;height: 40px;position: fixed;right: 0;top: 380px; -webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020;display: none; } #elevator_item .qr { display: block;width: 31px;height: 40px;border-radius: 2px;box-shadow: 0 1px 3px rgba(0,0,0,.2); cursor: pointer;background: url(../images/icon_code.png) center center no-repeat;background-color: #444; } #elevator_item .qr-popup { width: 170px;height: 200px;background: #fff;box-shadow: 0 1px 8px rgba(0,0,0,.1);position: absolute; left: -180px;bottom: 0;border-radius: 2px;display: none;text-align: center; } #elevator_item .qr-popup .code-link { display: block;margin: 10px;color: #777; } .code { display: block;margin-bottom: 10px; } #elevator_item .qr-popup { text-align: center; } #elevator_item .qr-popup .arr { width: 6px;height: 11px;background: url(../images/code_arrow.png) 0 0 no-repeat; position: absolute;right: -6px;bottom: 14px; } #footer { width:100%;height:80px;font-size: 12px;line-height: 20px;color: #333; background: url(../images/btmback.jpg) repeat-x;border-top:none; } .footSplit { width: 960px;padding-bottom: 10px;padding-top: 15px;margin: 0px auto; } #footer .link { float: left;height: 36px; } #footer p { float: right;text-align: right; } #footer a { color: #333;text-decoration: none; } #footer a:hover { color:#000; } #footer .link a { display: block;float: left;width: 130px;height: 40px;line-height: 36px;font-size: 14px; text-indent: 56px;background: url(../images/btmico.jpg) no-repeat;overflow: hidden; } #footer .link a.link-1 { background-position: 16px 0; } #footer .link a.link-2 { background-position: 16px -40px; } #footer .link a.link-3 { background-position: 16px -80px; } #footer .link a.link-4 { background-position: 16px -120px; } #footer .link a.link-5 { background-position: 16px -160px; } #footer .link a.link-1:hover{background-position:16px -198px;} #footer .link a.link-2:hover{background-position:16px -238px;} #footer .link a.link-3:hover{background-position:16px -278px;} #footer .link a.link-4:hover{background-position:16px -318px;} #footer .link a.link-5:hover{background-position:16px -358px;} /*-----------------------------------------detial start------------------------------------*/ .contentLeft { width:23%;height:400px;float:left;margin-top:15px; } .contentLeftTitle { width:99%;height:35px;background:url(../images/title_bg2.png) no-repeat; } .contentLeftTitle p { text-align:center;line-height:35px;color:#fff;font-weight:bold; } .contentLeftContent { width:98%;height:92%;border: 1px solid #D2D2D2;border-top:none;background: #fff; padding-top:6px; } .contentLeftContent a { background: url(../images/nymenu_libg.png) 0px 0px no-repeat;line-height: 32px; height: 32px;text-indent: 12px;margin-bottom: 6px;display: block;width: 200px; color: #001c30;margin-left:8px; } .contentLeftContent a:hover, .contentLeftContent a.active { background: url(../images/nymenu_libg2.png) 0px 0px no-repeat;color: #001c30;width: 200px; display: block; } .contentRight { width:76.5%;min-height:400px;float:right;margin-top:15px; } .contentRightTitle { width:100%;height:36px;background: url(../images/nyright_titlebg.png) 0px 0px no-repeat; text-indent: 35px;color: #004da3;line-height: 36px;font-size: 14px; } .contentRightTitle span { font-size: 12px;margin-right: 30px;color: #999;float: right; } .contentRightContent { width:99.5%;min-height:355px;border: 1px solid #D2D2D2;border-top:none;background: #fff; margin-top:-2px;padding-top:20px; } .tabbox { width:100%;overflow:hidden; } .tabbtn { height:42px;border-bottom:solid 1px #ddd; } .tabbtn li { float:left;position:relative;margin:0 0 0 -1px;background:url(../images/tabLi_bg.png) no-repeat 0 2px; border-top:solid 1px #d6d5d6; } .tabbtn li a,.tabbtn li span { display:block;float:left;width:101px;height:42px;line-height:42px;overflow:hidden;text-align:center; font-size:12px;cursor:pointer; } .tabbtn li.current { border-left:solid 1px #d5d5d5;border-right:solid 1px #d5d5d5; width:101px;height:42px; } .tabbtn li.current a,.tabbtn li.current span { background:#fff; } .tabcon { padding:10px;background-color: #fff; } .tabcon p { word-wrap: break-word;word-break: normal; } .tabcon li { height:24px;line-height:24px;overflow:hidden; } .tabcon li span { margin:0 10px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd; } .uuu li { margin-top: 20px; } .cp51 { padding-left: 20px; margin-bottom: 20px; } .cp5 { float: left; width: 182px; height: 123px; background: url(../images/9_08.jpg) no-repeat; } .cp1_1 { padding: 5px; } .cp6 { width: 478px;float: right;margin-top: 30px; } .cp7 { width: 355px;float: left; } .ppp1 { margin-bottom: 5px; } .ppp1_1 { float: left;font-size: 14px;font-weight: bold;width:100%; } .ppp1_1 span { color: #3d3d3d; } .ppp1_1 p { color: #3d3d3d;word-wrap: break-word;word-break: normal; } .ppp1_2 { float: left; padding-top: 2px; padding-left: 2px; } .clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; } .ppp2 { line-height: 20px; } .cp8 { width: 74px; float: right; padding-right: 10px; padding-top: 17px; } .cp8 p { margin-top: 4px; } .div03 { height: 1px; font-size: 1px; line-height: 1px; background:url(../images/9_20.jpg) repeat-x; } .template_box { float: left; width: 160px; margin: 5px 0px 5px 14px; line-height: 132px; overflow: hidden; position: relative; text-align: center; } .template_box a { display: block; width: 158px; height: 130px; font-size: 12px; overflow: hidden; color: rgb(51, 51, 51); border: 1px solid rgb(204, 204, 204); border-image: initial; } .template_box span { position: static; top: 50%; vertical-align: middle; } .template_box img { position: static; top: -50%; left: -50%; max-height: 130px; max-width: 158px; vertical-align: middle; } .template_box a { display: block; width: 158px; height: 130px; font-size: 12px; overflow: hidden; color: rgb(51, 51, 51); border: 1px solid rgb(204, 204, 204); border-image: initial; } .template_box h5 { margin-top: 10px; text-align: center; font-weight: normal; } .template_box h5 a { height: 44px; line-height: 18px; border: none; border-image: initial; } .productImage { width:350px;height:270px;float:left;margin-left:10px;margin-bottom:30px; } .productTitle { width:350px;height:270px;float:left;text-align:center;line-height:270px; color: #3d3d3d;font-size: 14px;font-weight: bold; } .pagingContainer { width:960px;height:40px;margin-top:10px;margin-bottom:10px; } .pageLeft { width: 23%;height: 40px;float: left; } .pageRight { width: 76.5%;height:40px;float:right;text-align:center; } .paging { width: 630px;height:40px;margin:0 auto;text-align:center; } .page-wrap { float: left;margin-left: 5px;margin-right: 5px;width: 40px;height:40px;line-height:40px; } .page-next { width:80px;color:#FFF;background-color:#000000;opacity: 0.8;filter: alpha(opacity=80); font-weight: bold; } .page-pre { width:80px;color:#FFF;background-color:#000000;opacity: 0.8;filter: alpha(opacity=80); font-weight: bold; } .page-wrap a { width:100%;height:100%;display: block;text-align:center;line-height:40px; background-color:#F6F4F5;border: 1px solid #dfdfdf; } .page-wrap a:hover { color:#FFF;background-color:#000000;opacity: 0.8;filter: alpha(opacity=80); font-weight: bold; } .page-cur{ width:40px;height:40px;display: block;text-align:center;line-height:40px;float:left; background-color:#000000;opacity: 0.8;filter: alpha(opacity=80);color:#FFF;font-weight: bold; margin-left: 5px;margin-right: 5px; } .page-cur a{ color: #fff; } #hideMenuId { display:none; } .productBoxContainer { width:100%;min-height:400px; } .newsTitle { text-align:center;height:50px; } .newsTitle h1 { line-height: 28px;margin: 5px 10px;font-size: 16px;font-family: 微软雅黑;text-align: center; color: rgb(0, 51, 153);word-wrap: break-word;word-break: normal; } .newsTime { width:92%;margin:0 auto;text-align: center;border-bottom: 1px dotted rgb(204, 204, 204); } .newsContent { padding:10px; } .aboutNewsList { width:96%; } .aboutNewsList li { clear: both;line-height: 38px;padding-left: 30px;border-bottom: 1px dotted rgb(153, 153, 153); background: url(../images/ico_banner_nor.png) 5px 11px no-repeat; } .aboutNewsList a { color: rgb(102, 102, 102); } .aboutNewsList .date { float: right;padding-right: 15px;color: rgb(153, 153, 153);font-weight: normal; } .tvContainer { width:100%;min-height:400px; } .tvItem { width: 200px;height:280px;margin:20px 0 10px 30px;float:left;position:relative; overflow:hidden;cursor:pointer; } .tvCover { position:absolute;top:255px;left:0; opacity: 0.7;filter: alpha(opacity=70);background: #000; height: 130px;width: 200px;top:255px;color:#fff;cursor:pointer; } .tvCover p { color:#fff;height:25px;line-height:20px;cursor:pointer;padding-left:3px; } .vedioImage { width:29%;height:300px;float:left;margin-left:5px;position:relative; } .vedioText { width:67%;min-height:350px;float:left;margin-left:3%; } .vedioText h2 { color:#444;font-family: '微软雅黑','宋体',Arial;font-size:20px;margin-bottom:15px; } .vedioTextLeft { color: #a7a9ac; } .vedioUl li { line-height:25px; } /*-----------------------------------------detial end------------------------------------*/ .loginBox { float: left;margin-top: 5px;width: 100%;height:400px;border: #D7D7D7 1px solid; border-radius: 3px;background-color: #fff;overflow: hidden; } .loginLeft { width:70%;height:300px;float:left;margin-top:50px;margin-left:50px; border-right:#D7D7D7 1px solid; } .loginRight { width:20%;height:300px;float:left;margin-top:50px; } .loginInputPanel { width:62%;height:100%;float:left; } .loginTipPanel { width:35%;height:100%;float:left; } .userImageTip { width:9%;height:44px;margin-top:20px;float:left;background:url(../manager/images/errorTip.png) no-repeat 42px; } .passwordImageTip { width:9%;height:44px;margin-top:25px;float:left;background:url(../manager/images/errorTip.png) no-repeat 42px; } .userTextTip { width:88%;height:44px;margin-top:20px;padding-left:3px;float:left;line-height:44px;color:Red; } .passwordTextTip { width:88%;height:44px;margin-top:25px;padding-left:3px;float:left;line-height:44px;color:Red; } .loginBox ul { padding-top: 20px; } .loginBox ul li { position: relative;padding-bottom: 25px;padding-left: 17px;height: 44px;overflow: hidden; } .loginBox ul li span { float: left;width: 36px;height: 44px; } .loginBox ul .account span { background-position: 0 -305px; } .loginBox ul .account span { background-position: 0 -305px; } .loginBox ul li span, .loginBox li code, .loginBox li input, .loginBox .landbtn input, .sidecnt li h5, .loginBox .regbtn input { background: url(../images/login.png) no-repeat; } .loginBox li input { float: left;height: 44px;line-height: 44px;padding-left: 6px;font-size: 14px;border: none; width: 338px;color: #999;background-position: 0 -247px;background-repeat: repeat-x; } .loginBox li .imputbar { float: left;height: 44px;background: url(../images/login.png) repeat-x 0 -247px; width:354px; } .loginBox li .txt-user input.current { background-position: 10px -417px;background-repeat: no-repeat; } .loginBox li .txt-password input.current { background-position: 10px -461px;background-repeat: no-repeat; } .loginBox ul .password span { background-position: -56px -305px; } .loginBox li code { float: left;height: 44px;width: 10px;background-position: -112px -357px; } .loginBox .landbtn { text-align: center;padding-top: 18px; } .loginBox .landbtn input { width: 169px;height: 46px;border: none;background-position: 0 -135px;cursor: pointer; } .partnersItem { width: 163px;height: 102px;padding: 8px;margin-bottom:5px;background: url(../images/logo_bg.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="image", src="images/logo_bg.png"); float: left; } .partnersItem img { margin-left:3px;width:163px;height:58px; } .partnersItem a { display: block;color: #666 !important;position: relative;zoom: 1; } .partnersItem span { display: block;height: 42px;line-height: 42px;font-weight: bold;margin-top: 2px;text-align: center; padding: 0 5px;overflow: hidden; } .videoItem { width:98%;height:180px;padding-bottom:2px; margin-bottom:10px; border-bottom: 1px dotted rgb(153, 153, 153); } .video { width:280px;height:100%;float:left;position:relative; } .videoDetail { width:405px;height:100%;float:right;padding-top:5px;padding-bottom:5px; } .videoDetail h3 { padding: 4px 0 2px 0;font-weight: bold;font-size: 16px;font-family: "Microsoft YaHei",Arial,sans-serif; color: #626266;text-align:center; } .videoDetail p { margin-top:5px;text-indent:24px;line-height:23px; } .playNow { width:57px;height:50px;position:absolute;background:url(../images/play.png) no-repeat; top:70px;left:90px;cursor:pointer; } .vedioPage { top:43%;left:43%; } .playNow:hover { background:url(../images/play_hover.png) no-repeat; } #maskLayerLayout { width: 100%;height: 100%;background: #333;position: absolute;top: 0;left: 0;filter: alpha(opacity=60); -moz-opacity: 0.6;opacity: 0.6;position: absolute;display: none;z-index:10000; } #videoPlayer { position:absolute;width:500px;height:300px; top: 40%; left: 50%;margin-left:-250px;margin-top:-150px; z-index:10001;background-color:White; } .videoOverlay { padding:27px;width:600px;display:none;left: 28%; } .close { background:url(../images/close.png) no-repeat;position:absolute;top:8px;right:8px;display:block; width:35px;height:35px;cursor:pointer; } .videoPalyer { height:475px;width:600px;display:block; } #vedioPlayNow { width:50px;height:24px;margin-left:0;background:url(../images/play_hover_small.png) no-repeat; cursor:pointer;padding-left:28px; } #vedioPlayNow span { line-height:26px;font-weight:bold; } .searchPanel { width:99.8%;height:40px;border: 1px solid #D2D2D2;margin-top:5px;background-color:#fff; } .searchContainer { width:85%;height:35px;margin:5px 0 0 10px;float:left; } .searchContainer input,.searchContainer select { width:150px;height:27px;line-height:27px;padding-left:3px; } #videoSearchNow { width:130px;height:34px;display:block;background:url(../images/searchBtn.png) no-repeat; float:left;margin-top:3px; }