/* ====== reset ====== */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} /* ====== fonts ====== */ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} h1,h2,h3,h4,h5,h6 {font-weight:bold; } h1, .h1 { font-size:32px; } h2, .h2 { font-size:26px; } h3, .h3 { font-size:24px; } h4, .h4 { font-size:22px; } h5, .h5 { font-size:18px; } h6, .h6 { font-size:14px; } /* ====== clearfix ====== */ .clear { clear:both; visibility:hidden; display:block; font-size:0; line-height:0; } .clearfix:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; } .clearfix { *zoom:1; } /* ====== Columns ====== */ .column:after {clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; min-height:0; visibility:hidden; *zoom:1;} .column {width:100%;} .column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4 { float:left; min-height:1px; height:auto !important; _height:1px; } /* default marg-per3 margin right 3% */ .column .col-1-1 {width:100%;} .column .col-2-1 {width: 48.5%; margin-right:3%;} .column .col-3-1 {width: 31.3333%; margin-right:3%;} .column .col-4-1 {width: 22.75%; margin-right:2%;} .column .col-5-1 {width: 17.6%; margin-right:3%;} .column .col-3-2 {width: 65.6666%; margin-right:3%;} .column .col-4-2 {width: 48.5%; margin-right:3%;} .column .col-4-3 {width: 74.25%; margin-right:3%;} .column .col-5-2 {width: 38.2%; margin-right:3%;} .column .col-5-3 {width: 58.8%; margin-right:3%;} .column .col-5-4 {width: 79.4%; margin-right:3%;} /* margin right 0% */ /* margin right 2% */ .marg-per2 > .col-2-1 {width: 49%; margin-right:2%;} .marg-per2 > .col-3-1 {width: 32%; margin-right:2%;} .marg-per2 > .col-4-1 {width: 23.5%; margin-right:2%;} .marg-per2 > .col-5-1 {width: 18.4%; margin-right:2%;} .marg-per2 > .col-3-2 {width: 66%; margin-right:2%;} .marg-per2 > .col-4-2 {width: 49%; margin-right:2%;} .marg-per2 > .col-4-3 {width: 74.5%; margin-right:2%;} .marg-per2 > .col-5-2 {width: 38.8%; margin-right:2%;} .marg-per2 > .col-5-3 {width: 59.2%; margin-right:2%;} .marg-per2 > .col-5-4 {width: 79.6%; margin-right:2%;} .column .last {margin-right:0; *float:right; *clear:right;} /* ====== Slideshow & Scrollable ====== */ .carousel-direction a { display:block; width:30px; height:60px; line-height:60px; overflow:hidden; position:absolute; top:50%; z-index:100; margin-top:-30px; font-family:simsun; text-align:center; color:#fff; font-size:30px; text-decoration:none; cursor:pointer; background-color:#0a4cac; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; } .carousel-direction a:hover { background-color:#0061b0; color:#fff; text-decoration:none; } .carousel-direction a.disabled, .carousel-direction a.disabled:hover { background-color:#dcf2ff; color:#ccc; cursor:default; } .carousel-prev { left:0; } .carousel-next { right:0; } .carousel-btn { text-align:center; margin:10px 0; } .carousel-btn a { display:inline-block; width:15px; height:15px; margin:0 6px; background:#0a4cac; border-radius:50%; } .carousel-btn .selected { width:9px; height:9px; background-color:transparent; border:3px solid #e60012; cursor:default;} .carousel-btn a span { display:none;} .carousel-btn-fixed { width:100%; position:absolute; bottom:15px; left:0; margin:0; z-index:100; } .carousel { position:relative; } .carousel-item { position:relative; float:left; display:block; } .carousel-item .carousel-img { display:block; } .carousel-item .carousel-img a[href="javascript:;"] { cursor:default; } .carousel-item .carousel-img img { display:block; } .carousel-info { position:absolute; bottom:0; left:0; width:100%; background:url(../images/opa70.png); } .responsive-carousel .carousel-direction { display:none; } .responsive-carousel:hover .carousel-direction { display:block; } .slideshow-min .carousel-btn-fixed { bottom:70px; } .scrollable {} .scrollable .caroufredsel_wrapper { } .scrollable ul { padding:0; _margin-left:-5px !important; list-style:none; overflow:hidden; width:10000em; } .scrollable ul li { padding:0px; margin:0 12px 25px; display:block; float:left; width:256px; text-align:center; } .scrollable ul li p a { display:block; } .scrollable ul li img { display:block; width:100%; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; } .scrollable a.carousel-prev { left:-70px; } .scrollable a.carousel-next { right:-70px; } .scrollable-inside-page ul li { width:160px; } .banner{ clear:both; overflow:hidden;width:100%; min-width:1120px; margin-top:60px; text-align:center; margin:0 auto;} .banner-box{ width:100%; margin:0 auto; overflow:hidden; min-width:1120px; } #full-screen-slider { width:100%; overflow:hidden; height:775px; margin:0 auto;} #slides li { display: block; height: 100%; list-style: none;} #slides li a { display:block; width:100%; height:100%; text-indent:-9999px} #pagination { display:block; list-style:none; position:absolute; left:20%; top:700px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li { display:block; list-style:none; width:50px; height:3px; float:left; margin-left:5px; background:#fff; } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current { background:#0a4cac} .hei{ height:600px;} .full-scrollable .carousel-direction { text-align:center; margin:20px; height:30px; padding:10px 0; background:url(../images/style-blue/carousel-direction-bg.gif) no-repeat center; } .full-scrollable .carousel-direction a { position:static; display:inline-block; *display:inline; *zoom:1; width:30px; height:30px; line-height:30px; margin:0 8px; font-size:22px; } .full-scrollable .carousel-direction a:hover { border-color:#fff; color:#fff; } .full-scrollable .carousel-direction a.disabled, .full-scrollable .carousel-direction a.disabled:hover { color:#666; cursor:default; } .scrollable-text { width:100%; height:35px; overflow:hidden; } .scrollable-text .carousel-direction a { display:block; width:11px; height:6px; overflow:hidden; margin-top:-5px; background-color:transparent; background-image:url(../images/skin-icon/direction-s.gif); background-repeat:no-repeat; } .scrollable-text .carousel-direction a:hover { background-color:transparent; } .scrollable-text .carousel-direction a span { display:none; } .scrollable-text .carousel-up { background-position:0 0; right:15px; } .scrollable-text .carousel-down { background-position:0 -7px; right:0; } .scrollable-text ul li { border:none; width:100%; } .scrollable .scrollable-item-img { background-color:#f2f2f2; overflow:hidden; position:relative; } .scrollable .scrollable-item-img .icon-link { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:11; background:url(../images/icon-link.png) no-repeat center; } .scrollable .scrollable-item-img .opacity-overlay { width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; cursor:pointer; background-color:#0a4cac; opacity:0; filter:alpha(opacity=0); _height:expression( (this.parentElement.clientHeight) +'px'); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .scrollable .scrollable-item-text { padding:10px 0; background-color:#e5e5e5; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } .scrollable .scrollable-item-text h2 { margin-bottom:5px; font-size:15px; font-weight:normal; } .scrollable .scrollable-item-text div { margin-bottom:5px; font-size:12px; color:#808080; } .scrollable .scrollable-item-text div span { margin:0 2px; } .scrollable .scrollable-item-text .price { color:#f30; font-size:13px; } .scrollable .scrollable-item a:hover .opacity-overlay { filter:alpha(opacity=90); opacity:0.9; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .scrollable .scrollable-item a:hover .scrollable-item-text { background-color:#ee2323; color:#fff; } .scrollable .scrollable-item a:hover .scrollable-item-text div { color:#fff; } .scrollable .scrollable-item a:hover .scrollable-item-text .price { color:#fff; } /* 多列图文 */ .portfolio-list { min-height:20px; } .portfolio-list li { margin-bottom:25px;/* text-align:center;*/ } .portfolio-img { margin-bottom:10px; overflow:hidden; background-color:#f2f2f2; } .portfolio-img a { position:relative; } /* Product 产品 ------------------------------------------------------------------------------------------ */ .product-list li { margin-bottom:45px; text-align:center; } .product-item .portfolio-img { background-color:#f2f2f2; overflow:hidden; position:relative; margin-bottom:0; } .product-item .portfolio-img .icon-link { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:11; background:url(../images/icon-link.png) no-repeat center; } .product-item .portfolio-img .opacity-overlay { width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; cursor:pointer; background-color:#0a4cac; opacity:0; filter:alpha(opacity=0); _height:expression( (this.parentElement.clientHeight) +'px'); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .product-item .portfolio-text { padding:10px 0; background-color:#e5e5e5; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } .product-item .portfolio-text h2 { margin-bottom:5px; font-size:15px; font-weight:normal; } .product-item .portfolio-text div { margin-bottom:5px; font-size:12px; color:#808080; } .product-item .portfolio-text div span { margin:0 3px; } .product-item .portfolio-text .price { color:#f30; font-size:13px; } .product-item a:hover .opacity-overlay { filter:alpha(opacity=90); opacity:0.9; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .product-item a:hover .portfolio-text { background-color:#ee2323; color:#fff; } .product-item a:hover .portfolio-text div { color:#fff; } .product-item a:hover .portfolio-text .price { color:#fff; } /* Link 链接 ------------------------------------------------------------------------------------------ */ .link-page a { display:block; position:relative; margin-bottom:10px; min-height:50px; height:auto !important; _height:50px; } .link-page .link-img img { display:block; width:100%; } .link-page .link-name { display:block; width:100%; position:absolute; bottom:0; height:50px; line-height:50px; text-align:center; background:url(../images/link-name-bg.png) no-repeat left center; } .link-page .link-name h2 { font-size:15px; color:#fff; font-weight:normal; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; } .link-page .link-name i { display:block; width:100px; height:50px; overflow:hidden; position:absolute; top:0; right:0; background:url(../images/link-name-expand.png) no-repeat left center; } .link-page a:hover .link-name h2 { padding-left:30px; } /* 分页 & 面包屑 ------------------------------------------------------------------------------------------ */ .breadcrumbs { font-size:12px; color:#808080; } .breadcrumbs a { color:#808080; } .breadcrumbs a:hover { color:#666; text-decoration:none; } .breadcrumbs i { font-style:normal; margin:0 3px; } .breadcrumbs strong { font-weight:normal; color:#333; } /* module 外框容器 ------------------------------------------------------------------------------------------ */ .module-default { margin:0; padding:0; } .module-default > .module-divider { margin-bottom:15px; } .module { margin-bottom:25px; } .module-divider { height:1px; overflow:hidden; background-color:#ccc; margin-top:25px; clear:both; } .module-no-margin, .module-no-margin .module-content p, .module-no-margin .module-content ul, .module-no-margin .module-content ol, .module-no-margin .module-content h1, .module-no-margin .module-content h2, .module-no-margin .module-content h3, .module-no-margin .module-content h4, .module-no-margin .module-content h5, .module-no-margin .module-content h6 { margin:0; } .module-full-screen > .module-inner { padding:60px 0 80px; min-width:1120px;} .module-full-screen > .module-inner > .page-width { width:auto; max-width:1120px; _width:1120px; } .module-full-screen-title { margin-bottom:40px; text-align:center; } .module-full-screen-title > .module-title-content { padding-bottom:15px; background:url(../images/module-full-screen.gif) no-repeat center bottom; } .module-full-screen-title > .module-title-content > h2 { display:inline-block; *display:inline; *zoom:1; font-size:26px; line-height:normal; font-weight:normal; color:#4d4d4d; } .module-full-screen-title > .module-title-content > h3 { margin-bottom:5px; font-size:16px; line-height:normal; font-weight:normal; font-family:Arial; color:#999; } .module-full-screen-more { float:none; clear:both; margin-top:30px;text-align:center; } .module-full-screen-more a { display:inline-block; *display:inline; *zoom:1; line-height:34px; padding:0 35px; border:2px solid #ccc; color:#999; transition:all 0.5s ease 0s; } .module-full-screen-more a:hover { background-color:#0061b0; border-color:#0061b0; color:#fff; text-decoration:none; } .module-full-screen-gray { background-color:#f8f8f8; } .module-full-screen-bg-img { background-repeat:no-repeat; background-position:center; } ::selection { color:#fff; background-color:#0a4cac; } ::-moz-selection { color:#fff; background-color:#0a4cac; } html { background-repeat:repeat; *overflow-x:hidden; } body { font:14px/1.8 Arial,"Microsoft YaHei","微软雅黑",sans-serif; color:#333; } body.font-en-US, body.font-en-US .module-title-default > .module-title-content h3 { font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑",sans-serif; } a { color:#333; text-decoration:none; } a:hover { color:#0a4cac; text-decoration:none; } /* Common Class */ .float-left { float:left; display:inline; } .float-right { float:right; display:inline; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .dl-horizontal dt { float:left; display:inline; } .dl-horizontal dd { overflow:hidden; *zoom:1; } .fixed { position:fixed; top:0px; left:0px; } .double-hr { border-top:3px double #ccc; clear:both; font-size:0; height:0; overflow:hidden; margin-bottom:20px; display:none; } .page-width1{ width:780px; float:right;} .content1{ width:780px;} #wrapper { width:100%; margin-left:auto; margin-right:auto; background:#fff; position:relative; min-width:1120px; } .page-width { width:1120px; margin:0 auto; } .layout-boxed #wrapper { width:1280px; box-shadow:0 0 12px rgba(0, 0, 0, 0.15); } /* 左右悬浮 */ .fixed-side { position:absolute; top:150px; z-index:10001; display:none; } .fixed-left { left:0; } .fixed-right { right:0; float:right; } /* logo */ .logo img { display:block; } .top-main-content .qhd-content img { vertical-align:text-bottom; } /* ---------- header-v5 ---------- */ .logo-section { position:absolute; top:0; left:0; z-index:10001; width:314px; height:555px; background:url(../images/logo-bg.png) no-repeat; } .logo-section .logo { margin-top:30px; margin-left:25px; } .logo-section .logo a { display:block; } .tel {width: 221px;height: 55px;overflow: hidden; padding-left:20px; margin-left:5px; margin-top:15px;background:url(../images/tel.png) no-repeat;padding-left:60px;} .tel h4 {line-height: 27px;font-family: "Adobe 黑体 Std";font-size: 22px;color: #e49307;font-weight: normal;} .tel h4 p {background: url(../images/top_18.png) no-repeat center top;font-size: 14px;font-family: "微软雅黑";color: #995f2e;line-height: 24px;text-align: center;font-weight: bold; margin-left:-60px;} .num{ color:#0a4cac; font-size:18px; margin-top:10px; margin-left:30px; font-style:italic;} .header-v5 { position:absolute; top:46px; left:50%; z-index:1000001; margin-left:-500px; width:1000px; background-color:transparent; } .header-v5 .page-width { width:auto; position:relative; } s /* 全局 */ .header-v5 .nav, .header-v5 .main-nav { float:right; } .header-v5 .main-nav .sf-menu a:hover { text-decoration:none; } .header-v5 .main-nav .sf-menu a { border:none; padding-top:0; padding-bottom:0; display:block; line-height:80px; font-size:15px; color:#fff; } /* 一级 */ .header-v5 .main-nav .sf-menu li { margin-left:0; margin-right:-45px; background-color:transparent; _width:200px;} .header-v5 .main-nav .sf-menu li:hover, .header-v5 .main-nav .sf-menu li.sfHover, .header-v5 .main-nav .sf-menu li.sfHover > a, .header-v5 .main-nav .sf-menu a:focus, .header-v5 .main-nav .sf-menu a:hover, .header-v5 .main-nav .sf-menu a:active { background-color:transparent; color:#fff; } .header-v5 .main-nav .sf-menu li.current, .header-v5 .main-nav .sf-menu li.current .first-level, .header-v5 .main-nav .sf-menu li.current .first-level:visited { background-color:transparent; color:#fff; } .header-v5 .main-nav .sf-sub-indicator { background-image:url(../images/superfish-arrows-white.gif); } .header-v5 .main-nav .sf-menu .first-level { position:relative; padding:0; border:0; line-height:80px; margin:0 46px; border-right:none; background-image:url(../images/menu-bg.png); background-repeat:repeat-x; *zoom:1; } .header-v5 .main-nav .sf-menu .first-level strong { display:block; line-height:80px; padding-right:0.85em; padding-left:0.85em; } .header-v5 .main-nav .sf-menu .first-level em { display:block; width:46px; height:80px; overflow:hidden; position:absolute; top:0; background-image:url(../images/menu.png); background-repeat:no-repeat; } .header-v5 .main-nav .sf-menu .first-level .menu-left { left:-46px; background-position:0 0; } .header-v5 .main-nav .sf-menu .first-level .menu-right { right:-46px; background-position:0 -80px; } .header-v5 .main-nav .sf-menu .current .first-level, .header-v5 .main-nav .sf-menu .sfHover .first-level, .header-v5 .main-nav .sf-menu .first-level:hover { background-position:0 -80px; } .header-v5 .main-nav .sf-menu .current .menu-left, .header-v5 .main-nav .sf-menu .sfHover .menu-left, .header-v5 .main-nav .sf-menu .first-level:hover .menu-left { background-position:-46px 0; } .header-v5 .main-nav .sf-menu .current .menu-right, .header-v5 .main-nav .sf-menu .sfHover .menu-right, .header-v5 .main-nav .sf-menu .first-level:hover .menu-right { background-position:-46px -80px; } .header-v5 .main-nav .sf-menu .first-level .sf-sub-indicator { display:none; } .header-v5 .main-nav .sf-menu .last .first-level { border-right:none; } .header-v5 .main-nav .sf-menu li i { display:none; width:100%; _width:expression( (this.parentElement.clientWidth) +'px'); height:3px; overflow:hidden; background-color:#ea0112; position:absolute; top:-3px; left:0; } .header-v5 .main-nav .sf-menu li:hover i,.header-v5 .main-nav .sf-menu .nav-hover i, .header-v5 .main-nav .sf-menu .current i, .header-v5 .main-nav .sf-menu .sfHover i { display:none; } /* 二级以下 */ .header-v5 .main-nav .sf-menu li:hover ul, .header-v5 .main-nav .sf-menu li.sfHover ul { top:80px; box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1); } .header-v5 .main-nav .sf-menu li li:hover ul, .header-v5 .main-nav .sf-menu li li.sfHover ul { top:0; left:13em; } .header-v5 .main-nav .sf-menu li li { margin-left:0; background-color:rgba(11,83,191,0.95); background-color:#0b53bf\9; } .header-v5 .main-nav .sf-menu li li a, .header-v5 .main-nav .sf-menu li li a:visited { padding-top:0; padding-bottom:0; line-height:50px; font-weight:normal; font-size:14px; color:#fff; } .header-v5 .main-nav .sf-menu li li a strong { font-weight:normal; } .header-v5 .main-nav .sf-menu li li:hover, .header-v5 .main-nav .sf-menu li.sfHover li.sfHover, .header-v5 .main-nav .sf-menu li.sfHover li.sfHover > a, .header-v5 .main-nav .sf-menu li li a:focus, .header-v5 .main-nav .sf-menu li li a:hover, .header-v5 .main-nav .sf-menu li li a:active { background-color:rgba(11,78,179,0.95); background-color:#0b4eb3\9; color:#fff; } .header-v5 .main-nav .sf-menu li li .sf-sub-indicator { top:1.3em; display:block; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * {margin:0; padding:0;list-style:none;} .sf-menu {line-height:1.0;} .sf-menu ul {position:absolute; top:-999em; width:13em; /* left offset of submenus need to match (see below) */} .sf-menu ul li {width:100%;} .sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float:left;position:relative;} .sf-menu a {display:block;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;top:2.4em;*top:2.2em; /* ie6,7 bug */z-index:99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:15em; /* match ul width */top:0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:15em; /* match ul width */ top:0;} /*** DEMO SKIN ***/ .sf-menu a{border-left:1px solid #fff;border-top:1px solid #CFDEFF;padding:.75em 1em;text-decoration:none;} .sf-menu a, .sf-menu a:visited{color:#13a;} .sf-menu li {background:#BDD2FF;} .sf-menu li li {background:#AABDE6;} .sf-menu li li li {background:#9AAEDB;} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#CFDEFF;outline:0;} /*** arrows **/ .sf-menu a.sf-with-ul { padding-right:1.8em;/*min-width:1px;*/} .sf-sub-indicator {position:absolute;display:block; right:.75em;top:1.05em; /* IE6 only */width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../images/superfish-arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */} a > .sf-sub-indicator { top:.8em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/} /* ============================= header ============================= */ .header { min-height:300px; height:auto !important; _height:300px; } .page-menu { margin-bottom:35px; } .page-menu-title { background:#0b53bf; } .page-menu-title h3 { padding-left:15px; height:60px; line-height:60px; color:#fff; font-size:22px; font-weight:normal; } .page-menu-content { padding:0 0 20px; } .page-menu-content ul { } .page-menu-content ul li { position:relative; line-height:52px; overflow:hidden; margin-bottom:2px; } .page-menu-content ul li a { position:relative; z-index:11; display:block; line-height:52px; font-size:15px; padding-left:25px; *zoom:1; color:#fff; } .page-menu-content ul li i { display:block; width:6px; height:9px; overflow:hidden; position:absolute; top:19px; left:12px; background:url(../images/style-blue/page-menu.png) no-repeat 0 0; } .page-menu-content ul li em { display:block; width:100%; height:52px; overflow:hidden; position:absolute; top:0; z-index:10; background-image:url(../images/page-menu-s.png); background-repeat:no-repeat; } . ul li .page-menu-n { left:0; background-position:top right; background-color:#0a4cac; } .page-menu-content ul li .page-menu-h { left:-300px; background-position:bottom right; } .page-menu-content ul li a:hover .page-menu-h { left:0; } .page-menu-content ul li:hover i { } .page-menu-content ul ul { padding:0 0 0 15px ; margin:10px 0 20px; display:none; } .page-menu-content ul ul li.last { border-bottom:none; } .page-menu-content ul li ul li { border-bottom:none; } .page-menu-content ul li ul li a { color:#808080; padding-left:10px; background:url(../images/style-blue/page-menu-sub.gif) no-repeat left center; } .page-menu-content ul li ul li a:hover { color:#e50012; } .page-menu-content ul ul li a { background-image:none; padding:0; line-height:32px; background-colot:#f2f2f2; font-size:13px; } .page-menu-content ul li.current a { } .page-menu-content ul li.current i { } .page-menu-content ul li.current .page-menu-h { left:0 !important; } .page-menu-content ul li.current ul { display:block; } .page-menu-content ul li.current ul li { border-bottom:none; line-height:32px; *zoom:1; vertical-align:text-top; } .page-menu-content ul li.current ul li a { background-color:transparent; color:#808080; } .page-menu-content ul li.current ul li a:hover { color:#e50012; } .page-menu-content ul li.current ul li.current a { color:#e50012; } .full-page-menu-wrapper { position:relative; z-index:100; margin-top:-60px; overflow:hidden; height:60px } .full-page-menu-wrapper i { display:block; width:83px; height:60px; overflow:hidden; position:absolute; top:0; right:0; background:url(../images/other.png) no-repeat top center; } .full-page-menu-wrapper .page-width { position:relative;} .full-page-menu { position:relative; z-index:100; text-align:right; } .full-page-menu-title { position:relative; float:right; margin-right:35px; } .full-page-menu-title h2 { line-height:60px; padding:0 20px 0 15px; background:#e50012 url(../images/full-page-menu-title-icon.png) no-repeat right center; font-weight:normal; font-size:18px; color:#fff; } .full-page-menu-title em { position:absolute; top:0; display:block; width:35px; height:60px; background-image:url(../images/full-page-menu-title.png); background-repeat:no-repeat; } .full-page-menu-title .menu-left { left:-35px; background-position:0 0; } .full-page-menu-title .menu-right { right:-35px; background-position:0 -60px;} .full-page-menu-content { float:right; } .full-page-menu-content ul { padding:0; font-size:0; } .full-page-menu-content ul li { border-bottom:none; display:inline-block; *display:inline; *zoom:1; background-image:none; margin-right:35px; } .full-page-menu-content li a { display:inline-block; *display:inline; *zoom:1; position:relative; line-height:60px; font-size:15px; color:#fff; } .full-page-menu-content li a strong { display:block; padding:0 15px; background-color:#0a4cac; font-weight:normal; } .full-page-menu-content li a em { position:absolute; top:0; display:block; width:35px; height:60px; background-image:url(../images/full-page-menu.png); background-repeat:no-repeat; } .full-page-menu-content li a .menu-left { left:-35px; background-position:0 0; } .full-page-menu-content li a .menu-right { right:-35px; background-position:0 -60px;} .full-page-menu-content ul li a:hover strong { background-color:#0c59cc; } .full-page-menu-content ul li a:hover .menu-left { background-position:-35px 0; } .full-page-menu-content ul li a:hover .menu-right { background-position:-35px -60px; } .full-page-menu-content ul li.current a strong { background-color:#0c59cc; } .full-page-menu-content ul li.current .menu-left { left:-35px; background-position:-35px 0; } .full-page-menu-content ul li.current .menu-right { right:-35px; background-position:-35px -60px;} .full-page-menu-expand { width:1000px; height:60px; position:absolute; right:-965px; top:0; background-color:#0a4cac; } .breadcrumbs-wrapper { position:relative; z-index:100; margin-top:-60px; overflow:hidden; } .breadcrumbs-wrapper .page-width { position:relative; } .breadcrumbs-wrapper .breadcrumbs { position:relative; z-index:100; line-height:60px; padding:0 250px 0 30px; background:#f2f2f2 url(../images/skin-icon/icon-home.png) no-repeat 10px center;} .breadcrumbs-wrapper .breadcrumbs em { position:absolute; left:-35px; top:0; display:block; width:35px; height:60px; overflow:hidden; background:url(../images/breadcrumbs-bg.png) no-repeat 0 0; } .breadcrumbs-expand { width:1000px; height:60px; position:absolute; right:-965px; top:0; background-color:#f2f2f2; } /* ============================= main ============================= */ .main { position:relative; min-width:1120px;} .main .module-full-screen:last-of-type > .module-inner { padding-bottom:120px; } .main > .page-width { position:relative; z-index:100001;} .wid{ width:1120px; margin:0 auto; margin-top:60px; } .sidebar { width:300px; float:left;} .content { overflow:hidden; float:right; width:780px; _overflow:hidden; } .full-screen { width:100%; overflow:hidden; } .insi-page .full-screen { padding-bottom:50px; } .contit{font-size: 22px;line-height: 1.5;font-weight: normal; text-align:center; height:50px; overflow:hidden;} .contime{text-align: center;margin-bottom: 20px;padding-bottom: 10px;font-size: 12px;border-bottom: 1px dotted #ccc; color:#888;} .conpic{ padding:10px 0px; text-align:center; margin:0 auto;} .conpic img{ max-width:750px; overflow:hidden;} .actr{ overflow:hidden; line-height:30px;} .uppage{ clear:both; width:100%; margin-top:50px;} .pgfl{ float:left; width:40%; height:40px; line-height:40px;overflow:hidden;} .pgfr{ float:right; width:40%; height:40px; line-height:40px; overflow:hidden;} .uppage a:hover{ color:#0a4cac;} .Page{width:90%; text-align:center; padding:50px 0px 50px 0px; margin:0 auto;} .Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;} .Page a:hover{ background:#0099cc; color:#FFF;background-repeat:no-repeat; } .Page span{display:inline-block;min-width:45px; padding:0 10px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;float:left;} .Page span.current{ background:#0099cc; color:#FFF;} .paddleft{ width:60%;} .footer{ clear:both; overflow:hidden; margin:0 auto; position:relative; min-width:1120px;} .footbg{ background:url(../images/footer-bg.jpg) no-repeat; height:360px; margin:0 auto; padding-top:70px;} .footcon{background-color: #fff;width: 1120px; height:289px;border-bottom: 1px solid #e8e8e8;margin:0 auto;} .fot1{ overflow:hidden; width:150px; float:left; padding:35px 40px 25px;} .fot1 ul li{ height:30px; line-height:30px; overflow:hidden;} .fot2{ width:390px; float:right; padding:35px 0px 0px 0px; line-height:30px;} .bot{ width:1120px; margin:0 auto;padding:20px 0px 30px 0px; line-height:40px;} .left{ float:left;} .right{ float:right;} .bloc{ overflow:hidden; width:760px; border-bottom:1px dashed #ccc; margin-bottom:30px;} .listl{ float:left; padding-right:10px; margin-bottom:20px;} .listr{ float:right; width:570px;} .lrtitl{ height:50px; line-height:50px; font-size:18px; overflow:hidden;} .lrcont{ height:150px;line-height:30px; overflow:hidden;}